:root{color-scheme:light;--bg: #f6f7f9;--surface: #ffffff;--text: #1c2430;--muted: #5f6b7a;--border: #d9dee5;--accent: #2456c7;--error: #b42318;--ok: #1a7f37;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}h1,h2,h3{margin:0 0 .5rem}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--error)}.ok{color:var(--ok)}.centered{min-height:100vh;display:grid;place-items:center;padding:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:2rem;width:100%;max-width:380px}form{display:grid;gap:.9rem;margin-top:1rem}form.narrow{max-width:380px}label{display:grid;gap:.3rem;font-size:.9rem}label.check{display:flex;align-items:center;gap:.5rem}.filter{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.filter input{flex:1 1 16rem}td.nowrap{white-space:nowrap}.email-frame{width:100%;height:640px;border:1px solid var(--border);border-radius:6px;background:#fff}.email-frame.short{height:360px}textarea{font:inherit;padding:.55rem .65rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text)}.email-text{white-space:pre-wrap;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:1rem;font-size:.85rem}.setting{margin:1rem 0 1.5rem}.form-like{display:grid;gap:.9rem;margin:1rem 0}.preview section{margin:1.25rem 0}code{font-size:.85em}select{font:inherit;padding:.5rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text)}input:not([type=checkbox]){font:inherit;padding:.55rem .65rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text)}button{font:inherit;padding:.55rem 1rem;border-radius:6px;border:0;background:var(--accent);color:#fff;cursor:pointer}button:disabled{opacity:.5;cursor:default}button.link{background:none;color:var(--accent);padding:.25rem .4rem}button.link.active{color:var(--text);font-weight:600}.shell header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;background:var(--surface);border-bottom:1px solid var(--border)}.shell nav{display:flex;flex-wrap:wrap;gap:.25rem}.content{max-width:960px;margin:0 auto;padding:1.5rem 1rem}table{width:100%;border-collapse:collapse;margin:1rem 0;background:var(--surface)}th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--border);font-size:.92rem}td.actions{white-space:nowrap;text-align:right}@media (max-width: 600px){table{display:block;overflow-x:auto}}:root{--alert: #b42318;--check: #b54708;--watch: #a15c07;--quality: #6941c6;--info: #5f6b7a;--okc: #1a7f37}.content:has(.dashboard){max-width:1280px}.dashboard.with-panel{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:1.25rem;align-items:start}.dashboard section{margin:1.5rem 0}.status-line{margin:.5rem 0}.sample-note{padding:.5rem .75rem;border:1px dashed var(--border);border-radius:6px}.warnings{color:var(--check);padding-left:1.2rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}button.kpi-card{display:grid;gap:.35rem;align-content:start;text-align:left;padding:.8rem .9rem;min-height:5.5rem;background:var(--surface);color:var(--text);border:1px solid var(--border);border-left:4px solid var(--border);border-radius:8px}button.kpi-card.open{outline:2px solid var(--accent)}.kpi-card-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.kpi-card-flags{display:grid;gap:.15rem}.badge{font-size:.72rem;font-weight:600;padding:.05rem .4rem;border-radius:999px;border:1px solid currentColor;white-space:nowrap}.badge.alert,button.kpi-card.alert{color:var(--alert);border-left-color:var(--alert)}.badge.check,button.kpi-card.check{border-left-color:var(--check)}.badge.watch,button.kpi-card.watch{border-left-color:var(--watch)}.badge.quality,button.kpi-card.quality{border-left-color:var(--quality)}.badge.check{color:var(--check)}.badge.watch{color:var(--watch)}.badge.quality{color:var(--quality)}.badge.info{color:var(--info)}.badge.ok{color:var(--okc)}button.kpi-card.alert{color:var(--text)}.flags{list-style:none;padding:0;display:grid;gap:.4rem;font-size:.92rem}.flags li.ticked{opacity:.6}.side-panel{position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem}.side-panel h4{margin:1rem 0 .4rem}.cadence{display:inline-block;margin-right:.6rem}@media (max-width: 900px){.dashboard.with-panel{display:block}.side-panel{position:fixed;inset:auto 0 0 0;max-height:70vh;border-radius:10px 10px 0 0;z-index:10}}.number-view{display:grid;gap:.25rem}.big-number{font-size:1.35rem;font-weight:600}.num{font-weight:600}.bench-bar{position:relative;display:block;height:10px;margin:.2rem 0}.bench-track{position:absolute;left:0;right:0;top:3px;height:4px;border-radius:2px;background:var(--border)}.bench-marker{position:absolute;top:0;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--accent)}.bench-marker.above,.bench-marker.below{background:var(--check)}.bench-detail{margin:.25rem 0 .75rem}.bench-figures{margin:.4rem 0}.bench-figures td{padding:.25rem .4rem;font-size:.85rem}.panel-kpi{margin:.5rem 0 1rem;border-top:1px solid var(--border);padding-top:.5rem}.panel-entry p{margin:.25rem 0}.periods{list-style:none;padding:0;margin:.4rem 0}.periods li{display:flex;justify-content:space-between;padding:.15rem 0;border-bottom:1px dotted var(--border)}.chart{margin:.5rem 0 1.25rem}.chart-box{display:grid;grid-template-columns:auto 1fr;gap:.35rem}.chart-y{display:flex;flex-direction:column;justify-content:space-between;padding:.2rem 0 1.4rem;text-align:right;font-size:.72rem}.chart svg{width:100%;height:auto;display:block;cursor:crosshair}.chart-band{fill:var(--accent);opacity:.1}.chart-axis{stroke:var(--border)}.chart-line{fill:none;stroke:currentColor;stroke-width:1.4}.chart-line.strong{stroke-width:2.2}.chart-dot{fill:currentColor}.chart-prev{fill:none;stroke-width:1.4;stroke-dasharray:4 3;opacity:.45}.chart-gap{fill:var(--surface);stroke:var(--muted);stroke-width:1}.chart-label{font-size:9px;fill:var(--muted)}.chart-cursor{stroke:var(--muted);stroke-dasharray:2 2}.chart-legend{display:flex;flex-wrap:wrap;gap:.3rem .8rem;margin-top:.3rem}.chart-legend i{display:inline-block;width:12px;height:3px;margin-right:.3rem;vertical-align:middle}.chart-legend i.dashed{background:none;border-top:2px dashed var(--muted);height:0}.chart-legend i.band{background:var(--accent);opacity:.2;height:8px}.chart-hover{min-height:3.5rem;margin-top:.3rem;padding:.35rem .5rem;border:1px solid var(--border);border-radius:6px}.chart-hover .strong{font-weight:600}.sparkline{width:120px;height:24px}.sparkline path{fill:none;stroke:var(--accent);stroke-width:1.3}.sparkline circle{fill:var(--accent)}