:root{--bg: #f6f7f9;--card: #ffffff;--text: #14171a;--muted: #6b7280;--line: #e5e7eb;--accent: #4f46e5;--ok: #16a34a;--warn: #d97706;--down: #dc2626;--pending: #a1a1aa}@media (prefers-color-scheme: dark){:root{--bg: #0f1115;--card: #171a21;--text: #e8eaed;--muted: #9aa0a6;--line: #262a33;--accent: #818cf8}}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.boot{display:grid;place-items:center;min-height:100vh;color:var(--muted)}.mk-logo{display:inline-flex;align-items:center;gap:10px}.mk-mark{display:block;flex:none;overflow:visible}.mk-bar{fill:var(--accent)}.mk-node{fill:none;stroke:var(--accent);stroke-width:3.5}.mk-word{font-weight:600;font-size:1.05em;letter-spacing:-.01em;white-space:nowrap}.mk-word-accent{color:var(--accent)}.mk-mark.is-animated .mk-bar{transform-box:fill-box;transform-origin:left center;animation:mk-bar-in .42s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 90ms)}@keyframes mk-bar-in{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.mk-mark.is-animated .mk-node{transform-box:fill-box;transform-origin:center;animation:mk-node-in .52s cubic-bezier(.2,1.4,.4,1) both;animation-delay:.52s}@keyframes mk-node-in{0%{transform:scale(0);opacity:0}60%{transform:scale(1.18)}to{transform:scale(1);opacity:1}}.mk-pulse{fill:none;stroke:var(--accent);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:mk-pulse 1.1s ease-out .76s both}@keyframes mk-pulse{0%{transform:scale(1);opacity:.55}to{transform:scale(3.4);opacity:0}}.mk-logo.is-animated .mk-word{animation:mk-word-in .62s ease both;animation-delay:.78s}@keyframes mk-word-in{0%{opacity:0;transform:translateY(6px);letter-spacing:.16em}to{opacity:1;transform:none;letter-spacing:-.01em}}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:var(--bg);transition:opacity .5s ease}.splash .mk-word{font-size:26px}.splash.is-leaving{opacity:0;pointer-events:none}@media (prefers-reduced-motion: reduce){.mk-mark.is-animated .mk-bar,.mk-mark.is-animated .mk-node,.mk-logo.is-animated .mk-word,.mk-pulse{animation:none}.mk-pulse{display:none}}.auth{display:grid;place-items:center;min-height:100vh;padding:24px}.card{width:min(420px,100%);display:flex;flex-direction:column;gap:16px;padding:28px;background:var(--card);border:1px solid var(--line);border-radius:14px}.card h1{margin:0;font-size:22px;letter-spacing:-.01em}.lead{margin:0;color:var(--muted);font-size:14px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}input{padding:10px 12px;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:9px}input:focus{outline:2px solid var(--accent);outline-offset:-1px}.hint{font-size:12px}button{padding:11px;font:inherit;font-weight:600;color:#fff;background:var(--accent);border:1px solid transparent;border-radius:9px;cursor:pointer}button:disabled{opacity:.6;cursor:default}button.ghost{padding:7px 12px;font-weight:400;color:var(--text);background:transparent;border-color:var(--line)}.error{padding:10px 12px;font-size:14px;color:var(--down);background:color-mix(in srgb,var(--down) 10%,transparent);border:1px solid color-mix(in srgb,var(--down) 35%,transparent);border-radius:9px}.switch{margin:0;font-size:14px;color:var(--muted);text-align:center}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:var(--card);border-bottom:1px solid var(--line)}.topbar-right{display:flex;align-items:center;gap:14px}.status{display:inline-flex;align-items:center;gap:7px;font-size:14px;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;background:var(--pending)}.status[data-state=ok] .dot{background:var(--ok)}.status[data-state=degraded] .dot{background:var(--warn)}.status[data-state=down] .dot{background:var(--down)}.content{max-width:1000px;margin:0 auto;padding:32px 24px 48px}.content h1{margin:0 0 6px;font-size:24px;letter-spacing:-.01em}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:28px}.tile{padding:18px;background:var(--card);border:1px solid var(--line);border-radius:12px}.tile-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.tile h2{margin:0;font-size:15px}.badge{padding:2px 8px;font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:999px;white-space:nowrap}.value{margin-top:14px;font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--muted)}.metric{font-size:13px;color:var(--muted)}.meta{margin-top:28px;font-size:13px;color:var(--muted)}