.login-btn{border:0;background:var(--violet);color:#fff;border-radius:9px;padding:9px 13px;font:600 10px "IBM Plex Sans Arabic",sans-serif;cursor:pointer}.login-btn:hover{background:var(--violet-dark)}.hidden{display:none!important}.auth-screen{position:fixed;inset:0;z-index:20;background:radial-gradient(ellipse at 78% 18%,#303f66,#111d34 68%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:white;overflow:auto}.auth-brand{position:absolute;top:27px;right:35px;display:flex;align-items:center;gap:11px;color:#fff;font:800 20px Alexandria,sans-serif}.auth-brand small{display:block;color:#9eabc0;font:400 10px "IBM Plex Sans Arabic",sans-serif;margin-top:2px}.auth-card{width:min(410px,100%);background:#fff;color:var(--ink);border:1px solid #ffffff55;border-radius:21px;padding:30px;box-shadow:0 24px 75px #08112455;text-align:right}.auth-symbol{width:47px;height:47px;border-radius:15px;background:linear-gradient(145deg,#8979f3,#5948c5);display:grid;place-items:center;color:#fff;font:800 20px Alexandria,sans-serif;margin-bottom:21px;box-shadow:0 9px 24px #6553db42}.auth-card .eyebrow{margin-bottom:7px}.auth-card h1{font:700 23px Alexandria,sans-serif;margin:0 0 7px}.auth-desc{font-size:11px;line-height:1.9;color:#8692a5;margin:0 0 18px}.auth-field{display:block;font-size:10px;font-weight:600;color:#59677f;margin:13px 0}.auth-field input{display:block;width:100%;border:1px solid #e5e9f0;border-radius:9px;padding:12px;margin-top:6px;font:12px "IBM Plex Sans Arabic",sans-serif;color:var(--ink);outline:0;background:#fcfdff}.auth-field input:focus{border-color:#8a7eeb;box-shadow:0 0 0 3px #eeeaff}.auth-submit{width:100%;justify-content:center;margin-top:8px;padding:12px;font-size:11px}.auth-submit:disabled{opacity:.55;cursor:not-allowed;transform:none}.auth-switch{text-align:center;font-size:10px;color:#8591a3;margin:17px 0 4px}.auth-switch button{border:0;background:none;color:var(--violet);font:700 10px "IBM Plex Sans Arabic",sans-serif;cursor:pointer}.auth-back{display:block;margin:12px auto 0;border:0;background:none;color:#929db0;font:500 10px "IBM Plex Sans Arabic",sans-serif;cursor:pointer}.auth-config-note,.auth-message{font-size:10px;line-height:1.8;border-radius:8px;padding:10px;margin-top:14px}.auth-config-note{background:#fff7e7;color:#9b6b23}.auth-message{background:#fdf0ed;color:#9e5143}.auth-footer{font-size:9px;color:#96a3ba;margin:18px 0 0}@media(max-width:540px){.auth-brand{top:17px;right:18px}.auth-card{padding:23px}.auth-card h1{font-size:20px}}