.auth-screen{color:#f5f5f7;background:radial-gradient(circle at 50% 0,#7862ff24,#0000 38%),#08090d;place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-screen-employee{background:radial-gradient(circle at 50% 0,#23c7d529,#0000 40%),#08090d}.auth-screen-admin{background:radial-gradient(circle at 50% 0,#9a7af02e,#0000 40%),#08090d}.auth-card{background:#121319f0;border:1px solid #ffffff14;border-radius:24px;width:min(100%,430px);min-width:0;max-width:100%;padding:32px;box-shadow:0 28px 80px #00000059}.auth-screen-chooser{background:radial-gradient(circle at 50% 0,#7862ff24,#0000 42%),#08090d}.auth-app-chooser .auth-heading{margin-top:30px}.auth-app-choices{gap:12px;margin-top:24px;display:grid}.auth-app-choice{color:#f5f5f7;border:1px solid #ffffff1a;border-radius:14px;gap:5px;padding:16px 18px;text-decoration:none;transition:border-color .14s,background-color .14s,transform .14s;display:grid}.auth-app-choice:hover{transform:translateY(-1px)}.auth-app-choice:focus-visible{outline-offset:3px;outline:2px solid #b9c9ff}.auth-app-choice strong{font-size:15px}.auth-app-choice span{color:#a4a9b5;font-size:13px}.auth-app-choice-admin{background:#9a7af01a}.auth-app-choice-admin:hover{border-color:#9a7af099}.auth-app-choice-employee{background:#23c7d514}.auth-app-choice-employee:hover{border-color:#23c7d58c}@media (width<=380px){.auth-screen{padding:16px}.auth-card{padding:26px 20px}}.auth-brand{align-items:center;gap:12px;display:flex}.auth-brand>div:last-child{gap:2px;display:grid}.auth-brand strong{letter-spacing:.12em;font-size:15px}.auth-brand span{color:#8e9099;font-size:12px}.auth-logo{color:#0c0d11;background:#f3f3f5;border-radius:13px;place-items:center;width:42px;height:42px;font-size:19px;font-weight:900;display:grid}.auth-logo-employee{color:#08262b;background:#23c7d5}.auth-logo-admin{color:#21183d;background:#9a7af0}.auth-heading{margin-top:38px}.auth-eyebrow{letter-spacing:.14em;color:#8c8e99;font-size:11px;font-weight:700}.auth-heading h1{margin:9px 0 6px;font-size:32px;line-height:1.05}.auth-heading p{color:#9b9da7;margin:0}.auth-tabs{background:#ffffff0d;border-radius:13px;grid-template-columns:1fr 1fr;gap:4px;margin-top:28px;padding:4px;display:grid}.auth-tabs button{color:#9698a2;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;font-weight:650}.auth-tabs button.active{color:#fff;background:#ffffff1a}.google-auth-button{color:#f5f5f7;width:100%;min-height:50px;font:inherit;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:13px;justify-content:center;align-items:center;gap:10px;margin-top:18px;font-weight:750;display:flex}.google-auth-button:hover{background:#ffffff14;border-color:#ffffff3d}.google-auth-button:disabled{opacity:.55;cursor:wait}.google-auth-mark{color:#4285f4;background:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-family:Arial,sans-serif;font-size:14px;font-weight:900;display:grid}.auth-divider{color:#656771;align-items:center;gap:10px;margin:18px 0 -4px;font-size:11px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff14;flex:1;height:1px}.auth-form{gap:18px;margin-top:24px;display:grid}.auth-form label{gap:8px;font-size:13px;font-weight:650;display:grid}.auth-input{color:#777a86;background:#ffffff0b;border:1px solid #ffffff17;border-radius:13px;align-items:center;gap:10px;min-height:50px;padding:0 14px;display:flex}.auth-input:focus-within{border-color:#ffffff3d}.auth-input input{color:#fff;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1}.auth-input input::placeholder{color:#61636c}.auth-submit{color:#0b0c10;min-height:52px;font:inherit;cursor:pointer;background:#f1f1f3;border:0;border-radius:13px;margin-top:4px;font-weight:800}.auth-submit:disabled{opacity:.55;cursor:wait}.auth-message{border-radius:11px;padding:12px 14px;font-size:13px;line-height:1.45}.auth-error{color:#ff9a9a;background:#ff5c5c1a}.auth-success{color:#8be3b4;background:#4dd28c1a}.auth-footer{text-align:center;color:#656771;margin-top:28px;font-size:11px}.auth-loading{color:#92949e;justify-items:center;gap:14px;font-size:13px;display:grid}.password-toggle{color:#858894;cursor:pointer;background:0 0;border:0;place-items:center;width:32px;height:32px;padding:0;display:grid}.password-toggle:hover{color:#fff}.forgot-password{color:#a9abb5;font:inherit;cursor:pointer;background:0 0;border:0;justify-self:end;margin-top:-8px;padding:0;font-size:13px}.forgot-password:hover{color:#fff;text-decoration:underline}.forgot-password:disabled{opacity:.5;cursor:wait}:root[data-theme=light] .auth-screen,:root[data-theme=light] .auth-screen-chooser,:root[data-theme=light] .auth-screen-employee,:root[data-theme=light] .auth-screen-admin{color:#142a43;background:radial-gradient(circle at 50% 0,#2563eb1f,#0000 42%),#f4f8ff}:root[data-theme=light] .auth-card{background:#fffffff5;border-color:#c8d8eb;box-shadow:0 24px 64px #1f416e1f}:root[data-theme=light] .auth-app-choice{color:#142a43;border-color:#c8d8eb}:root[data-theme=light] .auth-app-choice-admin{background:#f1edff}:root[data-theme=light] .auth-app-choice-employee{background:#e9faff}:root[data-theme=light] .auth-app-choice span,:root[data-theme=light] .auth-brand span,:root[data-theme=light] .auth-heading p,:root[data-theme=light] .auth-eyebrow,:root[data-theme=light] .auth-footer,:root[data-theme=light] .auth-loading{color:#405a78}:root[data-theme=light] .auth-tabs{background:#edf4fd}:root[data-theme=light] .auth-tabs button{color:#405a78}:root[data-theme=light] .auth-tabs button.active{color:#142a43;background:#fff;box-shadow:0 1px 4px #142a431f}:root[data-theme=light] .google-auth-button{color:#142a43;background:#fff;border-color:#c8d8eb}:root[data-theme=light] .google-auth-button:hover{background:#f8fbff;border-color:#8eadd4}:root[data-theme=light] .auth-divider{color:#526b88}:root[data-theme=light] .auth-divider:before,:root[data-theme=light] .auth-divider:after{background:#d7e2ef}:root[data-theme=light] .auth-input{color:#405a78;background:#f8fbff;border-color:#c8d8eb}:root[data-theme=light] .auth-input:focus-within{border-color:#155eef}:root[data-theme=light] .auth-input input{color:#142a43}:root[data-theme=light] .auth-input input::placeholder{color:#526b88}:root[data-theme=light] .auth-submit{color:#fff;background:#2563eb}:root[data-theme=light] .auth-error{color:#a3222b;background:#fff0f0}:root[data-theme=light] .auth-success{color:#176b42;background:#eaf7ef}:root[data-theme=light] .auth-footer,:root[data-theme=light] .auth-divider{color:#526b88}:root[data-theme=light] .password-toggle{color:#405a78}:root[data-theme=light] .password-toggle:hover,:root[data-theme=light] .forgot-password:hover{color:#142a43}:root[data-theme=light] .forgot-password{color:#2455a6}
