:root{--bg:#f6f7f9;--panel:#fff;--text:#1b1f24;--muted:#5f6b7a;--line:#d9dee5;--ok:#17803d;--bad:#b42318;--warn-bg:#fdecea;--accent:#2456c7;--drop:#d92d20}@media (prefers-color-scheme:dark){:root{--bg:#0f1216;--panel:#171b21;--text:#e6e9ee;--muted:#97a3b4;--line:#2a313b;--ok:#4ade80;--bad:#f97066;--warn-bg:#3a1714;--accent:#7aa2ff;--drop:#f97066}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}header{border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}header h1{margin:0;font-size:18px}.who{color:var(--muted);align-items:center;gap:10px;display:flex}.grid{grid-template-columns:repeat(auto-fit,minmax(min(460px,100%),1fr));gap:16px;padding:16px;display:grid}.widget{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px 14px;overflow-x:auto}.widget h2{margin:0 0 8px;font-size:15px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:4px 6px}th{color:var(--muted);font-weight:600}tr.sel td{background:color-mix(in srgb, var(--accent) 12%, transparent)}.muted{color:var(--muted)}.small{word-break:break-all;font-size:12px}.center{text-align:center;margin-top:20vh}.ok{color:var(--ok)}.bad{color:var(--bad)}.unavailable{background:var(--warn-bg);color:var(--bad);border-radius:6px;margin:0;padding:8px 10px}.pill{border:1px solid;border-radius:999px;padding:2px 10px;font-size:12px}button{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;border-radius:6px;padding:5px 12px}button:hover{border-color:var(--accent)}button:disabled{opacity:.6;cursor:default}.login{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:12px;max-width:380px;margin:12vh auto;padding:24px;display:flex}.login form,.login div{flex-direction:column;gap:10px;display:flex}label{color:var(--muted);flex-direction:column;gap:4px;display:flex}input{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:6px;padding:6px 8px}.secret{letter-spacing:1px;word-break:break-all;font-size:16px}.bars{width:100%;height:120px}.bars .pass{fill:var(--accent)}.bars .drop{fill:var(--drop)}