:root{color:#1b2937;background:#f1f4f5;font-family:system-ui,sans-serif;line-height:1.6}body{margin:0}main{max-width:1500px;margin:24px auto;padding:24px}.eyebrow{letter-spacing:.14em;color:#456459;font-size:.75rem;font-weight:700}h1{letter-spacing:-.05em;margin:0;font-size:clamp(2.8rem,8vw,4.5rem)}.intro{color:#526271;font-size:1.2rem}section{background:#fff;border:1px solid #d9e2e0;border-radius:16px;margin:32px 0 20px;padding:28px}h2{margin-top:0;font-size:1.3rem}button{color:#fff;font:inherit;cursor:pointer;background:#155a46;border:0;border-radius:8px;padding:12px 20px}button:focus-visible{outline-offset:4px;outline:3px solid #317bc0}button:disabled{opacity:.6;cursor:wait}aside{color:#526271;font-size:.95rem}code{overflow-wrap:anywhere}form{gap:14px;margin:24px 0;display:grid}label{gap:6px;font-weight:600;display:grid}input,select,textarea{box-sizing:border-box;width:100%;font:inherit;color:inherit;background:#fff;border:1px solid #9caaa5;border-radius:6px;padding:10px}input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #317bc0}fieldset{border:1px solid #d9e2e0;border-radius:8px;gap:14px;min-width:0;padding:20px;display:grid}form button{justify-self:start}.error{color:#8a1820;background:#ffecee;border-radius:8px;padding:16px}.secondary{color:#174633;background:#e7eeeb;margin:4px 0}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.badge{background:#edf5fb;border-left:4px solid #317bc0;padding:12px}.table-wrap{overflow-x:auto}.time-off-note{white-space:pre-wrap;overflow-wrap:anywhere;min-width:160px;max-width:320px}.time-off-actions{flex-wrap:wrap;gap:8px;min-width:150px;display:flex}.time-off-actions form{width:100%;min-width:200px;margin:8px 0}.time-off-date-grid{grid-template-columns:minmax(180px,.85fr) repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.time-off-date-grid>label{min-width:0}.time-off-date-grid input,.time-off-date-grid select{min-width:0;min-height:44px}.holiday-manager{border-top:1px solid #d9e2e0;margin-top:28px;padding-top:20px}.holiday-fields{grid-template-columns:minmax(150px,1fr) minmax(0,2fr);gap:16px;display:grid}.holiday-delete{margin-top:10px}.event-key{box-sizing:border-box;vertical-align:middle;border:2px solid;width:12px;height:12px;margin-right:5px;display:inline-block}.vacation-key{border-color:#dc7c22}.holiday-key{border-color:#d9b422}.leave-key{border-color:#b7d6ab}.birthday-key{border-color:#cfb8e5}.calendar-categories{flex-wrap:wrap;align-items:center;gap:6px 12px;margin:16px 0;display:flex}.calendar-category{cursor:pointer;align-items:center;gap:9px;min-height:44px;padding:8px 5px;font-size:.95rem;display:inline-flex}.calendar-category input{appearance:none;cursor:pointer;border:2px solid;border-radius:4px;flex-shrink:0;place-content:center;width:24px;height:24px;padding:0;display:grid}.calendar-category input:checked:before{content:"✓";font-size:19px;font-weight:800;line-height:1}.calendar-lead-key{color:#815f00;margin:0 0 16px;font-size:.95rem}.birthday-greeting{background:#f8f3fc;border:1px solid #cfb8e5;border-left-width:5px;border-radius:12px;margin:24px 0;padding:20px 24px}.birthday-greeting h2{margin-bottom:6px}.birthday-greeting p{margin:0}.day-assignments li{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.day-worker-info{flex:280px;min-width:0}.day-worker-break{gap:3px;min-width:130px;margin-left:auto;display:grid}.day-worker-break span{color:#66746e;font-size:.75rem}.day-special-events p{margin:8px 0}@media (width<=650px){.time-off-date-grid,.holiday-fields{grid-template-columns:1fr}.day-worker-break{margin-left:0}}table{border-collapse:collapse;width:100%;font-size:.9rem}td,th{text-align:left;border-bottom:1px solid #d9e2e0;padding:12px}td button{font-size:.85rem}.documents{padding-left:20px}.documents li{border-bottom:1px solid #d9e2e0;padding:12px 0}.documents p{margin:4px 0}dt{font-weight:600}dd{overflow-wrap:anywhere;margin:0 0 12px}details{margin:20px 0}summary{cursor:pointer;font-weight:600}pre{background:#eef2f1;padding:16px;overflow:auto}.secret{-webkit-user-select:all;user-select:all;background:#eef2f1;padding:16px;display:block}.profile-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.profile-photo{object-fit:cover;border:1px solid #d9e2e0;border-radius:10px;flex-shrink:0;width:96px;height:120px}@media (width<=480px){.profile-photo{width:72px;height:90px}}.brand-clock{justify-content:space-between;align-items:center;gap:24px;padding-bottom:18px;display:flex}.brand-title{letter-spacing:-.04em;font-size:2.5rem}.brand-title span{color:#526271;font-weight:400}.clock{text-align:center;color:#405549;display:grid}.clock time{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:650;line-height:1.3}.clock small{font-size:.75rem}.app-layout{grid-template-columns:205px minmax(0,1fr);gap:24px;margin-top:24px;display:grid}.sidebar{flex-direction:column;align-self:start;gap:5px;display:flex;position:sticky;top:16px}.sidebar button{text-align:left;color:#43554c;background:0 0;padding:11px 16px}.sidebar .selected{color:#fff;background:#155a46}.app-content{min-width:0}.app-content>section:first-child{margin-top:0}.password-field{display:block;position:relative}.password-field input{padding-right:48px}.eye{color:#405549;background:0 0;padding:6px 10px;position:absolute;top:3px;bottom:3px;right:3px}.personal-grid,.document-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.document-card{border:1px solid #d9e2e0;border-radius:10px;min-width:0;padding:16px;font-size:.9rem}.document-card form{gap:8px;margin:10px 0 0}.document-card input{font-size:.8rem}.document-card button{padding:8px 12px;font-size:.85rem}.document-heading{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.document-state{align-items:center;gap:5px;font-size:.8rem;font-weight:650;display:inline-flex}.document-state.approved{color:#18723e}.document-state.rejected{color:#b42332}.document-state.review{color:#955b00}.document-state.pending{color:#626970}.document-status-dot{background:#889198;border-radius:50%;width:10px;height:10px}.document-state.review .document-status-dot{background:#e88a13}.observation-card{border:1px solid #e1e4e8;border-radius:8px;margin:12px 0;padding:14px}.observation-card p{margin:6px 0}.appeal-state{border-radius:5px;padding:3px 8px;font-size:.85rem;font-weight:650;display:inline-block}.appeal-state.pending{color:#825100;background:#fff1d9}.appeal-state.approved{color:#186037;background:#e2f4e8}.appeal-state.rejected{color:#9b1f2c;background:#ffe8eb}.punch-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.punch-grid button{justify-items:center;gap:8px;padding:18px 8px;display:grid}.calendar-tools{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;display:flex}.calendar-tools strong{text-transform:capitalize}.calendar-tools label{align-items:center;gap:8px;display:flex}.calendar-scroll{overflow-x:auto}.calendar-grid{border-top:1px solid #d9e2e0;border-left:1px solid #d9e2e0;grid-template-columns:repeat(7,minmax(100px,1fr));min-width:720px;display:grid}.weekday{text-align:center;background:#f4f7f5;border-bottom:1px solid #d9e2e0;border-right:1px solid #d9e2e0;padding:8px;font-weight:650}.calendar-day{border-bottom:1px solid #d9e2e0;border-right:1px solid #d9e2e0;min-height:115px;padding:12px}.calendar-day.empty{background:#f6f8f7}.calendar-day>small{color:#66746e;font-size:.7rem}.calendar-day.my-day{background:#f2f8ff}.calendar-day.today .day-heading>span:first-child{color:#fff;background:#155a46;border-radius:50%;padding:0 6px}.day-heading{justify-content:space-between;align-items:center;gap:4px;font-size:.8rem;display:flex}.day-edit{color:#155a46;background:0 0;padding:0 4px;font-size:1.2rem}.calendar-day:not(.empty){cursor:pointer}.calendar-day:focus-visible{outline-offset:-3px;outline:3px solid #155a46}.lead-badge{color:#624600;background:#fff0bc;border-radius:4px;padding:2px 5px;font-size:.75rem;font-weight:700;display:inline-block}.calendar-lead-star{color:#946b00}.day-assignments{padding:0;list-style:none}.account-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.account-actions .secondary{margin:0}.local-test-label{color:#6c4b00;font-weight:600;display:block}.day-assignments li{border:1px solid #d9e2e0;border-radius:8px;margin:8px 0;padding:12px}.day-assignments .day-lead{background:#fffaf0;border-left:4px solid #ac7c08}.day-assignments .lead-badge{margin:4px 8px}.day-notes-input{resize:vertical;min-height:170px}.day-notes-list{overflow-wrap:anywhere;background:#f1f6f3;border-radius:8px;padding:12px 16px 12px 32px}.day-notes-list li{white-space:pre-wrap;margin:6px 0}.notes-indicator{color:#155a46;margin-top:8px;display:block}.my-label{color:#215d9b;font-size:.6rem}.shift{overflow-wrap:anywhere;background:#edf0ee;border-radius:5px;margin:6px 0;padding:5px;font-size:.7rem;display:grid}.own-shift{color:#164e83;background:#dceeff}.next-shift{border-left:3px solid #155a46;margin-top:20px;padding:0 16px}.modal-backdrop{z-index:50;background:#172e2580;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.day-modal{width:min(750px,100%);max-height:85vh;margin:0;overflow:auto;box-shadow:0 20px 70px #0003}.check-label{align-items:center;display:flex}.check-label input{width:auto}.unread{font-weight:700}.notices li{padding:10px 0}.attendance-filters{flex-wrap:wrap;align-items:end;gap:12px;margin:20px 0;display:flex}.attendance-filters label{flex:170px}.attendance-alert-dot{background:#d88618;border-radius:50%;width:10px;height:10px;display:inline-block}.attendance-alert-dot.memorandum{background:#c62828}.attendance-alert-dot.clear{background:#248044}.attendance-status{white-space:nowrap}.attendance-load-status{min-height:1.6em;margin:8px 0}.terminal-fingerprint{overflow-wrap:anywhere;max-width:260px;font-size:.75rem;display:block}.attendance-detail-line{grid-template-columns:10px 170px auto;align-items:center;gap:12px;min-height:44px;display:grid}.attendance-detail-line .attendance-detail-label{box-sizing:border-box;text-align:left;white-space:nowrap;align-items:center;width:170px;min-height:44px;margin:0;padding:10px 12px;font-size:.85rem;display:flex}.attendance-detail-line>button:last-child{justify-self:start}.attendance-corrected{color:#626970;display:block}.attendance-edit-row{grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}@media (width<=600px){.attendance-edit-row{grid-template-columns:1fr}}.carousel-controls{justify-content:space-between;align-items:center;gap:12px;margin:12px 0;display:flex}.carousel-controls>span{color:#526271;font-size:.85rem}.carousel-controls>div{gap:8px;display:flex}.carousel-controls button{min-width:44px;padding:8px 14px}.shift-carousel-track{scroll-snap-type:x mandatory;scrollbar-width:thin;cursor:grab;-webkit-user-select:none;user-select:none;gap:16px;padding:4px 4px 16px;display:flex;overflow-x:auto}.shift-carousel-track:focus-visible{outline-offset:2px;border-radius:8px;outline:3px solid #317bc0}.shift-carousel-track.dragging{cursor:grabbing;scroll-snap-type:none}.shift-carousel-track .open-shift-card{box-sizing:border-box;scroll-snap-align:start;overflow-wrap:anywhere;flex:0 0 min(320px,100% - 24px)}.open-shift-heading{justify-content:flex-end;margin-bottom:12px;display:flex}.shift-availability{color:#fff;border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-block}.shift-availability.available{background:#187044}.shift-availability.assigned{background:#b42332}.shift-availability.closed{background:#59656e}@media (width<=900px){.app-layout{grid-template-columns:1fr}.sidebar{flex-direction:row;display:flex;position:static;overflow-x:auto}.sidebar button{white-space:nowrap}.punch-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){main{margin:12px auto;padding:12px}section{padding:18px}.brand-clock{align-items:flex-start;gap:12px}.brand-title{font-size:1.8rem}.clock time{font-size:1.5rem}.clock{font-size:.8rem}.clock small{max-width:150px}.personal-grid,.document-grid{grid-template-columns:1fr}}.request-history,.vacation-register,.manual-discipline{border-top:1px solid #d9e2e0;margin-top:28px;padding-top:16px}.loan-request-form{margin:20px 0}.payroll-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0;display:grid}.payroll-summary>div{background:#f4f7f6;border:1px solid #d9e2e0;border-radius:8px;gap:8px;padding:16px;display:grid}.payroll-summary span{font-size:1.2rem}.payroll-notices{background:#fff8eb;border-left:3px solid #dc9226;margin:16px 0;padding:16px}.payroll-terms{border:1px solid #d9e2e0;border-radius:8px;margin:16px 0;padding:12px}@media (width<=650px){.payroll-summary{grid-template-columns:1fr}}.loan-fields{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.loan-fields label{min-width:0}.loan-review-actions{min-width:180px}.loan-installments{color:#526271;margin-top:4px;display:block}@media (width<=650px){.loan-fields{grid-template-columns:1fr}}.worker-combobox{gap:6px;min-width:0;display:grid;position:relative}.worker-combobox-control{position:relative}.worker-combobox-control input{height:48px;padding-right:50px}.worker-combobox-control button{color:#174633;background:0 0;border-radius:0 5px 5px 0;justify-content:center;align-items:center;width:46px;padding:0;display:flex;position:absolute;top:1px;bottom:1px;right:1px}.worker-combobox-menu{z-index:20;background:#fff;border:1px solid #9caaa5;border-radius:6px;max-height:260px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 20px #0002}.worker-combobox-menu ul{margin:0;padding:4px;list-style:none}.worker-combobox-menu li{cursor:pointer;overflow-wrap:anywhere;border-radius:4px;min-height:24px;padding:10px 12px}.worker-combobox-menu li[aria-selected=true]{color:#174633;font-weight:700}.worker-combobox-menu li[aria-disabled=true]{color:#6d747b;cursor:not-allowed;background:#f4f5f5}.worker-combobox-menu p{margin:8px 16px}.attendance-filters>.worker-combobox{flex:170px}.contract-dates{border:1px solid #d9e2e0;border-radius:8px;margin:20px 0;padding:16px}.contract-dates .contract-dates{border:0;margin-bottom:0;padding:0}.discipline-filters{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;margin:16px 0;display:grid}.discipline-filters.admin{grid-template-columns:repeat(3,minmax(0,1fr))}.discipline-filters label{min-width:0}.discipline-filters input,.discipline-filters select{height:48px}@media (width<=650px){.discipline-filters,.discipline-filters.admin{grid-template-columns:1fr}}.manual-discipline-fields{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.appeal-reason-text{white-space:pre-wrap;overflow-wrap:anywhere}@media (width<=650px){.manual-discipline-fields{grid-template-columns:1fr}}.vacation-period{color:#526271;white-space:nowrap;margin-top:4px;display:block}.vacation-form-upload{gap:6px;min-width:0;display:grid}.vacation-form-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.vacation-form-heading label{min-width:0}.vacation-form-heading button{white-space:nowrap;flex-shrink:0;margin:0}.vacation-form-heading button:disabled{cursor:not-allowed}.vacation-form-upload small{color:#526271}@media (width<=600px){.vacation-form-heading{flex-wrap:wrap;gap:8px}}.request-history-filters{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;margin:16px 0;display:grid}.request-history-filters>label{min-width:0}.request-history-filters select{min-width:0;min-height:44px}@media (width<=650px){.request-history-filters{grid-template-columns:1fr}}.special-hours-label{color:#354347;background:#f0f4f4;border-left:3px solid #82b8ba;margin:6px 0;padding:4px 6px;display:block}.day-business-hours{margin:16px 0}main:has(.app-layout){box-sizing:border-box;width:100%;max-width:none;margin:12px auto;padding:16px}.app-layout{grid-template-columns:190px minmax(0,1fr);gap:16px}.sidebar button{padding-left:12px;padding-right:12px}.app-content>section{min-width:0}.payroll-worker-fields{grid-template-columns:minmax(190px,1.5fr) repeat(4,minmax(120px,1fr));align-items:start;gap:12px;display:grid}.payroll-worker-fields.casual{grid-template-columns:minmax(190px,1.5fr) repeat(5,minmax(120px,1fr))}.payroll-period-filters{grid-template-columns:minmax(220px,1fr) 140px auto;align-items:end;gap:16px;margin:18px 0;display:grid}.payroll-generate{text-align:center;gap:5px;display:grid}.payroll-generate button{margin:0}.payroll-generate small{white-space:nowrap}.payroll-economic-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.payroll-economic-grid td:last-child,.payroll-economic-grid tfoot th:last-child{text-align:right;font-variant-numeric:tabular-nums}.payroll-economic-grid tfoot{background:#f3f6f5}.payroll-economic-grid input{text-align:right;width:100%;min-width:100px}.payroll-economic .toolbar h3{margin:0}.payroll-economic .toolbar{margin-bottom:14px}.payroll-economic>p{color:#566368;font-size:.9rem}.payroll-net{font-variant-numeric:tabular-nums;background:#f0f5f4;border-radius:8px;justify-content:space-between;gap:20px;margin-top:18px;padding:18px;font-size:1.25rem;display:flex}.payroll-pending{color:#976617}.payroll-actions{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.payroll-response{border:1px solid #d9e2e0;border-radius:8px;margin:20px 0;padding:18px}.payroll-response>button{margin-right:10px}@media (width<=1200px){.payroll-worker-fields,.payroll-worker-fields.casual{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.app-layout,.payroll-economic-grid{grid-template-columns:1fr}}@media (width<=650px){main:has(.app-layout){padding:10px}.payroll-worker-fields,.payroll-worker-fields.casual,.payroll-period-filters{grid-template-columns:1fr}.payroll-net{flex-wrap:wrap}}.payroll-week-pending{color:#6c581c;max-width:190px;margin-top:4px;display:block}:root{--zurita-ink:#111;--zurita-graphite:#25272a;--zurita-cyan:#07a8fd;--zurita-surface:#fff;--zurita-soft:#f3f2f0;--zurita-line:#e0e2e4;--zurita-muted:#64686d;color:var(--zurita-ink);background:var(--zurita-soft);font-family:Arial,Helvetica,sans-serif}main>header{background:var(--zurita-surface);border:1px solid var(--zurita-line);border-radius:10px;margin-bottom:6px;padding:18px 22px}.brand-title{align-items:center;gap:18px;display:flex}.brand-logo{width:170px;height:auto;display:block}.brand-title .brand-hr{font-size:var(--header-hr-size);letter-spacing:.12em;color:var(--zurita-graphite);border-left:1px solid #cfd1d3;padding-left:16px;font-weight:600}.eyebrow{color:var(--zurita-muted);letter-spacing:.12em;margin:0 0 12px;font-size:.65rem}section{border-color:var(--zurita-line);border-radius:10px}h2,h3{color:var(--zurita-ink);letter-spacing:-.015em}button{background:var(--zurita-graphite);border-radius:6px;font-weight:600;transition:background-color .16s,box-shadow .16s}button:hover:not(:disabled):not(.secondary):not(.eye):not(.day-edit){filter:brightness(.96)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--zurita-cyan);outline-offset:3px}button:disabled{cursor:not-allowed}.secondary{color:var(--zurita-graphite);background:#eceff1}.secondary:hover:not(:disabled){background:#e0e4e7}input,select,textarea{border-color:#b9bfc4;border-radius:5px}input[readonly]{color:#44494e;background:#f7f7f6}fieldset,.document-card,.contract-dates,.day-assignments li{border-color:var(--zurita-line)}.sidebar{border:1px solid var(--zurita-line);background:#fff;border-radius:10px;padding:10px}.sidebar button{color:#53585e;text-align:left;background:0 0;border:1px solid #0000}.sidebar button:hover:not(:disabled){color:var(--zurita-ink);background:#f2f3f4}.sidebar button.selected{color:var(--zurita-ink);box-shadow:inset 3px 0 var(--zurita-cyan);background:#f0f7fb;border-color:#d3e9f5}.clock{color:var(--zurita-muted)}.clock time{color:var(--zurita-ink);font-variant-numeric:tabular-nums}.table-wrap{border:1px solid var(--zurita-line);border-radius:6px}.table-wrap table{border-collapse:collapse;width:100%}.table-wrap th{color:#34383c;letter-spacing:.015em;background:#f3f4f5;font-size:.78rem}.table-wrap th,.table-wrap td{border-bottom-color:var(--zurita-line)}.table-wrap tbody tr:hover{background:#fafbfc}.table-wrap tbody tr:last-child td{border-bottom:0}.payroll-economic-grid thead th{background:var(--zurita-graphite);color:#fff;letter-spacing:.07em}.payroll-economic-grid tfoot th{background:var(--zurita-soft);color:var(--zurita-ink)}.payroll-net{background:var(--zurita-soft);border-left:3px solid var(--zurita-cyan);border-radius:5px}.payroll-worker-fields input[readonly]{color:#44494e;background:#f7f7f6}.worker-combobox-control button,.worker-combobox-menu li[aria-selected=true]{color:var(--zurita-graphite)}.worker-combobox-menu li:hover,.worker-combobox-menu li.highlighted{background:#eef5f9}.weekday{background:#f3f4f5}.calendar-day.today .day-heading>span:first-child{background:var(--zurita-graphite)}.day-edit,.notes-indicator{color:var(--zurita-graphite)}.day-notes-list{background:#f4f5f6}.next-shift{border-left-color:var(--zurita-cyan)}.modal-backdrop{background:#11111170}@media (width<=600px){main>header{padding:16px}.brand-logo{width:125px}.brand-title{gap:12px}.brand-title .brand-hr{font-size:var(--header-hr-mobile-size);padding-left:10px}}@media (prefers-reduced-motion:reduce){button{transition:none}}:root{--clock-time-size:4.5rem;--clock-location-size:1rem;--clock-zone-size:.78rem;--calendar-weekday-size:.98rem;--calendar-number-size:1.1rem;--calendar-empty-size:.85rem;--calendar-worker-size:.79rem;--calendar-hours-size:.75rem;--header-announcements-width:500px;--header-hr-size:4.5rem;--header-hr-mobile-size:.95rem;--header-motivation-size:1.12rem;--header-clock-offset:-50px}.brand-clock{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:22px;padding-bottom:0;display:grid}.brand-clock>.clock{text-align:center;min-width:260px;transform:translateX(var(--header-clock-offset));grid-area:1/2;justify-self:center}.clock>span{font-size:var(--clock-location-size)}.clock time{font-size:var(--clock-time-size);line-height:1.2;display:block}.clock>small{font-size:var(--clock-zone-size);white-space:nowrap;max-width:none;margin-inline:auto;display:block}.monthly-motivation{color:#42464b;min-width:0;font-size:var(--header-motivation-size);text-align:center;margin:0;padding:0;font-style:italic}.monthly-board{width:100%;max-width:var(--header-announcements-width);box-sizing:border-box;border-left:1px solid var(--zurita-line);grid-area:1/3;justify-self:end;min-width:0;padding-left:20px}.monthly-board-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.monthly-board h2{text-transform:capitalize;margin:0;font-size:.86rem}.monthly-board button{padding:7px 11px;font-size:.75rem}.monthly-board form{gap:10px;margin:10px 0 0}.monthly-board textarea{resize:vertical;min-height:100px}.monthly-announcement-text{white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;margin:10px 0 0;font-size:.87rem;overflow:auto}.monthly-board .birthday-greeting{background:#f6f1fb;border:0;border-left:3px solid #c1a4df;margin:0 0 14px;padding:12px}.monthly-board .birthday-greeting h2{text-transform:none;font-size:1rem}.monthly-board .birthday-greeting p{margin-bottom:0;font-size:.85rem}.session-identity{color:var(--zurita-muted);overflow-wrap:anywhere;margin:6px 0 0;font-size:.8rem}.session-bar{color:var(--zurita-muted);grid-template-columns:minmax(120px,1fr) minmax(0,auto) minmax(120px,1fr);align-items:center;gap:12px;margin:0 4px 6px;font-size:.8rem;display:grid}.session-bar .monthly-motivation{grid-column:2;max-width:65vw}.session-bar button{white-space:nowrap;grid-column:3;justify-self:end;margin:0;padding:8px 12px}.calendar-grid{min-width:840px}.calendar-grid>.weekday{font-size:var(--calendar-weekday-size)}.calendar-date-number{font-size:var(--calendar-number-size);font-weight:700}.calendar-day>.calendar-empty-label{font-size:var(--calendar-empty-size)}.shift strong{font-size:var(--calendar-worker-size);line-height:1.4}.shift>span{font-size:var(--calendar-hours-size)}.shift.lead-shift{color:#754300;background:#fff0db;border-left:3px solid #e8a044}.branch-hours{margin-top:26px}.branch-hours-table{table-layout:fixed;text-align:center;min-width:840px}.branch-hours-table th{text-align:center;font-size:var(--calendar-weekday-size)}.branch-hours-table th,.branch-hours-table td{border-right:1px solid var(--zurita-line)}.branch-hours-table th:last-child,.branch-hours-table td:last-child{border-right:0}.branch-hours-table td{text-align:center;vertical-align:middle;white-space:nowrap;font-variant-numeric:tabular-nums;padding:16px 8px;font-size:.95rem}.branch-hours-table td>span{font-weight:600;display:block}.branch-lead-duties{background:#fffaf2;border-left:3px solid #e8a044;border-radius:5px;margin-top:24px;padding:20px 24px;font-size:.88rem}.branch-lead-duties h3{color:#754300;margin:0 0 10px}.branch-lead-duties h3>span{margin-right:6px}.branch-lead-duties li{margin:7px 0}.payroll-daily-table th:last-child,.payroll-daily-table td:last-child{min-width:220px;padding-left:18px;padding-right:18px}.payroll-daily-table .attendance-detail-line{grid-template-columns:10px 180px;min-width:202px}.payroll-daily-table .attendance-detail-label{width:180px}.payroll-send-control{justify-items:start;gap:7px;display:grid}.payroll-send-control small{color:#754e13;max-width:540px}@media (width<=1000px){.brand-clock{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px}.brand-clock>.clock{min-width:0}.brand-logo{width:130px}.monthly-board{border-left:0;border-top:1px solid var(--zurita-line);grid-area:2/1/auto/4;justify-self:stretch;max-width:none;padding:15px 0 0}}@media (width<=600px){.brand-clock{grid-template-columns:1fr}.brand-title{justify-content:center}.brand-clock>.clock{grid-area:2/1;transform:none}.monthly-board{grid-area:3/1}.session-identity{text-align:center}.session-bar{grid-template-columns:minmax(0,1fr) auto;gap:10px}.session-bar .monthly-motivation{text-align:left;grid-column:1;max-width:none}.session-bar button{grid-column:2}}@property --zurita-border-progress{syntax:"<angle>";inherits:false;initial-value:0deg}.punch-grid>button,.cyan-outline{position:relative}.punch-grid>button:after,.cyan-outline:after{content:"";border-radius:inherit;pointer-events:none;background:conic-gradient(from 0deg,var(--zurita-cyan) 0deg var(--zurita-border-progress),transparent var(--zurita-border-progress) 360deg);-webkit-mask-composite:xor;padding:2px;transition:--zurita-border-progress .42s linear;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.punch-grid>button:is(:hover,:focus-visible):not(:disabled):after,.cyan-outline:is(:hover,:focus-visible):not(:disabled):after{--zurita-border-progress:360deg}@media (prefers-reduced-motion:reduce){.punch-grid>button:after,.cyan-outline:after{transition:none!important}}#root{flex-direction:column;min-height:100dvh;display:flex}main{box-sizing:border-box;flex:1;width:100%}.site-credit{text-align:right;color:var(--zurita-muted);margin-top:auto;padding:10px 24px 16px;font-size:.68rem}.payroll-process-state{align-items:center;gap:8px;font-size:.88rem;display:inline-flex}.payroll-state-dot{background:#dd9225;border-radius:50%;flex:none;width:10px;height:10px}.payroll-state-dot.approved{background:#27814b}.payroll-state-dot.rejected{background:#c33742}.payroll-final-documents{display:contents}.payroll-document-control{flex-direction:column;align-items:start;gap:8px;max-width:350px;display:flex}.payroll-upload-label{font-size:.78rem;font-weight:400}.payroll-upload-label input{max-width:100%;font-size:.8rem}.payroll-new-notice{border-left:3px solid var(--zurita-cyan);background:#e9f6f7;padding:12px 16px}.payroll-actions{align-items:flex-start}.payroll-actions>button,.payroll-send-control>button{white-space:nowrap;flex:none;align-self:flex-start}.loan-payment-history{gap:4px;min-width:220px;margin:8px 0;display:grid}.loan-payment-history small{color:var(--zurita-muted)}.loan-payment-history button{justify-self:start;padding:5px 10px;font-size:.78rem}.excel-export{flex-wrap:wrap;align-items:center;gap:.65rem;margin:.65rem 0;display:flex}.excel-export>button{flex:none}.day-worker-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1rem;display:flex}.switch-request-list{gap:.75rem;padding:0;list-style:none;display:grid}.switch-details{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem 1rem;display:grid}.switch-details dt{color:#62696d;font-size:.85rem}.switch-details dd{margin:0;font-weight:600}
