.calc{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.calc__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--border-color);flex-wrap:wrap}.calc__header h2{font-size:1.0625rem}.calc__header-actions{display:flex;gap:10px}.calc__rows{display:flex;flex-direction:column}.calc-row{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr .9fr;align-items:center;gap:12px;padding:10px 24px;border-bottom:1px solid var(--border-color);min-width:0}.calc-row>*{min-width:0}.calc-row:last-child{border-bottom:none}.calc-row--head{padding-block:12px;background-color:var(--bg-base)}.calc-row--head span{font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:var(--text-secondary)}.day-row{transition:background-color .15s ease}.day-row:hover{background-color:var(--bg-base)}.day-row__label{display:flex;align-items:center;gap:10px;font-weight:500;color:var(--text-primary)}.day-row__label .day-short,.field-label{display:none}.calc-row input[type=time],.calc-row input[type=number]{width:100%;height:42px;padding:0 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-base);color:var(--text-primary);font-size:14px;transition:border-color .15s ease,opacity .15s ease}.calc-row input[type=time]:focus,.calc-row input[type=number]:focus{border-color:var(--accent-primary);outline:none}.calc-row input:disabled{opacity:.45;cursor:not-allowed}.calc-row input::-webkit-calendar-picker-indicator{filter:var(--time-icon-filter, none);opacity:.6;cursor:pointer}[data-theme=dark] .calc-row input::-webkit-calendar-picker-indicator{filter:invert(1)}.day-row__total{font-variant-numeric:tabular-nums;font-weight:600;color:var(--text-primary);text-align:right;white-space:nowrap;transition:color .2s ease}.day-row__total .unit{font-weight:400;color:var(--text-secondary);font-size:13px;margin-left:4px}.day-row[data-empty=true] .day-row__total{color:var(--text-secondary)}.day-row:has([data-field=off]:checked),.day-row--off{background-color:var(--bg-base)}.day-row:has([data-field=off]:checked) .day-row__label,.day-row--off .day-row__label{color:var(--text-secondary)}.day-off-toggle{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-secondary);white-space:nowrap;cursor:pointer;user-select:none;margin-left:auto}.day-off-toggle input{width:15px;height:15px;accent-color:var(--accent-primary);cursor:pointer}.calc__settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:22px 24px;border-top:1px solid var(--border-color);background-color:var(--bg-base)}.settings-field{display:flex;flex-direction:column;gap:6px}.settings-field label{font-size:13px;font-weight:500;color:var(--text-secondary)}.settings-field .input-prefix-group{position:relative;display:flex;align-items:center}.settings-field .input-prefix-group span{position:absolute;left:12px;color:var(--text-secondary);font-size:14px;pointer-events:none}.settings-field input[type=number]{width:100%;height:42px;padding:0 12px 0 28px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-surface);color:var(--text-primary);font-size:14px;transition:border-color .15s ease}.calc__settings .settings-field:not(:has(.input-prefix-group)) input[type=number]{padding-left:12px}.settings-field input[type=number]:focus{border-color:var(--accent-primary);outline:none}.calc__results{border-top:1px solid var(--border-color)}.results-hero{display:grid;grid-template-columns:1fr 1fr;gap:1px;background-color:var(--border-color)}.result-primary{background-color:var(--bg-surface);padding:24px;display:flex;flex-direction:column;gap:6px}.result-primary--total{background-color:var(--bg-base)}.result-primary__label{font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:var(--text-secondary)}.result-primary__value{font-variant-numeric:tabular-nums;font-size:var(--fs-total);font-weight:700;color:var(--text-primary);line-height:1.1;transition:color .2s ease}.result-primary--total .result-primary__value{color:var(--accent-primary)}.result-primary__value .unit{font-size:16px;font-weight:500;color:var(--text-secondary);margin-left:6px}.result-primary__sub{font-size:13px;color:var(--text-secondary)}.result-primary--overtime[data-has-overtime=true] .result-primary__value{color:var(--color-danger)}.result-primary--overtime[data-has-overtime=true]{background-color:var(--color-danger-bg)}.result-primary--overtime[data-has-overtime=true] .result-primary__sub{color:var(--color-danger)}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background-color:var(--border-color);border-top:1px solid var(--border-color)}.result-stat{background-color:var(--bg-surface);padding:18px 24px;display:flex;flex-direction:column;gap:5px}.result-stat__label{font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:600}.result-stat__value{font-variant-numeric:tabular-nums;font-size:18px;font-weight:600;color:var(--text-primary);transition:color .2s ease}.result-stat[data-pay-card][data-active=false]{opacity:.5}@media(max-width:800px){.calc-row{grid-template-columns:1fr;gap:10px;padding:16px 20px;position:relative}.calc-row--head{display:none}.day-row__label{font-size:15px}.day-row__label .day-full{display:none}.day-row__label .day-short{display:inline}.field-label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:4px}.day-row__field{display:flex;flex-direction:column}.day-row__total{text-align:left;font-size:15px;padding-top:4px;border-top:1px solid var(--border-color)}.results-hero{grid-template-columns:1fr}.results-grid{grid-template-columns:1fr 1fr}.results-grid .result-stat[data-pay-card]{grid-column:1 / -1}}@media(max-width:420px){.calc__header{padding:18px 16px}.calc-row{padding:14px 16px}.calc__settings{padding:18px 16px}.result-primary{padding:20px 16px}.result-stat{padding:16px}.results-grid{grid-template-columns:1fr}.results-grid .result-stat[data-pay-card]{grid-column:auto}}@media(prefers-reduced-motion:reduce){.day-row,.calc-row input,.result-primary__value,.result-stat__value{transition:none}}.faq[data-astro-cid-al2ca2vr]{margin-top:24px}.faq[data-astro-cid-al2ca2vr] h2[data-astro-cid-al2ca2vr]{margin-bottom:20px}.faq__list[data-astro-cid-al2ca2vr]{display:flex;flex-direction:column;gap:1px;background-color:var(--border-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.faq__item[data-astro-cid-al2ca2vr]{background-color:var(--bg-surface)}.faq__question[data-astro-cid-al2ca2vr]{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;cursor:pointer;font-weight:500;color:var(--text-primary);font-size:15px}.faq__question[data-astro-cid-al2ca2vr]::-webkit-details-marker{display:none}.faq__chevron[data-astro-cid-al2ca2vr]{width:18px;height:18px;flex-shrink:0;color:var(--text-secondary);transition:transform .2s ease}.faq__item[data-astro-cid-al2ca2vr][open] .faq__chevron[data-astro-cid-al2ca2vr]{transform:rotate(180deg)}.faq__answer[data-astro-cid-al2ca2vr]{padding:0 22px 20px;font-size:14px;color:var(--text-secondary);line-height:1.7}.hero[data-astro-cid-j7pv25f6]{padding-block:40px 20px;text-align:center}.hero__inner[data-astro-cid-j7pv25f6]{max-width:680px}.hero[data-astro-cid-j7pv25f6] h1[data-astro-cid-j7pv25f6]{margin-top:12px}.hero__subtitle[data-astro-cid-j7pv25f6]{margin-top:14px;font-size:16px}.features[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.feature-card[data-astro-cid-j7pv25f6]{padding:24px}.feature-card[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{margin-bottom:8px}.feature-card[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{font-size:14px}.content-narrow[data-astro-cid-j7pv25f6]{max-width:720px;margin-inline:auto}.content-narrow[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{margin-bottom:16px}.content-narrow[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{margin-top:32px;margin-bottom:10px;font-size:1.1rem}.content-narrow[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{margin-bottom:16px;line-height:1.7}.content-narrow[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]:last-child{margin-bottom:0}@media(max-width:640px){.hero[data-astro-cid-j7pv25f6]{padding-block:28px 16px}.hero__subtitle[data-astro-cid-j7pv25f6]{font-size:15px}.section--tight[data-astro-cid-j7pv25f6]{padding-block:28px}}
