:root{--bg:#f6f7f9;--surface:#fff;--surface-2:#f0f2f5;--border:#e3e6ea;--text:#1a1d21;--text-dim:#666e78;--text-faint:#99a1ab;--accent:#3b5bdb;--accent-soft:#edf1ff;--good:#2f9e44;--good-soft:#e9f7ec;--warn:#e08a00;--warn-soft:#fdf3e2;--info:#4a6a8a;--info-soft:#eef2f6;--bad:#e03131;--bad-soft:#fdecec;--radius:10px;--shadow:0 1px 2px #1418210a, 0 2px 8px #1418210a;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace}@media (prefers-color-scheme:dark){:root{--bg:#14161a;--surface:#1c1f24;--surface-2:#23272e;--border:#2c313a;--text:#e6e9ee;--text-dim:#98a1ac;--text-faint:#6a7280;--accent:#748ffc;--accent-soft:#1e2536;--good:#51cf66;--good-soft:#16281a;--warn:#ffb84d;--warn-soft:#2b2213;--info:#8ca9c4;--info-soft:#1a232c;--bad:#ff6b6b;--bad-soft:#2b1717;--shadow:none}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}.app{max-width:1180px;margin:0 auto;padding:0 24px 80px}.topbar{background:var(--bg);z-index:10;border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:20px 0 16px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.01em;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.brand .dot{background:var(--good);border-radius:50%;width:9px;height:9px}.tabs{gap:2px;margin-left:8px;display:flex}.tab{color:var(--text-dim);cursor:pointer;font:inherit;background:0 0;border:none;border-radius:8px;padding:6px 12px;font-weight:500}.tab:hover{background:var(--surface-2);color:var(--text)}.tab.active{background:var(--accent-soft);color:var(--accent)}.spacer{flex:1}.count-pill{color:var(--text-dim);background:var(--surface-2);border-radius:20px;padding:3px 9px;font-size:12px}button.btn{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;padding:7px 13px;font-weight:500}button.btn:hover{background:var(--surface-2)}button.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.btn.primary:hover{filter:brightness(1.05)}button.btn.ghost{color:var(--text-dim);background:0 0;border-color:#0000}button.btn.small{padding:3px 9px;font-size:12px}button:disabled{opacity:.5;cursor:default}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin:28px 0 12px;font-size:13px;font-weight:600}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.mono{font-family:var(--mono);font-size:12.5px}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;color:var(--text-dim);cursor:pointer;background:var(--surface);padding:40px 24px;transition:all .15s}.dropzone.drag{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.dropzone h3{color:var(--text);margin:8px 0 4px}.stat-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.stat{padding:16px 18px}.stat .n{letter-spacing:-.02em;font-size:26px;font-weight:700}.stat .l{color:var(--text-dim);margin-top:2px;font-size:12px}.stat.bad .n{color:var(--bad)}.stat.warn .n{color:var(--warn)}.stat.good .n{color:var(--good)}.domain-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;display:grid}.domain-card{cursor:pointer;padding:16px;transition:all .12s}.domain-card:hover{border-color:var(--accent)}.domain-card .head{justify-content:space-between;align-items:center;gap:8px;display:flex}.domain-card .name{font-weight:600;font-family:var(--mono);font-size:13px}.domain-card .sub{color:var(--text-faint);margin-top:1px;font-size:11.5px}.bar{background:var(--surface-2);border-radius:4px;height:7px;margin:12px 0 8px;display:flex;overflow:hidden}.bar>span{display:block}.bar .b-good{background:var(--good)}.bar .b-warn{background:var(--warn)}.bar .b-info{background:var(--info)}.bar .b-bad{background:var(--bad)}.legend{color:var(--text-dim);flex-wrap:wrap;gap:10px;font-size:11.5px;display:flex}.legend i{vertical-align:middle;border-radius:2px;width:8px;height:8px;margin-right:4px;display:inline-block}.badge{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.badge.good{background:var(--good-soft);color:var(--good)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.info{background:var(--info-soft);color:var(--info)}.badge.bad{background:var(--bad-soft);color:var(--bad)}.badge.cat{background:var(--surface-2);color:var(--text-dim)}table.grid{border-collapse:collapse;width:100%;font-size:13px}table.grid th{text-align:left;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);background:var(--surface);padding:10px 12px;font-size:11.5px;font-weight:600;position:sticky;top:61px}table.grid td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px}table.grid tr:last-child td{border-bottom:none}table.grid tbody tr.click{cursor:pointer}table.grid tbody tr.click:hover{background:var(--surface-2)}.num{text-align:right;font-variant-numeric:tabular-nums}.filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}select.input,input.input{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:6px 10px}.detail-head{flex-wrap:wrap;gap:24px;padding:18px;display:flex}.kv .k{text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);font-size:11px}.kv .v{margin-top:1px;font-weight:600}.back{color:var(--accent);cursor:pointer;align-items:center;gap:4px;margin:6px 0 14px;font-weight:500;display:inline-flex}.empty{text-align:center;color:var(--text-dim);padding:60px 20px}.toast{border-radius:8px;margin-top:12px;padding:12px 16px;font-size:13px}.toast.ok{background:var(--good-soft);color:var(--good)}.toast.err{background:var(--bad-soft);color:var(--bad)}.reason{color:var(--text-dim);max-width:380px;font-size:12px}.flex{align-items:center;gap:8px;display:flex}.wrap{flex-wrap:wrap}.grow{flex:1}.sync-wrap{align-items:center;gap:6px;display:flex;position:relative}.sync-msg{color:var(--text-dim);white-space:nowrap;font-size:11.5px}.sync-panel{z-index:20;width:320px;max-width:86vw;padding:16px;position:absolute;top:calc(100% + 8px);right:0}.sync-field{margin-top:10px;display:block}.sync-field span{color:var(--text-dim);margin-bottom:3px;font-size:11.5px;display:block}.sync-field .input{width:100%}.sync-test{margin-top:10px;font-size:12px}h2.view-title{letter-spacing:-.02em;margin:20px 0 4px;font-size:20px}.view-sub{color:var(--text-dim);margin:0 0 8px}