*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy: #0B0F17;--navy2: #111827;--navy3: #1A2235;--navy4: #232E42;--teal: #2AFFC0;--tealDim: rgba(42,255,192,.1);--tealBorder: rgba(42,255,192,.2);--text: #E2E8F2;--text2: #8897AA;--text3: #4A5568;--border: rgba(255,255,255,.06);--red: #FF4F4F;--amber: #F5A623;--sidebar-w: 220px;--bottom-nav-h: 60px}html,body,#root{height:100%;background:var(--navy);color:var(--text);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--navy4);border-radius:2px}input,select,textarea{background:var(--navy3);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text);font-family:DM Sans,sans-serif;font-size:16px;padding:11px 12px;outline:none;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,select:focus,textarea:focus{border-color:var(--tealBorder)}input::placeholder{color:var(--text3)}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%234A5568' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}button{cursor:pointer;font-family:DM Sans,sans-serif;-webkit-tap-highlight-color:transparent}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar-desktop{width:var(--sidebar-w);min-width:var(--sidebar-w);flex-shrink:0}.app-main{flex:1;min-width:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.sidebar-overlay,.bottom-nav{display:none}.menu-btn{display:none!important}.stat-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.stat-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-2-1{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.page-content{padding:20px 28px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal-inner{background:#111827;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:24px 28px;width:520px;max-width:calc(100vw - 32px);max-height:88vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-inner.wide{width:700px}@media (max-width: 768px){.sidebar-desktop{position:fixed!important;top:0;left:0;bottom:0;width:260px!important;min-width:260px!important;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);z-index:50}.sidebar-desktop.open{transform:translate(0)}.app-main{padding-bottom:var(--bottom-nav-h)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:49;display:none}.sidebar-overlay.visible{display:block}.bottom-nav{display:flex!important;align-items:stretch;position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-h);background:var(--navy2);border-top:1px solid var(--border);z-index:40;padding-bottom:env(safe-area-inset-bottom,0px)}.menu-btn{display:block!important}.stat-grid-4,.stat-grid-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid-2,.grid-2-1{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}.page-content{padding:14px 16px}.topbar-inner{padding:12px 14px!important}.topbar-title{font-size:15px!important}.topbar-subtitle{display:none}.card-inner{padding:14px!important}.modal-backdrop{align-items:flex-end!important;padding:0!important}.modal-inner{width:100%!important;max-width:100%!important;border-radius:20px 20px 0 0!important;padding:8px 18px 32px!important;max-height:93vh!important}.modal-inner.wide{width:100%!important}.invoice-preview-wrap{padding:16px 14px!important;font-size:12px!important}.invoice-preview-wrap img{max-width:55%!important}.quarter-grid{grid-template-columns:repeat(2,1fr)!important}.export-grid{grid-template-columns:1fr!important}.summary-grid{grid-template-columns:repeat(2,1fr)!important}.hide-mobile{display:none!important}}@media (max-width: 420px){.stat-grid-4{gap:8px}.grid-3{grid-template-columns:1fr}.quarter-grid{grid-template-columns:1fr 1fr!important}.page-content{padding:12px}}