:root{--bg:#08090d;--bg-grad:radial-gradient(1200px 600px at 78% -10%, #5b8cff14, transparent 60%);--surface:#0f1218;--surface-2:#14181f;--surface-3:#191e27;--surface-hover:#1c222c;--border:#222936;--border-strong:#2e3744;--text:#e8edf5;--text-dim:#aab3c2;--muted:#69748a;--primary:#5e9bff;--primary-strong:#3f7ce6;--primary-soft:#5e9bff24;--accent:#f5b13d;--green:#34d399;--amber:#fbbf24;--red:#fb7185;--cyan:#2dd4bf;--violet:#a78bfa;--glow-primary:#5e9bff73;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--r-sm:7px;--r:11px;--r-lg:16px;--shadow-1:0 1px 2px #0006;--shadow-2:0 10px 30px -12px #000000b3;--shadow-pop:0 16px 40px -10px #000000bf;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);background-image:var(--bg-grad);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed;margin:0;font-size:14px;line-height:1.5}h1,h2,h3{letter-spacing:-.01em;margin:0}.muted{color:var(--muted)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:content-box;border:2px solid #0000;border-radius:999px}button{background:var(--primary);color:#fff;border-radius:var(--r-sm);cursor:pointer;border:1px solid #0000;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,transform 50ms,box-shadow .15s}button:hover:not(:disabled){background:var(--primary-strong)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:default}button.secondary{background:var(--surface-2);border-color:var(--border);color:var(--text-dim)}button.secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong);color:var(--text)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--r-sm)}select{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 15px) 51%,calc(100% - 10px) 51%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding:7px 28px 7px 11px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .15s,background-color .15s}select:hover{border-color:var(--border-strong)}.login-wrap{place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:360px;max-width:100%;box-shadow:var(--shadow-2);flex-direction:column;gap:16px;padding:32px;display:flex}.login-card label{color:var(--text-dim);flex-direction:column;gap:6px;font-size:12px;font-weight:500;display:flex}.login-card input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);padding:10px 12px;font-family:inherit;font-size:14px}.login-card input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:40;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);background:#0a0c11b8;align-items:center;gap:10px;padding:12px 22px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;align-items:center;gap:9px;padding-right:6px;font-size:16px;font-weight:700;display:inline-flex}.brand .brand-mark{background:linear-gradient(140deg, var(--primary), #7b5cff);width:26px;height:26px;box-shadow:0 4px 14px -4px var(--glow-primary);color:#fff;border-radius:8px;place-items:center;display:grid}.spacer{flex:1}.content{flex:1;grid-template-columns:minmax(0,1fr) 360px;gap:18px;width:100%;max-width:1500px;margin:0 auto;padding:22px;display:grid}.main-col{flex-direction:column;gap:18px;min-width:0;display:flex}.foot{border-top:1px solid var(--border);color:var(--muted);padding:14px 22px;font-size:12px}.foot .num{color:var(--text-dim)}.cards{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px 18px;transition:border-color .18s,transform .18s;position:relative;overflow:hidden}.card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.card:after{content:"";background:var(--card-accent,var(--primary));opacity:.65;height:2px;position:absolute;inset:0 0 auto}.card-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.card-label{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:600}.card-icon{background:color-mix(in srgb, var(--card-accent,var(--primary)) 14%, transparent);width:28px;height:28px;color:var(--card-accent,var(--primary));border-radius:8px;place-items:center;display:grid}.card-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:30px;font-weight:600;line-height:1.1}.card-sub{color:var(--muted);margin-top:6px;font-size:12px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-1);padding:18px}.panel h3{color:var(--text);align-items:center;gap:8px;margin-bottom:14px;font-size:13px;font-weight:600;display:flex}.panel h3:before{content:"";background:var(--primary);opacity:.85;border-radius:2px;width:3px;height:13px}.recharts-cartesian-axis-tick text{font-family:var(--font-mono);fill:var(--muted);font-size:11px}.recharts-cartesian-grid line{stroke:var(--border);stroke-opacity:.55}.recharts-legend-item-text{font-size:12px;color:var(--text-dim)!important}.recharts-default-tooltip{border-radius:var(--r-sm)!important}.chart-tip{background:var(--surface-3);border:1px solid var(--border-strong);border-radius:var(--r-sm);box-shadow:var(--shadow-pop);padding:8px 11px;font-size:12px}.chart-tip-label{color:var(--muted);font-family:var(--font-mono);margin-bottom:5px}.chart-tip-row{align-items:center;gap:8px;padding:1px 0;display:flex}.chart-tip-dot{border-radius:50%;flex:none;width:8px;height:8px}.chart-tip-name{color:var(--text-dim)}.chart-tip-val{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text);margin-left:auto;font-weight:600}.breakdown-head{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.breakdown-head h3{margin:0}.breakdown-head .muted{font-size:12px}.breakdown-empty{color:var(--text-dim);margin:4px 0 0;font-size:13px}.breakdown-empty code{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);color:var(--primary);border-radius:5px;padding:1px 6px;font-size:12px}.breakdown-totals{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:8px;padding:14px;display:grid}.breakdown-total-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;margin-top:5px;font-size:19px;font-weight:600}.breakdown-section-title{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:18px 0 8px;font-size:11px;font-weight:700}.breakdown-table{border-collapse:collapse;width:100%;font-size:13px}.breakdown-table th{text-align:right;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:5px 10px;font-size:10px;font-weight:600}.breakdown-table th:first-child,.breakdown-table td:first-child{text-align:left}.breakdown-table td{text-align:right;border-bottom:1px solid #22293680;padding:8px 10px}.breakdown-table td:not(:first-child){font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-dim)}.breakdown-table tbody tr{transition:background .12s}.breakdown-table tbody tr:hover{background:var(--surface-2)}.breakdown-table tr:last-child td{border-bottom:none}.alerts-panel{position:sticky;top:84px}.alerts-panel h3{align-items:center;font-size:14px;display:flex}.alerts-panel h3:before{display:none}.alerts-panel .badge{background:var(--red);color:#1a0a0e;font-size:12px;font-weight:700;font-family:var(--font-mono);border-radius:999px;margin-left:8px;padding:1px 8px}.alert-section-title{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);border-top:1px solid var(--border);margin:16px 0 10px;padding-top:12px;font-size:11px;font-weight:700}.alert-section-title:first-of-type{border-top:none;margin-top:10px;padding-top:0}.alert-section-resolved{color:var(--green)}.alert-list{flex-direction:column;gap:10px;max-height:72vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.alert{border:1px solid var(--border);border-left:3px solid var(--amber);border-radius:var(--r-sm);background:var(--surface-2);padding:12px 13px;transition:border-color .15s;position:relative}.alert:hover{border-color:var(--border-strong)}.alert-open{border-left-color:var(--red)}.alert-resolved{border-left-color:var(--green);opacity:.62}.alert-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.alert-rule{font-size:13px;font-weight:600;font-family:var(--font-mono);flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.detector-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--cyan);background:#2dd4bf29;border-radius:4px;margin-left:4px;padding:2px 6px;font-size:9px;font-weight:700;display:inline-block}.alert-time{color:var(--muted);font-size:11px;font-family:var(--font-mono);flex:none}.alert-msg{color:var(--text-dim);margin:7px 0;font-size:13px}.alert-summary{color:#cdd8ea;background:var(--primary-soft);border-left:2px solid var(--primary);border-radius:5px;margin:8px 0;padding:8px 10px;font-size:12px;line-height:1.55}.alert-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.alert-meta{color:var(--muted);font-size:12px}.alert-resolve{background:var(--surface-3);color:var(--text-dim);border:1px solid var(--border);border-radius:6px;flex:none;padding:5px 12px;font-size:12px;font-weight:600;transition:color .15s,border-color .15s,background .15s}.alert-resolve:hover:not(:disabled){color:var(--text);border-color:var(--green);background:#34d3991a}.alert-resolve:disabled{opacity:.5;cursor:default}.sev{text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:700;font-family:var(--font-sans);border-radius:4px;margin-right:6px;padding:2px 6px;display:inline-block}.sev-critical{color:#fda4b0;background:#fb71852e}.sev-warning{color:#fcd34d;background:#fbbf242e}.sev-info{color:#a9c5ff;background:#5e9bff2e}.toast{background:var(--surface-3);border:1px solid var(--border-strong);border-radius:var(--r);box-shadow:var(--shadow-pop);z-index:60;align-items:center;gap:14px;padding:11px 12px 11px 16px;animation:.2s ease-out toast-in;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.toast-msg{color:var(--text);font-size:13px}.toast-undo{color:var(--primary);background:0 0;border:none;padding:4px 10px;font-size:13px;font-weight:700}.toast-undo:hover{background:var(--primary-soft)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:50;background:#04060ab8;place-items:center;padding:20px;animation:.15s ease-out toast-in;display:grid;position:fixed;inset:0}.modal-card{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-lg);width:640px;max-width:100%;max-height:86vh;box-shadow:var(--shadow-pop);padding:22px 24px;overflow-y:auto}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-sub{color:var(--muted);margin:6px 0 16px;font-size:12px}.monitors-table,.keys-table{border-collapse:collapse;width:100%;font-size:13px}.monitors-table th,.keys-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--border);padding:6px 8px;font-size:10px}.monitors-table td,.keys-table td{vertical-align:top;border-bottom:1px solid #22293680;padding:10px 8px}.keys-table code{font-family:var(--font-mono);font-size:12px}.monitor-off{opacity:.5}.monitor-label{font-weight:600}.monitor-rule{color:var(--muted);font-size:11px;font-family:var(--font-mono);margin-top:2px}.monitor-thr{align-items:center;gap:6px;display:flex}.monitor-thr input,.key-create input{background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);border-radius:6px;padding:7px 9px;font-size:13px}.monitor-thr input{width:96px}.monitor-unit{color:var(--muted);font-size:12px}.monitor-default{color:var(--muted);margin-top:4px;font-size:11px}.key-create{gap:8px;margin-bottom:16px;display:flex}.key-create input{flex:1;font-family:inherit}.key-reveal{border-radius:var(--r-sm);background:#34d39914;border:1px solid #34d39966;margin-bottom:16px;padding:13px 15px}.key-reveal-label{color:var(--text-dim);margin-bottom:8px;font-size:13px}.key-reveal-row{align-items:center;gap:8px;display:flex}.key-value{background:var(--surface-2);border:1px solid var(--border);font-family:var(--font-mono);word-break:break-all;border-radius:6px;flex:1;padding:8px 10px;font-size:12px}button.danger{color:#fda4b0;background:#fb718524;border:1px solid #fb718566;padding:5px 11px;font-size:13px}button.danger:hover:not(:disabled){background:#fb71853d}.error-banner{border:1px solid var(--red);color:#fecdd3;border-radius:var(--r-sm);background:#fb71851f;margin:0 22px;padding:10px 14px;font-size:13px}.public-toggle{color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;padding:0 4px;font-size:13px;display:inline-flex}.public-toggle input{cursor:pointer;accent-color:var(--primary)}a.linkbtn{border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}a.linkbtn:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text)}.status-page{max-width:760px;margin:0 auto;padding:56px 22px 64px}.status-head{align-items:baseline;gap:12px;margin-bottom:26px;display:flex}.status-subtitle{color:var(--muted);font-size:15px}.status-overall{border-radius:var(--r);border:1px solid var(--border);background:var(--surface);align-items:center;gap:10px;margin-bottom:20px;padding:20px 22px;font-size:19px;font-weight:600;display:flex}.status-list{border:1px solid var(--border);border-radius:var(--r);margin:0;padding:0;list-style:none;overflow:hidden}.status-row{background:var(--surface);border-top:1px solid var(--border);align-items:center;gap:12px;padding:15px 18px;display:flex}.status-row:first-child{border-top:none}.status-name{flex:none;font-weight:600}.status-meta{color:var(--muted);font-size:13px;font-family:var(--font-mono);flex:auto}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;flex:none;align-items:center;gap:7px;padding:4px 11px;font-size:12px;font-weight:700;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;width:9px;height:9px;box-shadow:0 0 8px}.status-operational{color:var(--green)}.status-degraded{color:var(--amber)}.status-down{color:var(--red)}.status-unknown{color:var(--muted)}.status-badge.status-operational{background:#34d39924}.status-badge.status-degraded{background:#fbbf2429}.status-badge.status-down{background:#fb718529}.status-badge.status-unknown{background:#69748a29}.status-empty{color:var(--muted);padding:24px 4px}.status-foot{color:var(--muted);text-align:right;font-size:12px;font-family:var(--font-mono);margin-top:18px}@media (width<=980px){.content{grid-template-columns:1fr}.alerts-panel{position:static}}@media (width<=620px){.cards{grid-template-columns:repeat(2,1fr)}.breakdown-totals{grid-template-columns:1fr}.topbar{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}