:root{color-scheme:dark;--bg:#0d1118;--surface:#141b25;--border:#283242;--text:#e7edf6;--muted:#9aabc2;--accent:#86e5ba;--bad:#ff9b9b;--warn:#eec57d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-.8px;font-weight:650}h2{font-size:20px;font-weight:600}h3{font-size:18px;font-weight:600}.shell{max-width:1130px;margin:0 auto;padding:38px 25px 30px}header{display:flex;justify-content:space-between;gap:22px;align-items:center;margin-bottom:26px}nav,.actions{display:flex;flex-wrap:wrap;gap:8px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:1.5px;font-weight:700;margin-bottom:5px}.muted,small{color:var(--muted)}button,input,select,textarea{font:inherit;color:inherit}button{border:1px solid var(--border);background:#1b2432;border-radius:8px;padding:8px 12px;cursor:pointer;white-space:nowrap;transition:background .1s}button:hover{background:#29374a}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--accent);border-color:var(--accent);color:#10261c;font-weight:650}.primary:hover{background:#b0f6d5}.quiet{background:transparent}.danger{color:var(--bad)}input,select,textarea{width:100%;background:#0d141e;border:1px solid var(--border);border-radius:8px;padding:10px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #86e5ba20}label{display:block;color:var(--muted);font-size:13px;margin:14px 0 6px}textarea{font:13px/1.6 ui-monospace,Consolas,monospace;resize:vertical}pre{white-space:pre-wrap;word-break:break-word;background:#0d141e;border:1px solid var(--border);padding:15px;border-radius:8px;font-size:13px}code{font:13px ui-monospace,Consolas,monospace;color:#becfe5}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.summary>div{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px}.summary strong{display:block;font-size:27px;color:var(--accent);font-weight:600}.summary span{font-size:13px;color:var(--muted)}.notice{border-left:3px solid var(--accent);background:#14231f;padding:14px 18px;border-radius:0 9px 9px 0;color:#bcd3c9;font-size:13px;margin-bottom:26px}.notice strong{display:block;color:#e0f0e8;margin-bottom:3px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0 13px}.section-heading small{font-size:12px;max-width:520px}.count{color:var(--muted);font-size:14px;margin-left:5px}.account-list{display:grid;gap:12px}.card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:20px}.card-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.identity{min-width:0}.identity h3{overflow-wrap:anywhere}.identity p{color:var(--muted);font-size:12px;margin-top:2px}.rank{color:var(--muted);margin-right:8px;font-weight:400}.badge{border:1px solid #426151;color:var(--accent);background:#183024;padding:3px 9px;border-radius:999px;font-size:12px;white-space:nowrap}.badge.warn{background:#302b1c;border-color:#665633;color:var(--warn)}.badge.bad{background:#302020;border-color:#694343;color:var(--bad)}.fields{display:grid;grid-template-columns:minmax(0,1fr) 135px;gap:14px;margin:12px 0}.fields label{margin-top:0}.card-details{font-size:13px;color:var(--muted);margin:10px 0}.card-details strong{color:#c3d3e6;font-weight:500}.error-details{background:#271e20;border:1px solid #513338;border-radius:7px;padding:10px 12px;font-size:12px;color:#e9b9bb;overflow-wrap:anywhere;margin:12px 0}.error-details time{display:block;margin-top:4px;opacity:.7}.card .actions button{font-size:12px;padding:6px 10px}.empty{color:var(--muted);font-size:14px;padding:20px;border:1px dashed var(--border);border-radius:10px}.panel{margin-top:24px}.panel h2{margin-bottom:8px}.panel>.section-heading{margin-top:0}.add-panel input{max-width:480px;display:block}.add-panel .actions{margin:14px 0}.add-panel p{font-size:13px;margin-top:9px}.error{color:var(--bad);font-size:13px;min-height:20px}.login-screen{min-height:100dvh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,410px);padding:32px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 18px 60px #0004}.brand-mark{width:43px;height:43px;border-radius:11px;background:var(--accent);color:#0b2518;display:grid;place-items:center;font-size:24px;font-weight:750;margin-bottom:22px}.login-card h1{font-size:25px}.login-card button{width:100%;margin:20px 0 8px}.login-card .muted{font-size:14px;margin-top:7px}.login-card .error{margin-top:4px}dialog{width:min(92vw,820px);max-height:90dvh;border:1px solid var(--border);border-radius:13px;background:var(--surface);color:var(--text);padding:24px}dialog::backdrop{background:#0009}dialog .section-heading{margin-top:0}dialog .muted{font-size:13px;margin-bottom:14px}dialog textarea{min-height:300px}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted);margin-top:28px}a{color:var(--accent)}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#243b30;border:1px solid #517c64;color:#d5f4e2;padding:11px 18px;border-radius:9px;box-shadow:0 6px 35px #0006;max-width:90vw;z-index:5}#toast.error{background:#3d2428;color:#ffd7da;border-color:#98616b}[hidden]{display:none!important}@media(max-width:780px){header{display:block}nav{margin-top:18px}.shell{padding:24px 16px}.section-heading{align-items:flex-start;flex-direction:column;gap:4px}.summary{gap:8px}.summary>div{padding:12px}.card{padding:16px}.fields{grid-template-columns:minmax(0,1fr) 105px}.login-card{padding:26px}h1{font-size:26px}.card-head{align-items:flex-start}dialog .section-heading{flex-direction:row}}
