:root{--bg:#fff;--fg:#14161a;--muted:#667085;--line:#e4e7ec;--card:#f9fafb;--accent:#1f6feb;--bad:#b42318;--radius:10px}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--fg:#e6e8eb;--muted:#98a2b3;--line:#242830;--card:#161a21;--accent:#4c8dff;--bad:#f97066}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:15px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:1100px;margin:0 auto;padding:32px 20px 64px}.top{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;padding-bottom:20px;display:flex}h1{margin:0;font-size:24px}h2{margin:32px 0 12px;font-size:16px}.sub{color:var(--muted);margin:4px 0 0;font-size:13px}.controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.field{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.field select{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg);color:var(--fg);padding:7px 10px;font-size:14px}.segmented{border:1px solid var(--line);border-radius:var(--radius);display:inline-flex;overflow:hidden}.seg{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:8px 14px;font-size:14px}.seg.active{background:var(--accent);color:#fff}.seg:disabled{opacity:.6;cursor:default}.primary{border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;border:0;padding:9px 16px;font-size:14px}.primary:disabled{opacity:.55;cursor:default}.sync{align-items:center;gap:10px;display:flex}.sync-msg{color:var(--muted);max-width:240px;font-size:12px}.cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.card-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.card-value{font-variant-numeric:tabular-nums;margin-top:6px;font-size:24px;font-weight:600}.card-value.muted{color:var(--muted);font-size:15px;font-weight:400}.card-hint{color:var(--muted);margin-top:4px;font-size:11px}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:9px 12px}th{color:var(--muted);font-size:12px;font-weight:500}tbody tr:last-child td{border-bottom:0}td{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.bad{color:var(--bad)}.empty{color:var(--muted);font-size:14px}.error{border:1px solid var(--bad);color:var(--bad);border-radius:var(--radius);margin-bottom:18px;padding:10px 14px;font-size:14px}.keygate{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);margin-bottom:20px;padding:16px 18px}.keygate p{margin:0 0 10px;font-size:14px}.keygate .small{margin:10px 0 0;font-size:12px}.keygate-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.keygate-row input{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--fg);flex:240px;padding:8px 10px;font-size:14px}.keybar{align-items:center;gap:10px;margin-bottom:14px;font-size:12px;display:flex}.linkish{cursor:pointer;color:var(--accent);background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}