:root{--background:#f7f8fa;--foreground:#17202a;--muted:#667085;--line:#d7dde5;--panel:#fff;--accent:#176b87;--accent-strong:#0f4c5c;--ok:#247b4b;--warn:#a15c07;--danger:#b42318;--unknown:#667085;--ok-bg:#e8f5ee;--warn-bg:#fff4db;--danger-bg:#fdecec;--unknown-bg:#eef2f5}*{box-sizing:border-box}body{background:var(--background);color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#eef2f5;padding:24px 18px}.brand{margin-bottom:28px;font-size:20px;font-weight:700}.nav{gap:8px;display:grid}.nav a{color:#344054;border-radius:6px;padding:10px 12px}.nav a:hover{background:#dfe7ee}.main{min-width:0;padding:28px}.header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.eyebrow{color:var(--muted);text-transform:uppercase;margin:0 0 6px;font-size:13px}h1{margin:0;font-size:30px;line-height:1.2}h2{margin:0 0 14px;font-size:18px}.status-pill{border:1px solid var(--line);color:var(--ok);white-space:nowrap;background:#fff;border-radius:999px;padding:8px 12px;font-size:13px}.status-badge{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:999px;align-items:center;max-width:100%;min-height:28px;padding:6px 10px;font-size:12px;font-weight:700;line-height:1.2;display:inline-flex}.status-badge.ok{background:var(--ok-bg);color:var(--ok);border-color:#afd9bf}.status-badge.warn{background:var(--warn-bg);color:var(--warn);border-color:#e5bf72}.status-badge.danger{background:var(--danger-bg);color:var(--danger);border-color:#f0aaa4}.status-badge.unknown{background:var(--unknown-bg);color:var(--unknown)}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:0;padding:18px}.dashboard-grid{margin-bottom:16px}.summary-card{gap:8px;display:grid}.metric{margin:8px 0;font-size:28px;font-weight:700}.compact-metric{overflow-wrap:anywhere;font-size:22px;line-height:1.15}.muted{color:var(--muted);font-size:14px}.table{border-collapse:collapse;table-layout:fixed;width:100%}.table-wrap{max-width:100%;overflow-x:auto}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:12px 8px}.table th{color:var(--muted);font-size:13px;font-weight:600}.button-row{flex-wrap:wrap;gap:10px;display:flex}button{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:6px;min-height:38px;padding:8px 12px;font-weight:600}button:disabled{cursor:not-allowed;opacity:.6}button.secondary{color:var(--accent-strong);background:#fff}input,select{border:1px solid var(--line);color:var(--foreground);border-radius:6px;min-width:220px;min-height:38px;padding:8px 10px}.auth-panel,.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.auth-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.checkbox-row{color:var(--muted);align-items:center;gap:8px;min-height:38px;font-size:14px;display:inline-flex}.checkbox-row input{width:auto;min-width:auto;min-height:auto}.status-note{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.empty-state,.warning-panel,.report-panel,.analytics-section{margin-top:16px}.warning-list{flex-wrap:wrap;gap:8px;display:flex}.warning-chip{background:var(--warn-bg);color:var(--warn);border:1px solid #e5bf72;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:700}.reports-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:16px;display:grid}.report-tabs{background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:4px;padding:8px;display:grid}.tab-button{color:#344054;text-align:left;background:0 0;border-color:#0000;justify-content:flex-start}.tab-button.active,.tab-button:hover{color:var(--accent-strong);background:#dfe7ee;border-color:#dfe7ee}.endpoint-cell{color:var(--muted);font-size:13px}.json-stack{gap:10px;margin-top:16px;display:grid}.json-details{border:1px solid var(--line);border-radius:8px;padding:12px}.json-details summary{cursor:pointer;font-weight:700}pre{color:#243547;white-space:pre-wrap;word-break:break-word;background:#f4f6f8;border-radius:6px;max-height:360px;margin:12px 0 0;padding:12px;font-size:12px;line-height:1.5;overflow:auto}.compact-json{max-height:180px}.preferences-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.preferences-grid label:not(.checkbox-row){gap:6px;display:grid}.preferences-grid span{color:var(--muted);font-size:13px;font-weight:600}.analytics-section h3{margin:18px 0 10px;font-size:15px}.analytics-summary,.breakdown-grid{flex-wrap:wrap;gap:10px;display:flex}.message-list{border-radius:8px;margin-top:12px;padding:12px}.message-list ul{margin:8px 0 0;padding-left:18px}.message-list li{overflow-wrap:anywhere}.message-list.danger{background:var(--danger-bg);color:var(--danger)}.message-list.warn{background:var(--warn-bg);color:var(--warn)}.message-list.unknown{background:var(--unknown-bg);color:var(--unknown)}.non-rankable-row td{background:var(--danger-bg)}.breakdown-card{border:1px solid var(--line);border-radius:8px;min-width:140px;padding:12px}@media (max-width:820px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.grid,.reports-layout{grid-template-columns:1fr}.report-tabs{display:flex;overflow-x:auto}.tab-button{flex:none}.auth-panel,.section-heading{display:block}.auth-controls{justify-content:flex-start;margin-top:12px}input,select{width:100%;min-width:0}.preferences-grid{grid-template-columns:1fr}.header{display:block}.status-pill{margin-top:14px;display:inline-block}}