:root{color-scheme:dark;--bg: #0f1419;--panel: #1a222c;--border: #2c3848;--text: #e7eef7;--muted: #93a4b8;--accent: #5b9fd4;--up: #3ecf8e;--degraded: #e6b84d;--down: #e35d6a;--row-hover: #222c38;font-family:IBM Plex Sans,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1400px 700px at 8% -12%,#1b2a3a,var(--bg));color:var(--text);min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app{width:100%;max-width:none;margin:0;padding:1.25rem 1.5rem 2rem}header{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:flex-end;margin-bottom:1rem}header h1{margin:0;font-size:1.5rem;letter-spacing:.02em}header .meta{color:var(--muted);font-size:.9rem}.tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid var(--border)}.tabs button{background:transparent;border:none;color:var(--muted);padding:.75rem 1rem;cursor:pointer;border-bottom:2px solid transparent;font:inherit}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.summary{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:.85rem}.pill{background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:.35rem .8rem;font-size:.85rem}.table-toolbar{margin-bottom:.65rem}.filter-input{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.55rem .85rem;font:inherit}.filter-input:focus{outline:none;border-color:var(--accent)}.table-wrap{width:100%;overflow-x:auto;background:var(--panel);border:1px solid var(--border);border-radius:10px}.data-table{width:100%;border-collapse:collapse;font-size:.85rem}.data-table th,.data-table td{text-align:left;padding:.6rem .85rem;border-bottom:1px solid var(--border);vertical-align:top}.data-table thead th{position:sticky;top:0;background:#15202b;z-index:1;white-space:nowrap}.data-table tbody tr:hover{background:var(--row-hover)}.data-table tbody tr:last-child td{border-bottom:none}.th-sort{background:none;border:none;color:var(--muted);font:inherit;font-weight:600;padding:0;cursor:pointer}.th-sort:hover{color:var(--text)}.dot{width:.65rem;height:.65rem;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:.25rem}.dot.up{background:var(--up);box-shadow:0 0 8px var(--up)}.dot.degraded{background:var(--degraded);box-shadow:0 0 8px var(--degraded)}.dot.down{background:var(--down);box-shadow:0 0 8px var(--down)}.dot.unknown{background:#5a6a7a}.num{font-variant-numeric:tabular-nums;white-space:nowrap}.mono{font-family:ui-monospace,IBM Plex Mono,Consolas,monospace;font-size:.8rem;word-break:break-all}.path{font-family:ui-monospace,Consolas,monospace;font-size:.75rem;margin-top:.15rem}.mono-block{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:.85rem;overflow:auto;font-size:.75rem;font-family:ui-monospace,Consolas,monospace}.kuma-section{margin-top:1.25rem}.kuma-section h2{margin:0 0 .5rem;font-size:1.05rem}.error{background:#3a1d22;border:1px solid var(--down);color:#ffd5da;padding:.85rem 1rem;border-radius:8px;margin-bottom:1rem}.toolbar{display:flex;gap:.5rem;align-items:center}button.refresh{background:#243141;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.4rem .8rem;cursor:pointer;font:inherit}button.refresh:hover{border-color:var(--accent)}button.refresh:disabled{opacity:.6;cursor:default}.muted{color:var(--muted)}.footnote{margin-top:1rem;font-size:.8rem}.login-gate{margin-top:3rem;max-width:420px;padding:1.5rem;background:var(--panel);border:1px solid var(--border);border-radius:12px}.login-gate h2{margin:0 0 .5rem;font-size:1.25rem}.btn-google{display:inline-block;margin-top:1rem;background:#243141;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.65rem 1.1rem;font:inherit}.btn-google:hover{border-color:var(--accent);text-decoration:none}.projects-split{display:grid;grid-template-columns:minmax(200px,25%) 1fr;gap:1rem;align-items:start;min-height:420px}.projects-list{background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden}.projects-list-head{padding:.65rem .85rem;border-bottom:1px solid var(--border);font-size:.8rem}.projects-list ul{list-style:none;margin:0;padding:.35rem;max-height:70vh;overflow-y:auto}.project-item{width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text);padding:.65rem .7rem;cursor:pointer;font:inherit;margin-bottom:.25rem}.project-item:hover{background:var(--row-hover)}.project-item.active{background:#1e2c3b;border-color:var(--accent)}.project-item-top{display:flex;align-items:center;gap:.35rem}.project-name{font-weight:600}.project-id{font-size:.75rem;margin:.2rem 0 .45rem 1rem;font-family:ui-monospace,Consolas,monospace}.env-chips{display:flex;gap:.35rem;flex-wrap:wrap}.env-chip{display:inline-flex;align-items:center;gap:.2rem;font-size:.7rem;font-weight:600;letter-spacing:.04em;padding:.15rem .45rem;border-radius:6px;border:1px solid var(--border);background:#121a22;color:var(--muted)}.env-chip .dot{margin-right:0;width:.5rem;height:.5rem}.env-chip.up{border-color:color-mix(in srgb,var(--up) 45%,var(--border))}.env-chip.degraded{border-color:color-mix(in srgb,var(--degraded) 45%,var(--border))}.env-chip.down{border-color:color-mix(in srgb,var(--down) 45%,var(--border))}.projects-detail{min-width:0}.projects-detail-head{display:flex;align-items:center;gap:.75rem;margin-bottom:.85rem}.projects-detail-head h2{margin:0;font-size:1.15rem}.detail-matrix th[scope=row]{width:7.5rem;color:var(--muted);font-weight:600;white-space:nowrap}.detail-matrix thead th{text-align:left}.container-dots{display:flex;flex-direction:column;gap:.25rem}.container-dot-item{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem}@media(max-width:900px){.projects-split{grid-template-columns:1fr}.projects-list ul{max-height:280px}}