:root,[data-theme=light]{--bg: #f3efe6;--bg-2: #e7f0ea;--ink: #1c2421;--muted: #5c6b64;--card: rgba(255, 255, 255, .72);--line: rgba(28, 36, 33, .12);--accent: #0f6b4c;--warn: #8a5a00;--danger: #8b2e2e;--demo: #6b4f1d;--shadow: 0 10px 30px rgba(28, 36, 33, .08);--radius: 18px;--font: "Manrope", sans-serif;--display: "Source Serif 4", serif}[data-theme=dark]{--bg: #121816;--bg-2: #1a2420;--ink: #e8f0eb;--muted: #9aada3;--card: rgba(26, 36, 32, .9);--line: rgba(232, 240, 235, .12);--accent: #3ecf97;--warn: #e0b34d;--danger: #ef7a7a;--demo: #e0b34d;--shadow: 0 10px 30px rgba(0, 0, 0, .35)}*{box-sizing:border-box}body{margin:0;font-family:var(--font);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,var(--bg-2),transparent 60%),linear-gradient(180deg,var(--bg),var(--bg-2));min-height:100vh}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;padding:.65rem 1rem}button.primary{background:var(--accent);color:#fff;border-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.nav{padding:1.25rem;border-right:1px solid var(--line);background:color-mix(in srgb,var(--card) 80%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{font-family:var(--display);font-size:1.4rem;margin:0 0 .25rem}.badge{display:inline-block;font-size:.75rem;padding:.2rem .5rem;border-radius:999px;border:1px solid var(--line);color:var(--muted);margin-bottom:1rem}.nav a{display:block;padding:.55rem .4rem;color:var(--ink);border-radius:10px}.nav a.active,.nav a:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.content{padding:1.25rem 1.5rem 3rem}.grid{display:grid;gap:1rem}.cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:var(--shadow)}.card.demo{border-color:color-mix(in srgb,var(--demo) 50%,var(--line))}.muted{color:var(--muted)}.status{font-size:.8rem;font-weight:600}.row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.stack{display:grid;gap:.75rem}.login{min-height:100vh;display:grid;place-items:center;padding:1rem}.login form{width:min(420px,100%)}input,select,textarea{width:100%;padding:.65rem .75rem;border-radius:12px;border:1px solid var(--line);background:transparent;color:var(--ink)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.55rem .35rem;border-bottom:1px solid var(--line);font-size:.92rem}.overview{max-width:720px;display:grid;gap:1.25rem}.overview-header h2{font-family:var(--display);font-size:1.75rem;font-weight:600;margin:0 0 .35rem}.lede{margin:0;color:var(--muted);font-size:1.05rem;line-height:1.45}.overview-panel{display:grid;gap:1.1rem;padding:1.35rem 1.4rem 1.5rem}.overview-meta{display:flex;flex-wrap:wrap;gap:.65rem 1rem;align-items:center;font-size:.92rem}.pill{display:inline-flex;align-items:center;font-size:.8rem;font-weight:600;padding:.28rem .65rem;border-radius:999px;border:1px solid var(--line)}.pill.ok{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 10%,transparent)}.pill.bad{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--line));background:color-mix(in srgb,var(--danger) 10%,transparent)}.overview-status{font-family:var(--display);font-size:1.45rem;font-weight:600;margin:0;line-height:1.25}.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.metric-row.three{grid-template-columns:repeat(3,1fr)}.topbar{display:none}.nav-hint{color:var(--muted);font-size:.82rem;margin:.5rem 0 1rem;line-height:1.35}.badge.compact{font-size:.7rem;padding:.2rem .45rem}.pulse{display:inline-block;width:.65rem;height:.65rem;border-radius:50%;background:var(--accent);margin-right:.5rem;animation:pulse 1.2s ease-in-out infinite;vertical-align:middle}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.85)}}.empty-state{padding:1.25rem;display:grid;gap:.65rem}.row.wrap{flex-wrap:wrap;gap:.5rem;align-items:center}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}.bars{display:flex;align-items:flex-end;gap:.35rem;min-height:7rem;padding-top:.5rem}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;height:7rem;justify-content:flex-end}.bar{width:100%;max-width:1.6rem;background:var(--accent);border-radius:4px 4px 0 0;min-height:4px}.bar-label{font-size:.65rem;color:var(--muted)}.rej-bars{display:grid;gap:.45rem}.rej-row{display:grid;grid-template-columns:5.5rem 1fr 2.5rem;gap:.5rem;align-items:center;font-size:.85rem}.rej-track{height:.45rem;background:var(--line);border-radius:99px;overflow:hidden}.rej-fill{height:100%;background:var(--accent)}.table-wrap{overflow-x:auto}.nav-backdrop{display:none}.metric-label{color:var(--muted);font-size:.88rem;margin-bottom:.2rem}.metric-value{font-family:var(--display);font-size:2.4rem;font-weight:650;line-height:1.05;letter-spacing:-.02em}.metric-hint{color:var(--muted);font-size:.78rem;margin-top:.2rem}.overview-explain{margin:0;color:var(--muted);line-height:1.5;max-width:38rem}.overview-actions{display:flex;flex-wrap:wrap;gap:.85rem 1.25rem;align-items:center}.text-link{font-weight:600}.banner{margin:0;padding:.65rem .85rem;border-radius:12px;border:1px solid var(--line)}.banner.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--line))}.muted-banner{color:var(--muted)}.diag summary,.dev-tools summary{cursor:pointer;font-weight:600;list-style-position:outside}.diag summary::-webkit-details-marker,.dev-tools summary::-webkit-details-marker{color:var(--muted)}.diag-body{margin-top:1rem;padding-top:.25rem}.diag-grid{display:grid;grid-template-columns:minmax(10rem,1.2fr) 1fr;gap:.45rem 1rem;font-size:.9rem}.diag-grid>div:nth-child(odd){color:var(--muted)}.error-text{color:var(--danger);margin:0;font-size:.9rem}.rejected-block{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line)}.rejected-title{margin:0 0 .5rem;font-family:var(--display);font-size:1.05rem}.rejected-list{display:grid;gap:.75rem;margin-top:.75rem}.rejected-item{border:1px solid var(--line);border-radius:var(--radius);padding:.75rem .9rem;display:grid;gap:.35rem;font-size:.9rem}.rejected-metrics{display:flex;flex-wrap:wrap;gap:.35rem .85rem;font-size:.85rem}.dev-tools{border:1px dashed var(--line);border-radius:var(--radius);padding:.85rem 1rem;color:var(--muted);font-size:.92rem}.dev-tools[open]{color:var(--ink)}.dev-tools-body{margin-top:.75rem;display:grid;gap:.65rem}button:disabled{opacity:.55;cursor:not-allowed}@media (max-width: 960px){.metric-row.three{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr}}@media (max-width: 860px){.layout{grid-template-columns:1fr}.topbar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--card) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand-inline{font-family:var(--display);font-weight:600}.menu-btn{padding:.35rem .65rem}.nav{position:fixed;inset:0 auto 0 0;width:min(18rem,86vw);z-index:40;transform:translate(-105%);transition:transform .2s ease;border-right:1px solid var(--line);overflow-y:auto}.layout.nav-open .nav{transform:translate(0)}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;border:0;border-radius:0;background:#00000059}.nav .links{display:flex;flex-direction:column;gap:.25rem}.metric-row,.metric-row.three,.diag-grid{grid-template-columns:1fr}.diag-grid>div:nth-child(odd){margin-top:.35rem}.content{padding:1rem}}