:root{--bg:#070a0f;--panel:#0e141d;--panel2:#121a25;--line:#202c3b;--text:#f1f6fc;--muted:#8f9cad;--good:#55dda0;--bad:#ff6e7d;--warn:#ffc968;--accent:#79a7ff;--shadow:0 18px 60px #0005}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);background:radial-gradient(circle at 82% -8%,#152743 0,transparent 32%),var(--bg);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button{font:inherit}.app{max-width:1320px;margin:auto;padding:18px}.topbar{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:6px 0 16px}.brand{display:flex;align-items:center;gap:12px}.logo{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#79a7ff,#55dda0);box-shadow:0 0 38px #5688ff44}.brand h1{margin:0;font-size:18px}.brand p{margin:2px 0 0;color:var(--muted);font-size:12px}.statusrow,.actions,.tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.chip,.btn,.tab{border:1px solid var(--line);background:#101722;color:var(--text);border-radius:11px;padding:9px 11px}.chip{border-radius:999px;padding:7px 10px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--muted);margin-right:7px}.dot.good{background:var(--good);box-shadow:0 0 12px var(--good)}.dot.bad{background:var(--bad)}.dot.warn{background:var(--warn)}.btn{cursor:pointer}.btn:hover,.tab:hover{border-color:#3a526f}.btn.primary{background:#17325a;border-color:#315d99;color:#c5d9ff}.btn.good{background:#103326;border-color:#285e48;color:#90efc0}.btn.bad{background:#38171d;border-color:#6d313b;color:#ffabb3}.btn:disabled{opacity:.45;cursor:not-allowed}.tabs{padding:0 0 12px;overflow:auto;flex-wrap:nowrap}.tab{cursor:pointer;white-space:nowrap;background:#0c121a}.tab.active{background:#172235;border-color:#395579;color:#c9dcff}.view{display:none}.view.active{display:block}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.card{background:linear-gradient(180deg,#101821ed,#0d131bed);border:1px solid var(--line);border-radius:17px;padding:16px;box-shadow:var(--shadow)}.metric{grid-column:span 3}.metric .label{font-size:12px;color:var(--muted)}.metric .value{font-size:27px;font-weight:760;letter-spacing:-.045em;margin:5px 0}.metric .sub{font-size:12px;color:var(--muted)}.span8{grid-column:span 8}.span4{grid-column:span 4}.span6{grid-column:span 6}.full{grid-column:span 12}.head{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}.head h2{font-size:15px;margin:0}.muted{color:var(--muted)}.risk{margin:14px 0}.riskline{display:flex;justify-content:space-between;gap:12px}.bar{height:8px;background:#1a2431;border-radius:999px;overflow:hidden;margin-top:7px}.bar i{height:100%;display:block;background:linear-gradient(90deg,var(--good),var(--warn),var(--bad));width:0}.statusbox{border:1px solid var(--line);background:#0a1017;border-radius:12px;padding:12px}.symbols{display:flex;gap:8px;flex-wrap:wrap}.symbol,.pill{display:inline-flex;border:1px solid var(--line);background:#151e29;border-radius:9px;padding:6px 9px}.pill{border-radius:999px;padding:4px 8px}.pill.long{background:#123126;color:#8ff0bd}.pill.short{background:#37191e;color:#ffadb5}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:13px}table{width:100%;border-collapse:collapse;min-width:800px}th,td{padding:10px 12px;border-bottom:1px solid #1c2633;text-align:left;white-space:nowrap}th{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);background:#111821}tr:last-child td{border-bottom:0}.empty{text-align:center;padding:26px;color:var(--muted)}.kv{display:grid;grid-template-columns:1fr auto;gap:9px 16px}.kv div:nth-child(odd){color:var(--muted)}.notice{border:1px solid #655421;background:#2c2511;color:#ffe49a;padding:12px;border-radius:12px}.goodbox{border-color:#285e48;background:#0e271e;color:#a5f2cb}.badbox{border-color:#69303a;background:#2d151a;color:#ffadb5}.modal{position:fixed;inset:0;background:#000b;display:none;place-items:center;padding:18px;z-index:50}.modal.show{display:grid}.modalbox{width:min(620px,100%);max-height:90vh;overflow:auto;background:#0f1721;border:1px solid #2b3a4c;border-radius:20px;padding:18px;box-shadow:0 30px 100px #000a}.authmethods{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}.authmethod{border:1px solid var(--line);background:#111a25;padding:11px;border-radius:11px}.footer{text-align:center;color:var(--muted);padding:22px 0 36px;font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.testline{padding:6px 0;border-bottom:1px solid #1b2632}.testline:last-child{border-bottom:0}@media(max-width:920px){.metric{grid-column:span 6}.span8,.span4,.span6{grid-column:span 12}}@media(max-width:580px){.app{padding:12px}.topbar{align-items:flex-start;flex-direction:column}.statusrow{width:100%}.metric{grid-column:span 12}.metric .value{font-size:24px}.card{border-radius:14px}.authmethods{grid-template-columns:1fr}.actions{width:100%}.actions .btn{flex:1}.brand p{max-width:270px}}