@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Hanken+Grotesk:wght@500;600;700;800&family=Azeret+Mono:wght@400;500&display=swap";:root{--bg-main:#0a1120;--bg-sidebar:#0e182b;--bg-card:#17233999;--bg-hover:#ffffff0d;--primary:#0c9482;--primary-glow:#0c948280;--secondary:#3ea48f;--accent:#3ea48f;--danger:#de4444;--warning:#e69f19;--text-main:#f6faf8;--text-muted:#93a3b3;--border:#ffffff14;--text-strong:#fff;--on-primary:#fff;--surface-1:#ffffff08;--surface-2:#ffffff0d;--row-hover:#ffffff05;--border-strong:#ffffff1a;--topbar-bg:#0b0b0fcc;--logo-from:#fff;--logo-to:#94a3b8;--orb-opacity:.15;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-sans:"Inter", system-ui, sans-serif;--font-display:"Hanken Grotesk", system-ui, sans-serif;--font-mono:"Azeret Mono", ui-monospace, monospace}:root[data-theme=light]{--bg-main:#f2f5f7;--bg-sidebar:#fff;--bg-card:#ffffffd1;--bg-hover:#0d19280d;--primary:#0c8170;--primary-glow:#0c948240;--secondary:#24715f;--accent:#177a62;--danger:#c22b2b;--warning:#8a5800;--text-main:#14212f;--text-muted:#5b6b7a;--border:#0d19281a;--text-strong:#0d1926;--surface-1:#0d192808;--surface-2:#0d19280d;--row-hover:#0d192808;--border-strong:#0d192824;--topbar-bg:#fffc;--logo-from:#0d1926;--logo-to:#5b6b7a;--orb-opacity:.08;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:0 4px 30px #0000001a}.glass-panel{background:linear-gradient(135deg,#ffffff08 0%,#ffffff03 100%);border-top:1px solid #ffffff1a;border-left:1px solid #ffffff0d}:root[data-theme=light] .glass{background:#fff;box-shadow:0 2px 12px #0d19280f}:root[data-theme=light] .glass-panel{border-top-color:var(--border);border-left-color:var(--border);background:#fff}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border);z-index:10;flex-direction:column;flex-shrink:0;width:260px;padding:24px;display:flex}.main-content{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.main-content:before{content:"";background:var(--primary);filter:blur(150px);width:500px;height:500px;opacity:var(--orb-opacity);z-index:0;pointer-events:none;border-radius:50%;position:absolute;top:-10%;left:-10%}.main-content:after{content:"";background:var(--secondary);filter:blur(150px);width:400px;height:400px;opacity:var(--orb-opacity);z-index:0;pointer-events:none;border-radius:50%;position:absolute;bottom:-10%;right:-5%}.topbar{border-bottom:1px solid var(--border);background:var(--topbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;justify-content:space-between;align-items:center;height:80px;padding:0 32px;display:flex}.dashboard-scroll{z-index:1;flex:1;padding:32px;overflow-y:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.logo{font-family:var(--font-display);background:linear-gradient(135deg, var(--logo-from) 0%, var(--logo-to) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:12px;margin-bottom:40px;font-size:24px;font-weight:800;display:flex}.logo-icon{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);width:32px;height:32px;box-shadow:0 0 20px var(--primary-glow);border-radius:8px;justify-content:center;align-items:center;display:flex}.nav-item{color:var(--text-muted);cursor:pointer;width:100%;font-weight:500;font:inherit;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 16px;font-weight:500;transition:all .3s;display:flex}@media (hover:hover) and (pointer:fine){.nav-item:hover{background:var(--bg-hover);color:var(--text-main);transform:translate(4px)}}.nav-item.active{color:var(--primary);border-left:3px solid var(--primary);background:linear-gradient(90deg,#0c94821f 0%,#0000 100%)}.page-title{font-family:var(--font-display);letter-spacing:-.5px;font-size:28px;font-weight:700}.card{border-radius:16px;padding:24px;transition:transform .3s,box-shadow .3s}@media (hover:hover) and (pointer:fine){.card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0003}}.grid-metrics{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px;display:grid}.grid-charts{grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px;display:grid}.grid-split-3-2{grid-template-columns:1.5fr 1fr;gap:24px;margin-bottom:32px;display:grid}.grid-split-even{grid-template-columns:1.5fr 1.5fr;gap:24px;margin-bottom:32px;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:24px;display:grid}.stat-title{color:var(--text-muted);letter-spacing:0;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.stat-title:first-letter{text-transform:uppercase}.stat-value{font-family:var(--font-display);margin-bottom:4px;font-size:36px;font-weight:700}.stat-change{align-items:center;gap:4px;font-size:13px;font-weight:500;display:flex}.stat-change.positive{color:var(--accent)}.stat-change.negative{color:var(--danger)}.stat-skeleton{background:linear-gradient(90deg, var(--surface-1) 25%, var(--surface-2) 50%, var(--surface-1) 75%);background-size:200% 100%;border-radius:6px;width:72px;height:30px;margin-bottom:4px;animation:1.4s ease-in-out infinite shimmer;display:inline-block}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.stat-skeleton{animation:none}.animate-fade-in{opacity:1;animation:none}.delay-100,.delay-200,.delay-300{opacity:1}}.section-label{font-family:var(--font-display);letter-spacing:.3px;color:var(--text-muted);align-items:center;gap:10px;margin:4px 0 14px;font-size:13px;font-weight:700;display:flex}.section-label:after{content:"";background:var(--border);flex:1;height:1px}.stat-card{cursor:pointer;position:relative}.stat-jump{color:var(--text-muted);opacity:0;transition:opacity .2s;position:absolute;top:16px;right:16px}@media (hover:hover) and (pointer:fine){.stat-card:hover .stat-jump{opacity:1;color:var(--primary)}.stat-card:hover{border-color:#0c948273}}.table-container{width:100%;overflow-x:auto}.table-scroll{max-height:280px;overflow-y:auto}.table-scroll thead th{background:var(--bg-sidebar);z-index:1;position:sticky;top:0}table{border-collapse:collapse;width:100%}th{text-align:left;letter-spacing:0;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:600}th:first-letter{text-transform:uppercase}td{border-bottom:1px solid var(--surface-1);color:var(--text-main);padding:16px;font-size:14px}@media (hover:hover) and (pointer:fine){tr:hover td{background:var(--row-hover)}}.badge{letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}.badge.primary{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f64d}.badge.success{color:#34d399;background:#10b98133;border:1px solid #10b9814d}.badge.warning{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b4d}:root[data-theme=light] .badge.primary{color:#1d4ed8;background:#2563eb14;border-color:#2563eb4d}:root[data-theme=light] .badge.success{color:#047857;background:#05966914;border-color:#0596694d}:root[data-theme=light] .badge.warning{color:#b45309;background:#b4530914;border-color:#b453094d}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeIn}.delay-100{opacity:0;animation-delay:.1s}.delay-200{opacity:0;animation-delay:.2s}.delay-300{opacity:0;animation-delay:.3s}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border)}.recharts-tooltip-wrapper{outline:none}.custom-tooltip{background:var(--bg-sidebar);border:1px solid var(--border);border-radius:8px;padding:12px;box-shadow:0 10px 25px #00000080}.menu-toggle{background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text-main);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:8px;display:none}.sidebar-overlay{display:none}@media (width<=1024px){.grid-charts,.grid-split-3-2,.grid-split-even{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}}@media (width<=700px){.grid-2,.grid-3{grid-template-columns:1fr}}@media (width<=900px){.menu-toggle{display:flex}.sidebar{z-index:110;height:100dvh;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:0 0 40px #00000080}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:100;opacity:0;pointer-events:none;background:#00000080;transition:opacity .25s;display:block;position:fixed;inset:0}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.topbar{flex-wrap:wrap;row-gap:10px;height:auto;min-height:64px;padding:12px 16px}.page-title{font-size:19px}.dashboard-scroll{padding:16px}.stat-value{font-size:28px}.grid-metrics{gap:16px;margin-bottom:24px}.card{padding:18px}}@media (width<=480px){.topbar-updated{display:none}}.modal-card{background:var(--bg-sidebar);border:1px solid var(--border);box-shadow:0 20px 60px #0009}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-body-columns{gap:24px;display:flex}@media (width<=768px){.modal-body-columns{flex-direction:column}.modal-col-side{width:100%!important}}