.employee-form-page[hidden]{display:none!important}
.employee-form-page{padding:20px 24px 34px;background:#f8faff;min-height:calc(100vh - 99px)}.form-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.form-heading span{color:#66718f;font-size:13px}.form-heading h1{margin:5px 0 0;font-size:26px}.form-card{background:#fff;border:1px solid #e9edf5;border-radius:10px;margin-bottom:13px;padding:18px}.personal-card{display:grid;grid-template-columns:190px 1fr;gap:28px}.photo-editor{text-align:center;border-left:1px solid #edf0f5;padding-left:24px}.photo-preview{width:112px;height:112px;border-radius:50%;background:#f0f2f7;color:#7c88a3;display:grid;place-items:center;font-size:32px;font-weight:700;margin:8px auto 12px}.photo-change{display:inline-block;border:1px solid #7441ef;border-radius:6px;color:#5821e8;padding:7px 15px;font-size:13px;font-weight:700;cursor:pointer}.photo-editor small{display:block;color:#6d7892;font-size:11px;line-height:1.5;margin-top:8px}.form-section{margin-bottom:18px}.form-section:last-child{margin-bottom:0}.form-section h2{font-size:15px;margin:0 0 13px}.form-grid{display:grid;gap:14px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid.two{grid-template-columns:repeat(2,1fr);max-width:440px}.form-grid label{font-size:13px;font-weight:700;color:#253252;display:block}.form-grid label>b{color:#ef3d42}.form-grid input,.form-grid select{display:block;width:100%;height:39px;margin-top:7px;border:1px solid #dce3ee;border-radius:6px;padding:0 11px;background:#fff;outline:none;font:13px plex;color:#263352}.form-grid input:focus,.form-grid select:focus{border-color:#6124eb;box-shadow:0 0 0 3px #eee8ff}.form-grid .span-two{grid-column:span 2}.field-error{display:block;min-height:14px;color:#e5393f;font-size:11px;padding-top:3px}.salary-section{border-top:1px solid #edf0f5;padding-top:17px}.currency-input{display:flex;direction:ltr}.currency-input input{border-radius:0 6px 6px 0}.currency-input span{width:50px;height:39px;margin-top:7px;border:1px solid #dce3ee;border-right:0;border-radius:6px 0 0 6px;background:#f5f7fb;display:grid;place-items:center;font:700 12px plex;color:#5e6d8b}.method-options{display:flex;gap:12px;margin-bottom:18px}.method-options label{cursor:pointer}.method-options input{position:absolute;opacity:0}.method-options span{width:158px;min-height:78px;border:1px solid #dce3ee;border-radius:8px;padding:15px;display:grid;gap:4px}.method-options input:checked+span{border:2px solid #6021eb;background:#fbfaff;color:#5420e6}.method-options b{font-size:15px}.method-options small{color:#6c7892}.payment-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border-top:1px solid #edf0f5;padding-top:17px}.payment-fields label{font-size:13px;font-weight:700}.payment-fields input{width:100%;height:39px;border:1px solid #dce3ee;border-radius:6px;margin-top:7px;padding:0 11px;font:13px plex}.form-success{position:fixed;left:28px;bottom:25px;background:#0ba965;color:white;border-radius:8px;padding:13px 18px;z-index:20;font-weight:700;box-shadow:0 8px 20px #07935440}@media(max-width:1050px){.form-grid.three,.payment-fields{grid-template-columns:repeat(2,1fr)}}@media(max-width:830px){.employee-form-page{padding:16px}.form-heading{align-items:flex-start;gap:13px;flex-direction:column}.personal-card{grid-template-columns:1fr}.photo-editor{border:0;border-bottom:1px solid #edf0f5;padding:0 0 16px}.form-grid.three,.form-grid.two,.payment-fields{grid-template-columns:1fr}.form-grid .span-two{grid-column:auto}.method-options{flex-direction:column}.method-options span{width:100%}}
.employee-profile-movement[hidden]{display:none!important}.employee-record-card{padding:0!important;overflow:hidden;border:1px solid #e5e9f3!important;background:#fff}.employee-record-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:26px 30px 22px;background:linear-gradient(135deg,#fbfaff 0%,#f4fbff 100%);border-top:3px solid transparent;border-image:linear-gradient(90deg,#5624b4,#39d5ff) 1}.employee-record-eyebrow{display:block;margin-bottom:6px;font-size:12px;font-weight:700;color:#7d52df}.employee-record-heading h2{margin:0;color:#16244a;font-size:21px}.employee-record-heading p{margin:7px 0 0;color:#7484a5;font-size:13px}.employee-record-stats{display:flex;flex-wrap:wrap;gap:8px}.employee-record-stats span{white-space:nowrap;padding:8px 11px;border:1px solid #e3dafd;border-radius:999px;background:#fff;color:#5624b4;font-size:12px;font-weight:700}.employee-record-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;padding:22px 30px 30px}.employee-record-section{min-width:0;border:1px solid #e7ebf4;border-radius:16px;background:#fff;overflow:hidden}.employee-record-section>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 18px;border-bottom:1px solid #edf0f6;background:#fcfdff}.employee-record-section h3{margin:0;color:#19284d;font-size:16px}.employee-record-section header p{margin:4px 0 0;color:#8491aa;font-size:12px}.employee-document-actions{display:flex;align-items:center;gap:8px}.employee-document-picker{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border:1px dashed #b7a5ee;border-radius:10px;background:#faf8ff;color:#6135c2;cursor:pointer;font-size:12px;font-weight:700}.employee-document-picker input{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0)}.employee-record-add-movement{white-space:nowrap}.employee-record-list,.employee-history-list{display:grid;gap:0}.employee-document-item,.employee-history-item{display:flex;align-items:center;gap:12px;padding:14px 17px;border-bottom:1px solid #eff2f7}.employee-document-item:last-child,.employee-history-item:last-child{border-bottom:0}.employee-document-mark{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:#f0ebff;color:#602fca;font-size:12px;font-weight:800}.employee-record-item-main{min-width:0;flex:1}.employee-record-item-main b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1d2d50;font-size:13px}.employee-record-item-main small{display:block;margin-top:3px;color:#8996ad;font-size:11px}.employee-record-empty{display:grid;place-items:center;gap:6px;min-height:132px;padding:20px;text-align:center;color:#7b89a4}.employee-record-empty b{color:#415375;font-size:14px}.employee-record-empty span{max-width:260px;font-size:12px;line-height:1.7}.employee-history-item{position:relative;align-items:flex-start}.employee-history-dot{flex:0 0 10px;width:10px;height:10px;margin-top:5px;border-radius:50%;background:#8b5cf6;box-shadow:0 0 0 4px #f1edff}.employee-history-deduction .employee-history-dot,.employee-history-penalty .employee-history-dot{background:#ef4444;box-shadow:0 0 0 4px #fff0f1}.employee-history-overtime .employee-history-dot,.employee-history-commission .employee-history-dot{background:#19a463;box-shadow:0 0 0 4px #e8f8f0}.employee-history-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.employee-history-title small{margin:0;white-space:nowrap}.employee-history-item p{margin:5px 0 0;color:#71819d;font-size:12px;line-height:1.55}.employee-history-side{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;gap:8px}.employee-history-side strong{white-space:nowrap;color:#26385c;font-size:13px}.employee-history-side .secondary-btn{min-height:30px;padding:4px 9px;font-size:11px}@media (max-width:980px){.employee-record-grid{grid-template-columns:1fr}.employee-record-heading{padding:22px}.employee-record-grid{padding:18px}}@media (max-width:620px){.employee-record-heading,.employee-record-section>header{align-items:flex-start;flex-direction:column}.employee-record-stats,.employee-document-actions{width:100%}.employee-document-actions .secondary-btn{flex:1}.employee-record-grid{padding:14px}.employee-history-side{align-items:flex-end}.employee-document-item{flex-wrap:wrap}.employee-document-item .secondary-btn{margin-inline-start:46px}}
.salary-section{padding-top:22px}.salary-amount-card{max-width:430px;padding:18px;border:1px solid #e2e8f2;border-radius:14px;background:linear-gradient(135deg,#fff 0%,#faf9ff 100%)}.salary-amount-card label{display:block;color:#253252;font-size:13px;font-weight:700}.salary-currency-input{display:flex;align-items:stretch;direction:ltr;overflow:hidden;height:48px;margin-top:10px;border:1px solid #d8e0ec;border-radius:10px;background:#fff;transition:border-color .18s,box-shadow .18s}.salary-currency-input:focus-within{border-color:#6933da;box-shadow:0 0 0 3px #eee9ff}.salary-currency-input input{min-width:0;flex:1;height:100%!important;margin:0!important;padding:0 14px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#16244a!important;font:700 17px plex!important;outline:0}.salary-currency-input span{display:grid!important;place-items:center;flex:0 0 58px;width:auto!important;height:auto!important;margin:0!important;border:0!important;border-inline-start:1px solid #e2e7f0!important;border-radius:0!important;background:#f4f1ff!important;color:#6130cb!important;font:700 13px plex!important}.salary-amount-card .field-error{margin:2px 0 0}
.salary-currency-input input{font-variant-numeric:tabular-nums!important;direction:ltr!important;text-align:right!important}