.login-overlay{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;background:linear-gradient(145deg,#0d151dF5,#172630F2)}.login-overlay.hidden{display:none}.login-card{width:min(420px,100%);padding:30px;background:#fff;border-radius:18px;box-shadow:0 28px 80px #0007}.login-card>img{display:block;width:58px;height:58px;object-fit:contain;margin:0 0 18px auto}.login-card h1{font-size:32px;margin:3px 0 7px}.login-card>p{margin-bottom:20px}.login-card label{display:grid;gap:6px;margin:13px 0;color:#56636e;font-size:12px;font-weight:750}.login-card select,.login-card input{width:100%;padding:13px 14px;border:1px solid #cbd5da;border-radius:9px;background:#fff;font-size:16px}.login-card .primary{width:100%;margin-top:8px}.login-error{min-height:20px;color:#b33434;font-size:13px}.user-session{position:fixed;z-index:15;right:22px;top:17px;display:flex;align-items:center;gap:8px;padding:6px 7px 6px 6px;border:1px solid #dce3e7;border-radius:22px;background:#fff;box-shadow:0 4px 14px #17202a12}.user-session>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#16222c;color:#fff;font-size:10px;font-weight:850}.user-session strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.user-session button,.logout-icon{border:0;background:#eef2f4;color:#4c5d68;border-radius:50%;width:30px;height:30px;font-size:18px;font-weight:800}.mobile-header .logout-icon{display:none}
@media(max-width:650px){.user-session{display:none!important}.mobile-header .logout-icon{display:block;width:38px;height:38px;background:#283640;color:#fff}.login-card{padding:24px}.login-card h1{font-size:28px}}