:root{color:#17201b;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.auth-shell,.loading-screen{background:linear-gradient(#f6f7f4e0,#f6f7f4f2),url(https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&w=1800&q=80) 50%/cover;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{background:#fffffff0;border:1px solid #d9ded7;border-radius:8px;gap:18px;width:min(440px,100%);padding:28px;display:grid;box-shadow:0 24px 80px #1d2a2224}.brand-row{align-items:center;gap:12px;display:flex}.brand-row.compact{padding:4px 2px 18px}.brand-row h1{margin:0;font-size:24px;line-height:1.1}.brand-row.compact h1{font-size:20px}.brand-row p{color:#66736d;margin:4px 0 0;font-size:14px}.brand-mark{color:#fff;background:#1f6f54;border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.segmented{background:#eef1eb;border:1px solid #d9ded7;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segmented button{color:#4f5d56;background:0 0;border:0;border-radius:6px;min-height:38px}.segmented button.active{color:#17201b;background:#fff;box-shadow:0 1px 4px #1d2a221f}label{color:#39443f;gap:7px;font-size:13px;font-weight:650;display:grid}input,select{color:#17201b;background:#fff;border:1px solid #cbd3cd;border-radius:7px;outline:none;width:100%;min-height:40px;padding:0 11px}input:focus,select:focus{border-color:#24765c;box-shadow:0 0 0 3px #24765c21}.primary-action,.icon-text,.nav-button,.switch-button{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;display:inline-flex}.primary-action{color:#fff;background:#1f6f54}.primary-action.narrow{width:fit-content}.icon-text,.switch-button{color:#21342b;background:#fff;border-color:#cfd7d1}.notice{border-radius:7px;padding:11px 12px;font-size:14px}.notice-ok{color:#15492f;background:#dff3e7}.notice-error{color:#7a1e1e;background:#fde4e1}.notice-info{color:#31415c;background:#e7edf8}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#fff;border-right:1px solid #dfe4df;flex-direction:column;gap:10px;min-height:100vh;padding:20px;display:flex}.nav-list{gap:6px;display:grid}.nav-button{color:#435049;background:0 0;justify-content:flex-start}.nav-button.active{color:#143c2e;background:#e3f2e9}.sidebar-footer{gap:10px;margin-top:auto;display:grid}.workspace{grid-template-rows:auto 1fr;gap:18px;min-width:0;padding:22px;display:grid}.topbar{justify-content:space-between;align-items:center;gap:18px;display:flex}.topbar h2{margin:0;font-size:26px;line-height:1.15}.topbar p{color:#66736d;margin:5px 0 0}.toolbar,.settings-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.content-stack{gap:18px;display:grid}.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;display:grid}.metric,.panel{background:#fff;border:1px solid #dfe4df;border-radius:8px}.metric{align-content:center;gap:8px;min-height:96px;padding:16px;display:grid}.metric span{color:#66736d;font-size:13px}.metric strong{font-size:32px;line-height:1}.metric-ok{border-top:4px solid #2d9b63}.metric-warn{border-top:4px solid #d88b20}.metric-bad{border-top:4px solid #c74334}.metric-neutral{border-top:4px solid #68778b}.panel{min-width:0;padding:16px}.panel-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.panel-heading h3{margin:0;font-size:17px}.panel-heading h4,.detail-grid h4{margin:0;font-size:15px}.compact-heading{margin-bottom:10px}.muted,.cell-subtitle{color:#6f7d76;font-size:13px}.cell-subtitle{margin-top:3px;display:block}.table-wrap{border:1px solid #e3e8e3;border-radius:8px;width:100%;overflow:auto}table{border-collapse:collapse;background:#fff;width:100%;min-width:960px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #e9ede8;padding:11px 12px}th{color:#5d6862;text-transform:uppercase;font-size:12px;font-weight:750}td{font-size:14px}tbody tr:last-child td{border-bottom:0}.empty-cell{text-align:center;color:#6f7d76;height:88px}.severity{border-radius:999px;align-items:center;gap:6px;min-height:28px;padding:0 9px;font-size:13px;font-weight:700;display:inline-flex}.severity-button{background:0 0;border:0;padding:0}.severity-button:focus-visible{border-radius:999px;outline:3px solid #24765c33}.severity-healthy{color:#17613c;background:#def4e7}.severity-degraded{color:#7a4a08;background:#fff0cf}.severity-critical{color:#8f251b;background:#ffe0dc}.severity-unknown{color:#59645f;background:#edf0ec}.status-pill{border-radius:999px;align-items:center;min-height:26px;padding:0 9px;font-size:12px;font-weight:750;display:inline-flex}.status-text{font-weight:750}.status-ok{color:#17613c;background:#def4e7}.status-bad{color:#8f251b;background:#ffe0dc}.status-neutral{color:#59645f;background:#edf0ec}.status-text.status-ok,.status-text.status-bad{background:0 0}.form-grid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;margin-bottom:14px;display:grid}.service-editor{background:#fbfcfa;border:1px solid #e3e8e3;border-radius:8px;gap:10px;margin-bottom:14px;padding:12px;display:grid}.service-form-row{grid-template-columns:minmax(110px,.7fr) minmax(130px,.8fr) minmax(150px,1fr) auto;align-items:end;gap:10px;display:grid}.edit-service-row{grid-template-columns:minmax(110px,.7fr) minmax(130px,.8fr) minmax(150px,1fr) minmax(120px,auto) auto}.edit-service-enabled{min-height:40px;margin-bottom:0}.remove-button{min-width:92px}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.danger-action{color:#8f251b;background:#fff7f5;border-color:#efc3bd}.detail-panel{border-left:4px solid #1f6f54}.detail-grid{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}.detail-grid>div{gap:10px;display:grid}.short-input{width:92px}.time-input{width:118px}.timezone-input{width:170px}.schedule-cell{flex-wrap:wrap;gap:8px;display:flex}.inline-check{grid-template-columns:none;align-items:center;gap:8px;display:inline-flex}.inline-check input{width:18px;min-height:18px}.line-chart{width:100%;height:280px;display:block}.axis{stroke:#cfd7d1;stroke-width:2px}.axis-grid{stroke:#edf1ed;stroke-width:1px}.axis-tick{stroke:#9ca8a1;stroke-width:1.5px}.chart-axis-title{fill:#4e5a54;font-size:12px;font-weight:750}.latency-line{stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.chart-dot{fill:#f2a541;stroke:#fff;stroke-width:2px}.chart-label{fill:#6f7d76;font-size:13px}.chart-legend{flex-wrap:wrap;gap:8px 14px;padding-top:6px;display:flex}.chart-legend span{color:#4e5a54;align-items:center;gap:6px;font-size:12px;display:inline-flex}.chart-legend i{border-radius:999px;width:10px;height:10px;display:inline-block}.chart-empty{color:#6f7d76;background:#f7f8f5;border-radius:8px;place-items:center;height:220px;display:grid}.chart-empty.small{height:180px}.bar-list{gap:13px;display:grid}.bar-row{grid-template-columns:minmax(150px,1.2fr) minmax(120px,2fr) 64px;align-items:center;gap:12px;display:grid}.bar-label{gap:2px;min-width:0;display:grid}.bar-label strong,.bar-label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar-label strong{font-size:13px}.bar-label span{color:#6f7d76;font-size:12px}.bar-track{background:#edf1ec;border-radius:999px;height:12px;overflow:hidden}.bar-fill{border-radius:inherit;height:100%;display:block}.bar-neutral{background:#66748a}.bar-ok{background:#2d9b63}.bar-warn{background:#d88b20}.bar-bad{background:#c74334}.bar-value{color:#27362f;text-align:right;font-size:13px;font-weight:750}.column-chart{grid-auto-columns:minmax(38px,1fr);grid-auto-flow:column;align-items:end;gap:8px;height:220px;padding:12px 2px 0;display:grid;overflow-x:auto}.column{grid-template-rows:24px 1fr 22px;place-items:end center;gap:5px;min-width:38px;height:100%;display:grid}.column-value,.column-label{color:#66736d;white-space:nowrap;font-size:11px}.column-bar{border-radius:6px 6px 0 0;width:72%;min-height:4px}.compact-table table{min-width:760px}.alerts-table table{min-width:1540px}@media (width<=980px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #dfe4df;border-right:0;min-height:auto}.nav-list{grid-template-columns:repeat(5,minmax(0,1fr))}.nav-button{justify-content:center}.sidebar-footer,.topbar{align-items:stretch}.topbar,.sidebar-footer{flex-direction:column}.metric-grid,.analytics-grid,.form-grid,.service-form-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.workspace{padding:14px}.metric-grid,.analytics-grid,.form-grid,.service-form-row,.nav-list{grid-template-columns:1fr}.bar-row{grid-template-columns:1fr;gap:6px}.bar-value{text-align:left}.panel{padding:12px}.toolbar,.settings-row{align-items:stretch}.toolbar button,.settings-row button{width:100%}}