*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5fbfe;--surface:#fff;--surface2:#eef8fd;--surface3:#daf2fb;--border:#00aeef22;--border2:#00aeef33;--text:#0e4f6e;--text2:#4aaace;--text3:#89cee6;--accent:#00aeef;--accent2:#0099d6;--green:oklch(52% 0.16 155);--orange:oklch(58% 0.18 55);--red:oklch(52% 0.22 20);--yellow:oklch(62% 0.17 85);--sidebar-w:240px}body.dark{--bg:#0d1117;--surface:#161b22;--surface2:#1c2128;--surface3:#21262d;--border:#ffffff18;--border2:#ffffff22;--text:#e6edf3;--text2:#7d9db5;--text3:#4d6a80;--accent:#0097a7;--accent2:#1a4568}body,html{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-size:14px}#__next,body,body>div,html{height:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:3px}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}*{-webkit-tap-highlight-color:transparent}button,input,select,textarea{font-family:DM Sans,sans-serif}.app-shell{height:100vh}.app-shell,.main-wrapper{display:flex;overflow:hidden}.main-wrapper{flex:1 1;flex-direction:column;margin-left:0}@media (min-width:768px){.main-wrapper{margin-left:var(--sidebar-w)}}.page-content{flex:1 1;overflow-y:auto;padding:28px 32px}@media (max-width:640px){.page-content{padding:16px}}.topbar{height:56px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:14px;flex-shrink:0;box-shadow:0 1px 4px rgba(0,174,239,.06)}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);background:linear-gradient(180deg,#00c4ff,#00aeef);display:flex;flex-direction:column;z-index:50;transition:transform .25s ease;transform:translateX(-100%)}body.dark .sidebar{background:linear-gradient(180deg,#1a4568,#0d2d45)}.sidebar.open{transform:translateX(0)}@media (min-width:768px){.sidebar{transform:translateX(0)!important}}.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:40}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px 24px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;font-weight:600;background:var(--surface2)}.data-table td,.data-table th{padding:10px 12px;border-bottom:1px solid var(--border)}.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px;gap:16px;flex-wrap:wrap}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:16px;gap:16px}.empty-state{text-align:center;padding:48px;color:var(--text3);display:flex;flex-direction:column;align-items:center;gap:12px}