:root{--ch-bg:#f5f5f4;--ch-border:#e2e2df;--ch-card:#fff;--ch-danger:#b42318;--ch-muted:#6b6b66;--ch-text:#1c1c1a;--ch-accent:#1c1c1a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--ch-bg);color:var(--ch-text);margin:0}button,input{font:inherit}.ch-brand{font-size:17px;font-weight:700}.ch-brand span{color:var(--ch-muted);font-weight:400}.ch-button{background:var(--ch-accent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:10px 16px}.ch-button:disabled{opacity:.6}.ch-link-button{color:var(--ch-muted);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.ch-card{background:var(--ch-card);border:1px solid var(--ch-border);border-radius:12px}.ch-error{color:var(--ch-danger);background:#fef3f2;border-radius:8px;padding:10px 12px}.ch-muted,.ch-hint{color:var(--ch-muted);font-size:14px}.ch-login{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.ch-login-card{flex-direction:column;gap:16px;width:100%;max-width:360px;padding:28px;display:flex}.ch-login-card label{flex-direction:column;gap:6px;font-size:14px;display:flex}.ch-login-card input{border:1px solid var(--ch-border);border-radius:8px;padding:10px 12px}.ch-login-card .ch-hint{margin:0}.ch-login-card .ch-google{justify-content:center;min-height:44px;display:flex}.ch-login-card .ch-or{color:var(--ch-muted);text-align:center;font-size:14px}.ch-layout{min-height:100vh;display:flex}.ch-sidebar{background:var(--ch-card);border-right:1px solid var(--ch-border);flex-direction:column;flex-shrink:0;gap:20px;width:220px;height:100vh;padding:20px 12px;display:flex;position:sticky;top:0}.ch-sidebar .ch-brand{padding:0 8px}.ch-nav-group{flex-direction:column;gap:2px;display:flex}.ch-nav-title{color:var(--ch-muted);letter-spacing:.04em;text-transform:uppercase;padding:0 8px 6px;font-size:12px}.ch-nav-link{color:var(--ch-text);border-radius:8px;justify-content:space-between;align-items:center;padding:8px;text-decoration:none;display:flex}.ch-nav-link:hover{background:var(--ch-bg)}.ch-nav-link.active{background:var(--ch-bg);font-weight:600}.ch-soon{color:var(--ch-muted);font-size:11px;font-weight:400}.ch-sidebar-footer{border-top:1px solid var(--ch-border);flex-direction:column;gap:6px;margin-top:auto;padding:12px 8px 0;font-size:13px;display:flex}.ch-sidebar-footer .ch-link-button{align-self:flex-start}.ch-user{text-overflow:ellipsis;overflow:hidden}.ch-main{flex:1;min-width:0}.ch-page{padding:32px}.ch-page h1{margin:0 0 20px;font-size:24px}.ch-placeholder{border:1px dashed var(--ch-border);color:var(--ch-muted);text-align:center;border-radius:12px;padding:48px}@media (width<=800px){.ch-layout{flex-direction:column}.ch-sidebar{border-bottom:1px solid var(--ch-border);border-right:0;width:100%;height:auto;position:static}.ch-page{padding:16px}}:root{--ch-status-critical:#d03b3b;--ch-status-good:#0ca30c;--ch-status-warning:#b07800;--ch-series:#2a78d6}.ch-page h2{margin:32px 0 12px;font-size:18px}.ch-hosts{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;margin-bottom:8px;display:grid}.ch-host{color:var(--ch-text);cursor:pointer;text-align:left;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.ch-host-selected{border-color:var(--ch-text)}.ch-host-down{border-left:3px solid var(--ch-status-critical)}.ch-host-warning{border-left:3px solid var(--ch-status-warning)}.ch-host-head{justify-content:space-between;align-items:center;display:flex}.ch-host-name{font-weight:600}.ch-state{font-size:13px;font-weight:600}.ch-state-ok{color:var(--ch-status-good)}.ch-state-warning{color:var(--ch-status-warning)}.ch-state-down{color:var(--ch-status-critical)}.ch-host-values{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2px 16px;margin:4px 0 0;font-size:13px;display:grid}.ch-host-values div{justify-content:space-between;display:flex}.ch-host-values dt{color:var(--ch-muted)}.ch-host-values dd{white-space:nowrap;margin:0}.ch-host-alert{color:var(--ch-status-warning);font-size:13px}.ch-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:32px 0 12px;display:flex}.ch-toolbar h2{margin:0}.ch-segmented{background:var(--ch-card);border:1px solid var(--ch-border);border-radius:8px;padding:2px;display:flex}.ch-segmented button{cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 12px;font-size:13px}.ch-segmented button[aria-pressed=true]{background:var(--ch-bg);font-weight:600}.ch-charts{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;display:grid}.ch-chart{background:var(--ch-card);border:1px solid var(--ch-border);border-radius:12px;margin:0;padding:12px 14px 6px}.ch-chart figcaption{justify-content:space-between;font-size:14px;font-weight:600;display:flex}.ch-chart svg{width:100%;display:block}.ch-chart-value{color:var(--ch-muted);font-weight:400}.ch-chart-grid{stroke:var(--ch-border);stroke-width:1px}.ch-chart-axis{fill:var(--ch-muted);font-size:11px}.ch-chart-line{fill:none;stroke:var(--ch-series);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.ch-chart-cross{stroke:var(--ch-muted);stroke-dasharray:3 3}.ch-chart-dot{fill:var(--ch-series);stroke:var(--ch-card);stroke-width:2px}.ch-table{background:var(--ch-card);border:1px solid var(--ch-border);border-collapse:collapse;border-radius:12px;width:100%;font-size:14px}.ch-table th,.ch-table td{border-bottom:1px solid var(--ch-border);text-align:left;vertical-align:top;padding:8px 12px}.ch-table th{color:var(--ch-muted);font-weight:600}
