:root {
  color-scheme: dark;
  --bg: #080b10;
  --panel: #111720;
  --panel-2: #171f2a;
  --line: #263142;
  --text: #f6f8fb;
  --muted: #94a0b2;
  --accent: #69efae;
  --accent-2: #37c985;
  --warning: #ffcc66;
  --danger: #ff6b78;
  --blue: #76a9ff;
  --radius: 18px;
  --shadow: 0 18px 48px rgba(0,0,0,.28);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; background: radial-gradient(circle at 85% -10%, #1e3a33 0, transparent 30%), var(--bg); color: var(--text); min-height: 100vh; }
a { color: var(--accent); text-decoration: none; }
button, input, textarea, select { font: inherit; }
.topbar { position: fixed; inset: 0 0 auto 0; height: 74px; z-index: 20; display:flex; align-items:center; justify-content:space-between; padding:0 28px; background: rgba(8,11,16,.92); backdrop-filter: blur(18px); border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:12px; color:var(--text); }
.brand-mark { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; background:linear-gradient(135deg,var(--accent),#35aef5); color:#03120b; font-weight:900; }
.brand strong,.brand small { display:block; }.brand small{color:var(--muted); margin-top:2px;}
.topbar-actions{display:flex;align-items:center;gap:12px}.owner{color:var(--muted);font-size:14px}.demo-pill,.mode-badge{display:inline-flex;align-items:center;border:1px solid rgba(105,239,174,.38);background:rgba(105,239,174,.11);color:var(--accent);padding:7px 10px;border-radius:999px;font-weight:800;font-size:11px;letter-spacing:.08em}
.sidebar { position:fixed; top:74px; bottom:0; left:0; width:220px; padding:28px 18px; border-right:1px solid var(--line); background:rgba(10,14,20,.9); display:flex; flex-direction:column; gap:8px; }
.sidebar a { color:var(--muted); padding:12px 14px; border-radius:12px; font-weight:650; }.sidebar a:hover,.sidebar a.active{background:var(--panel-2);color:var(--text)}.sidebar a.active{box-shadow:inset 3px 0 var(--accent)}
.app-shell { margin-left:220px; padding:110px 34px 80px; max-width:1700px; }.auth-shell{padding:120px 24px 80px;display:grid;place-items:center;min-height:calc(100vh - 50px)}
.footer { position:fixed; bottom:0; right:0; left:220px; padding:10px 24px; font-size:11px; color:#687588; background:rgba(8,11,16,.94); border-top:1px solid rgba(38,49,66,.7); z-index:10}.auth-shell + .footer{left:0}
h1{font-size:clamp(32px,4vw,54px);line-height:1.02;margin:6px 0 12px;letter-spacing:-.04em}h2{margin:0;font-size:20px}h3{margin:0 0 8px}.muted,.panel-heading p,.page-heading p{color:var(--muted)}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:850}.success-text{color:var(--accent)}
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:24px}.page-heading p{margin:0}.heading-actions{display:flex;gap:10px;align-items:center}.inline-form{display:inline}
.auth-card,.info-card,.panel,.kpi-card{background:linear-gradient(180deg,rgba(23,31,42,.96),rgba(15,21,29,.96));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.auth-card{width:min(480px,100%);padding:34px}.auth-card.wide{width:min(880px,100%)}.info-card{padding:28px;align-self:start}.setup-grid{display:grid;grid-template-columns:minmax(0,880px) minmax(260px,340px);gap:24px;align-items:start}
.stack-form{display:flex;flex-direction:column;gap:16px;margin-top:24px}label{display:flex;flex-direction:column;gap:7px;color:#cbd3df;font-size:13px;font-weight:700}input,textarea,select{width:100%;background:#090e15;color:var(--text);border:1px solid #303d50;border-radius:11px;padding:12px 13px;outline:none}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(105,239,174,.12)}textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid.three{grid-template-columns:repeat(3,1fr)}
.primary-button,.ghost-button,.danger-button,.warning-button{border:0;border-radius:11px;padding:11px 15px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.primary-button{background:var(--accent);color:#06120d}.primary-button:hover{background:#8bf5c4}.ghost-button{background:#1b2430;color:var(--text);border:1px solid #334155}.danger-button{background:var(--danger);color:#240309}.warning-button{background:var(--warning);color:#231500}.button-link{margin-top:18px}.text-link{display:inline-block;margin-top:20px}.primary-button:disabled,.ghost-button:disabled,.danger-button:disabled,.warning-button:disabled{opacity:.6;cursor:wait}
.notice{padding:12px 14px;border-radius:12px;background:rgba(118,169,255,.10);border:1px solid rgba(118,169,255,.25);color:#cddcff;margin:18px 0}.totp-panel{display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:center;background:#0b1017;border:1px solid var(--line);border-radius:14px;padding:18px}.qr-code{background:white;border-radius:10px;padding:8px}.qr-code svg{display:block;width:100%;height:auto}.totp-panel code{word-break:break-all}.check-row{flex-direction:row;align-items:flex-start;font-weight:600}.check-row input{width:18px;margin-top:2px}.feature-list{display:grid;gap:12px;padding-left:20px;color:#c7d0dc}.compact-list{font-size:13px;grid-template-columns:1fr 1fr}.recovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.recovery-grid code{padding:12px;background:#090e15;border:1px solid var(--line);border-radius:10px;text-align:center}
.flash{padding:14px 16px;border-radius:12px;margin-bottom:20px;border:1px solid}.flash-info{background:rgba(118,169,255,.12);border-color:rgba(118,169,255,.3)}.flash-success{background:rgba(105,239,174,.12);border-color:rgba(105,239,174,.3)}.flash-error{background:rgba(255,107,120,.12);border-color:rgba(255,107,120,.35)}
.status-banner{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border:1px solid;border-radius:14px;margin-bottom:20px}.status-banner strong,.status-banner span{display:block}.status-banner span{font-size:13px;margin-top:3px}.status-good{background:rgba(105,239,174,.08);border-color:rgba(105,239,174,.3)}.status-warning{background:rgba(255,204,102,.08);border-color:rgba(255,204,102,.32)}.status-danger{background:rgba(255,107,120,.10);border-color:rgba(255,107,120,.4)}
.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:14px;margin-bottom:22px}.kpi-grid.compact{grid-template-columns:repeat(5,1fr)}.kpi-card{padding:18px;box-shadow:none}.kpi-card span,.kpi-card small{display:block;color:var(--muted);font-size:12px}.kpi-card strong{display:block;font-size:25px;margin:9px 0 4px;letter-spacing:-.03em}
.content-grid{display:grid;gap:18px;margin-bottom:18px}.content-grid.two-thirds{grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}.content-grid.half{grid-template-columns:1fr 1fr}.panel{padding:20px;overflow:hidden;margin-bottom:18px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-heading p{margin:5px 0 0;font-size:13px}.panel-heading a{font-size:13px}.warning-panel{border-color:rgba(255,204,102,.4)}.danger-panel{border-color:rgba(255,107,120,.35)}
.table-wrap{overflow:auto;margin:0 -20px -20px}table{width:100%;border-collapse:collapse;min-width:720px}th{text-align:left;color:#8190a4;font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:10px 16px;border-bottom:1px solid var(--line)}td{padding:13px 16px;border-bottom:1px solid rgba(38,49,66,.65);font-size:13px;vertical-align:top}td strong,td small{display:block}td small{color:var(--muted);margin-top:4px;max-width:420px}.empty{text-align:center;color:var(--muted);padding:28px}.tag{display:inline-flex;border:1px solid #405068;border-radius:999px;padding:4px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.tag-trade,.tag-success{color:var(--accent);border-color:rgba(105,239,174,.4)}.tag-skip{color:#a9b4c3}.tag-error{color:var(--danger);border-color:rgba(255,107,120,.4)}
.recommendation-list{display:grid;gap:12px;padding-left:20px;color:#cad2de}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.mini-stats div{background:#0b1017;border:1px solid var(--line);border-radius:11px;padding:12px}.mini-stats span,.mini-stats strong{display:block}.mini-stats span{color:var(--muted);font-size:11px}.mini-stats strong{font-size:22px;margin-top:4px}.model-row{display:grid;grid-template-columns:minmax(170px,1fr) minmax(120px,2fr) 52px;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.model-row strong,.model-row small{display:block}.model-row small{color:var(--muted);font-size:11px;margin-top:4px}.weight-track{height:8px;background:#0a0f16;border-radius:999px;overflow:hidden}.weight-track span{display:block;height:100%;background:linear-gradient(90deg,var(--accent-2),var(--blue));border-radius:999px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-grid .panel{margin:0}details{border-top:1px solid var(--line);padding-top:14px}summary{cursor:pointer;color:var(--accent);font-weight:750}.details-form{margin-top:16px}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;white-space:pre-wrap;word-break:break-word}
@media (max-width:1200px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.kpi-grid.compact{grid-template-columns:repeat(3,1fr)}.content-grid.two-thirds,.content-grid.half,.settings-grid{grid-template-columns:1fr}.setup-grid{grid-template-columns:1fr}.info-card{display:none}}
@media (max-width:760px){.topbar{padding:0 15px}.brand small,.owner{display:none}.sidebar{position:fixed;top:auto;bottom:0;right:0;width:auto;height:62px;z-index:30;padding:7px;flex-direction:row;justify-content:space-around;border-right:0;border-top:1px solid var(--line)}.sidebar a{font-size:11px;padding:10px 8px}.app-shell{margin-left:0;padding:96px 14px 90px}.footer{display:none}.page-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%;flex-wrap:wrap}.kpi-grid,.kpi-grid.compact{grid-template-columns:1fr 1fr}.form-grid.two,.form-grid.three{grid-template-columns:1fr}.totp-panel{grid-template-columns:1fr}.qr-code{max-width:180px}.recovery-grid{grid-template-columns:1fr}.compact-list{grid-template-columns:1fr}.topbar-actions .demo-pill{display:none}}
.export-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}