:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#09090b;color:#f4f4f5}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -10%,rgba(255,87,98,.12),transparent 35%),#09090b}button{font:inherit}.centered{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);padding:36px;border:1px solid #27272a;border-radius:20px;background:#18181beb;box-shadow:0 24px 80px #00000073;text-align:center}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700}.login-card .brand{justify-content:center}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,87,98,.45);border-radius:9px;background:#ff57621a;color:#ff6872;font:700 12px ui-monospace,monospace}.accent{color:#ff5762}.login-icon{width:58px;height:58px;display:grid;place-items:center;margin:32px auto 20px;border-radius:50%;background:#10b9811a;color:#34d399}h1{margin:0;font-size:28px;letter-spacing:-.03em}.login-card p,.heading p{color:#a1a1aa;line-height:1.6}.login-card small{display:block;margin-top:18px;color:#71717a}.primary,.secondary{border:0;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:650}.primary{padding:11px 16px;background:#ff5762;color:#18181b}.primary:hover:not(:disabled){background:#ff747d}.primary:disabled{cursor:not-allowed;opacity:.42}.wide{width:100%;margin-top:14px}.secondary{padding:9px 13px;border:1px solid #3f3f46;background:#18181b;color:#d4d4d8}.page{min-height:100vh}header{height:68px;border-bottom:1px solid #27272a;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1100px)/2));background:#09090bd6;backdrop-filter:blur(16px)}.content{max-width:1100px;margin:0 auto;padding:56px 24px 80px}.heading{display:flex;align-items:flex-start;justify-content:space-between;color:#34d399;margin-bottom:34px}.heading h1{color:#f4f4f5;margin-top:8px}.heading p{margin:8px 0 0}.eyebrow{color:#ff6872;font:700 11px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.16em}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.environment{border:1px solid #2f2f33;border-radius:16px;padding:22px;background:linear-gradient(145deg,#27272abd,#18181beb);box-shadow:0 12px 35px #0000002e}.environment-top{display:flex;justify-content:space-between;align-items:center}.server-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#10b9811a;color:#34d399}.environment h2{margin:18px 0 8px;font-size:20px}.metadata{display:flex;justify-content:space-between;align-items:center;min-height:28px;color:#a1a1aa;font-size:12px}.metadata code{color:#71717a}.environment .primary{width:100%;margin-top:22px}.role{padding:4px 8px;border-radius:999px;font:700 10px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.role-viewer{color:#93c5fd;background:#3b82f61f}.role-operator{color:#fbbf24;background:#f59e0b1f}.role-admin{color:#c4b5fd;background:#8b5cf61f}.empty{min-height:180px;border:1px dashed #3f3f46;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:10px;color:#a1a1aa}.error{margin-top:14px;padding:10px 12px;border:1px solid rgba(239,68,68,.35);border-radius:9px;background:#7f1d1d33;color:#fca5a5;font-size:13px}.banner{margin:0 0 20px}.notice{color:#a78bfa;font-size:12px;line-height:1.5}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:600px){.login-card{padding:28px 22px}.content{padding-top:36px}.heading>svg{display:none}}