@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=Unbounded:wght@700&display=swap");*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#101114;--card:#17181c;--nested:#131519;--chip:#1b1d23;--track:#23252b;--border:#26282e;--border-soft:#1f2126;--txt:#e8e9ec;--txt2:#b6b9c2;--txt3:#82869180;--txt3s:#828691;--dim:#5b5e68;--accent:#7c8cf8;--green:#0ca30c;--red:#dd5454;--amber:#c98500}body{background:var(--bg);color:var(--txt);font-family:DM Sans,system-ui,sans-serif;font-size:14px}a{color:var(--accent)}button,input,select,textarea{font-family:inherit;font-size:13px;color:var(--txt)}input,select,textarea{background:var(--nested);border:1px solid var(--border);border-radius:8px;padding:7px 10px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}.num{font-family:Space Grotesk,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.card{background:var(--card);border:1px solid var(--border-soft);border-radius:14px;padding:16px 18px}.btn{background:var(--chip);border:1px solid var(--border);border-radius:8px;padding:7px 14px;cursor:pointer}.btn:hover{border-color:var(--accent)}.btn-primary{background:var(--accent);border:none;color:#0d0e11;font-weight:600}table{border-collapse:collapse;width:100%}th{text-align:left;font-size:11.5px;color:var(--txt3s);font-weight:500;padding:6px 10px;white-space:nowrap}td{padding:8px 10px;border-top:1px solid var(--border-soft);font-size:13px}.login-scene{position:fixed;inset:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-grid{position:absolute;inset:0;background-image:linear-gradient(var(--border-soft) 1px,transparent 1px),linear-gradient(90deg,var(--border-soft) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000 20%,transparent 100%);opacity:.7}.login-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.32;pointer-events:none}.login-glow.a{width:520px;height:520px;background:var(--accent);top:-160px;left:-120px;animation:glow-a 18s ease-in-out infinite alternate}.login-glow.b{width:460px;height:460px;background:#4a5bd6;bottom:-180px;right:-100px;animation:glow-b 22s ease-in-out infinite alternate}.login-glow.c{width:320px;height:320px;background:#b48cf8;top:50%;left:60%;opacity:.14;animation:glow-c 26s ease-in-out infinite alternate}@keyframes glow-a{to{transform:translate(140px,90px) scale(1.15)}}@keyframes glow-b{to{transform:translate(-120px,-80px) scale(1.1)}}@keyframes glow-c{to{transform:translate(-220px,-140px)}}.login-eq{position:absolute;left:0;right:0;bottom:0;height:180px;display:flex;align-items:flex-end;gap:6px;padding:0 24px;pointer-events:none;mask-image:linear-gradient(0deg,#000 0,transparent);-webkit-mask-image:linear-gradient(0deg,#000 0,transparent)}.login-eq span{flex:1 1;min-width:4px;border-radius:3px 3px 0 0;background:var(--accent);opacity:.35;height:30%;transform-origin:bottom;animation:eq 2.6s ease-in-out infinite alternate}@keyframes eq{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.login-card{position:relative;width:360px;padding:26px 26px 22px;display:flex;flex-direction:column;gap:12px;background:color-mix(in srgb,var(--card) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:16px;box-shadow:0 30px 80px -20px rgba(0,0,0,.7),0 0 0 1px rgba(124,140,248,.08),0 0 60px -20px rgba(124,140,248,.35);animation:card-in .6s cubic-bezier(.2,.8,.2,1) both}@keyframes card-in{0%{opacity:0;transform:translateY(14px) scale(.98)}}.login-card input{padding:10px 12px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.login-card input:focus{box-shadow:0 0 0 3px rgba(124,140,248,.18)}.login-card .btn-primary{padding:10px 0;font-size:13.5px;transition:filter .15s,transform .1s}.login-card .btn-primary:hover:not(:disabled){filter:brightness(1.08)}.login-card .btn-primary:active:not(:disabled){transform:translateY(1px)}.login-card .btn-primary:disabled{opacity:.7;cursor:default}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:6px}.login-brand .mark{width:34px;height:34px;border-radius:9px;background:var(--nested);border:1px solid var(--border);display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:7px 8px}.login-brand .mark i{width:4px;border-radius:2px;background:var(--accent);display:block}.login-brand h1{font-family:Unbounded,DM Sans,sans-serif;font-weight:700;font-size:20px;line-height:1.1;letter-spacing:-.01em}.login-brand small{display:block;font-size:11px;color:var(--txt3s);font-weight:500;letter-spacing:.04em;text-transform:uppercase;margin-top:3px}.login-err{color:var(--red);font-size:12.5px;background:rgba(221,84,84,.08);border:1px solid rgba(221,84,84,.25);border-radius:8px;padding:7px 10px}.login-foot{position:absolute;top:20px;left:24px;font-size:11.5px;color:var(--dim);letter-spacing:.03em}@media (prefers-reduced-motion:reduce){.login-card,.login-eq span,.login-glow{animation:none!important}}