.hr-page{color:#17324d;max-width:1120px;margin:auto;padding:24px 18px 70px}.hr-heading{justify-content:space-between;align-items:center;gap:20px;margin:25px 0;display:flex}.hr-heading span{letter-spacing:2px;color:#40708c;font-size:13px}.hr-heading h1{margin:9px 0;font-size:clamp(26px,4vw,38px)}.hr-heading p{color:#536b7c;margin:0;line-height:1.8}.hr-toolbar,.hr-form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:16px;margin:20px 0;display:grid}.hr-page label{flex-direction:column;gap:8px;font-size:14px;display:flex}.hr-page input,.hr-page select{color:#17324d;background:#fff;border:1px solid #cddfe8;border-radius:9px;width:100%;min-height:44px;padding:9px}.hr-top-grid{grid-template-columns:1fr 1.3fr;gap:20px;display:grid}.hr-card{background:#fff;border:1px solid #dceaf0;border-radius:18px;margin:20px 0;padding:24px;box-shadow:0 5px 22px #17324d05}.hr-card h2,.hr-card summary{align-items:center;gap:9px;margin:0 0 18px;font-size:20px;display:flex}.hr-card summary{cursor:pointer}.hr-card p,.hr-card small{line-height:1.8}.hr-clock{text-align:center}.hr-clock h2{justify-content:center}.hr-clock small{color:#526c7d;margin-top:10px;display:block}.hr-fingerprint{color:#17597c;cursor:pointer;background:#d8f0fa;border:8px solid #e8f6fc;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:170px;height:170px;margin:25px auto;transition:transform .15s;display:flex;box-shadow:0 0 0 1px #b4daeb}.hr-fingerprint:hover:not(:disabled){transform:scale(1.03)}.hr-fingerprint.hr-out{color:#7c5617;background:#fff0d9;border-color:#fff8ec}.hr-fingerprint:focus-visible{outline-offset:4px;outline:3px solid #2563a6}.hr-page button:disabled{opacity:.5;cursor:not-allowed}.hr-net{background:#f1faff;border-radius:14px;padding:20px}.hr-net>small{color:#4d6a7c;display:block}.hr-net>strong{margin-top:5px;font-size:32px;display:block}.hr-net strong small{font-size:15px}.hr-summary{grid-template-columns:1fr auto;gap:13px;display:grid}.hr-summary dd{margin:0;font-weight:650}.hr-page .hr-check{flex-direction:row;align-items:center;gap:8px;margin:8px 14px 8px 0;display:inline-flex}.hr-check input{width:18px;min-height:18px}.hr-page fieldset{border:1px solid #dceaf0;border-radius:10px;margin:16px 0;padding:12px}.hr-table-wrap{overflow:auto}.hr-page table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:14px}.hr-page th,.hr-page td{text-align:start;border-bottom:1px solid #e5edf2;padding:12px}.hr-page th{background:#f2f9fc}.hr-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.hr-error,.hr-success{border-radius:12px;padding:14px;line-height:1.8}.hr-error{color:#9a3326;background:#fff0ed}.hr-success{color:#176242;background:#eaf7f1}@media (max-width:720px){.hr-top-grid{grid-template-columns:1fr}.hr-card{margin:10px 0;padding:18px}.hr-heading>svg{display:none}.hr-page{padding:18px 12px 70px}.hr-toolbar,.hr-form-grid{grid-template-columns:1fr}.hr-actions>*{text-align:center;width:100%}}.hr-time-fields{align-items:center;gap:5px;margin-top:8px;display:flex}.hr-time-fields select{min-width:0;padding:8px 4px}.hr-employee-simple{max-width:520px;margin:auto}.hr-compact{gap:10px;margin:12px 0}.hr-week{flex-wrap:wrap;gap:6px;display:flex}.hr-page .hr-week .hr-check{background:#f1f8fd;border:1px solid #d1e5f1;border-radius:9px;margin:0;padding:7px}.hr-shift{border-top:1px solid #e1edf3;padding:10px 0}.hr-schedule small{display:block}.hr-schedule details{margin-top:15px}.hr-schedule summary,.hr-intake summary{margin:8px 0;font-size:15px}.hr-intake{background:#f4faff;border-radius:12px;padding:12px}.hr-intake textarea{resize:vertical;width:100%;min-height:100px;font:inherit;border:1px solid #cddfe8;border-radius:9px;margin-bottom:10px;padding:10px}.hr-intake p{margin:7px 0;font-size:13px}.hr-intake .hr-summary{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.hr-page input[readonly]{color:#536b7c;background:#f4f7fa}.hr-time-fields{margin-top:0}.hr-time-fields select{flex:1;width:auto}.hr-time-fields select:last-child{flex:1.4}@media (max-width:720px){.hr-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hr-shift .hr-compact{grid-template-columns:1fr}.hr-compact label{min-width:0}.hr-time-fields{max-width:320px}.hr-schedule{padding:10px!important}}.hr-page .hr-form-fields{border:0;min-width:0;margin:0;padding:0}.hr-form-fields>legend,.hr-schedule>legend{padding:0 5px;font-weight:700}.hr-form-fields .hr-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hr-page .hr-muted{color:#536b7c;margin:6px 0 14px;font-size:14px}.hr-salary-input{grid-template-columns:minmax(0,1fr) 85px;gap:8px;display:grid}.hr-workplace-field{grid-column:1/-1}.hr-workplace-field small{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.hr-shift-count{gap:8px;margin:18px 0 10px;display:flex}.hr-shift-count button{color:#17324d;min-height:46px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cddfe8;border-radius:10px;flex:1;padding:9px}.hr-shift-count button[aria-pressed=true]{color:#194e87;background:#e8f6fd;border:2px solid #2563a6;font-weight:700}:is(.hr-page button:focus-visible,.hr-page input:focus-visible,.hr-page select:focus-visible,.hr-page summary:focus-visible){outline-offset:3px;outline:3px solid #2563a6}.hr-day-picker{max-width:400px;margin:10px 0 18px}.hr-shift{background:#f7fbfe;border:1px solid #deedf5;border-radius:12px;margin:12px 0;padding:14px}.hr-schedule-summary{background:#eaf6fc;border-radius:9px;padding:12px}.hr-advanced{margin:16px 0}.hr-advanced summary{font-size:15px}.hr-empty{color:#536b7c;background:#f3f9fc;border-radius:10px;padding:16px}.hr-history-list{gap:12px;display:grid}.hr-history-row{border:1px solid #dceaf0;border-radius:12px;padding:16px}.hr-history-row header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.hr-history-row dl{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:0;display:grid}.hr-history-row dt{color:#536b7c;margin-bottom:7px;font-size:13px}.hr-history-row dd{margin:0;font-size:15px;line-height:1.8}.hr-history-done,.hr-history-open{border-radius:20px;padding:5px 9px;font-size:12px}.hr-history-done{color:#176242;background:#eaf7f1}.hr-history-open{color:#795118;background:#fff3dc}.hr-page #workplace-settings,.hr-page #employee-profile{scroll-margin-top:30px}@media (max-width:600px){.hr-form-fields .hr-compact{grid-template-columns:1fr}.hr-shift-count{gap:5px}.hr-shift-count button{padding:8px 3px;font-size:14px}.hr-history-row dl{grid-template-columns:1fr;gap:12px}.hr-form-fields .hr-workplace-field{grid-column:auto}.hr-schedule .hr-time-fields{max-width:none}.hr-page .hr-card{min-width:0}.hr-schedule>legend{font-size:15px}}.hr-assigned h2{flex-wrap:wrap;justify-content:space-between}.hr-assigned h2 time{color:#536b7c;font-size:14px;font-weight:400}.hr-assigned-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;display:grid}.hr-assigned-shift{background:#f7fbfe;border:1px solid #dceaf0;border-radius:12px;padding:16px}.hr-assigned-shift header{justify-content:space-between;align-items:center;gap:12px;display:flex}.hr-assigned-shift header span{color:#536b7c;font-size:12px}.hr-assigned-shift dl{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:0;display:grid}.hr-assigned-shift dt{color:#536b7c;font-size:13px}.hr-assigned-shift dd{margin:8px 0 0;font-weight:600}.hr-assigned-shift dd small{font-size:12px;font-weight:400;display:block}