*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--amber:#c8820a;--amber-bright:#eda020;--amber-dim:#7a4e08;--amber-glow:#c8820a1f;--green:#2a9d5c;--green-dim:#185c36;--red:#c0392b;--red-dim:#7a1e15;--yellow:#d4a017;--bg-0:#0d0e0c;--bg-1:#111210;--bg-2:#161714;--bg-3:#1c1e1a;--bg-4:#222420;--bg-5:#2a2d27;--border:#c8820a2e;--border-dim:#c8820a14;--text-0:#e0d4b0;--text-1:#a89870;--text-2:#6a5e42;--text-3:#3e3828;--mono:"IBM Plex Mono", monospace;--sans:"IBM Plex Sans", sans-serif;--radius-sm:2px;--radius-md:3px}html,body,#root{background:var(--bg-0);height:100%;color:var(--text-0);font-family:var(--mono);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.5}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.app-shell{grid-template-rows:36px 1fr;height:100vh;display:grid;overflow:hidden}.titlebar{background:var(--bg-2);border-bottom:1px solid var(--border);letter-spacing:.1em;color:var(--text-2);flex-shrink:0;align-items:center;gap:20px;padding:0 16px;font-size:10px;display:flex}.titlebar-brand{letter-spacing:.18em;color:var(--amber);font-size:11px;font-weight:600}.titlebar-nav{gap:2px;display:flex}.titlebar-nav a{color:var(--text-2);border-radius:var(--radius-sm);letter-spacing:.1em;padding:4px 10px;font-size:10px;text-decoration:none;transition:color .15s,background .15s}.titlebar-nav a:hover{color:var(--text-1);background:var(--bg-4)}.titlebar-nav a.active{color:var(--amber);background:var(--amber-glow)}.titlebar-right{align-items:center;gap:16px;margin-left:auto;display:flex}.titlebar-clock{color:var(--amber);font-size:11px;font-weight:500}.fleet-pill{border-radius:var(--radius-sm);border:1px solid;padding:2px 8px;font-size:10px}.fleet-ok{color:var(--green);border-color:var(--green-dim);background:#2a9d5c1a}.fleet-err{color:var(--red);border-color:var(--red-dim);background:#c0392b1a}.fleet-mttr{color:var(--text-1);border-color:var(--border);background:var(--bg-3)}.page-body{grid-template-columns:210px 1fr 256px;height:100%;display:grid;overflow:hidden}.panel{border-right:1px solid var(--border-dim);background:var(--bg-1);flex-direction:column;display:flex;overflow:hidden}.panel:last-child{border-right:none;border-left:1px solid var(--border-dim)}.panel-header{background:var(--bg-2);border-bottom:1px solid var(--border-dim);letter-spacing:.2em;color:var(--amber-dim);text-transform:uppercase;flex-shrink:0;align-items:center;gap:8px;padding:7px 12px;font-size:9px;font-weight:600;display:flex}.panel-header-right{color:var(--text-3);letter-spacing:.05em;margin-left:auto;font-size:9px}.blink-dot{background:var(--amber);border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:1.6s step-end infinite blink}.blink-dot.green{background:var(--green)}.blink-dot.red{background:var(--red);animation-duration:.7s}@keyframes blink{0%,to{opacity:1}50%{opacity:.08}}.endpoint-list{flex:1;overflow-y:auto}.endpoint-item{border-bottom:1px solid var(--border-dim);cursor:pointer;align-items:flex-start;gap:8px;padding:8px 12px;transition:background .1s;display:flex;position:relative}.endpoint-item:hover{background:var(--bg-3)}.endpoint-item.active{background:var(--amber-glow);border-left:2px solid var(--amber);padding-left:10px}.status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:3px}.dot-ok{background:var(--green);box-shadow:0 0 5px var(--green)}.dot-error{background:var(--red);box-shadow:0 0 5px var(--red);animation:.8s step-end infinite blink}.dot-unknown{background:var(--text-3)}.ep-info{flex:1;min-width:0}.ep-name{color:var(--text-0);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.ep-url{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:9px;overflow:hidden}.ep-latency{color:var(--amber);flex-shrink:0;align-self:center;font-size:10px}.center-panel{background:var(--bg-1);flex-direction:column;display:flex;overflow:hidden}.stats-row{border-bottom:1px solid var(--border-dim);background:var(--bg-2);flex-shrink:0;grid-template-columns:repeat(4,1fr);display:grid}.stat-cell{border-right:1px solid var(--border-dim);padding:10px 14px}.stat-cell:last-child{border-right:none}.stat-label{letter-spacing:.16em;color:var(--text-3);text-transform:uppercase;margin-bottom:4px;font-size:9px}.stat-val{letter-spacing:-.02em;font-size:22px;font-weight:600;line-height:1}.val-ok{color:var(--green)}.val-warn{color:var(--amber)}.val-err{color:var(--red)}.val-neutral{color:var(--text-0)}.view-tabs{border-bottom:1px solid var(--border-dim);background:var(--bg-2);flex-shrink:0;display:flex}.view-tab{letter-spacing:.16em;color:var(--text-2);cursor:pointer;font-size:9px;font-family:var(--mono);text-transform:uppercase;background:0 0;border:none;border-bottom:2px solid #0000;padding:7px 16px;transition:color .15s}.view-tab:hover{color:var(--text-1)}.view-tab.active{color:var(--amber);border-bottom-color:var(--amber)}.chart-section{flex-direction:column;flex:1;gap:12px;min-height:0;padding:14px 16px;display:flex;overflow:hidden}.chart-header{justify-content:space-between;align-items:baseline;display:flex}.chart-title{letter-spacing:.16em;color:var(--text-2);text-transform:uppercase;font-size:9px}.chart-subtitle{color:var(--amber);font-size:9px}.chart-wrap{flex:1;min-height:0;position:relative}.chart-wrap-fixed{flex-shrink:0;height:72px;position:relative}.no-selection{color:var(--text-3);letter-spacing:.12em;flex:1;justify-content:center;align-items:center;font-size:11px;display:flex}.log-section{border-top:1px solid var(--border-dim);flex-direction:column;flex-shrink:0;height:200px;display:flex}.log-body{background:var(--bg-0);flex:1;overflow-y:auto}.log-entry{border-bottom:1px solid #ffffff05;align-items:baseline;gap:10px;padding:2px 12px;font-size:10px;animation:.25s fadeIn;display:flex}@keyframes fadeIn{0%{background:var(--amber-glow)}to{background:0 0}}.log-ts{color:var(--text-3);flex-shrink:0;width:62px}.log-code{flex-shrink:0;width:32px}.log-ok{color:var(--green)}.log-err{color:var(--red)}.log-warn{color:var(--amber)}.log-name{color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.log-ms{color:var(--amber);text-align:right;flex-shrink:0}.log-errmsg{color:var(--red);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:9px;overflow:hidden}.incident-list{flex:1;padding:6px 0;overflow-y:auto}.incident-card{background:var(--bg-3);border:1px solid var(--border-dim);border-radius:var(--radius-md);border-left-width:3px;margin:6px 10px;padding:9px 10px;font-size:10px}.incident-card.p1{border-left-color:var(--red)}.incident-card.p2{border-left-color:var(--amber)}.incident-card.p3{border-left-color:var(--green-dim)}.inc-header{align-items:center;gap:6px;margin-bottom:4px;display:flex}.sev-badge{border-radius:var(--radius-sm);letter-spacing:.08em;flex-shrink:0;padding:1px 5px;font-size:9px;font-weight:600}.sev-p1{color:#ff8a80;background:#c0392b40}.sev-p2{color:var(--amber-bright);background:#c8820a33}.sev-p3{color:#69d998;background:#2a9d5c33}.inc-title{color:var(--text-0);flex:1;font-weight:500;line-height:1.3}.inc-ep{color:var(--text-2);margin-bottom:5px;font-size:9px}.inc-meta{align-items:center;gap:8px;margin-bottom:6px;display:flex}.inc-age{color:var(--text-3)}.inc-status-open{color:var(--red)}.inc-status-acknowledged{color:var(--amber)}.inc-status-resolved{color:var(--text-3)}.inc-actions{align-items:center;gap:6px;display:flex}.btn-ack{font-family:var(--mono);border:1px solid var(--amber-dim);color:var(--amber-bright);border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.08em;background:#c8820a26;padding:2px 8px;font-size:9px;transition:background .15s}.btn-ack:hover{background:#c8820a4d}.btn-resolve{font-family:var(--mono);border:1px solid var(--green-dim);color:#69d998;border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.08em;background:#2a9d5c26;padding:2px 8px;font-size:9px;transition:background .15s}.btn-resolve:hover{background:#2a9d5c4d}.mttr-badge{color:var(--text-2);letter-spacing:.06em;margin-left:auto;font-size:9px}.no-incidents{text-align:center;color:var(--text-3);letter-spacing:.12em;padding:24px 16px;font-size:10px}.heatmap-wrap{border-top:1px solid var(--border-dim);flex-shrink:0;padding:10px 12px}.heatmap-label{letter-spacing:.16em;color:var(--text-3);text-transform:uppercase;margin-bottom:8px;font-size:9px}.heatmap-grid{flex-wrap:wrap;gap:2px;display:flex}.hm-cell{border-radius:1px;width:8px;height:8px;transition:opacity .2s}.hm-cell:hover{opacity:.7}.heatmap-legend{gap:12px;margin-top:6px;font-size:9px;display:flex}.rule-editor{flex-direction:column;gap:12px;padding:14px 16px;display:flex}.rule-form{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.rule-form select,.rule-form input[type=number]{background:var(--bg-3);border:1px solid var(--border);color:var(--text-0);font-family:var(--mono);border-radius:var(--radius-sm);outline:none;padding:4px 8px;font-size:10px}.rule-form select:focus,.rule-form input:focus{border-color:var(--amber)}.rule-form input[type=number]{width:80px}.rule-form label{color:var(--text-1);cursor:pointer;align-items:center;gap:4px;font-size:10px;display:flex}.btn-add-rule{font-family:var(--mono);background:var(--amber-glow);border:1px solid var(--amber-dim);color:var(--amber-bright);border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.06em;padding:4px 12px;font-size:10px;transition:background .15s}.btn-add-rule:hover{background:#c8820a40}.rule-error{color:var(--red);font-size:10px}.rule-list{flex-direction:column;gap:4px;display:flex}.rule-row{background:var(--bg-3);border:1px solid var(--border-dim);border-radius:var(--radius-sm);color:var(--text-1);align-items:center;gap:10px;padding:6px 10px;font-size:10px;display:flex}.sev-chip{border-radius:var(--radius-sm);padding:1px 5px;font-size:9px;font-weight:600}.sev-chip.p1{color:#ff8a80;background:#c0392b40}.sev-chip.p2{color:var(--amber-bright);background:#c8820a33}.sev-chip.p3{color:#69d998;background:#2a9d5c33}.btn-delete{color:var(--text-3);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 2px;font-size:11px;transition:color .15s}.btn-delete:hover{color:var(--red)}.incidents-page{padding:20px 24px;overflow-y:auto}.incidents-page h1{letter-spacing:.2em;color:var(--amber);text-transform:uppercase;margin-bottom:16px;font-size:11px;font-weight:600}.incidents-filters{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.filter-btn{font-family:var(--mono);background:var(--bg-3);border:1px solid var(--border-dim);color:var(--text-2);border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.08em;padding:3px 10px;font-size:9px;transition:all .15s}.filter-btn:hover{color:var(--text-1);border-color:var(--border)}.filter-btn.active{color:var(--amber);border-color:var(--amber-dim);background:var(--amber-glow)}.incidents-table{border-collapse:collapse;width:100%;font-size:11px}.incidents-table th{text-align:left;letter-spacing:.14em;color:var(--text-3);text-transform:uppercase;border-bottom:1px solid var(--border-dim);padding:6px 12px;font-size:9px;font-weight:400}.incidents-table td{border-bottom:1px solid var(--border-dim);color:var(--text-1);vertical-align:middle;padding:8px 12px}.incidents-table tr:hover td{background:var(--bg-3)}.endpoints-page{padding:20px 24px;overflow-y:auto}.endpoints-page h1{letter-spacing:.2em;color:var(--amber);text-transform:uppercase;margin-bottom:16px;font-size:11px;font-weight:600}.add-endpoint-form{background:var(--bg-2);border:1px solid var(--border-dim);border-radius:var(--radius-md);flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:20px;padding:16px;display:flex}.form-field{flex-direction:column;gap:4px;display:flex}.form-label{letter-spacing:.14em;color:var(--text-3);text-transform:uppercase;font-size:9px}.form-input{background:var(--bg-3);border:1px solid var(--border);color:var(--text-0);font-family:var(--mono);border-radius:var(--radius-sm);outline:none;min-width:180px;padding:5px 10px;font-size:11px}.form-input:focus{border-color:var(--amber)}.btn-primary{font-family:var(--mono);background:var(--amber-glow);border:1px solid var(--amber-dim);color:var(--amber-bright);border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.08em;align-self:flex-end;padding:6px 16px;font-size:10px;transition:background .15s}.btn-primary:hover{background:#c8820a40}.endpoints-table{border-collapse:collapse;width:100%;font-size:11px}.endpoints-table th{text-align:left;letter-spacing:.14em;color:var(--text-3);text-transform:uppercase;border-bottom:1px solid var(--border-dim);padding:6px 12px;font-size:9px;font-weight:400}.endpoints-table td{border-bottom:1px solid var(--border-dim);color:var(--text-1);padding:8px 12px}.endpoints-table tr:hover td{background:var(--bg-3)}.toggle-active{font-family:var(--mono);border:1px solid var(--border-dim);color:var(--text-2);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:2px 8px;font-size:9px;transition:all .15s}.toggle-active.on{color:var(--green);border-color:var(--green-dim)}.toggle-active:hover{border-color:var(--border);color:var(--text-1)}.text-ok{color:var(--green)}.text-err{color:var(--red)}.text-warn{color:var(--amber)}.text-muted{color:var(--text-3)}.mono{font-family:var(--mono)}