:root{--hrx-navy:#0b1b41;--hrx-primary:#13277a;--hrx-red:#d71920;--hrx-ink:#182b4f;--hrx-muted:#6b7b94}body{background:linear-gradient(135deg,#f4f7fd 0%,#f8faff 55%,#f4f6fb 100%);color:var(--hrx-ink);min-height:100vh}body .hrx-global-header{display:flex;justify-content:space-between;align-items:center;padding:10px max(24px,calc((100vw - 1150px)/2));background:#fff;border-bottom:1px solid #e7ecf5;box-shadow:0 7px 25px #0b1b410a;position:relative}body .hrx-global-header .hrx-header-brand{display:flex;align-items:center}body .hrx-global-header img{width:220px;height:68px;object-fit:contain}body .hrx-global-header>span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#7b8aa5}.employee-main{max-width:1150px;margin:0 auto;padding:76px 32px 50px;position:relative;min-height:calc(100vh - 88px)}.employee-main:before{content:"";position:absolute;right:32px;top:60px;width:min(33vw,390px);height:310px;border-radius:28px;background:linear-gradient(145deg,#0b1b41,#13277a);box-shadow:0 24px 60px #0b1b4120;pointer-events:none}.employee-main:after{content:"TRITAL HRX\A──────────\APeople. Policies.\ASimplified.";white-space:pre-wrap;position:absolute;right:58px;top:118px;width:min(27vw,340px);font-weight:800;font-size:clamp(17px,2.6vw,29px);color:white;line-height:1.5;letter-spacing:-.01em;pointer-events:none}.employee-main>.hrx-kicker{display:inline-flex;align-items:center;gap:9px;color:#2369c7;background:#e8efff;padding:7px 15px;border-radius:100px;font-weight:800;font-size:11px;letter-spacing:.12em;margin-bottom:16px}.hrx-kicker:before{content:"";height:8px;width:8px;background:#d71920;border-radius:50%}.employee-main>h1{max-width:590px;font-size:clamp(34px,4.5vw,58px);letter-spacing:-.045em;line-height:1.12;font-weight:850;margin:10px 0 18px;color:#0b1b41}.employee-main>p:not(#status){color:#65748d;max-width:530px;font-size:17px;line-height:1.7}.employee-main>.buttons{display:flex;gap:12px;margin:28px 0 20px;max-width:580px;position:relative}.employee-main>.buttons .button{border-radius:11px;padding:15px 22px;font-weight:800;box-shadow:0 7px 18px #0b1b410e}.employee-main>.buttons .button.red{background:#d71920;color:#fff}.employee-main>.buttons .button.red:not(:disabled):hover{background:#b51118}#status{max-width:580px;font-size:13px;color:#617594;background:#edf3fe;border:1px solid #dde8fb;padding:12px 16px;margin:22px 0 42px;border-radius:12px;overflow-wrap:anywhere;position:relative}#status.error{color:#9f1820;background:#fff1f2;border-color:#ffc6ce}#workspace{background:#fff;border:1px solid #e6ebf4;border-radius:20px;padding:32px;box-shadow:0 18px 45px #0b1b4109;position:relative;z-index:1;margin-top:60px}#workspace>h2{font-size:27px;color:var(--hrx-navy)}#workspace .panel{border:1px solid #e4eaf3;border-radius:15px;background:#fdfefe;box-shadow:0 4px 20px #0b1b4107;padding:24px}#workspace .panel h2{font-size:21px;color:#112550;margin-top:0}#workspace input,#workspace select,#workspace textarea{background:#fff;color:#13294b;border:1px solid #cdd7e6;border-radius:10px;padding:13px 14px}#workspace input:focus,#workspace select:focus,#workspace textarea:focus{outline:2px solid #c4d9fa;border-color:#2476d3}#workspace form label{font-size:13px;color:#435775}#workspace .button{border-radius:10px;padding:12px 18px}#workspace .employee-grid{gap:20px}#workspace .record{font-size:14px}.employee-main>footer{position:relative;clear:both;padding-top:28px;font-size:12px;color:#8a98af;border-top:1px solid #e3e9f3;margin-top:100px}@media(max-width:850px){.employee-main{padding:54px 24px 40px}.employee-main:before,.employee-main:after{display:none}.employee-main>p:not(#status),.employee-main>h1{max-width:100%}.employee-main>.buttons,#status{max-width:100%}#workspace{padding:20px}}@media(max-width:650px){body .hrx-global-header{padding:10px 18px}body .hrx-global-header img{width:182px;height:53px}.employee-main{padding:37px 18px 30px}.employee-main>h1{font-size:35px}.employee-main>p:not(#status){font-size:15px}.employee-main>.buttons{flex-wrap:wrap}.employee-main>.buttons .button{min-width:100%}#workspace{padding:16px}#workspace .panel{padding:17px}#workspace .employee-grid{grid-template-columns:1fr;gap:10px}.employee-main>footer{margin-top:65px}}