@font-face{font-family:Inter;src:url('/static/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--surface:#09090b;--surface-2:#18181b;--surface-3:#27272a;--primary:#6366f1;--accent:#818cf8;--text:#fafafa;--muted:#a1a1aa}
*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.6}main{max-width:1160px;margin:40px auto;padding:0 24px}header{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;border-bottom:1px solid var(--surface-3);gap:24px}.brand{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-weight:700;font-size:20px;text-decoration:none;line-height:28px}.brand .white{color:#fff}.account,.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.account{color:var(--muted)}h1{font-size:28px;margin:24px 0}h2{overflow-wrap:anywhere;font-size:19px;margin:0 0 20px}.panel{padding:28px;border:1px solid var(--surface-3);border-radius:12px;background:var(--surface-2);margin-bottom:24px}.login{display:grid;place-items:center;min-height:100svh;margin:0 auto}.login .brand{font-size:24px;line-height:32px}.login .brand svg{width:28px;height:28px}.login-link{position:absolute;top:20px;right:24px;font-size:12px;line-height:20px;color:var(--muted);text-decoration:none;padding:4px 8px}.login-link:hover{color:var(--text);text-decoration:underline}p{color:var(--muted)}button,.button{font:inherit;background:var(--primary);color:#fff;border:1px solid transparent;padding:10px 16px;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-block;font-weight:500}button:hover,.button:hover{background:var(--accent)}.secondary{background:var(--surface-3);border-color:#3f3f46}.secondary:hover{background:#3f3f46}a{color:var(--accent)}input{display:block;width:100%;font:inherit;background:var(--surface);color:var(--text);border:1px solid #3f3f46;border-radius:6px;padding:10px;margin:6px 0 18px}label{display:block}.checkbox{display:flex;align-items:center;gap:10px}.checkbox input{width:auto;margin:0}.hint{font-size:13px;margin:8px 0 18px}.suffix{color:var(--muted)}.create{display:grid;grid-template-columns:1fr 1.5fr auto;gap:20px;align-items:end}.create button{margin-bottom:18px}.hostlist{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.hostlist .panel{margin:0}.hostlist .deleting{align-self:start}.deleting h2{margin-bottom:8px}.deleting p{margin:0}.status{display:grid;grid-template-columns:150px 1fr;font-size:14px;gap:4px 12px;margin:0 0 24px}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}code{font:14px ui-monospace,monospace;overflow-wrap:anywhere}.token dl{display:grid;grid-template-columns:210px 1fr;gap:12px}.notice{background:var(--surface-3);border-left:3px solid var(--accent);padding:16px;color:var(--text)}.danger{margin-top:20px;color:#f87171}.danger-button{background:#7f1d1d}.danger-button:hover{background:#991b1b}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:640px){header{align-items:flex-start;padding:20px;flex-direction:column}main{padding:0 16px;margin-top:24px}.create{grid-template-columns:1fr;gap:0}.panel{padding:20px}.status,.token dl{grid-template-columns:1fr;gap:2px}.status dd,.token dd{margin-bottom:10px}.hostlist{grid-template-columns:1fr}}