:root{--bg:#0b1020;--panel:#ffffff0a;--panel-2:#ffffff0f;--border:#ffffff1a;--text:#ffffffeb;--muted:#ffffffb3;--muted2:#ffffff8c;--brand:#244c8f;--brand2:#3b82f6d9;--shadow:0 20px 60px #0000008c;--radius:16px;--safe-top:env(safe-area-inset-top);--safe-right:env(safe-area-inset-right);--safe-bottom:env(safe-area-inset-bottom);--safe-left:env(safe-area-inset-left);--container-max:980px;--container-max-wide:1400px}*{box-sizing:border-box}html,body{height:100%}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:radial-gradient(1200px 600px at 20% -10%,#244c8f40,transparent 60%),radial-gradient(900px 500px at 90% 0%,#3b82f61f,transparent 55%),var(--bg);color:var(--text);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden}a{color:#ffffffe6;text-decoration:none}a:hover{text-decoration:underline}.pageShell{max-width:var(--container-max);padding:calc(20px)calc(14px + var(--safe-right))calc(24px + var(--safe-bottom))calc(14px + var(--safe-left));margin:0 auto}@media (min-width:768px){.pageShell{max-width:1200px;padding:28px calc(20px + var(--safe-right))calc(28px + var(--safe-bottom))calc(20px + var(--safe-left))}}@media (min-width:1200px){.pageShell{max-width:var(--container-max-wide)}}.container{max-width:var(--container-max);margin:0 auto;padding:56px 24px}.card{background:linear-gradient(180deg,var(--panel),#ffffff05);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.badge{border:1px solid var(--border);color:var(--muted);background:#ffffff08;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:inline-flex}.h1{letter-spacing:-.02em;margin:12px 0 10px;font-size:34px}.h2{color:var(--text);letter-spacing:-.01em;margin:28px 0 10px;font-size:18px}.p{color:var(--muted);margin:0 0 14px;line-height:1.75}.hr{background:#ffffff14;border:0;height:1px;margin:22px 0}.topbar{padding:calc(12px + var(--safe-top))calc(14px + var(--safe-right))12px calc(14px + var(--safe-left));-webkit-backdrop-filter:blur(10px);z-index:50;background:#0b102099;border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.logo{letter-spacing:-.02em;white-space:nowrap;font-weight:650}.logo span{color:var(--brand)}.topbarRight{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.nav{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.nav a{color:var(--muted)}.nav a:hover{color:var(--text);text-decoration:none}.chip{color:#ffffffbf;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:inline-flex}.dot{background:#22c55ef2;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #22c55e1a}@media (max-width:520px){.chip{display:none}.topbar{padding-bottom:10px}}.hero{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.grid{grid-template-columns:1.15fr .85fr;gap:16px;display:grid}@media (max-width:900px){.grid{grid-template-columns:1fr}}.kpiRow{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}@media (max-width:640px){.kpiRow{grid-template-columns:repeat(2,1fr)}}@media (max-width:420px){.kpiRow{grid-template-columns:1fr}}.kpi{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;padding:12px}.kpiLabel{color:#fff9;margin-bottom:6px;font-size:12px}.kpiValue{color:#ffffffe6;font-size:14px;font-weight:600}.loginCard{align-self:start}.form{gap:10px;margin-top:12px;display:grid}.label{color:#ffffffa6;font-size:12px}.input{color:#ffffffeb;background:#00000040;border:1px solid #ffffff1f;border-radius:12px;outline:none;height:42px;padding:0 12px}.input:focus{border-color:#ffffff38;box-shadow:0 0 0 4px #ffffff0f}.button{color:#ffffffeb;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:12px;height:42px;font-weight:600;transition:transform .12s,background .12s}.button:hover{background:#ffffff1c}.button:active{transform:translateY(1px)}.rowBetween{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.footer{margin-top:18px;padding:14px 0}.footerInner{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:14px;display:flex}@media (max-width:640px){.footerInner{flex-direction:column;align-items:flex-start;gap:10px}}.footerLinks{flex-wrap:wrap;gap:12px;display:flex}.tiny{font-size:12px}.subtle{color:var(--muted)}.link{color:#fffc}.link:hover{color:#fffffff2;text-decoration:none}.heroChips{align-items:center;gap:10px;display:flex}@media (max-width:900px){.hero{flex-direction:column;align-items:flex-start;gap:12px}}@media (max-width:520px){.card{padding:18px}.h1{font-size:28px}}.appShell{grid-template-columns:1fr;min-height:calc(100vh - 62px);display:grid}.appShellHeader{background:#0b10204d;border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:12px 14px;display:flex}.appShellMenuBtn{color:#ffffffeb;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;min-width:44px;height:38px;padding:0 12px}.appShellHeaderTitle{letter-spacing:-.01em;font-weight:650}.appShellHeaderRight{margin-left:auto}.appShellMain{padding:18px 14px 22px}.appShellSidebarDocked{display:none}.appNav{gap:10px;padding:14px;display:grid}.appNavSectionTitle{color:#ffffff8c;margin-top:6px;margin-bottom:-2px;font-size:12px}.appNavItem{color:#ffffffd9;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;align-items:center;padding:10px 12px;text-decoration:none;display:flex}.appNavItem:hover{color:#fffffff2;background:#ffffff0f;text-decoration:none}.appNavItemActive{background:#244c8f2e;border-color:#244c8f8c}.appShellOverlay{z-index:60;position:fixed;inset:0}.appShellBackdrop{background:#0009;position:absolute;inset:0}.appShellSidebarDrawer{-webkit-backdrop-filter:blur(12px);background:#0b1020f2;border-right:1px solid #ffffff1a;width:86%;max-width:340px;height:100%;position:absolute;top:0;left:0;overflow-y:auto}.appShellDrawerTop{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:14px;display:flex}.appShellDrawerTitle{font-weight:650}.appShellCloseBtn{color:#ffffffeb;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;min-width:44px;height:36px;padding:0 10px}@media (min-width:768px){.appShell{grid-template-columns:300px 1fr;align-items:start}.appShellHeader{display:none}.appShellSidebarDocked{background:#ffffff05;border-right:1px solid #ffffff14;min-height:calc(100vh - 62px);display:block;position:sticky;top:62px;overflow-y:auto}.appShellMain{padding:26px 20px 28px}}@media (min-width:1200px){.appShell{grid-template-columns:340px 1fr}.appShellMain{padding-left:28px;padding-right:28px}}.appDrawerShell{position:relative}.appDrawerBar{z-index:20;-webkit-backdrop-filter:blur(10px);background:#0b10202e;border-bottom:1px solid #ffffff0f;padding:10px 12px;position:sticky;top:0}.appDrawerMenuBtn{color:#ffffffeb;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;min-width:44px;height:38px;padding:0 12px}.appDrawerMenuBtn:hover{background:#ffffff17}.appDrawerMain{padding-top:10px}.appDrawerOverlay{z-index:80;position:fixed;inset:0}.appDrawerBackdrop{background:#0009;position:absolute;inset:0}.appDrawerPanel{-webkit-backdrop-filter:blur(12px);background:#0b1020f2;border-right:1px solid #ffffff1a;width:86%;max-width:340px;height:100%;position:absolute;top:0;left:0;overflow-y:auto}.appDrawerTop{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:14px;display:flex}.appDrawerTitle{font-weight:650}.appDrawerCloseBtn{color:#ffffffeb;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;min-width:44px;height:36px;padding:0 10px}