:root{
  color-scheme:dark;
  --bg:#090a0d;--panel:#111319;--panel2:#171a21;--line:#2a2e38;--text:#f4f5f7;--muted:#969daa;
  --gold:#d7b15c;--gold2:#f0d38a;--ok:#56c98f;--bad:#ff6b72;--warn:#e6b85c;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 8% 0%,#191b22 0,transparent 34%),var(--bg);color:var(--text);min-height:100vh}
button,input,select{font:inherit}.app-shell{width:min(1180px,calc(100% - 32px));margin:auto;padding:24px 0 28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 2px 22px}.eyebrow,.kicker{font-size:.72rem;letter-spacing:.18em;color:var(--gold2);font-weight:800}.topbar h1{font-size:clamp(1.2rem,3vw,1.65rem);margin:.25rem 0 0}.badge{border:1px solid #4c4129;background:#1b1811;color:var(--gold2);padding:8px 12px;border-radius:999px;font-size:.75rem;font-weight:900}.card{background:linear-gradient(180deg,rgba(24,27,34,.96),rgba(15,17,22,.98));border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 60px rgba(0,0,0,.24)}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;padding:28px}.hero-copy h2{font-size:clamp(1.7rem,4vw,3.1rem);line-height:1.04;margin:10px 0 16px;max-width:760px}.hero-copy p{color:var(--muted);line-height:1.65;max-width:680px}.connect-form{display:grid;gap:14px;padding:18px;background:rgba(7,8,11,.45);border:1px solid #242833;border-radius:16px}.connect-form label{display:grid;gap:7px}.connect-form label>span{font-size:.78rem;font-weight:800;color:#d9dde4}.connect-form small{font-size:.72rem;color:var(--muted)}input,select{width:100%;border:1px solid #313642;background:#0c0e12;color:var(--text);border-radius:12px;padding:13px 14px;outline:0}input:focus,select:focus{border-color:#806a38;box-shadow:0 0 0 3px rgba(215,177,92,.09)}.password-wrap{display:flex;gap:8px}.password-wrap input{min-width:0}.icon-btn{border:1px solid #313642;background:#171a20;color:#d7dae0;border-radius:12px;padding:0 12px;font-size:.69rem;font-weight:900}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border-radius:12px;padding:12px 15px;border:1px solid transparent;font-weight:900;letter-spacing:.04em;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--gold2),#b38939);color:#13100a}.btn-ghost{background:#151820;border-color:#303541;color:#e3e5e9}.btn.compact{padding:8px 11px;font-size:.72rem}.status-panel,.detail-card{margin-top:16px;padding:20px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.section-head h3{margin:5px 0 0}.status-dot{width:13px;height:13px;border-radius:50%;background:var(--warn);box-shadow:0 0 0 5px rgba(230,184,92,.08)}.status-dot[data-state="ok"]{background:var(--ok)}.status-dot[data-state="bad"]{background:var(--bad)}.status-dot[data-state="partial"]{background:var(--warn)}.status-message{margin-top:14px;padding:12px 14px;border:1px solid #343943;border-radius:12px;color:#d9dde4;background:#0e1015}.status-message.success{border-color:rgba(86,201,143,.35);color:#9ce3bd}.status-message.error{border-color:rgba(255,107,114,.35);color:#ff9da2}.status-message.warning{border-color:rgba(230,184,92,.35);color:#f2cc78}.dashboard{margin-top:16px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{padding:18px}.metric span{display:block;color:var(--muted);font-size:.78rem;font-weight:800}.metric strong{display:block;font-size:1.7rem;margin:7px 0 2px}.metric small{color:#7f8795}.details-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.detail-item{padding:13px;background:#0d0f14;border:1px solid #262a33;border-radius:12px;min-width:0}.detail-item span{display:block;color:var(--muted);font-size:.7rem;margin-bottom:5px}.detail-item strong{font-size:.82rem;overflow-wrap:anywhere}.diagnostics{display:grid;gap:8px;margin-top:14px}.diag-row{display:grid;grid-template-columns:180px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid #272c35;background:#0d0f14;border-radius:12px}.diag-row span:nth-child(2){color:var(--muted);font-size:.8rem;overflow-wrap:anywhere}.pill{font-size:.66rem;font-weight:900;padding:5px 8px;border-radius:999px;border:1px solid}.pill.ok{color:#83dcae;border-color:rgba(86,201,143,.35);background:rgba(86,201,143,.06)}.pill.bad{color:#ff979c;border-color:rgba(255,107,114,.35);background:rgba(255,107,114,.06)}.pill.skip{color:#b3bac6;border-color:#3b414d;background:#151820}.privacy-note{color:var(--muted);font-size:.72rem;line-height:1.5;margin:14px 2px 0}footer{color:#676e7a;text-align:center;font-size:.7rem;padding:26px 10px 4px}
@media(max-width:860px){.hero{grid-template-columns:1fr}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.app-shell{width:min(100% - 20px,1180px);padding-top:12px}.topbar{padding-bottom:14px}.hero{padding:18px;border-radius:16px}.hero-copy h2{font-size:1.85rem}.connect-form{padding:13px}.stats-grid{gap:9px}.metric{padding:14px}.details-grid{grid-template-columns:1fr}.diag-row{grid-template-columns:1fr auto}.diag-row span:nth-child(2){grid-column:1/-1;grid-row:2}.section-head{align-items:flex-start}.status-panel,.detail-card{padding:16px}.actions .btn{flex:1 1 150px}}