.wh-body{background:#f8f9fa;color:var(--text);font-family:var(--font)}
.wh-body .wh-small-tag,.wh-body .wh-related strong{color:var(--primary-dark)}
.wh-body{--dim:#5f6368}.wh-body .wh-total-card{background:#1557b0}.wh-body .wh-total-label,.wh-body .wh-decimal{opacity:1}.wh-body input::placeholder{color:#5f6368!important}
.wh-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.wh-end-field{min-width:0}
@media(max-width:979px){.wh-shift>.wh-end-field{grid-row:2}}
@media(max-width:900px){.wh-mobile-tools{display:inline-flex!important;color:var(--primary);font-size:.78rem;font-weight:600;padding:8px;text-decoration:none}}
.wh-body [hidden]{display:none!important}.wh-page{max-width:1200px;margin:0 auto;padding:24px 24px 64px}
.wh-skip{position:fixed;left:16px;top:-80px;z-index:300;background:#fff;padding:12px 20px;border:2px solid var(--primary);border-radius:8px}.wh-skip:focus{top:12px}
.wh-breadcrumb{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:.78rem;color:var(--muted);margin:0 0 26px}.wh-breadcrumb a{color:var(--muted);text-decoration:none}.wh-breadcrumb a:hover{color:var(--primary)}
.wh-hero{margin-bottom:30px}.wh-hero h1{font-size:clamp(1.75rem,3.2vw,2.5rem);font-weight:800;letter-spacing:-.035em;line-height:1.2;margin:0 0 12px}.wh-hero h1 span{color:var(--primary)}.wh-hero>p{font-size:1rem;color:var(--muted);max-width:730px;line-height:1.65;margin:0 0 16px}
.wh-trust{display:flex;gap:20px;flex-wrap:wrap;font-size:.78rem;color:var(--muted)}.wh-trust span{display:flex;gap:6px;align-items:center}.wh-trust b{color:#188038}
.wh-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.wh-editor{display:grid;gap:20px}.wh-card{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 1px 3px #20212408;overflow:hidden}
.wh-card-head{padding:23px 24px 20px;display:flex;gap:12px;justify-content:space-between;align-items:flex-start}.wh-card h2{font-size:1.05rem;font-weight:700;letter-spacing:-.015em;margin:0 0 5px}.wh-card-head p{font-size:.8rem;color:var(--muted);line-height:1.5;margin:0}
.wh-inline-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}.wh-text-button{padding:4px 0;border:0;background:none;color:var(--primary);font:600 .78rem var(--font);cursor:pointer;min-height:32px}.wh-text-button:hover{text-decoration:underline}.wh-clear{color:var(--muted)}
.wh-details{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:14px;padding:0 24px 22px}.wh-field{font-size:.78rem;font-weight:600;color:var(--text);display:block;line-height:1.5}.wh-optional{font-weight:400;color:var(--muted);font-size:.75rem}
.wh-body input:not([type=checkbox]),.wh-body select{display:block;width:100%;min-width:0;border:1px solid var(--border);border-radius:8px;background:#fff;padding:10px 11px;margin-top:6px;font:400 .9rem var(--font);color:var(--text);min-height:42px;transition:border-color .15s,box-shadow .15s;color-scheme:light}
.wh-body input:focus,.wh-body select:focus{outline:2px solid var(--primary);outline-offset:2px}.wh-body button:focus-visible,.wh-body a:focus-visible,.wh-body summary:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.wh-body input[aria-invalid=true]{border-color:#c5221f;background:#fff8f7}.wh-body input::placeholder{color:#80868b;font-weight:400}
.wh-column-head,.wh-shift{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1fr) 104px 92px;gap:13px;align-items:start}.wh-column-head{padding:12px 24px;background:var(--surface);border-top:1px solid #e8eaed;border-bottom:1px solid #e8eaed;font-size:.7rem;text-transform:uppercase;letter-spacing:.035em;color:var(--muted);font-weight:600;align-items:center}.wh-column-head span:last-child{text-align:right}
.wh-shift{margin:0;border:0;border-bottom:1px solid #eef0f2;padding:14px 24px 10px;min-width:0}.wh-shift:last-child{border-bottom:0}.wh-shift:hover{background:#fbfcff}.wh-shift.is-invalid{background:#fff8f7}
.wh-day{padding-top:8px;font-weight:650;font-size:.88rem;line-height:1.35}.wh-day small{display:block;color:var(--muted);font-size:.7rem;font-weight:400;margin-top:2px}.wh-shift input:not([type=checkbox]){margin:0;padding:8px;font-size:.87rem;min-height:39px}.wh-shift input[type=time]{font-variant-numeric:tabular-nums}
.wh-control-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.wh-next-day{display:flex;align-items:center;gap:5px;font-size:.67rem;color:var(--muted);padding-top:6px;white-space:nowrap;min-height:25px;cursor:pointer}.wh-body input[type=checkbox]{width:15px;height:15px;accent-color:var(--primary);flex-shrink:0;margin:0;cursor:pointer}.wh-next-day.is-auto{color:var(--primary)}
.wh-break-wrap{position:relative}.wh-break-wrap input{padding-right:32px!important}.wh-break-wrap>span{position:absolute;right:10px;top:11px;font-size:.68rem;color:var(--muted);pointer-events:none}.wh-row-total{text-align:right;padding-top:10px;font-variant-numeric:tabular-nums;font-weight:650;font-size:.85rem;white-space:nowrap}.wh-row-total small{display:block;font-weight:400;color:var(--primary);font-size:.66rem;margin-top:5px}.wh-row-error{grid-column:2/-1;color:#b3261e;font-size:.74rem;line-height:1.45;margin:0;padding:0 0 5px}.wh-field-error{display:block;color:#b3261e;font-size:.72rem;font-weight:400;margin-top:5px}
.wh-table-note{display:flex;gap:8px;align-items:flex-start;border-top:1px solid #e8eaed;background:#fafbff;padding:14px 24px;font-size:.74rem;color:var(--muted);line-height:1.5;margin:0}.wh-table-note svg{flex-shrink:0;margin-top:2px}
.wh-pay-fields{display:grid;grid-template-columns:.8fr 1fr 1.3fr;gap:14px;padding:0 24px 12px}.wh-overtime-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:2px 24px 4px}.wh-rule-note{grid-column:1/-1;font-size:.75rem;color:var(--muted);line-height:1.5;margin:0}.wh-small-tag{font-size:.7rem;white-space:nowrap;padding:4px 9px;border-radius:20px;background:var(--primary-light);color:var(--primary);font-weight:600}.wh-muted-note{font-size:.75rem;line-height:1.6;color:var(--muted);margin:0}.wh-pay-settings>.wh-muted-note{padding:4px 24px 22px}
.wh-summary{position:sticky;top:88px;border-radius:16px;overflow:hidden}.wh-total-card{background:#1a73e8;color:#fff;padding:23px 24px 20px;border-radius:16px 16px 0 0}.wh-total-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:24px}.wh-total-top h2{font-size:.87rem;font-weight:600;margin:0}.wh-total-top>span{font-size:.7rem;border:1px solid #ffffff55;border-radius:20px;padding:3px 8px}.wh-total-label{font-size:.75rem;opacity:.88;margin:0 0 5px}.wh-total-number{font-size:2.6rem;line-height:1.2;font-weight:750;letter-spacing:-.035em;margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}.wh-decimal{font-size:.8rem;margin:7px 0 23px;opacity:.9}.wh-totals{border-top:1px solid #ffffff40;margin:0;padding-top:16px;display:grid;gap:11px}.wh-totals div{display:flex;justify-content:space-between;gap:10px;font-size:.8rem}.wh-totals dd{font-weight:650;margin:0;font-variant-numeric:tabular-nums}
.wh-summary-bottom{background:#fff;border:1px solid var(--border);border-top:0;padding:22px 22px 18px;border-radius:0 0 16px 16px}.wh-pay-result>span{display:block;color:var(--muted);font-size:.76rem}.wh-pay-result strong{display:block;font-size:1.8rem;letter-spacing:-.025em;line-height:1.35;overflow-wrap:anywhere;margin:4px 0;font-variant-numeric:tabular-nums}.wh-pay-result p{color:var(--muted);font-size:.73rem;line-height:1.6;margin:0}.wh-validation{font-size:.75rem;line-height:1.55;margin:17px 0;color:var(--muted)}.wh-validation.is-error{color:#b3261e;background:#fce8e6;padding:10px;border-radius:6px}
.wh-primary,.wh-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:11px 17px;border-radius:24px;font:600 .83rem var(--font);cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s}.wh-primary{background:var(--primary);color:#fff;border:1px solid var(--primary)}.wh-primary:hover:not(:disabled){background:var(--primary-dark)}.wh-secondary{background:#fff;color:var(--primary);border:1px solid var(--border)}.wh-secondary:hover:not(:disabled){background:var(--primary-light);border-color:var(--primary)}.wh-summary-bottom button{width:100%;margin-top:9px}.wh-body button:disabled{opacity:.46;cursor:not-allowed}.wh-export-note{font-size:.7rem;color:var(--muted);line-height:1.7;text-align:center;margin:14px 0 0}.wh-related{display:block;padding:18px 5px;text-decoration:none;font-size:.73rem;line-height:1.7;color:var(--muted)}.wh-related strong{display:block;color:var(--primary);font-size:.8rem}.wh-storage{padding:23px 24px}.wh-save-option{display:flex;gap:9px;align-items:center;font-size:.8rem;font-weight:500;margin:13px 0 9px;cursor:pointer}.wh-storage-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.wh-storage-actions button{font-size:.76rem;min-height:38px;padding:8px 14px}.wh-status{font-size:.72rem;color:var(--muted);line-height:1.5;margin:11px 0 0}.wh-status.is-error{color:#b3261e}
.wh-help{margin:48px 0 38px}.wh-help h2,.wh-faq h2{font-size:1.25rem;font-weight:750;letter-spacing:-.02em;margin:0 0 20px}.wh-help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.wh-help-grid>div{border-top:1px solid var(--border);padding-top:20px}.wh-help-grid>div>span{display:inline-flex;width:28px;height:28px;border-radius:50%;background:var(--primary-light);color:var(--primary);font-size:.8rem;font-weight:700;align-items:center;justify-content:center;margin-bottom:10px}.wh-help h3{font-size:.88rem;font-weight:650;margin:0 0 8px}.wh-help p{font-size:.81rem;line-height:1.65;color:var(--muted);margin:0}.wh-faq{max-width:800px}.wh-faq details{border-bottom:1px solid var(--border)}.wh-faq summary{padding:17px 0;font-size:.88rem;font-weight:600;cursor:pointer}.wh-faq details p{font-size:.82rem;line-height:1.75;color:var(--muted);margin:0 0 17px}.wh-alert{background:#fef7e0;padding:20px;border:1px solid #fbbc04;border-radius:12px}.wh-print-view{display:none}.wh-mobile-tools{display:none}
@media(min-width:980px) and (max-width:1120px){.wh-column-head,.wh-shift{grid-template-columns:59px minmax(0,1fr) minmax(0,1fr) 85px 78px;gap:8px}.wh-column-head,.wh-shift{padding-left:18px;padding-right:18px}.wh-layout{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.wh-card-head{flex-wrap:wrap}}
@media(max-width:979px){.wh-layout{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.wh-column-head{display:none}.wh-shift{grid-template-columns:1fr 1fr 1fr;gap:12px;padding:18px}.wh-day{grid-column:1/3;padding-top:0}.wh-day small{display:inline;margin-left:6px}.wh-row-total{grid-column:3;grid-row:1;padding-top:0}.wh-shift>label{grid-row:2}.wh-control-label{position:static;width:auto;height:auto;clip:auto;white-space:normal;display:block;font-size:.7rem;color:var(--muted);margin-bottom:6px}.wh-row-error{grid-column:1/-1}.wh-details{grid-template-columns:1fr 1fr;padding:0 18px 18px}.wh-details>label:first-child{grid-column:1/-1}.wh-card-head{padding:20px 18px 16px;flex-wrap:wrap}.wh-card h2{font-size:.98rem}.wh-pay-fields{grid-template-columns:1fr 1fr;padding:0 18px 12px}.wh-pay-fields>label:last-child{grid-column:1/-1}.wh-overtime-fields{padding-left:18px;padding-right:18px}.wh-table-note{padding:14px 18px}}
@media(max-width:720px){.wh-page{padding:20px 16px 40px}.wh-breadcrumb{margin-bottom:22px;font-size:.72rem}.wh-hero h1{font-size:1.8rem}.wh-hero>p{font-size:.9rem}.wh-trust{gap:8px 14px;font-size:.7rem}.wh-layout{grid-template-columns:1fr;gap:22px}.wh-summary{position:static}.wh-summary-bottom{padding:21px}.wh-total-number{font-size:2.7rem}.wh-total-top{margin-bottom:15px}.wh-help-grid{grid-template-columns:1fr;gap:18px}.wh-help{margin-top:34px}.wh-help-grid>div{padding-top:15px}.wh-storage{padding:21px 18px}.wh-body .header-inner{padding:0 16px}.wh-body .desktop-nav{display:none}.wh-mobile-tools{display:inline-flex;color:var(--primary);font-size:.78rem;font-weight:600;padding:8px;text-decoration:none}.wh-body .header-actions .btn-header-cta{display:none}.wh-body input[type=time]{font-size:16px}.wh-body .wh-field input,.wh-body .wh-field select{font-size:16px}.wh-shift{gap:12px 10px}.wh-shift input:not([type=checkbox]){padding:8px 6px}.wh-break-wrap input{font-size:16px!important}}
@media print{@page{size:auto;margin:14mm}body.wh-body{background:#fff!important;color:#111!important;font:11px Arial,sans-serif}body.wh-body>*{display:none!important}body.wh-body>.wh-print-view{display:block!important}.wh-print-view h1{font-size:23px;margin:0 0 6px}.wh-print-view p{margin:6px 0;line-height:1.6}.wh-print-view table{width:100%;border-collapse:collapse;margin:20px 0;font-variant-numeric:tabular-nums;font-size:10px}.wh-print-view th,.wh-print-view td{border-bottom:1px solid #ccc;padding:9px 5px;text-align:left}.wh-print-view th{background:#f1f3f4!important;font-weight:700}.wh-print-view tfoot{font-weight:700}.wh-print-view tr{break-inside:avoid}.wh-print-meta{display:flex;justify-content:space-between;gap:20px}.wh-print-view h2{font-size:15px;margin:18px 0 8px}.wh-print-view .print-note{font-size:10px;color:#444;border-top:1px solid #ccc;padding-top:12px;margin-top:22px}}
