@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap");
:root{--ground:#0b0f14;--surface:#11161d;--elevated:#1c2330;--ink:#e6e8eb;--muted:#a3a8b3;--faint:#747c8b;--rule:#2a313c;--brand:#3a82f6;--tele:#00e0c6;--go:#35d49a;--hold:#f5b942;--nogo:#ff5f6d;--r:10px}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--ground);color:var(--ink);font:14px/1.55 "Space Grotesk",sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 50% 0%,#16233b 0,transparent 48%)}
.auth-panel{width:min(100%,460px);padding:36px;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--rule);border-radius:var(--r);box-shadow:0 18px 60px #0008}
.wordmark{position:fixed;top:28px;left:32px;display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.18em;text-decoration:none}.wordmark-mark{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--brand);color:var(--tele);font:500 13px "IBM Plex Mono"}
.eyebrow{color:var(--tele);font:10px "IBM Plex Mono";letter-spacing:.2em}.auth-panel h1{margin:18px 0 8px;font-size:38px;letter-spacing:-.04em}.lede{color:var(--muted);margin:0 0 28px}
.auth-form{display:grid;gap:16px}.auth-form label{display:grid;gap:7px;color:var(--muted);font:11px "IBM Plex Mono";letter-spacing:.08em;text-transform:uppercase}.auth-form input{width:100%;padding:12px 13px;border:1px solid var(--rule);border-radius:7px;background:var(--ground);color:var(--ink);outline:none}.auth-form input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #3a82f633}
.primary-button{border:1px solid var(--brand);border-radius:7px;padding:12px;background:var(--brand);color:#fff;font:600 11px "IBM Plex Mono";letter-spacing:.12em}.primary-button:hover{filter:brightness(1.12)}
.auth-actions{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.text-button{border:0;background:transparent;color:var(--muted);font-size:11px;padding:0;text-align:left}.text-button:hover{color:var(--ink)}.auth-status{min-height:22px;margin:20px 0 0;color:var(--muted);font-size:12px}.auth-status[data-tone=good]{color:var(--go)}.auth-status[data-tone=bad]{color:var(--nogo)}.auth-status[data-tone=busy]{color:var(--hold)}.auth-foot{margin:28px 0 0;padding-top:16px;border-top:1px solid var(--rule);color:var(--faint);font:10px/1.6 "IBM Plex Mono"}
.dashboard-shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{padding:24px 16px;border-right:1px solid var(--rule);background:var(--surface)}.sidebar .wordmark{position:static;margin:0 10px 40px}.side-label{margin:22px 10px 8px;color:var(--faint);font:9px "IBM Plex Mono";letter-spacing:.2em}.tab{display:flex;width:100%;align-items:center;gap:10px;border:1px solid transparent;border-radius:7px;padding:10px;color:var(--muted);background:transparent;text-align:left;font-size:12px}.tab:hover,.tab.active{border-color:var(--rule);background:var(--elevated);color:var(--ink)}.tab.active::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--tele);box-shadow:0 0 0 3px #00e0c622}
.sidebar-bottom{margin-top:auto;padding-top:28px}.sidebar{display:flex;flex-direction:column}.user-chip{margin:0 10px 12px;padding:10px;border:1px solid var(--rule);color:var(--muted);font:10px "IBM Plex Mono";overflow:hidden;text-overflow:ellipsis}.signout{width:100%;border:1px solid var(--rule);background:transparent;color:var(--muted);padding:9px;border-radius:7px;font:10px "IBM Plex Mono"}.signout:hover{color:var(--nogo);border-color:var(--nogo)}
.tab-lock{margin-left:auto;color:var(--hold);font:8px "IBM Plex Mono";letter-spacing:.08em}.workspace-card.locked{position:relative;overflow:hidden}.workspace-card.locked::after{content:"PRO ACCESS";position:absolute;top:16px;right:16px;color:var(--hold);font:8px "IBM Plex Mono";letter-spacing:.14em}.upgrade-link{display:inline-flex;margin-top:8px;padding:9px 12px;border:1px solid var(--hold);border-radius:7px;color:var(--hold);font:10px "IBM Plex Mono";text-decoration:none}.upgrade-link:hover{background:#f5b94218}
.main{min-width:0;padding:28px clamp(22px,4vw,64px)}.topline{display:flex;justify-content:space-between;align-items:start;gap:20px;border-bottom:1px solid var(--rule);padding-bottom:22px}.topline h1{margin:7px 0 0;font-size:30px;letter-spacing:-.035em}.status-pill{padding:6px 9px;border:1px solid #35d49a66;color:var(--go);font:9px "IBM Plex Mono";letter-spacing:.12em}.view{display:none}.view.active{display:block}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.metric,.workspace-card,.settings-row{border:1px solid var(--rule);border-radius:var(--r);background:var(--surface);padding:18px}.metric small,.card-kicker{display:block;color:var(--faint);font:9px "IBM Plex Mono";letter-spacing:.16em;text-transform:uppercase}.metric strong{display:block;margin-top:11px;font:600 25px "IBM Plex Mono"}.metric p,.workspace-card p{color:var(--muted);font-size:12px}.workspace-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}.workspace-card h3{margin:0;font-size:15px}.workspace-card .card-kicker{color:var(--brand);margin-bottom:9px}.settings{max-width:720px;margin-top:24px}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:10px}.settings-row label{color:var(--muted);font-size:12px}.settings-row input,.settings-row select{border:1px solid var(--rule);border-radius:6px;background:var(--ground);color:var(--ink);padding:8px 10px}.toggle{width:40px;height:22px;border:1px solid var(--rule);border-radius:999px;background:var(--ground);padding:3px;text-align:left}.toggle.on{background:var(--brand)}.toggle i{display:block;width:14px;height:14px;border-radius:50%;background:var(--muted);transition:transform .16s}.toggle.on i{background:#fff;transform:translateX(16px)}
@media(max-width:800px){.dashboard-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--rule);padding:14px}.sidebar .wordmark{margin:0 6px 14px}.side-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:4px;overflow:auto}.tab{width:auto;white-space:nowrap}.main{padding:22px 16px}.grid,.workspace-grid{grid-template-columns:1fr}.wordmark{left:20px}.auth-panel{padding:28px 22px}}