.palette-backdrop{position:fixed;inset:0;z-index:60;background:#0000008c;display:grid;place-items:start center;padding-top:14vh}.palette{width:min(560px,92vw);background:var(--overlay);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:0 20px 60px #00000080;overflow:hidden}.palette-input{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:var(--space-3) var(--space-4);font-size:var(--step-2);outline:none}.palette-input::placeholder{color:var(--text-muted)}.palette-list{list-style:none;margin:0;padding:var(--space-1);max-height:320px;overflow-y:auto}.palette-item{display:flex;align-items:center;width:100%;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;text-align:left;cursor:pointer;font-size:var(--step-1)}.palette-item[data-active=true]{background:var(--raised)}.palette-hint{margin-left:auto;font-size:.6875rem;color:var(--text-muted)}.palette-empty{padding:var(--space-3);color:var(--text-muted);font-size:var(--step-0);text-align:center}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:100%;height:100%;padding:var(--space-3);gap:var(--space-3)}.sidebar{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-3);background:var(--glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow),var(--glass-highlight);overflow-y:auto}.brand{display:flex;align-items:center;gap:var(--space-2);height:var(--topbar-h);padding:0 var(--space-2);flex-shrink:0}.brand-mark{font-family:var(--font-mc);font-size:var(--step-3);letter-spacing:.04em;background:var(--brand);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 8px rgba(255,120,40,.35))}.brand-env{margin-left:auto;font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--glass-border);border-radius:999px;padding:2px 7px}.nav-group+.nav-group{margin-top:var(--space-3)}.nav-title{font-size:.625rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);padding:0 var(--space-2);margin-bottom:var(--space-2)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:8px var(--space-3);border-radius:var(--radius-sm);color:var(--text-dim);font-size:var(--step-0);font-weight:500;position:relative;border:1px solid transparent;transition:color var(--fast) var(--ease),background var(--fast) var(--ease),border-color var(--fast) var(--ease)}.nav-item:hover{background:#ffffff0d;color:var(--text)}.nav-item[aria-current=page]{background:#ffffff12;border-color:var(--glass-border);color:var(--text)}.nav-item[aria-current=page]:before{content:"";position:absolute;inset-inline-start:-1px;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--brand);box-shadow:0 0 10px #ff782899}.nav-item svg{flex-shrink:0;opacity:.8}.nav-guard{margin-left:auto;color:var(--accent);opacity:.7}.main{display:flex;flex-direction:column;min-width:0;gap:var(--space-3)}.topbar{display:flex;align-items:center;gap:var(--space-3);height:var(--topbar-h);padding:0 var(--space-4);border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-sm),var(--glass-highlight);flex-shrink:0;position:relative;overflow:hidden}.omni{display:flex;align-items:center;gap:var(--space-2);min-width:240px;padding:7px var(--space-3);border:1px solid var(--glass-border);border-radius:999px;background:#00000038;color:var(--text-muted);font-size:var(--step-0);cursor:pointer;transition:border-color var(--fast) var(--ease),background var(--fast) var(--ease)}.omni:hover{border-color:var(--glass-border-strong);background:#0000004d}.kbd{margin-left:auto;font-family:var(--font-mono);font-size:.6875rem;color:var(--text-muted);border:1px solid var(--glass-border);border-radius:5px;padding:1px 5px}.topbar-spacer{flex:1}.hamburger{display:none;flex-direction:column;gap:3px;padding:8px;border:0;background:transparent;cursor:pointer}.hamburger span{width:18px;height:2px;border-radius:2px;background:var(--text-dim)}.nav-overlay{display:none}@media(max-width:900px){.hamburger{display:flex}.nav-overlay{display:block;position:fixed;inset:0;z-index:35;background:#00000080;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}}.elevation{display:flex;align-items:center;gap:var(--space-2);padding:4px var(--space-3);border-radius:999px;border:1px solid color-mix(in srgb,var(--tang) 45%,transparent);background:color-mix(in srgb,var(--tang) 12%,transparent);color:var(--tang);font-size:.6875rem;font-variant-numeric:tabular-nums}.elevation-dot{width:6px;height:6px;border-radius:50%;background:var(--tang);box-shadow:0 0 8px var(--tang);animation:pulse 2s var(--ease) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.elevation-rail{position:absolute;top:0;left:0;height:2px;background:var(--brand);transition:width 1s linear;z-index:5}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:.6875rem;font-weight:600;background:var(--brand);color:#240a02}.logout-btn{gap:var(--space-1)}@media(max-width:560px){.logout-label{display:none}}.content{flex:1;overflow-y:auto;padding:var(--space-2) var(--space-2) var(--space-5);min-height:0}@media(max-width:900px){.shell{grid-template-columns:1fr;padding:var(--space-2)}.sidebar{position:fixed;inset:var(--space-2) auto var(--space-2) var(--space-2);width:var(--sidebar-w);z-index:40;transform:translate(-115%);transition:transform .2s var(--ease)}.sidebar[data-open=true]{transform:none}}.login{height:100%;display:grid;place-items:center;padding:var(--space-4);background:radial-gradient(60% 40% at 50% 0%,color-mix(in srgb,var(--tang) 8%,transparent),transparent 70%),var(--bg)}.login-card{width:min(360px,100%);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.login-brand{font-family:var(--font-mc);font-size:1.75rem;letter-spacing:.05em;text-align:center;background:var(--brand);-webkit-background-clip:text;background-clip:text;color:transparent}.login-sub{margin:calc(var(--space-2) * -1) 0 var(--space-2);text-align:center;font-size:var(--step-0);color:var(--text-muted)}.login-field{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--step-0);color:var(--text-dim)}.login-error{margin:0;font-size:var(--step-0);color:var(--danger)}.setup{height:100%;display:grid;place-items:center;padding:var(--space-4);overflow:auto;background:radial-gradient(60% 40% at 50% 0%,color-mix(in srgb,var(--tang) 8%,transparent),transparent 70%),var(--bg)}.setup-card{width:min(400px,100%);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.setup-brand{font-family:var(--font-mc);font-size:1.75rem;letter-spacing:.05em;text-align:center;background:var(--brand);-webkit-background-clip:text;background-clip:text;color:transparent}.setup-sub{margin:calc(var(--space-2) * -1) 0 var(--space-2);text-align:center;font-size:var(--step-0);color:var(--text-muted)}.setup-form{display:flex;flex-direction:column;gap:var(--space-3)}.setup-lead{margin:0;font-size:var(--step-0);color:var(--text-dim);line-height:1.5}.setup-qr{align-self:center;width:180px;height:180px;image-rendering:pixelated;padding:var(--space-2);background:#fff;border-radius:var(--radius-sm)}.setup-manual{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)}.setup-manual-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.setup-manual code{font-size:var(--step-0);word-break:break-all;letter-spacing:.04em}.setup-field{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--step-0);color:var(--text-dim)}.setup-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);font-size:var(--step-0);letter-spacing:.06em;text-align:center}.setup-warn{margin:0;font-size:.6875rem;color:var(--warn)}@font-face{font-family:Geist;src:url(/fonts/geist-sans.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/geist-mono.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:MinecraftTen;src:url(/fonts/minecraft.woff) format("woff");font-weight:400;font-style:normal;font-display:block}:root{--bg: #07080c;--bg-2: #0b0d13;--text: #eef0f5;--text-dim: #a6abba;--text-muted: #6c7183;--straw: #ff453a;--tang: #ff9f0a;--leaf: #32d74b;--lemon: #ffd60a;--celeste: #64d2ff;--violet: #bf5af2;--ok: var(--leaf);--warn: var(--lemon);--danger: var(--straw);--accent: var(--tang);--brand: linear-gradient(100deg, var(--straw), var(--tang));--glass: rgba(22, 25, 34, .55);--glass-strong: rgba(26, 30, 41, .72);--glass-soft: rgba(255, 255, 255, .03);--surface: rgba(20, 23, 31, .72);--raised: rgba(255, 255, 255, .06);--overlay: rgba(15, 18, 25, .97);--glass-border: rgba(255, 255, 255, .09);--glass-border-strong: rgba(255, 255, 255, .16);--glass-blur: blur(20px) saturate(150%);--glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .07);--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--shadow: 0 12px 40px rgba(0, 0, 0, .45);--shadow-sm: 0 4px 16px rgba(0, 0, 0, .35);--font: "Geist", system-ui, -apple-system, sans-serif;--font-mc: "MinecraftTen", var(--font);--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--step-0: .8125rem;--step-1: .875rem;--step-2: 1rem;--step-3: 1.25rem;--step-4: 1.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--radius: 14px;--radius-sm: 10px;--radius-lg: 20px;--sidebar-w: 232px;--topbar-h: 56px;--ease: cubic-bezier(.2, .7, .2, 1);--fast: .12s}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--text);font-family:var(--font);font-size:var(--step-1);line-height:1.5;letter-spacing:-.006em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:radial-gradient(120% 80% at 78% -10%,rgba(255,69,58,.18),transparent 55%),radial-gradient(90% 70% at 12% 8%,rgba(255,159,10,.14),transparent 55%),radial-gradient(80% 70% at 95% 100%,rgba(100,210,255,.1),transparent 55%),radial-gradient(70% 60% at 0% 100%,rgba(191,90,242,.1),transparent 55%),linear-gradient(180deg,var(--bg-2),var(--bg));background-attachment:fixed;overscroll-behavior:none}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:color-mix(in srgb,var(--tang) 40%,transparent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff1f;border:3px solid transparent;background-clip:content-box;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#fff3;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.card{background:var(--glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-sm),var(--glass-highlight)}.card-head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line)}.card-title{font-size:var(--step-0);font-weight:600;letter-spacing:0;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:7px var(--space-3);border:1px solid var(--glass-border-strong);border-radius:var(--radius-sm);background:var(--glass-soft);color:var(--text);font-size:var(--step-0);font-weight:500;cursor:pointer;transition:border-color var(--fast) var(--ease),background var(--fast) var(--ease),transform var(--fast) var(--ease)}.btn:hover:not(:disabled){border-color:var(--glass-border-strong);background:#ffffff14}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn[data-tone=primary]{border-color:transparent;background:var(--brand);color:#240a02;font-weight:600;box-shadow:0 6px 20px #ff641e47}.btn[data-tone=primary]:hover:not(:disabled){background:var(--brand);filter:brightness(1.08)}.btn[data-tone=danger]{border-color:color-mix(in srgb,var(--danger) 45%,transparent);color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.btn[data-tone=danger]:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 18%,transparent)}.btn[data-size=sm]{padding:4px var(--space-2);font-size:.75rem}.input{width:100%;padding:8px var(--space-3);border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:#00000040;font-size:var(--step-0);outline:none;transition:border-color var(--fast) var(--ease),background var(--fast) var(--ease)}.input:focus{border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:#00000059}select.input{cursor:pointer}.dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px currentColor}.dot[data-state=running]{background:var(--ok);color:var(--ok)}.dot[data-state=offline]{background:var(--text-muted);color:transparent;box-shadow:none}.dot[data-state=starting],.dot[data-state=stopping]{background:var(--warn);color:var(--warn)}.dot[data-state=crashed]{background:var(--danger);color:var(--danger)}.dot[data-state=unknown]{background:var(--celeste);color:var(--celeste)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.muted{color:var(--text-muted)}.grid{display:grid;gap:var(--space-4)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:999px;border:1px solid var(--glass-border);background:var(--glass-soft);font-size:.6875rem;color:var(--text-dim)}.spinner{width:100%;display:grid;place-items:center;padding:var(--space-6);color:var(--text-muted);gap:var(--space-2)}.spinner i{width:16px;height:16px;border:2px solid rgba(255,255,255,.15);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.freshness{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.6875rem;color:var(--text-muted)}.freshness[data-liveness=stale]{color:var(--warn)}.freshness[data-liveness=disconnected]{color:var(--danger)}.empty{padding:var(--space-6);text-align:center;color:var(--text-muted);font-size:var(--step-0)}.page-head{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-5)}.page-title{font-size:var(--step-4);font-weight:650;letter-spacing:-.03em;margin:0}.page-sub{color:var(--text-muted);font-size:var(--step-0)}