*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;width:100%}body{font-family:Inter,sans-serif;background:#fafafa;color:#1e293b}input,select,textarea,button{font-family:inherit}button{cursor:pointer}.app-wrapper{display:flex;min-height:100dvh}.sidebar{width:260px;position:fixed;height:100vh;background:#036;color:#fff;padding:24px 0;display:flex;flex-direction:column;box-shadow:0 1px 3px #0000001a;z-index:50}.main-content{margin-left:260px;min-height:100dvh;background:#fafafa;flex:1;min-width:0}.page-inner{padding:32px}.page-title{font-size:32px;font-weight:700;color:#036;margin-bottom:24px}.mobile-header{display:none}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#036;z-index:100;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid rgba(255,255,255,.12)}.bottom-nav-inner{display:flex;height:60px;align-items:stretch}.bottom-nav-link{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:#ffffff8c;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:color .2s;border:none;background:transparent;cursor:pointer;padding:0}.bottom-nav-link.active{color:#c5a059}.bottom-nav-icon{font-size:19px;line-height:1}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #00000014}.two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.net-settlement-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:32px}.table-view{width:100%;border-collapse:collapse;font-size:14px}.cards-view{display:none}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-row-2>div{margin-bottom:0}input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box!important;min-height:34px}.period-row{display:flex;align-items:center;gap:12px;margin-bottom:32px}.action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}@media (max-width: 767px){.sidebar{display:none}.main-content{margin-left:0;padding-bottom:0}.page-inner{padding:16px 16px 24px}.page-title{font-size:22px;margin-bottom:16px}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:52px;background:#036;color:#fff;position:sticky;top:0;z-index:40;flex-shrink:0}.bottom-nav{display:block}.main-content{padding-bottom:calc(60px + env(safe-area-inset-bottom))}.stat-grid{grid-template-columns:1fr;gap:10px;margin-bottom:20px}.stat-card{padding:14px 16px;display:flex;justify-content:space-between;align-items:center}.two-col-grid{grid-template-columns:1fr;gap:14px}.net-settlement-grid{grid-template-columns:1fr;gap:20px;margin-bottom:20px}.table-view{display:none}.cards-view{display:flex;flex-direction:column;gap:10px}.form-row-2{grid-template-columns:1fr;gap:0;margin-bottom:0}.form-row-2>div{margin-bottom:14px}.period-row{margin-bottom:20px}.action-bar{margin-bottom:16px}input[type=date]{width:100%!important;max-width:100%!important}.stat-card .stat-value{margin-top:0!important;font-size:18px!important}.modal-overlay{align-items:flex-end!important}.modal-panel{width:100%!important;max-width:100%!important;border-radius:20px 20px 0 0!important;max-height:92dvh!important;padding:20px 16px 32px!important}}