:root{--bg: #f4f5f7;--paper: #ffffff;--ink: #1a1d21;--muted: #6b7280;--line: #e6e8eb;--accent: #2563eb;--up: #16a34a;--down: #dc2626;--warn: #d97706;--radius: 14px;--shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #0f1216;--paper: #171b21;--ink: #e6e9ee;--muted: #8b94a3;--line: #262c35;--accent: #3b82f6;--up: #22c55e;--down: #ef4444;--warn: #f59e0b;--shadow: 0 1px 3px rgba(0, 0, 0, .4)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.muted{color:var(--muted)}.center{text-align:center;padding:40px 0}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--paper);border-bottom:1px solid var(--line)}.brand,.login-logo{display:flex;align-items:baseline;gap:8px}.brand svg,.login-logo svg{color:var(--accent);align-self:center}.ver{font-size:12px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}.topbar-right{display:flex;align-items:center;gap:12px}.upd,.who{font-size:13px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--muted);cursor:pointer}.icon-btn:hover{color:var(--ink);border-color:var(--muted)}.content{max-width:1100px;margin:0 auto;padding:20px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:16px}.banner{padding:10px 14px;border-radius:10px;margin-bottom:16px}.banner--err{background:color-mix(in srgb,var(--down) 12%,var(--paper));color:var(--down);border:1px solid color-mix(in srgb,var(--down) 30%,var(--paper))}.tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.tile{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.tile-n{font-size:26px;font-weight:700;line-height:1}.tile-l{color:var(--muted);font-size:13px;margin-top:4px}.tile--up{border-left:3px solid var(--up)}.tile--down{border-left:3px solid var(--down)}.project--down{border-color:color-mix(in srgb,var(--down) 45%,var(--line))}.project-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:10px}.project-head-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.pause-btn{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:4px 10px;border-radius:8px;border:1px solid var(--line);background:var(--paper);color:var(--muted);cursor:pointer;white-space:nowrap}.pause-btn:hover{color:var(--ink);border-color:var(--muted)}.project--paused{opacity:.55}.badge--paused{color:var(--muted);background:color-mix(in srgb,var(--muted) 16%,var(--paper))}.project-head h2{font-size:16px;margin:0;display:flex;align-items:center;gap:6px}.checks{display:flex;flex-direction:column}.check-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line);flex-wrap:wrap}.check-row:first-child{border-top:0}.check-main{display:flex;align-items:center;gap:8px;min-width:0}.check-main .kind{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--bg);padding:2px 6px;border-radius:6px}.check-main .url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.streak{color:var(--down);font-weight:600;font-size:13px}.ic-up{color:var(--up)}.ic-down{color:var(--down)}.ic-unknown{color:var(--muted)}.check-metrics{display:flex;align-items:center;gap:14px;margin-left:auto}.uptime{font-variant-numeric:tabular-nums;font-weight:600}.up--great,.up--good{color:var(--up)}.up--warn{color:var(--warn)}.up--bad{color:var(--down)}.up--na{color:var(--muted)}.uptime7,.lat{font-size:12px;font-variant-numeric:tabular-nums}.spark{display:block}.spark-ok{fill:color-mix(in srgb,var(--up) 65%,transparent)}.spark-bad{fill:var(--down)}.spark-empty{font-size:11px;color:var(--muted)}.badge{font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px}.badge--up{color:var(--up);background:color-mix(in srgb,var(--up) 14%,var(--paper))}.badge--down{color:var(--down);background:color-mix(in srgb,var(--down) 14%,var(--paper))}.inc-wrap{overflow-x:auto}.inc-table{width:100%;border-collapse:collapse;font-size:13px}.inc-table th{text-align:left;color:var(--muted);font-weight:500;padding:6px 10px;border-bottom:1px solid var(--line)}.inc-table td{padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.inc-table tr:last-child td{border-bottom:0}.inc-open{background:color-mix(in srgb,var(--down) 6%,transparent)}.foot{text-align:center;font-size:12px;padding:8px 0 24px}.login-wrap{min-height:100%;display:grid;place-items:center;padding:20px}.login-card{width:100%;max-width:320px;display:flex;flex-direction:column;gap:12px;text-align:center}.login-card p{margin:0 0 4px}.login-card input{padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font-size:15px}.login-card input:focus{outline:2px solid color-mix(in srgb,var(--accent) 40%,transparent);border-color:var(--accent)}.login-card button,.banner button{padding:11px 12px;border:0;border-radius:10px;background:var(--accent);color:#fff;font-size:15px;font-weight:600;cursor:pointer}.login-card button:disabled{opacity:.55;cursor:default}.err{color:var(--down);font-size:13px}@media(max-width:760px){.tiles{grid-template-columns:repeat(3,1fr)}.content{padding:14px}.check-metrics{gap:10px}.uptime7{display:none}}@media(max-width:460px){.tiles{grid-template-columns:repeat(2,1fr)}.who{display:none}.check-row{align-items:flex-start}}