:root{--bg: #0e1116;--panel: #161b22;--panel-2: #1c232c;--border: #2a323d;--text: #d6dde5;--muted: #8a96a3;--accent: #ffb340;--danger: #ff6b6b;--ok: #4ade80;--info: #60a5fa;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:var(--accent)}.app{max-width:1100px;margin:0 auto;padding:24px 20px 80px}.header{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:14px;margin-bottom:18px}.header h1{font-family:var(--mono);font-size:18px;font-weight:600;margin:0}.header h1 .dot{display:inline-block;width:8px;height:8px;background:var(--accent);border-radius:50%;margin-right:8px;vertical-align:middle}.header .meta{font-family:var(--mono);font-size:12px;color:var(--muted)}.syncbar{font-family:var(--mono);font-size:12px;color:var(--muted);padding:8px 12px;border:1px solid var(--border);border-radius:4px;background:var(--panel);margin-bottom:16px;display:flex;gap:8px;align-items:center}.syncbar .status-ok{color:var(--ok)}.syncbar .status-error{color:var(--danger)}.toolbar{display:flex;gap:8px;margin-bottom:16px;align-items:center;flex-wrap:wrap}.toolbar .count{font-family:var(--mono);font-size:12px;color:var(--muted);margin-left:auto}.btn{background:var(--panel);border:1px solid var(--border);color:var(--text);font-size:13px;padding:6px 12px;border-radius:4px;cursor:pointer}.btn:hover{background:var(--panel-2)}.btn.primary{background:var(--accent);color:#1a1300;border-color:var(--accent);font-weight:600}.btn.ghost{background:transparent}.btn.excluded-filter{color:var(--muted)}.btn.excluded-filter.active{background:var(--muted);color:var(--bg);border-color:var(--muted);font-weight:600}.btn.tbd-filter{color:var(--muted)}.btn.tbd-filter.active{background:var(--info);color:var(--bg);border-color:var(--info);font-weight:600}.btn:disabled{opacity:.5;cursor:default}.search-wrap{position:relative;display:inline-block;width:220px}.search-wrap .input{width:100%;padding-right:28px}.search-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;padding:2px 6px}.search-clear:hover{color:var(--text)}.input,.textarea{background:var(--panel);border:1px solid var(--border);color:var(--text);font-size:13px;padding:8px 10px;border-radius:4px;width:100%}.textarea{min-height:70px;resize:vertical;font-family:var(--sans)}.input:focus,.textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.incident{border:1px solid var(--border);border-radius:6px;background:var(--panel);margin-bottom:10px;overflow:hidden}.incident.recovered{border-left:3px solid var(--ok)}.incident.stale{border-left:3px solid var(--danger)}.incident.excluded{border-left:3px solid var(--muted);opacity:.85}.incident.tbd{border-left:3px solid var(--info);opacity:.85}.incident-head{display:grid;grid-template-columns:1fr auto auto auto;gap:14px;padding:13px 16px;align-items:center;cursor:pointer}.incident-head:hover{background:var(--panel-2)}.incident-title{font-family:var(--mono);font-size:14px;font-weight:600}.incident-sub{font-size:12px;color:var(--muted);margin-top:2px}.tag{font-family:var(--mono);font-size:11px;padding:2px 8px;border-radius:3px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.tag.failed{background:#ff6b6b26;color:var(--danger)}.tag.missed{background:#ffb34026;color:var(--accent)}.tag.never{background:#8a96a333;color:var(--muted)}.tag.excluded{background:#8a96a326;color:var(--muted)}.tag.tbd{background:#60a5fa26;color:var(--info)}.tag.closed{background:#4ade801f;color:var(--ok)}.tag.recovered{background:#4ade8026;color:var(--ok)}.age{font-family:var(--mono);font-size:12px;color:var(--muted);white-space:nowrap}.incident-body{padding:0 16px 16px;border-top:1px solid var(--border)}.history{display:flex;gap:4px;flex-wrap:wrap;margin:12px 0}.history .h-cell{font-family:var(--mono);font-size:10px;padding:2px 6px;border-radius:3px}.history .h-failed{background:#ff6b6b33;color:var(--danger)}.history .h-missed{background:#ffb34033;color:var(--accent)}.history .h-never{background:#8a96a340;color:var(--muted)}.note{border-left:2px solid var(--border);padding:6px 10px;margin:8px 0;font-size:13px}.note .meta{font-family:var(--mono);font-size:11px;color:var(--muted);margin-bottom:2px}.empty{text-align:center;padding:60px 20px;color:var(--muted);font-family:var(--mono);font-size:13px}.login{max-width:360px;margin:120px auto;padding:24px;border:1px solid var(--border);border-radius:6px;background:var(--panel)}.login h2{font-family:var(--mono);font-size:16px;margin:0 0 16px}.login .field{margin-bottom:12px}.login .field label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.error{color:var(--danger);font-size:12px;margin-top:8px}@media (max-width: 640px){.incident-head{grid-template-columns:1fr auto}.incident-head .age:last-of-type{display:none}}