:root{font:16px system-ui;color-scheme:light dark;--accent:#6d5bd0;--header:#18202b;--surface:#fff;--page:#f4f6fa}*{box-sizing:border-box}body{margin:0;background:var(--page);line-height:1.45}header{display:flex;align-items:center;gap:2rem;padding:.7rem max(1rem,calc((100vw - 1100px)/2));background:var(--header);color:white;box-shadow:0 2px 10px #0004}.brand{display:flex;align-items:center;gap:.65rem;color:white;font-size:1.2rem;font-weight:750;letter-spacing:.08em;text-decoration:none}.brand img{width:44px;height:44px}.brand:focus-visible,nav a:focus-visible{outline:3px solid #c9c1ff;outline-offset:3px}nav{display:flex;gap:.35rem;flex-wrap:wrap}nav a{color:#eef0f5;padding:.45rem .6rem;border-radius:.35rem;text-decoration:none}nav a:hover{background:#ffffff18;color:white}main{max-width:1100px;margin:auto;padding:1.25rem 1rem 2rem}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem}.tiles article,article,.health,.trend-summary{border:1px solid #8886;border-radius:.55rem;padding:1rem;margin:.5rem 0;background:var(--surface);box-shadow:0 1px 3px #00000012}.monitor-tile{border-width:2px}.tile-status{font-size:1.1rem}.tile-clear{background:#d9f5df;color:#123d1d;border-color:#28813b}.tile-warning{background:#fff1bf;color:#4d3900;border-color:#a66b00}.tile-error{background:#ffd9dc;color:#571117;border-color:#b4232f}.tile-disabled,.tile-unknown,.tile-config-error{background:#e5e7eb;color:#25282d;border-color:#6b7280}.monitor-tile a{color:inherit;text-decoration:underline}.stale{padding:1rem;background:#8b2500;color:white;font-weight:bold;border-radius:.4rem}table{border-collapse:collapse;width:100%;background:var(--surface)}th,td{text-align:left;padding:.5rem;border-bottom:1px solid #8886}.sev{font-weight:bold}.sev-warning{color:#9a6700}.sev-error,.sev-critical{color:#c01c28}button,input,select{font:inherit;padding:.4rem;margin:.2rem}button{border-radius:.35rem}pre{white-space:pre-wrap;overflow-wrap:anywhere}.chart svg{width:100%;height:180px;border:1px solid #8886}.chart polyline{fill:none;stroke:var(--accent);stroke-width:2}.uplot-panel{width:100%;min-height:240px;overflow-x:auto}.uplot{max-width:100%}@media(max-width:700px){header{align-items:flex-start;gap:.75rem;flex-direction:column}.brand img{width:38px;height:38px}nav{gap:.1rem}nav a{padding:.35rem .5rem}}@media(prefers-color-scheme:dark){:root{--surface:#1d222b;--page:#12161d}.tile-clear{background:#173d20;color:#d9f5df}.tile-warning{background:#4d3900;color:#fff1bf}.tile-error{background:#571117;color:#ffd9dc}.tile-disabled,.tile-unknown,.tile-config-error{background:#25282d;color:#e5e7eb}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}