:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#eef3ff;background:#071126;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0,#183b70 0,transparent 38%),#071126}
.shell{width:min(1180px,calc(100% - 32px));margin:auto;padding:48px 0}.login-card{width:min(430px,100%);margin:8vh auto;padding:40px;border:1px solid #29446f;border-radius:24px;background:#0c1a34dd;box-shadow:0 32px 80px #0008}
.mark{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#4f8cff,#38d8c8);font-size:28px;font-weight:800}.eyebrow{margin:18px 0 4px;color:#71a7ff;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1{margin:0 0 8px;font-size:34px}h2{margin:12px 0 4px}.muted{color:#9baccc;line-height:1.6}label{display:grid;gap:8px;margin:18px 0;color:#c9d5eb;font-size:13px;font-weight:650}input{width:100%;padding:13px 14px;border:1px solid #35517a;border-radius:10px;background:#071328;color:#fff;outline:none}input:focus{border-color:#5f99ff;box-shadow:0 0 0 3px #4c88ff2b}button,.button{display:inline-flex;justify-content:center;padding:12px 18px;border:0;border-radius:10px;background:#3978ee;color:#fff;font-weight:750;text-decoration:none;cursor:pointer}.secondary{background:#14284a;border:1px solid #35517a}.error{min-height:20px;color:#ff8e9b}
header,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.toolbar{margin:28px 0;padding:18px 20px;border:1px solid #253e67;border-radius:16px;background:#0c1930}.toolbar strong{font-size:24px}.create-form,.token-panel{margin:0 0 24px;padding:20px;border:1px solid #31507b;border-radius:16px;background:#0c1930}.create-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:16px}.create-form label{margin:0}.token-panel code{display:block;margin:12px 0;padding:12px;overflow-wrap:anywhere;background:#061020;border-radius:8px;color:#86dfcc}.portal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.portal-card{padding:22px;border:1px solid #263f68;border-radius:18px;background:linear-gradient(145deg,#0e1d38,#0a162c);box-shadow:0 18px 40px #0004}.portal-card>code{display:block;color:#88a0c6}.portal-card .button{margin-top:22px;width:100%}.status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.status.online{background:#123e37;color:#60e3b8}.status.offline{background:#3c2630;color:#ff9dad}.disabled{pointer-events:none;opacity:.45}
[hidden]{display:none!important}@media(max-width:720px){.create-form{grid-template-columns:1fr}.shell{padding-top:24px}.login-card{padding:28px}}