*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;background:var(--bg);color:var(--t);transition:background .2s,color .2s}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:3px;background:var(--b)}input:focus,select:focus,textarea:focus{outline:none}a{color:inherit;text-decoration:none}:root,[data-theme=light]{--bg: #F4F5F8;--s: #FAFBFC;--c: #FFFFFF;--ch: #F7F8FA;--b: #E0E2E8;--bs: #EAECF0;--t: #111318;--t2: #5E6170;--t3: #979AA6;--a: #4160E0;--al: #ECF0FE;--at: #3450C4;--ag: linear-gradient(135deg, #4160E0, #6880F0);--g: #1A9E48;--gl: #ECF9F0;--gg: linear-gradient(135deg, #189944, #3CB868);--w: #B88A08;--wl: #FEF9EC;--e: #D43838;--el: #FEECEC;--dk: 0;--shadow-sm: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.06);--shadow-lg: 0 12px 40px rgba(0,0,0,.08);--backdrop: rgba(0,0,0,.25)}[data-theme=dark]{--bg: #0A0A0C;--s: #0E0E12;--c: #131317;--ch: #18181E;--b: #232329;--bs: #1C1C22;--t: #E8E8ED;--t2: #84848F;--t3: #4E4E58;--a: #6E8BEF;--al: #14193A;--at: #97ADF4;--ag: linear-gradient(135deg, #5A74D6, #8EA4F8);--g: #4FB870;--gl: #0E2418;--gg: linear-gradient(135deg, #3A9C58, #6CD48A);--w: #D4A020;--wl: #1A1608;--e: #E05C5C;--el: #2A1414;--dk: 1;--shadow-sm: 0 1px 3px rgba(0,0,0,.2);--shadow-md: 0 4px 16px rgba(0,0,0,.3);--shadow-lg: 0 12px 40px rgba(0,0,0,.5);--backdrop: rgba(0,0,0,.55)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.mono{font-family:IBM Plex Mono,monospace}.fade-in{animation:fadeIn .3s ease both}.slide-up{animation:slideUp .3s ease both}.scrollable{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--b) transparent}.grid-detail{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-detail{grid-template-columns:1fr 280px}}@media(max-width:768px){.sidebar{position:fixed!important;top:0;left:0;bottom:0;z-index:100;transform:translate(-100%);transition:transform .25s ease}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block!important}.hamburger,.hamburger-detail{display:flex!important}.main-content{padding:0!important}.main-content>header{padding:16px 16px 0!important}.main-content>div{padding:12px 16px 32px!important}.grid-detail,.grid-2{grid-template-columns:1fr!important}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}table{font-size:12px!important}table th,table td{padding:10px 12px!important;white-space:nowrap}.filter-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap!important}.filter-scroll::-webkit-scrollbar{display:none}.card-compact{padding:14px!important}.tab-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap!important}.tab-bar::-webkit-scrollbar{display:none}.mono{letter-spacing:-.01em}.detail-actions{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.notif-dropdown{position:fixed!important;top:56px!important;left:8px!important;right:8px!important;width:auto!important}}@media(max-width:480px){.grid-3,.grid-4{grid-template-columns:1fr}.main-content>header{padding:12px 12px 0!important}.main-content>div{padding:10px 12px 24px!important}.main-content h1{font-size:18px!important}.kpi-value{font-size:20px!important}}