@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap");:root{--bg:#05060f;--card:hsla(0,0%,100%,.04);--border:hsla(0,0%,100%,.08);--text:#e8ecf5;--muted:#9fb0cc;--accent:#7ff0d4;--accent2:#4aa8ff}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}#orbital-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.orb{position:absolute;filter:blur(60px);opacity:.7}.orb-a{width:420px;height:420px;background:radial-gradient(circle,rgba(74,168,255,.3),transparent 60%);top:-60px;left:-40px}.orb-b{width:380px;height:380px;background:radial-gradient(circle,rgba(127,240,212,.28),transparent 60%);bottom:-80px;right:-20px}.orb-c{width:300px;height:300px;background:radial-gradient(circle,rgba(255,140,228,.22),transparent 60%);top:40%;left:30%}.grid-lines{position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:60px 60px}#app{position:relative;z-index:1;display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:hsla(0,0%,100%,.02);border-right:1px solid var(--border);padding:24px;display:flex;flex-direction:column;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--accent2),var(--accent));display:grid;place-items:center;font-weight:700;color:#05060f}.brand-text span{text-transform:lowercase;font-weight:700;letter-spacing:.04em;font-size:18px}.sidebar nav{display:flex;flex-direction:column;gap:8px}.sidebar nav a,.sidebar nav button{background:transparent;border:1px solid transparent;color:var(--text);padding:10px 12px;border-radius:10px;text-align:left;cursor:pointer;font-size:14px;transition:all .2s ease}.sidebar nav a:hover{border-color:var(--border);background:hsla(0,0%,100%,.04);transform:translateX(2px)}.sidebar nav a.active{border-color:var(--border);background:linear-gradient(135deg,rgba(74,168,255,.15),rgba(127,240,212,.12));box-shadow:0 10px 40px rgba(0,0,0,.2)}.sidebar-footer{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.status-dot{width:10px;height:10px;border-radius:50%;background:#2ae5b0;box-shadow:0 0 12px rgba(42,229,176,.8)}main{padding:28px 32px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.breadcrumbs{color:var(--muted);font-weight:600}.top-actions{display:flex;gap:10px;align-items:center}.ghost,.top-actions .ghost{border:1px solid var(--border);background:transparent;color:var(--text);padding:10px 14px;border-radius:12px;cursor:pointer}.btn{display:inline-block;padding:12px 16px;border-radius:12px;background:linear-gradient(135deg,var(--accent2),var(--accent));color:#05060f;font-weight:700}.user-pill{padding:10px 14px;border:1px solid var(--border);border-radius:999px;color:var(--muted)}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:20px;gap:20px;align-items:center;margin-bottom:20px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--muted);margin:0 0 8px}.hero h1{margin:0 0 10px;font-size:32px;letter-spacing:-.02em}.hero .lede{color:var(--muted);margin:0 0 16px}.hero-actions{display:flex;gap:10px;align-items:center}.hero-metrics{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px}.metric-line{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:8px;gap:8px;font-size:14px}.metric-line .bar{background:hsla(0,0%,100%,.06);border-radius:999px;height:6px;overflow:hidden}.metric-line .bar span{display:block;height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent))}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:14px;gap:14px;margin-bottom:20px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px}.card:hover{border-color:rgba(127,240,212,.4);box-shadow:0 12px 50px rgba(0,0,0,.3);transition:.2s ease}.pill{padding:4px 8px;border-radius:999px;font-size:12px;color:#05060f}.pill.neutral{background:hsla(0,0%,100%,.7)}.pill.good{background:#2ae5b0}.panel-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:14px;gap:14px}.panel-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px}.panel-head{display:flex;justify-content:space-between;align-items:center}.timeline{list-style:none;padding:0;margin:12px 0 0;gap:8px}.timeline,.timeline li{display:flex;flex-direction:column}.timeline li{gap:4px}.muted{color:var(--muted);font-size:13px}.usage-bars{display:flex;flex-direction:column;gap:10px}.usage-row{display:grid;grid-template-columns:70px 1fr auto;align-items:center;grid-gap:8px;gap:8px}.usage-row .bar{background:hsla(0,0%,100%,.06);border-radius:999px;height:6px;overflow:hidden}.usage-row .bar span{display:block;height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent))}.value{color:var(--muted);font-size:13px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:26px 0 12px}.feature-list{list-style:none;padding:0;margin:10px 0 0;color:var(--muted);display:grid;grid-gap:6px;gap:6px}.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#02030a;position:relative}.login-shell{position:relative;width:min(960px,90vw);padding:48px;background:rgba(12,15,30,.8);border:1px solid var(--border);border-radius:24px;box-shadow:0 25px 120px rgba(0,0,0,.45);overflow:hidden}.orb-lite{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 20%,rgba(120,160,255,.18),transparent 40%),radial-gradient(circle at 80% 30%,rgba(127,240,212,.15),transparent 35%),radial-gradient(circle at 60% 80%,rgba(255,140,228,.12),transparent 35%);filter:blur(10px)}.login-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:32px;gap:32px;align-items:center}.login-hero h1{margin:0 0 12px;font-size:32px;letter-spacing:-.02em}.login-hero p{margin:0 0 20px;color:var(--muted)}.login-form label{display:block;margin:12px 0 6px;font-size:14px;color:#c9d3ea}.login-form input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:hsla(0,0%,100%,.04);color:var(--text)}.login-form input:focus{outline:1px solid var(--accent)}.login-actions{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.login-actions .checkbox{color:#c9d3ea;font-size:14px;display:flex;align-items:center;gap:8px}.login-actions button{padding:12px 18px;border-radius:12px;border:none;background:linear-gradient(135deg,var(--accent2),var(--accent));color:#05060f;font-weight:700;cursor:pointer}.login-actions button:hover{filter:brightness(1.05)}.login-note{margin-top:12px}.login-footer,.login-note{color:var(--muted);font-size:13px}.login-footer{margin-top:24px}.login-footer code{background:hsla(0,0%,100%,.06);padding:4px 6px;border-radius:6px}@media (max-width:960px){#app{grid-template-columns:1fr}.sidebar{flex-direction:row;gap:12px;overflow-x:auto}.sidebar nav{flex-direction:row;flex-wrap:wrap}}