.employee-page{max-width:1220px;overscroll-behavior-y:contain}.employee-page>.nav{padding:24px 26px;border:1px solid #d5e6f3;border-radius:20px;background:linear-gradient(135deg,#fafdff,#edf7fd);box-shadow:0 10px 28px #075ebf0d}.employee-page .header-actions{display:flex;gap:10px;flex-wrap:wrap}.employee-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:22px 0 24px}.employee-metrics .metric{position:relative;overflow:hidden;min-height:126px;padding:21px;border:1px solid #dce8f2;border-radius:18px;background:#fff;box-shadow:0 8px 24px #075ebf0a}.employee-metrics .metric:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#0869d8,#15bce7)}.employee-metrics .metric strong{font-size:32px;color:#0869d8}.employee-add,.employee-list{margin-top:24px}.employee-list>header{margin-bottom:14px;padding-bottom:15px;border-bottom:1px solid #e1ebf3}.employee-card{border:1px solid #dce8f2;border-radius:16px;padding:18px;margin-top:12px;background:#fff;box-shadow:0 6px 18px #075ebf08;transition:.2s ease}.employee-card:hover{border-color:#bcd9eb;box-shadow:0 10px 26px #075ebf10}.employee-card>header{display:flex;align-items:center;justify-content:space-between;gap:18px}.employee-card>header>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.employee-card>header b{font-size:17px;color:#243746}.employee-card>header span{color:#6a7f90;font-size:14px}.employee-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:18px;padding-top:17px;border-top:1px solid #e4edf4}.employee-form label{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:14px;color:#425d72}.employee-form input,.employee-form select,.employee-form textarea{width:100%;border:1px solid #cfdeea;border-radius:10px;padding:11px;background:#fff;font:inherit}.employee-form input:focus,.employee-form select:focus,.employee-form textarea:focus{border-color:#36aee3;outline:3px solid #1db9ea18}.employee-form .wide{grid-column:1/-1}.employee-form>.button{align-self:end;min-height:44px}.employee-form .sms-option{display:grid;grid-template-columns:1fr auto;align-content:center;padding:10px 12px;border:1px solid #d4e6f2;border-radius:10px;background:#f2f8fc}.employee-form .sms-option input{width:22px;height:22px;margin:0;accent-color:#0869d8}.employee-form .sms-option small{color:#647d90;font-weight:500}.employee-page .toggle{border:0;border-radius:999px;padding:9px 13px;font-weight:800;cursor:pointer}.employee-page .toggle.on{background:#e4f6ec;color:#17643b}.employee-page .toggle.off{background:#eef2f5;color:#6e7d89}@media(max-width:900px){.employee-form,.employee-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.employee-page>.nav{padding:20px}.employee-card>header,.employee-page>.nav{align-items:flex-start;flex-direction:column}.employee-page .header-actions{width:100%}.employee-page .header-actions .button{flex:1 1}.employee-form,.employee-metrics{grid-template-columns:1fr}.employee-metrics .metric{min-height:auto}.employee-form .wide{grid-column:auto}.employee-card>header>div:last-child{width:100%}}.work-rights-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:6px;padding:15px 17px;border:1px solid #b8daf0;border-radius:13px;background:#eef8ff}.work-rights-heading b,.work-rights-heading small{display:block}.work-rights-heading small{margin-top:4px;color:#5e7688;font-weight:500}.work-right-badge{flex:none;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:850}.work-right-badge.ok{background:#dff6e9;color:#176441}.work-right-badge.warning{background:#fff3d8;color:#8a5c0a}.work-right-badge.blocked{background:#ffe7e5;color:#a62e27}.employee-form .hours-suggestion{padding:10px 12px;border:1px solid #b9dcf2;border-radius:12px;background:#eff8ff}.employee-form .hours-suggestion small{color:#486f8a;font-size:12px;font-weight:550;line-height:1.45}.position-manager{margin-top:24px}.position-manager>header{margin-bottom:14px}.position-manager h2{margin:0 0 5px}.position-add{display:grid;grid-template-columns:minmax(220px,1fr) auto;grid-gap:12px;gap:12px;align-items:flex-end;padding:15px;border:1px solid #dbe8f2;border-radius:14px;background:#f6fbff}.position-field{display:grid;grid-gap:7px;gap:7px;min-width:0}.position-field label{font-weight:750;color:#425d72}.position-add input,.position-row input{width:100%;min-height:43px;border:1px solid #cfdeea;border-radius:10px;padding:10px 12px;background:#fff;font:inherit}.position-list{display:grid;grid-gap:9px;gap:9px;margin-top:13px}.position-row{display:grid;grid-template-columns:minmax(190px,1fr) minmax(120px,.6fr) auto auto;grid-gap:10px;gap:10px;align-items:center;padding:10px 12px;border:1px solid #e0e9f0;border-radius:12px;background:#fff}.position-row small{color:#687f90}.position-row .button{min-height:40px}.position-row .danger{border-color:#f1c5c2;background:#fff5f4;color:#a23b34}.employee-form .field-purpose{color:#687f90;font-size:11px;font-weight:500;line-height:1.4}.employee-form input[type=text][inputmode=numeric]{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em}.position-add input{position:relative;z-index:1;pointer-events:auto;-moz-user-select:text;user-select:text;-webkit-user-select:text}.position-add input:focus{border-color:#238bd2;outline:3px solid #168ed51a}.position-add .position-purpose{color:#687f90;font-size:12px;font-weight:500;line-height:1.45}.employee-form .invalid-field{border-color:#d83a36;background:#fff8f7;box-shadow:0 0 0 3px #d83a3614}.employee-form .field-error{color:#b42318;font-size:12px;font-weight:700;line-height:1.35}.temporary-password-field{grid-row:span 2}.password-actions{display:flex;gap:8px;flex-wrap:wrap}.inline-action{border:1px solid #bad8eb;border-radius:8px;background:#f5fbff;color:#0869b7;padding:7px 9px;font:inherit;font-size:12px;font-weight:750;cursor:pointer}.inline-action:hover{background:#eaf7ff;border-color:#78bce5}.create-employee-button:disabled{cursor:wait;opacity:.72}@media(max-width:700px){.position-add{grid-template-columns:1fr}.position-row{grid-template-columns:1fr 1fr}.position-row input,.position-row small{grid-column:1/-1}}