:root{--ink: #0f172a;--muted: #475569;--line: #e2e8f0;--surface: #ffffff;--surface-soft: #f8fafc;--brand: #0284c7;--brand-soft: #e0f2fe;--good: #047857;--warn: #b45309;--bad: #b91c1c}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;background:radial-gradient(1200px 600px at -10% -20%,#e0f2fe 0%,transparent 55%),radial-gradient(1000px 500px at 120% 0%,#eef2ff 0%,transparent 55%),linear-gradient(180deg,#fbfdff,#fff 50%)}.shell{max-width:1080px;margin:0 auto;padding:22px 16px 44px}.hero{border:1px solid var(--line);border-radius:20px;background:#ffffffe6;padding:18px;box-shadow:0 12px 32px #0206170f}.eyebrow{font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--brand);font-weight:700}.hero h1{margin:6px 0;font-size:clamp(27px,4vw,44px);line-height:1.05}.hero p{margin:0;color:var(--muted);max-width:72ch}.tabs{display:flex;gap:8px;margin-top:14px}.tab{border:1px solid #cbd5e1;border-radius:999px;background:#fff;padding:7px 12px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}.tab.active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.layout{display:grid;grid-template-columns:1.35fr 1fr;gap:14px;margin-top:14px}.card{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:14px;box-shadow:0 8px 20px #0206170a}.card h2{margin:0 0 10px;font-size:18px}.row{display:flex;gap:8px;flex-wrap:wrap}.input{flex:1 1 220px;border:1px solid #cbd5e1;border-radius:10px;padding:10px 11px;font:inherit}.btn{border:1px solid var(--ink);border-radius:10px;background:var(--ink);color:#fff;font:inherit;font-weight:700;padding:10px 12px;cursor:pointer}.btn.light{border-color:#cbd5e1;background:#fff;color:var(--ink)}.meta{color:var(--muted);font-size:13px}.verdict{border-radius:12px;padding:10px 12px;border:1px solid;margin-top:8px}.verdict.good{background:#ecfdf5;border-color:#86efac;color:var(--good)}.verdict.warn{background:#fffbeb;border-color:#fcd34d;color:var(--warn)}.verdict.bad{background:#fef2f2;border-color:#fecaca;color:var(--bad)}.explain{margin-top:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);padding:10px}.explain h3{margin:0 0 6px;font-size:14px}.explain ul{margin:0;padding-left:18px;font-size:13px;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.stat{border:1px solid var(--line);border-radius:10px;padding:9px;background:var(--surface-soft)}.stat .label{color:var(--muted);font-size:12px}.stat .value{margin-top:3px;font-size:19px;font-weight:700}.mini-spark{margin-top:6px;width:100%;height:30px;display:block}.mini-spark polyline{fill:none;stroke-width:2}.mini-spark circle{stroke:#fff;stroke-width:.8}.link-btn{margin-top:6px;border:0;background:none;color:#0369a1;font-size:12px;font-weight:700;padding:0;cursor:pointer}.link-btn:disabled{color:#94a3b8;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid #cbd5e1;padding:4px 9px;font-size:12px;font-weight:700}.badge.pending{color:var(--warn);border-color:#fcd34d;background:#fffbeb}.badge.verified{color:var(--good);border-color:#86efac;background:#ecfdf5}.badge.suspended,.badge.quarantined{color:var(--bad);border-color:#fecaca;background:#fef2f2}.pre{margin:0;font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.45;white-space:pre-wrap;border:1px solid #dbeafe;border-radius:10px;background:var(--surface-soft);padding:10px}.copy-row{display:flex;justify-content:flex-end;margin:6px 0 8px}.copy{border:1px solid #cbd5e1;border-radius:8px;background:#fff;font-size:12px;padding:6px 8px;cursor:pointer}.pilots{display:grid;gap:8px}.pilot{border:1px solid var(--line);border-radius:10px;background:#fff;padding:8px 9px;display:flex;justify-content:space-between;gap:8px}.small{font-size:12px;color:var(--muted)}.badge-preview{margin-top:10px;border:1px dashed #bfdbfe;border-radius:12px;padding:10px;background:#f8fbff}.badge-preview iframe{width:100%;max-width:360px;height:68px;border:0}.directory-card{grid-column:1 / -1}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.chip{border:1px solid #cbd5e1;border-radius:999px;background:#fff;padding:6px 10px;font-size:12px;font-weight:700;cursor:pointer}.chip.active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.directory-list{display:grid;gap:8px}.directory-item{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:#fff}.directory-main{display:flex;align-items:center;justify-content:space-between;gap:8px}.directory-meta{margin-top:5px;display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted)}.pagination{margin-top:10px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.page-btn{border:1px solid #cbd5e1;border-radius:8px;background:#fff;padding:5px 9px;font-size:12px;font-weight:700;cursor:pointer}.page-btn.active{border-color:var(--ink);background:var(--ink);color:#fff}.ops-list{display:grid;gap:8px}.ops-item{border:1px solid var(--line);border-radius:10px;background:#fff;padding:8px 10px;display:grid;gap:6px}.ops-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.ops-actions{display:flex;gap:6px;flex-wrap:wrap}.meter{margin-top:8px;width:100%;height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden}.meter-bar{height:100%;background:linear-gradient(90deg,#0369a1,#059669)}.page-btn:disabled{opacity:.45;cursor:not-allowed}.page-gap{font-size:12px;color:var(--muted);padding:0 2px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a75;display:grid;place-items:center;z-index:60;padding:14px}.modal-card{width:min(980px,100%);max-height:86vh;overflow:auto;border-radius:14px;border:1px solid #cbd5e1;background:#fff;box-shadow:0 24px 48px #0f172a47;padding:12px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.modal-head h3{margin:0;font-size:16px}.trend-chart{width:100%;height:120px;display:block;border:1px solid var(--line);border-radius:10px;background:#f8fafc}.trend-chart polyline{fill:none;stroke-width:2.2}.legend-row{margin-top:8px;display:flex;flex-wrap:wrap;gap:10px;font-size:12px;font-weight:700}.table-wrap{margin-top:10px;overflow:auto}.trust-table{width:100%;border-collapse:collapse;font-size:12px}.trust-table th,.trust-table td{border-bottom:1px solid #e2e8f0;padding:6px 8px;text-align:left;white-space:nowrap}@media (max-width: 900px){.layout,.stat-grid{grid-template-columns:1fr}}
