:root{--bg: #05050a;--card: #0c0c14;--card-2: #10101a;--border: #1f1f30;--border-hi: #2e2e46;--purple: #8b5cf6;--purple-2: #a78bfa;--purple-deep: #4c1d95;--green: #34d399;--green-dim: rgba(52, 211, 153, .35);--red: #f43f5e;--red-dim: rgba(244, 63, 94, .35);--amber: #fbbf24;--text: #e7e7f2;--muted: #8b8ba6;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.page{position:relative;display:flex;flex-direction:column;align-items:stretch;min-height:100vh;max-width:1180px;margin:0 auto;padding:34px 28px 60px}.page:before{content:"";flex:1 1 0}.page:after{content:"";flex:1 1 0}.glow{position:fixed;top:-340px;left:50%;transform:translate(-50%);width:900px;height:620px;background:radial-gradient(ellipse at center,rgba(139,92,246,.16),rgba(76,29,149,.07) 45%,transparent 70%);pointer-events:none;z-index:0}.page>:not(.glow){position:relative;z-index:1}.header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:30px}.logo{display:flex;align-items:center;gap:16px}.logo-mark{font-size:30px;color:var(--purple-2);text-shadow:0 0 18px rgba(139,92,246,.9)}.logo h1{margin:0;font-size:26px;font-weight:700;letter-spacing:.5px;background:linear-gradient(90deg,#fff,var(--purple-2));-webkit-background-clip:text;background-clip:text;color:transparent}.header-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:12.5px;font-family:var(--mono);color:var(--muted)}.conn-ok{color:var(--green)}.conn-err{color:var(--red)}.poll-hint{color:#5a5a72}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:20px}.card{background:linear-gradient(180deg,var(--card-2),var(--card));border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 10px 30px #00000059}.card.skeleton{height:300px;opacity:.5;background:linear-gradient(100deg,#0d0d16 40%,#14141f,#0d0d16 60%);background-size:200% 100%;animation:shimmer 1.4s infinite linear}@keyframes shimmer{to{background-position:-200% 0}}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.card-title{display:flex;gap:12px;align-items:flex-start}.card-title h2{margin:0;font-size:18px;font-weight:600}.card-url{font-size:12px;color:var(--muted);text-decoration:none;transition:color .15s}.card-url:hover{color:var(--purple-2)}.dot{width:12px;height:12px;border-radius:50%;margin-top:5px;flex:none}.dot.ok{background:var(--green);box-shadow:0 0 10px var(--green-dim);animation:pulse-green 2.2s infinite}.dot.down{background:var(--red);box-shadow:0 0 10px var(--red-dim);animation:pulse-red 2.2s infinite}.dot.none{background:#3a3a4e}@keyframes pulse-green{0%,to{box-shadow:0 0 #34d39980}50%{box-shadow:0 0 0 6px #34d39900}}@keyframes pulse-red{0%,to{box-shadow:0 0 #f43f5e80}50%{box-shadow:0 0 0 6px #f43f5e00}}.status-badge{flex:none;font-size:12px;font-weight:600;padding:6px 12px;border-radius:999px;border:1px solid}.st-ok{color:var(--green);border-color:#34d39959;background:#34d39914}.st-down{color:var(--red);border-color:#f43f5e66;background:#f43f5e1a}.st-none{color:var(--muted);border-color:var(--border);background:#8b8ba60f}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.metric{display:flex;flex-direction:column;gap:5px}.metric-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.metric-value{font-family:var(--mono);font-size:15px;color:var(--text)}.metric-value.red{color:var(--red)}.uptime{display:flex;align-items:center;gap:8px}.uptime-track{flex:1;height:6px;border-radius:3px;background:#171722;overflow:hidden}.uptime-fill{height:100%;border-radius:3px;transition:width .6s ease}.u-green{background:var(--green);box-shadow:0 0 8px var(--green-dim)}.u-amber{background:var(--amber)}.u-red{background:var(--red);box-shadow:0 0 8px var(--red-dim)}.uptime span{font-family:var(--mono);font-size:13px;color:var(--text);min-width:52px;text-align:right}.chart{position:relative;border:1px solid #191926;border-radius:10px;background:#05050a99;padding:10px 10px 4px;cursor:crosshair}.chart-svg{display:block;width:100%;height:88px}.grid{stroke:#181825;stroke-width:1}.bar-up{fill:var(--green);fill-opacity:.85}.bar-up:hover{fill-opacity:1}.bar-down-bg{fill:#f43f5e1f}.bar-down{fill:var(--red);fill-opacity:.95}.chart-axis{display:flex;justify-content:space-between;font-size:10.5px;font-family:var(--mono);color:#5a5a72;margin-top:5px}.chart-ymax{position:absolute;top:6px;left:12px;font-size:9px;font-family:var(--mono);color:#4a4a5e}.chart-tip{position:fixed;z-index:20;pointer-events:none;background:#14141f;border:1px solid var(--border-hi);border-radius:8px;padding:7px 10px;font-size:12px;font-family:var(--mono);box-shadow:0 8px 24px #0000008c;transform:translateY(-100%)}.tip-time{color:var(--muted);font-size:11px}.tip-ok{color:var(--green);font-weight:600;margin-top:2px}.tip-down{color:var(--red);font-weight:600;margin-top:2px}.tip-lat{color:var(--text);margin-top:2px}@media (max-width: 620px){.metrics{grid-template-columns:repeat(2,1fr)}.header-meta{align-items:flex-start}}