:root{--bg:#f5f7fb;--panel:#fff;--panel-muted:#f0f4f8;--line:#d8e0ea;--text:#17212f;--muted:#657386;--ok:#0f7a52;--ok-soft:#ddf4e9;--slow:#9a6700;--slow-soft:#fff1c7;--error:#b42318;--error-soft:#ffe4df;--accent:#1d5fd1;--accent-dark:#174caa;--shadow:0 18px 45px #17212f17;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}button,input,select,table,a{font:inherit}h1,h2,p{margin:0}h1{letter-spacing:0;max-width:14ch;font-size:clamp(2.2rem,5vw,4rem);line-height:1}h2{font-size:1.2rem}.dashboard{width:min(1360px,100% - 32px);margin:0 auto;padding:28px 0 48px}.hero,.panel,.modal{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px}.hero{padding:28px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 14px;font-size:.76rem}.hero-copy{justify-content:space-between;gap:24px;display:flex}.intro{max-width:64ch;color:var(--muted);margin-top:14px;line-height:1.6}.meta,.metrics-list{gap:10px;display:grid}.meta{min-width:260px}.panel{margin-top:16px;padding:22px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric{background:var(--panel-muted);border:1px solid var(--line);border-radius:8px;padding:14px 16px}.metric-label{color:var(--muted);margin-bottom:6px;font-size:.86rem;display:block}.metric strong{color:var(--text);overflow-wrap:anywhere;font-size:clamp(1.2rem,2vw,1.8rem);line-height:1.1;display:block}.auth-panel{grid-template-columns:1fr auto;align-items:end;gap:14px;margin-bottom:16px;display:grid}.auth-form{grid-template-columns:minmax(180px,260px) auto;align-items:center;gap:8px;display:grid}.panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.panel-header.compact{margin-bottom:12px}.panel-header p{color:var(--muted);margin-top:6px}.actions,.row-actions{align-items:center;gap:8px;display:flex}.row-actions{flex-wrap:wrap}button,select,input{border-radius:8px}button{background:var(--accent);color:#fff;cursor:pointer;border:0;min-height:40px;padding:10px 14px;transition:background .12s,transform .12s,opacity .12s}button:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-1px)}button:disabled{opacity:.65;cursor:progress}button.secondary{border:1px solid var(--line);color:var(--text);background:#fff}button.secondary:hover:not(:disabled){background:var(--panel-muted)}button.danger{background:var(--error)}button.danger:hover:not(:disabled){background:#8f1d14}select,input{border:1px solid var(--line);width:100%;min-height:40px;color:var(--text);background:#fff;padding:9px 10px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:1080px}th,td{text-align:left;vertical-align:top;border-top:1px solid var(--line);padding:15px 12px}th{color:var(--muted);font-size:.86rem;font-weight:700}tbody tr:hover{background:#f8fbff}.status-row td:first-child{border-left:4px solid #0000}.row-up td:first-child{border-left-color:var(--ok)}.row-slow td:first-child{border-left-color:var(--slow)}.row-down td:first-child{border-left-color:var(--error)}.row-disabled td:first-child{border-left-color:var(--muted)}a{color:var(--accent);overflow-wrap:anywhere}.site-name{margin-bottom:4px;font-weight:700}.badge{border-radius:999px;justify-content:center;align-items:center;min-width:72px;padding:7px 10px;font-weight:700;display:inline-flex}.state-up{color:var(--ok);background:var(--ok-soft)}.state-slow{color:var(--slow);background:var(--slow-soft)}.state-down{color:var(--error);background:var(--error-soft)}.state-disabled{color:var(--muted);background:var(--panel-muted)}.row-note{color:var(--muted);margin-top:5px;font-size:.88rem;line-height:1.4}.sparkline{grid-auto-columns:7px;grid-auto-flow:column;justify-content:start;align-items:end;gap:3px;min-height:22px;margin-top:8px;display:grid}.sparkline span{border-radius:2px;width:7px;height:20px;display:block}.sparkline .state-slow{height:14px}.sparkline .state-down{height:8px}.spark-empty,.empty-row,.form-message,.chart-empty{color:var(--muted)}.empty-row,.chart-empty{text-align:center}.site-form{grid-template-columns:1fr 1.4fr repeat(5,minmax(104px,.55fr)) auto auto;align-items:end;gap:12px;display:grid}.field{color:var(--muted);gap:6px;font-size:.88rem;font-weight:600;display:grid}.checkbox-field{min-height:40px;color:var(--text);grid-template-columns:auto 1fr;align-items:center;gap:8px;font-weight:600;display:grid}.checkbox-field input{width:18px;min-height:18px}.two-column{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:18px;display:grid}.history-chart{gap:10px;display:grid}.history-chart svg{width:100%;min-height:220px;color:var(--accent);border:1px solid var(--line);background:linear-gradient(#fff,#f8fbff);border-radius:8px}.history-chart circle{stroke:#fff;stroke-width:2px}.history-chart circle.state-up{fill:var(--ok)}.history-chart circle.state-slow{fill:var(--slow)}.history-chart circle.state-down{fill:var(--error)}.history-chart circle.state-disabled{fill:var(--muted)}.chart-footer{color:var(--muted);justify-content:space-between;gap:10px;font-size:.88rem;display:flex}.chart-empty{border:1px solid var(--line);background:var(--panel-muted);border-radius:8px;place-items:center;min-height:220px;display:grid}.modal-backdrop{background:#17212f5c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{width:min(420px,100%);padding:22px}.modal p{color:var(--muted);margin:8px 0 18px}@media (width<=1120px){.dashboard{width:min(100% - 20px,1360px);padding-top:18px}.hero-copy,.panel-header{flex-direction:column;align-items:stretch}.stats-grid,.two-column,.site-form{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-panel,.auth-form{grid-template-columns:1fr}}@media (width<=680px){.hero,.panel{padding:16px}.stats-grid,.site-form,.two-column{grid-template-columns:1fr}.actions,.row-actions{flex-direction:column;align-items:stretch}.chart-footer{flex-direction:column}}