@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0b0e;--sidebar:#0d0f14;--card:#131620;--card2:#181c28;--border:#1e2235;--border2:#252a3d;--text:#e8eaf0;--text2:#8b90a8;--text3:#4a5070;--accent:#6c7fff;--accent2:#4f5de8;--accent-bg:rgba(108,127,255,.12);--green:#22d3a0;--green-bg:rgba(34,211,160,.1);--red:#ff5e7d;--red-bg:rgba(255,94,125,.1);--amber:#f5a623;--amber-bg:rgba(245,166,35,.1);--purple:#a78bfa;--purple-bg:rgba(167,139,250,.1);font-family:DM Sans,system-ui,sans-serif;font-size:14px;color-scheme:dark}:root.light{--bg:#f0f2f7;--sidebar:#ffffff;--card:#ffffff;--card2:#f5f7fc;--border:#e2e6f0;--border2:#cdd2e4;--text:#1a1d2e;--text2:#5a6080;--text3:#9098b8;--accent:#5a6ef0;--accent2:#4050d0;--accent-bg:rgba(90,110,240,.1);--green:#0fa878;--green-bg:rgba(15,168,120,.1);--red:#e0405a;--red-bg:rgba(224,64,90,.1);--amber:#d4880a;--amber-bg:rgba(212,136,10,.1);--purple:#7c5ce0;--purple-bg:rgba(124,92,224,.1);color-scheme:light}body{background:var(--bg);color:var(--text);min-height:100vh;overflow:hidden;transition:background .25s,color .25s}#root{display:flex;height:100vh;width:100vw;overflow:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.badge-green{background:var(--green-bg);color:var(--green)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-amber{background:var(--amber-bg);color:var(--amber)}.badge-blue{background:var(--accent-bg);color:var(--accent)}.badge-purple{background:var(--purple-bg);color:var(--purple)}.badge-gray{background:#8080801f;color:var(--text2)}:root.light input,:root.light textarea,:root.light select{color:var(--text)!important;background-color:var(--card2)!important}.mobile-menu-toggle,.sidebar-mobile-close,.mobile-sidebar-backdrop{display:none}@media (max-width:760px){.app-sidebar{position:fixed!important;z-index:400;top:0;bottom:0;left:0;width:min(82vw,300px)!important;min-width:min(82vw,300px)!important;height:100dvh!important;transform:translate(-105%);transition:transform .2s ease;box-shadow:12px 0 32px #00000047}.app-sidebar.is-open{transform:translate(0)}.mobile-sidebar-backdrop{display:block;position:fixed;z-index:350;top:0;right:0;bottom:0;left:0;border:0;background:#00000073;cursor:pointer}.mobile-menu-toggle,.sidebar-mobile-close{display:flex;align-items:center;justify-content:center}.app-topbar{padding:0 12px!important;gap:8px!important}.app-topbar .topbar-spacer,.app-topbar .topbar-language,.app-topbar .topbar-theme{display:none!important}.app-topbar>div[style*="position:relative"]>div:first-child{padding:5px!important}.topbar-user-details{display:none!important}.app-page-content{padding:16px!important}.dashboard-header,.page-header-responsive{align-items:flex-start!important;flex-wrap:wrap;gap:12px}.pending-actions-popover{position:fixed!important;top:64px!important;right:16px!important;left:16px!important;width:auto!important;max-height:calc(100dvh - 80px);overflow-y:auto!important}.dashboard-period-filter{flex-wrap:wrap;align-items:center!important}.dashboard-period-filter select,.dashboard-period-filter input{min-width:0;max-width:100%}.dashboard-period-label{width:100%;margin-left:0!important}.dashboard-kpi-primary,.dashboard-kpi-secondary,.expenses-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-kpi-secondary>:last-child:nth-child(odd){grid-column:1/-1}.dashboard-kpi-grid>div,.expenses-kpi-grid>div{min-width:0;padding:14px!important}.dashboard-split{grid-template-columns:minmax(0,1fr)!important}.dashboard-chart-card{min-width:0;padding:16px!important}.dashboard-chart-header{align-items:flex-start!important;flex-wrap:wrap;gap:8px}.dashboard-table-scroll,.expenses-table-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.dashboard-table-scroll table{min-width:560px}.expenses-table-scroll table{min-width:760px}.page-header-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.page-header-actions button{min-width:0;justify-content:center;padding:8px 6px!important;font-size:11px!important}.expenses-filter-bar{overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}.expenses-filter-options{min-width:max-content}.expenses-table-scroll .exp-btn{opacity:1!important}}
