.personal-login{min-height:100vh;display:grid;place-items:center;background:#f1f5fa;padding:24px}.personal-login-card{width:min(100%,480px);padding:36px;border:1px solid #d8e3ed;border-radius:16px;background:#fff;box-shadow:0 15px 50px #173d5e0b}.personal-login-card h1{font-size:27px;line-height:1.2}.personal-login-card .portal-brand{color:#183e5e;margin-bottom:32px}.personal-login-card form{display:grid;grid-gap:20px;gap:20px;margin:25px 0}.personal-login-card form button{width:100%}.welcome-screen{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;background:#f3f7fb;text-align:center;color:#264c69}.welcome-screen h1{font-size:clamp(23px,3vw,35px);margin:24px 0 10px}.welcome-screen p{color:#748596}.welcome-brand{font-size:22px;font-weight:700;margin-bottom:36px}.welcome-spinner{width:60px;height:60px;border:3px solid #dce7f0;border-top-color:#789ab5;border-radius:50%;animation:welcome-spin 1s linear infinite}@keyframes welcome-spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.welcome-spinner{animation:none;border-color:#9db4c7}}.support-modal{position:fixed;inset:0;z-index:1300;background:#17344d55;display:grid;place-items:center;padding:24px}.support-modal-inner{width:min(900px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:14px;padding:28px;box-shadow:0 15px 55px #15365338}.support-workspace h2{font-size:24px}.support-messages{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow:auto;margin:20px 0}.support-message{border:1px solid #d8e3ed;background:#f4f8fb;padding:15px;border-radius:10px;max-width:90%}.support-message.admin{align-self:flex-end;background:#edf3ef;border-color:#d6e4dc}.support-message div{display:flex;flex-direction:column;gap:4px}.support-message small{color:#758596;font-size:11px}.support-message p{white-space:pre-wrap;overflow-wrap:anywhere}.support-form{display:grid;grid-gap:14px;gap:14px}.portal-presence{display:block;margin-top:10px;font-size:11px;color:#7c8b97;font-style:normal}.portal-presence.online{color:#517861}.admin-portal-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.department-access-link{display:block;font-size:12px;margin:8px 0;overflow-wrap:anywhere}.employee-name{font-size:12px!important;color:#60788d!important;font-weight:500!important}.header-support-area{display:flex;gap:10px;align-items:center;justify-self:end}.header-support-area>button{font-size:11px;padding:10px 12px;border:1px solid #d4dfe8;white-space:nowrap}.header-admin-home{font-size:11px!important;font-weight:500!important;justify-self:start;padding:0!important;background:none!important;color:#5c7a94!important;box-shadow:none!important}.admin-role-banner{background:#eaf0f6;color:#52728b;padding:9px 30px;font-size:12px}@media(max-width:900px){.header-support-area{flex-wrap:wrap;justify-content:flex-end}.header-support-area>button{white-space:normal;max-width:135px}}@media(max-width:600px){.personal-login-card{padding:24px}.support-modal{padding:10px}.support-modal-inner{padding:17px}.support-message{max-width:100%}.header-support-area{gap:5px}.header-support-area>button{padding:7px;max-width:100px;font-size:10px}.cabinet-clock{max-width:145px}}.portal .portal-block .portal-presence{grid-column:2;max-width:100%;line-height:1.5;overflow-wrap:anywhere}.portal .admin-portal-actions{align-items:center;align-self:start;justify-content:flex-end}.portal .admin-portal-actions button{min-height:42px;height:auto}@media(max-width:800px){.portal .admin-portal-actions{justify-content:flex-start}}