@import url('https://fonts.googleapis.com/css2?family=Finger+Paint&display=swap');
:root{color-scheme:dark;--bg:#101217;--card:#191d25;--line:#303745;--text:#f0f4fa;--muted:#9aa6b7;--blue:#77c9ff;--blue2:#4d8fff;--pink:#ff8fb8}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'Finger Paint',system-ui,sans-serif;min-height:100vh;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.card,dialog{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 24px #0004}
.login-screen{position:fixed;inset:0;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at 50% 25%,#1e2938 0,#101217 52%)}.login-screen[hidden]{display:none}.login-card{width:min(430px,94vw);padding:2rem 2.2rem;text-align:center;border-color:#3b4657;box-shadow:0 22px 70px #0009}.login-card h1{margin:.5rem 0}.login-card>p{color:var(--muted)}.login-card label{text-align:left}.login-card button{width:100%;margin-top:.8rem}.login-mark{width:4rem;height:4rem;margin:-4.1rem auto .8rem;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#08111a;border:5px solid var(--bg);font-size:1.25rem}.error{min-height:1.3rem;color:var(--pink)!important}
label{display:grid;gap:.3rem;margin:.7rem 0;color:var(--muted)}input,select,textarea{background:#10141b;color:var(--text);border:1px solid #3a4556;border-radius:10px;padding:.65rem}.primary{border:0;border-radius:10px;padding:.65rem 1rem;background:var(--blue);color:#08111a}.error[hidden]{visibility:hidden;display:block}