:root{--ink: #0e1116;--panel: #161a21;--panel-2: #1c222b;--line: #272d38;--line-soft: #1f242d;--gold: #d8b36a;--gold-dim: #8a763f;--text: #ece9e3;--dim: #8b92a0;--buy: #3fb68b;--sell: #e5564b;--live: #f0c674;--r: 12px;--r-sm: 8px;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--disp: "Space Grotesk", system-ui, sans-serif;--body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ink);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.shell{display:grid;grid-template-columns:232px 1fr;height:100vh}.side{background:var(--panel);border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;gap:4px}.brandmark{font-family:var(--disp);font-weight:700;font-size:18px;letter-spacing:-.02em;padding:4px 10px 18px;display:flex;align-items:center;gap:9px}.brandmark .dot{width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold)}.navitem{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:var(--r-sm);color:var(--dim);text-decoration:none;font-size:14px;font-weight:500;border:1px solid transparent}.navitem:hover{color:var(--text);background:var(--panel-2)}.navitem.active{color:var(--text);background:var(--panel-2);border-color:var(--line)}.navitem .k{font-family:var(--mono);font-size:11px;color:var(--gold-dim);margin-left:auto}.side .role{margin-top:auto;font-size:11px;color:var(--dim);padding:10px;border-top:1px solid var(--line-soft)}.main{overflow-y:auto}.topbar{display:flex;align-items:center;gap:18px;padding:16px 28px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#0e1116db;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5}.topbar h1{font-family:var(--disp);font-size:17px;font-weight:600;margin:0;letter-spacing:-.01em}.page{padding:28px;max-width:1200px}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--gold-dim);text-transform:uppercase}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}.panel-pad{padding:20px}.field label{display:block;font-size:11px;color:var(--dim);margin-bottom:6px;letter-spacing:.02em}.field .inp{display:flex;align-items:center;gap:8px;background:var(--ink);border:1px solid var(--line);border-radius:var(--r-sm);padding:0 10px}.field .inp:focus-within{border-color:var(--gold-dim)}.field input,.field select{width:100%;background:transparent;border:0;outline:0;color:var(--text);font-family:var(--mono);font-size:14px;padding:9px 0}.field .suffix{font-family:var(--mono);font-size:12px;color:var(--dim)}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;color:var(--dim);font-weight:600;letter-spacing:.04em;padding:12px 14px;border-bottom:1px solid var(--line)}td{padding:13px 14px;border-bottom:1px solid var(--line-soft);font-size:14px}tr:last-child td{border-bottom:0}.btn{font-family:var(--body);font-size:13px;font-weight:600;cursor:pointer;border-radius:var(--r-sm);padding:9px 15px;border:1px solid var(--line);background:var(--panel-2);color:var(--text)}.btn:hover{border-color:var(--gold-dim)}.btn.primary{background:var(--gold);color:#0b0b0f;border-color:var(--gold)}.btn.primary:hover{filter:brightness(1.06)}.btn.danger{color:var(--sell)}.btn.ghost{background:transparent}.btn:disabled{opacity:.45;cursor:default}.status{font-size:11px;font-weight:600;font-family:var(--mono);padding:3px 9px;border-radius:999px;border:1px solid}.status.active{color:var(--buy);border-color:#234;background:#3fb68b14}.status.suspended,.status.deactivated{color:var(--sell);border-color:#422;background:#e5564b14}.status.trial{color:var(--gold);border-color:var(--gold-dim)}.savebar{display:flex;align-items:center;gap:12px;margin-top:18px}.savebar .hint{font-size:12px;color:var(--dim)}.login{height:100vh;display:grid;place-items:center}.login .card{width:360px}.login h2{font-family:var(--disp);margin:0 0 4px}.login p{color:var(--dim);font-size:13px;margin:0 0 22px}.login .field{margin-bottom:14px}.toggle{position:relative;width:42px;height:24px;border-radius:999px;background:var(--line);border:0;cursor:pointer}.toggle.on{background:var(--buy)}.toggle .knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s}.toggle.on .knob{left:21px}.login-hero{height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-hero .art{position:relative;overflow:hidden;background-size:cover;background-position:center}.login-hero .art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0e111626,#0e11168c 55%,#0e1116f0)}.login-hero .art .tagline{position:absolute;left:40px;right:40px;bottom:44px;z-index:1}.login-hero .art .tagline h1{font-family:var(--disp);font-size:30px;font-weight:700;color:#fff;margin:0 0 8px;letter-spacing:-.02em;text-shadow:0 2px 20px rgba(0,0,0,.5)}.login-hero .art .tagline p{color:#ffffffbf;font-size:14px;margin:0;max-width:380px}.login-hero .panel-side{display:grid;place-items:center;padding:40px}.login-hero .card{width:380px}.login-hero .brandmark{justify-content:center;margin-bottom:6px}@media (max-width: 860px){.login-hero{grid-template-columns:1fr}.login-hero .art{display:none}}.app-footer{text-align:center;font-size:11px;color:var(--dim);padding:14px 0 18px;letter-spacing:.02em}.app-footer span{color:var(--gold-dim);font-weight:600}.dash-hero{position:relative;border-radius:var(--r);overflow:hidden;background-size:cover;background-position:center 65%;min-height:150px;display:flex;align-items:flex-end;padding:22px 26px}.dash-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0e1116eb 20%,#0e111673)}.dash-hero .greet{position:relative;z-index:1}.dash-hero .greet h1{font-family:var(--disp);font-size:22px;margin:0 0 4px;color:#fff}.dash-hero .greet p{margin:0;color:#ffffffb3;font-size:13px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:20px}.stat-tile{padding:16px 18px}.stat-tile .label{font-size:11px;color:var(--dim);letter-spacing:.04em;text-transform:uppercase}.stat-tile .value{font-family:var(--mono);font-size:26px;font-weight:700;margin-top:6px;color:var(--text)}.stat-tile .value.gold{color:var(--gold)}.stat-tile .value.buy{color:var(--buy)}.stat-tile .value.sell{color:var(--sell)}