:root{--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:15px/1.5 var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}code{font-family:var(--mono);background:#ffffff0d;border-radius:4px;padding:2px 6px;font-size:13px}:root{--bg:#0f1420;--surface:#151b2d;--surface-2:#1d2540;--border:#2a3354;--text:#e6eaf5;--text-dim:#9aa3bd;--up:#22c55e;--degraded:#eab308;--down:#ef4444;--brand:#6366f1;--brand-strong:#818cf8}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--brand-strong);text-decoration:none}a:hover{text-decoration:underline}.app-header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:16px 32px;display:flex}.brand{color:var(--text);font-size:20px;font-weight:700}.brand:hover{text-decoration:none}.nav{align-items:center;gap:24px;display:flex}.main{max-width:1100px;margin:0 auto;padding:32px}.loading{text-align:center;color:var(--text-dim);padding:64px}.btn,.btn-ghost{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.btn{background:var(--brand);color:#fff}.btn:hover{background:var(--brand-strong);text-decoration:none}.btn-ghost{color:var(--text);border-color:var(--border);background:0 0}.btn-ghost:hover{background:var(--surface-2)}.btn-danger{color:var(--down);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:13px}.btn-danger:hover{background:#ef44441a}.hero{text-align:center;padding:64px 0 48px}.hero h1{margin:0 0 16px;font-size:48px}.hero p{color:var(--text-dim);max-width:640px;margin:0 auto 32px;font-size:18px}.section-title{margin:0 0 16px;font-size:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.service-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:flex-start;gap:12px;padding:16px;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:4px}.status-dot.up{background:var(--up)}.status-dot.degraded{background:var(--degraded)}.status-dot.down{background:var(--down)}.status-dot.unknown{background:var(--text-dim)}.service-name{margin-bottom:2px;font-weight:600}.service-desc{color:var(--text-dim);font-size:13px}.endpoint-row{border-top:1px solid var(--border);grid-template-columns:1fr 2fr auto auto auto;align-items:center;gap:16px;padding:14px 16px;display:grid}.endpoint-row:first-child{border-top:none}.endpoint-list{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.form-row{background:var(--surface-2);border-radius:8px;grid-template-columns:1fr 2fr 120px auto;gap:12px;margin-bottom:24px;padding:16px;display:grid}.form-row input,.form-row select{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:8px 12px;font-size:14px}.pill{border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.pill.up{color:var(--up);background:#22c55e26}.pill.degraded{color:var(--degraded);background:#eab30826}.pill.down{color:var(--down);background:#ef444426}.pill.unknown{background:var(--surface-2);color:var(--text-dim)}.muted{color:var(--text-dim);font-size:13px}.history-grid{grid-template-columns:repeat(auto-fill,minmax(14px,1fr));gap:3px;margin:16px 0;display:grid}.history-cell{border-radius:2px;height:32px}.empty{text-align:center;color:var(--text-dim);border:1px dashed var(--border);border-radius:8px;padding:48px}.banner{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin-bottom:24px;padding:16px}.banner.warning{background:#eab30814;border-color:#eab30866}