:root{--bg: #12151a;--bg-raise: #171b21;--line: #262c35;--line-soft: #1e242c;--text: #dcd9d2;--text-dim: #8d95a1;--text-faint: #5d6672;--accent: #d8a24a;--up: #4fae7c;--down: #d95c5c;--wait: #b08d4f;--mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.boot{min-height:100vh;display:grid;place-items:center;color:var(--text-faint);font-family:var(--mono);font-size:13px;letter-spacing:.08em}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:340px;background:var(--bg-raise);border:1px solid var(--line);padding:28px 26px 24px}.login-brand{font-family:var(--mono);font-size:15px;letter-spacing:.14em;display:flex;align-items:center;gap:10px}.mark{width:11px;height:11px;background:var(--accent);display:inline-block;flex:none}.login-sub{margin:10px 0 22px;font-size:12px;color:var(--text-faint);line-height:1.45}.field{display:block;margin-bottom:14px}.field span{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px}.field input{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--text);padding:9px 10px;font-size:14px;font-family:var(--sans);outline:none}.field input:focus{border-color:#3a434f}.login-error{color:var(--down);font-size:12.5px;margin:-4px 0 12px}.login-card button{width:100%;margin-top:6px;background:transparent;border:1px solid #3a434f;color:var(--text);padding:9px 0;font-size:13px;letter-spacing:.06em;cursor:pointer}.login-card button:hover{border-color:var(--accent);color:var(--accent)}.login-card button:disabled{opacity:.5;cursor:default}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;border-bottom:1px solid var(--line);background:var(--bg-raise);flex-wrap:wrap}.brand{display:flex;gap:12px;align-items:center}.brand-title{font-family:var(--mono);font-size:14px;letter-spacing:.12em;text-transform:uppercase}.brand-sub{font-size:12px;color:var(--text-faint);margin-top:2px}.topbar-right{display:flex;align-items:center;gap:18px;font-family:var(--mono);font-size:12.5px;color:var(--text-dim)}.counter b{color:var(--text);font-weight:600}.counter b.ok{color:var(--up)}.counter b.bad{color:var(--down)}.counter .sep{margin:0 4px;color:var(--text-faint)}.clock{color:var(--text-faint)}.logout{background:none;border:1px solid var(--line);color:var(--text-dim);font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;padding:5px 10px;cursor:pointer}.logout:hover{color:var(--text);border-color:#3a434f}.grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(295px,1fr));gap:14px;padding:26px 28px;max-width:1420px;width:100%;margin:0 auto}.tile{display:flex;flex-direction:column;background:var(--bg-raise);border:1px solid var(--line);border-left:3px solid var(--line);padding:16px 16px 13px;min-height:132px;transition:border-color .12s ease,background .12s ease}.tile:hover{background:#1a1f26;border-color:#343c47}.tile.st-up{border-left-color:var(--up)}.tile.st-down{border-left-color:var(--down)}.tile.st-wait{border-left-color:var(--wait)}.tile-head{display:flex;justify-content:space-between;align-items:baseline}.tile-name{font-size:15.5px;font-weight:600;letter-spacing:.01em}.tile-arrow{color:var(--text-faint);font-size:14px}.tile:hover .tile-arrow{color:var(--accent)}.tile-desc{margin-top:7px;font-size:12.5px;line-height:1.5;color:var(--text-dim);flex:1}.tile-foot{margin-top:12px;display:flex;justify-content:space-between;align-items:center;gap:10px}.status{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11.5px;letter-spacing:.04em}.status .dot{width:8px;height:8px;border-radius:50%;flex:none}.status.s-up{color:var(--up)}.status.s-up .dot{background:var(--up)}.status.s-down{color:var(--down)}.status.s-down .dot{background:var(--down)}.status.s-wait{color:var(--wait)}.status.s-wait .dot{background:var(--wait)}.latency{color:var(--text-faint)}.tile-domain{font-family:var(--mono);font-size:11px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}.foot{border-top:1px solid var(--line-soft);padding:12px 28px;font-family:var(--mono);font-size:11.5px;color:var(--text-faint);letter-spacing:.03em}@media (max-width: 640px){.topbar{padding:14px 16px}.grid{padding:16px;gap:12px}.topbar-right{width:100%;justify-content:space-between}}