:root{--primary:#0093d0;--primary-dark:#005e8a;--accent:#ffc844;--surface:#fff;--surface-2:#f2f7fa;--surface-3:#e0edf4;--text:#16313f;--muted:#607985;--line:#c8dbe5;--danger:#c33131;--warning:#a96200;--success:#19713e;--shadow:0 12px 36px rgba(24,65,84,.12);font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;color-scheme:light}
html[data-theme="vert"]{--primary:#2e7d32;--primary-dark:#1b5e20;--accent:#f1c644;--surface-2:#f1f7f1;--surface-3:#dcebdc;--text:#17371a;--muted:#607965;--line:#c4dbc5}
html[data-theme="orange"]{--primary:#f57c00;--primary-dark:#a94e00;--accent:#ffd05b;--surface-2:#fff6ec;--surface-3:#f5dfc9;--text:#3e2917;--muted:#826b56;--line:#ead0b4}
html[data-theme="sombre"]{--primary:#43b7e8;--primary-dark:#87d7f8;--accent:#ffd05b;--surface:#17242b;--surface-2:#0e191f;--surface-3:#263842;--text:#eef8fc;--muted:#afc3cc;--line:#405863;--danger:#ff7b7b;--warning:#ffc467;--success:#72dfa0;--shadow:0 14px 40px rgba(0,0,0,.35);color-scheme:dark}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--surface-2);color:var(--text)}button,input,select{font:inherit}button,select{cursor:pointer}a{color:inherit}.topbar{min-height:88px;padding:14px clamp(18px,4vw,56px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:18px;text-decoration:none}.brand img{object-fit:contain;max-width:190px;height:52px}.brand span{display:grid;gap:2px}.brand strong{font-size:1.15rem}.brand small,.muted{color:var(--muted)}.top-actions{display:flex;align-items:end;gap:10px}.theme{display:grid;gap:4px;font-size:.78rem;color:var(--muted)}input,select{min-height:42px;padding:9px 11px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:9px}.button{min-height:42px;padding:9px 16px;border:1px solid transparent;border-radius:9px;font-weight:700}.button.primary{background:var(--primary);color:#fff}.button.primary:hover{background:var(--primary-dark)}.button.secondary{background:var(--surface);border-color:var(--line);color:var(--text)}.button.danger{background:transparent;border-color:var(--danger);color:var(--danger)}.button.small{min-height:34px;padding:5px 10px;font-size:.84rem}.status{padding:9px clamp(18px,4vw,56px);display:flex;align-items:center;gap:9px;background:var(--surface-3);font-size:.88rem}.status time{margin-left:auto;color:var(--muted)}.dot{width:10px;height:10px;border-radius:50%;background:var(--warning)}.status.online .dot{background:var(--success)}.status.offline .dot{background:var(--danger)}.banner{margin:14px auto 0;max-width:1320px;padding:12px 16px;border-radius:10px}.banner.error{background:color-mix(in srgb,var(--danger) 15%,var(--surface));border:1px solid var(--danger)}.banner.success{background:color-mix(in srgb,var(--success) 14%,var(--surface));border:1px solid var(--success)}main{max-width:1480px;margin:0 auto;padding:28px clamp(16px,3vw,40px) 56px}.login-card{max-width:760px;margin:8vh auto;display:grid;grid-template-columns:1fr 1fr;gap:44px;padding:40px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.8rem,3vw,2.45rem);margin-bottom:10px}h2{font-size:1.25rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--primary);font-size:.75rem;font-weight:800;margin-bottom:8px}.stack{display:grid;gap:14px}.stack label,.filters label{display:grid;gap:6px;font-size:.86rem;font-weight:650}.app-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px}.sidebar{align-self:start;position:sticky;top:130px;display:grid;gap:4px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.sidebar a{padding:10px 12px;text-decoration:none;border-radius:8px}.sidebar a:hover,.sidebar a.active{background:var(--surface-3);color:var(--primary-dark);font-weight:700}.sidebar div{display:grid;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}.sidebar div>span{padding:6px 12px;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.identity{padding:8px 12px;margin:0 0 5px;font-size:.85rem;border-bottom:1px solid var(--line)}.workspace{min-width:0}.heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.heading h1{margin:0}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:30px}.summary-card{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.summary-card strong{display:block;font-size:2rem;color:var(--primary)}.summary-card span{color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.site-card,.panel,.anomaly-card{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:13px}.site-card header,.anomaly-card header{display:flex;justify-content:space-between;gap:12px}.site-card h3{margin-bottom:4px}.site-card .button{margin-top:15px;width:100%}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:var(--surface-3);font-size:.76rem;font-weight:750}.badge.good{color:var(--success)}.badge.warning{color:var(--warning)}.badge.danger{color:var(--danger)}.badge.neutral{color:var(--muted)}.filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-bottom:22px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.filters label{min-width:150px;flex:1}.filters .button{flex:0}.two-columns{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:18px;margin-bottom:28px}.table-wrap{overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--surface-3)}tbody tr:last-child td{border-bottom:0}.empty{padding:30px;text-align:center;color:var(--muted)}.pairing-result{display:grid;place-content:center;text-align:center;min-height:260px}.pairing-result img{display:block;width:min(256px,100%);height:auto;margin:0 auto 12px;background:#fff;padding:8px;border-radius:8px}.pairing-code{word-break:break-all;font-family:ui-monospace,monospace;font-size:.76rem}.anomaly-card dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 12px;margin:10px 0}.anomaly-card dt{color:var(--muted)}.anomaly-card dd{margin:0;word-break:break-word}.resolve-form{display:grid;grid-template-columns:1fr 1fr 2fr auto auto;gap:8px;margin-top:14px}.bar-list{display:grid;gap:11px}.bar-row{display:grid;grid-template-columns:minmax(140px,230px) 1fr 80px;align-items:center;gap:12px}.bar-track{height:12px;border-radius:8px;background:var(--surface-3);overflow:hidden}.bar-track span{display:block;height:100%;background:var(--primary)}dialog{width:min(820px,calc(100vw - 28px));max-height:85vh;padding:0;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(5,20,28,.62)}dialog>header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}dialog h2{margin:0}.icon-button{width:38px;height:38px;border:0;border-radius:50%;background:var(--surface-3);color:var(--text);font-size:1.5rem}.detail-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:20px}.detail-meta div,.entry{padding:11px;background:var(--surface-2);border-radius:8px}.detail-meta span{display:block;color:var(--muted);font-size:.75rem}.entry-list{display:grid;gap:8px;padding:0 20px 22px}.entry{display:grid;grid-template-columns:1fr auto;gap:12px}.entry strong{color:var(--primary-dark)}footer{display:flex;justify-content:space-between;gap:20px;padding:22px clamp(18px,4vw,56px);border-top:1px solid var(--line);color:var(--muted);font-size:.82rem;background:var(--surface)}[hidden]{display:none!important}
@media(max-width:980px){.app-layout{grid-template-columns:1fr}.sidebar{position:static;display:flex;overflow:auto}.sidebar .identity,.sidebar div>span{display:none}.sidebar div{display:flex;margin:0;padding:0;border:0}.sidebar a{white-space:nowrap}.summary-grid{grid-template-columns:repeat(2,1fr)}.resolve-form{grid-template-columns:1fr 1fr}.resolve-form input{grid-column:span 2}}
@media(max-width:680px){.topbar{position:static;align-items:flex-start;flex-direction:column}.brand span{display:none}.top-actions{width:100%;flex-wrap:wrap}.theme{flex:1}.theme select{width:100%}.login-card,.two-columns{grid-template-columns:1fr}.login-card{padding:24px;gap:20px}.summary-grid{grid-template-columns:1fr}.heading{align-items:flex-start;flex-direction:column}.detail-meta{grid-template-columns:1fr}.bar-row{grid-template-columns:1fr 60px}.bar-track{grid-column:1/-1;grid-row:2}.resolve-form{grid-template-columns:1fr}.resolve-form input{grid-column:auto}footer{flex-direction:column}}
.narrow-form{max-width:620px}.panel h2{margin-bottom:4px}.app-layout.password-only{grid-template-columns:1fr;max-width:760px;margin:4vh auto}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:24px 0 14px;padding-bottom:10px;border-bottom:1px solid var(--line)}.section-heading h2,.section-heading p{margin-bottom:0}.section-heading.separated{margin-top:42px}.inline-state{flex-basis:100%;margin:0;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--muted);font-size:.82rem;font-weight:700}.inline-state.good{border-color:var(--success);color:var(--success)}.inline-state.danger{border-color:var(--danger);color:var(--danger)}.inline-state.neutral{color:var(--muted)}#view-people>.table-wrap{margin-bottom:24px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 38%,transparent);outline-offset:2px}@media(max-width:680px){.section-heading{align-items:flex-start;flex-direction:column}}