:root{--bg:#f2f2f7;--surface:#fff;--ink:#1d1d1f;--muted:#626267;--line:#dcdce0;--blue:#06c;--soft:#eef5ff;--control:#f5f5f7;--header:#ffffffd9;--shadow:0 2px 8px #00000004, 0 12px 32px #00000003;--error:#b42318;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);cursor:default;caret-color:#0000;-webkit-font-smoothing:antialiased;margin:0;font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}a{color:var(--blue);text-underline-offset:3px;cursor:pointer}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:9px;min-height:44px;padding:8px 12px;font-size:13px;font-weight:500}button:hover{background:var(--soft)}button:disabled{opacity:.5;cursor:not-allowed}input,select{width:100%;min-width:0;min-height:44px;color:var(--ink);background:var(--control);font-variant-numeric:tabular-nums;border:1px solid #d1d1d6;border-radius:8px;padding:8px 10px;font-size:14px}input:not([type=checkbox]):not([type=radio]),textarea{cursor:text;caret-color:auto}input[type=date],input[type=time],input[type=checkbox],input[type=radio],select{cursor:pointer}input[type=checkbox]{width:16px;height:16px;min-height:16px;accent-color:var(--blue);flex:none}input[aria-invalid=true]{border-color:var(--error)}label{color:var(--muted);font-size:13px;display:block}label>input,label>select{margin-top:5px}:focus-visible{outline-offset:3px;outline:3px solid #007aff80}h1,h2,h3{color:var(--ink);margin-top:0;line-height:1.3}h1{letter-spacing:-1px;margin-bottom:8px;font-size:30px;font-weight:700}h2{margin-bottom:15px;font-size:21px}h3{font-size:16px}p{color:var(--muted);margin-top:0}svg{vertical-align:middle;flex:none}.shell{width:min(1080px,100% - 48px);margin-inline:auto}.site-header{background:var(--header);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(20px)}.header-inner{align-items:center;gap:24px;height:65px;display:flex}.brand{color:var(--ink);letter-spacing:-.6px;align-items:center;font-size:22px;font-weight:700;text-decoration:none;display:inline-flex}.brand-icon{color:#fff;background:linear-gradient(#3295ff,#0066df);border-radius:9px;place-items:center;width:32px;height:32px;margin-right:8px;display:grid}.brand-dot{color:var(--blue)}.nav{gap:24px;margin-left:auto;display:flex}.nav a{color:var(--muted);align-items:center;min-height:44px;font-size:14px;text-decoration:none;display:flex}.nav a[aria-current=page]{color:var(--blue);text-decoration:underline}.theme-button{background:var(--control);border:0;border-radius:50%;place-items:center;width:44px;padding:8px;display:grid}.mobile-menu{display:none}.hero{padding:30px 0 22px}.hero p{margin:0;font-size:14px}.calculator-section{margin-bottom:16px}.mobile-total{display:none}.calculator-layout{grid-template-columns:minmax(0,1fr) 275px;align-items:start;gap:20px;display:grid}.panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:16px}.week-toolbar{justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.week-toolbar label{white-space:nowrap;align-items:center;gap:12px;display:flex}.week-toolbar input{width:148px;margin:0}.text-button{color:var(--blue);background:var(--control);border:0;border-radius:8px;padding-inline:12px;font-size:12px}.table-legend{border-block:1px solid var(--line);color:var(--muted);background:var(--control);grid-template-columns:65px minmax(0,1fr) minmax(0,1fr) .6fr .5fr .85fr;gap:12px;padding:10px 18px;font-size:12px;font-weight:500;display:grid}.table-legend span:last-child{text-align:right}.day-card{border-bottom:1px solid var(--line);grid-template-columns:65px minmax(0,1fr);gap:12px;padding:12px 18px;display:grid}.day-label{padding-top:0;font-size:13px}.day-label strong,.day-label span{display:block}.day-label span{color:var(--muted);font-size:12px}.shift-inputs{grid-template-columns:minmax(0,1fr) minmax(0,1fr) .6fr .5fr .85fr;align-items:start;gap:12px;display:grid}.shift-inputs input{margin:0;font-size:13px}.mobile-label{display:none}.checkbox{align-items:center;gap:6px;min-height:44px;font-size:12px;display:flex}.checkbox input{margin:0}.next-day{justify-content:center;min-height:44px;font-size:12px}.row-result{white-space:nowrap;justify-content:flex-end;align-items:center;gap:2px;min-height:44px;font-size:12px;font-weight:600;display:flex}.remove-button{width:44px;min-width:44px;min-height:44px;color:var(--muted);background:0 0;border:0;padding:0;font-size:19px}.add-shift{color:var(--blue);background:0 0;border:0;min-width:44px;min-height:44px;margin-top:0;padding:0 5px;font-size:12px}.calculator-options{padding:8px 18px 12px}summary{cursor:pointer;min-height:44px;color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}summary:before{content:"";border-top:1.5px solid;border-right:1.5px solid;width:6px;height:6px;margin-right:5px;transform:rotate(45deg)}details[open]>summary:before{transform:rotate(135deg)}.settings-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:8px 0 15px;display:grid}.draft-options p{font-size:12px}.draft-actions{flex-wrap:wrap;gap:8px;display:flex}.reset-button{color:var(--muted);background:0 0;border:0;padding:8px 0;font-size:12px}.reset-confirm{border:1px solid var(--line);background:var(--bg);border-radius:6px;padding:12px;font-size:13px}.reset-confirm button{margin-right:8px}.danger-button{color:#fff;background:#b42318}.summary-wrap{position:sticky;top:20px}.summary{padding:20px}.summary h2{margin-bottom:12px;font-size:15px;font-weight:600}.total-block{background:var(--soft);border-radius:12px;padding:16px}.total-block strong{letter-spacing:-1px;font-variant-numeric:tabular-nums;color:var(--blue);font-size:34px;line-height:1.4;display:block}.total-block p{margin:4px 0 0;font-size:12px}.summary-breakdown{border-bottom:1px solid var(--line);margin:20px 0;padding-bottom:16px;font-size:13px}.summary-breakdown>div{justify-content:space-between;gap:10px;margin-top:8px;display:flex}dt{color:var(--muted)}dd{margin:0}.currency-input{margin-top:6px;position:relative}.currency-input span{font-size:14px;position:absolute;top:10px;left:12px}.currency-input input{padding-left:27px}.gross-block{margin:18px 0}.gross-block>span{color:var(--muted);font-size:12px;display:block}.gross-block strong{font-size:26px;line-height:1.4;display:block}.primary-button{color:#fff;background:#06c;border:1px solid #06c;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.primary-button:hover{background:#0055b3}.summary-actions>.primary-button{width:100%}.summary-actions>div{gap:8px;margin-top:8px;display:flex}.summary-actions>div button{background:var(--control);border-color:#0000;flex:1;padding:8px 4px;font-size:12px}.summary-note{margin:16px 0 0;font-size:12px;line-height:1.8}.privacy-note{text-align:center;margin-top:10px;font-size:12px}.error{color:var(--error);margin:4px 0 8px;font-size:12px;line-height:1.6}.error:empty{display:none}.warning{color:#78531a;background:#fff8e9;border:1px solid #e9cc8f;border-radius:6px;padding:14px;font-size:13px}.warning p{color:inherit}.action-message{margin:8px 0;font-size:12px}.action-message:empty{display:none}.site-footer{border-top:1px solid var(--line);margin-top:30px;padding:18px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;display:flex}.site-footer .brand{font-size:16px}.site-footer nav{gap:20px;display:flex}.site-footer nav a{color:var(--muted);align-items:center;min-height:44px;font-size:12px;text-decoration:none;display:flex}.contact-email{font-size:12px}.footer-note{width:100%;margin:0;font-size:12px}.skip-link{color:#fff;z-index:10;background:#155eef;padding:12px;position:absolute;top:-100px;left:16px}.skip-link:focus{top:8px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.print-only{display:none}.page-prose{margin-inline:auto;padding:35px 0}.prose{max-width:760px}.prose h2{margin-top:30px}.prose p{font-size:15px;line-height:1.9}.prose .lead{font-size:17px}.eyebrow{letter-spacing:1px;color:var(--muted);margin-bottom:12px;font-size:12px;display:block}.field-help{font-size:12px!important}.section{border-top:1px solid var(--line);padding:30px 0}.how-to,.faq{grid-template-columns:1fr 1.4fr;gap:40px;display:grid}.steps{padding-left:20px}.steps li{padding-left:10px}.steps li>span{display:none}.steps p,.example-grid p,.faq-items p,.methodology p{font-size:14px}.example-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.example-grid article{border:1px solid var(--line);border-radius:8px;padding:20px}.example-tag{color:var(--muted);font-size:12px}.example-grid h3{margin-top:14px}.example-grid strong{font-size:16px}.example-grid small{color:var(--muted);font-size:12px;font-weight:400;display:block}.faq-items details{border-bottom:1px solid var(--line)}.faq-items summary{color:var(--ink);padding:12px 0;font-size:14px}.methodology{border-top:1px solid var(--line);margin-bottom:30px;padding-top:25px}[data-theme=dark]{--bg:#000;--surface:#1c1c1e;--ink:#f5f5f7;--muted:#b0b0b8;--line:#3a3a3c;--blue:#79b8ff;--soft:#192e46;--control:#2c2c2e;--header:#1c1c1ed9;--shadow:none;--error:#ffaaa3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] .warning{color:#f0d395;background:#352a18;border-color:#8c6b32}@media (max-width:950px){.shell{width:calc(100% - 32px)}.calculator-layout{grid-template-columns:minmax(0,1fr) 250px;gap:14px}.shift-inputs,.table-legend{gap:7px}.day-card{grid-template-columns:48px minmax(0,1fr);gap:7px;padding-inline:12px}.table-legend{grid-template-columns:48px minmax(0,1fr) minmax(0,1fr) .6fr .5fr .85fr;padding-inline:12px}.row-result{font-size:12px}.shift-inputs input{padding:7px 4px;font-size:12px}}@media (max-width:900px){.calculator-layout{flex-direction:column;display:flex}.summary-wrap{order:0;width:100%;position:static}.summary{grid-template-columns:1fr 1fr;gap:12px 20px;padding:16px;display:grid}.summary h2{grid-column:span 2;margin:0}.total-block{grid-row:span 2}.total-block strong{font-size:30px}.summary-breakdown{border:0;margin:0;padding:0}.summary>label{grid-column:span 2}.gross-block{grid-column:span 2;justify-content:space-between;align-items:center;margin:0;display:flex}.gross-block strong{font-size:24px}.summary-actions,.summary-note{grid-column:span 2;margin:0}.summary-actions{gap:8px;display:flex}.summary-actions>.primary-button{flex:1;width:auto}.summary-actions>div{flex:1;margin:0}.summary-note{font-size:12px}.privacy-note{display:none}.timecard{width:100%}.hero{padding-top:20px}h1{font-size:27px}.day-card{grid-template-columns:55px minmax(0,1fr);padding:12px 16px}.table-legend{grid-template-columns:55px minmax(0,1fr) minmax(0,1fr) .6fr .5fr .85fr;padding-inline:16px}.shift-inputs input{padding:8px;font-size:14px}.row-result{font-size:12px}.how-to,.faq{grid-template-columns:1fr;gap:15px}.example-grid{grid-template-columns:1fr}}@media (max-width:480px){.header-inner{gap:8px;height:58px}.brand{font-size:20px}.brand-icon{width:28px;height:28px}.nav{gap:14px}.nav a{font-size:12px}.theme-button{border:0;width:44px;min-width:44px;padding:6px}.hero h1{font-size:25px}.hero p{font-size:13px}.summary{gap:10px 12px}.summary-actions{flex-wrap:wrap}.summary-actions>.primary-button,.summary-actions>div{flex-basis:100%}.summary-actions>div button{font-size:12px}.week-toolbar{flex-wrap:wrap;gap:10px;padding:12px}.week-toolbar label{gap:8px;font-size:12px}.week-toolbar input{width:140px}.text-button{padding-inline:0;font-size:12px}.table-legend{display:none}.day-card{grid-template-columns:1fr;gap:8px;padding:12px}.day-label{justify-content:space-between;align-items:center;padding:0;display:flex}.day-label strong{font-size:14px}.day-label span{font-size:12px;display:block}.shift-inputs{grid-template-columns:1fr 1fr;gap:8px 12px}.shift-inputs input{padding:8px;font-size:16px}.mobile-label{margin-bottom:4px;font-size:12px;display:block}.next-day{grid-area:3/1;justify-content:flex-start;min-height:30px;font-size:12px}.row-result{grid-area:2/2/span 2;align-self:center;padding-top:0;font-size:14px}.remove-button{width:44px}.add-shift{min-height:44px;font-size:12px}.calculator-options{padding-inline:12px}.settings-grid{grid-template-columns:1fr}.site-footer nav{flex-wrap:wrap;gap:16px}.site-footer .brand{display:none}.footer-inner{gap:6px}.contact-email{align-items:center;min-height:44px;display:flex}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media print{body{font-size:12px;color:#111!important;background:#fff!important}.shell{width:100%}.site-header,.site-footer,.hero,.summary-wrap,.week-toolbar,.calculator-options,.add-shift,.remove-button,.action-message,.section,.methodology,.warning{display:none!important}.calculator-layout{display:block}.panel{border:0;border-radius:0}.day-card{break-inside:avoid;grid-template-columns:70px 1fr;padding:8px 0}.day-label{display:block}.shift-inputs{grid-template-columns:1fr 1fr .7fr .6fr 1fr}.mobile-label{font-size:12px;display:block}.shift-inputs input{border:0;min-height:24px;padding:0;font-size:12px}.row-result{min-height:24px;padding:0}.next-day{min-height:24px}.next-day input{min-height:12px}.table-legend{display:none}.print-only{display:block}.print-summary{border-top:1px solid #aaa;margin-top:20px;padding-top:15px}.print-summary p{white-space:pre-line;color:#111;font-size:12px}}@media screen and (max-width:900px){.mobile-total{border:1px solid var(--line);background:var(--surface);border-radius:6px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 14px;font-size:13px;display:flex}.mobile-total strong{font-size:22px}}@media screen{.next-day input[type=checkbox]{appearance:none;cursor:pointer;background:#8e8e93;border:1px solid #8e8e93;border-radius:999px;flex:none;width:40px;height:24px;min-height:24px;padding:0;transition:background .15s;position:relative}.next-day input[type=checkbox]:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.next-day input[type=checkbox]:checked{background:#06c;border-color:#06c}.next-day input[type=checkbox]:checked:before{transform:translate(16px)}.next-day:focus-within{border-radius:8px}.reset-button{color:var(--error)}input:hover:not([type=checkbox]),select:hover{border-color:#8e8e93}[data-theme=dark] input:not([type=checkbox]),[data-theme=dark] select{border-color:#636366}}@media screen and (max-width:900px){.mobile-total{box-shadow:var(--shadow);border-radius:12px}.mobile-total strong{color:var(--blue)}.total-block{grid-row:span 2}}@media screen and (max-width:480px){.panel{border-radius:16px}.hero h1{letter-spacing:-.9px;font-size:28px}.day-label strong{font-size:16px;font-weight:600}.day-label{padding-bottom:4px}.mobile-label{color:var(--muted);font-size:13px}.next-day .mobile-label{margin:0}.shift-inputs input:not([type=checkbox]){border-radius:9px;min-height:46px}.day-card{padding:12px 16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}.week-picker,.week-stepper,.quick-actions,.inline-actions,.copy-week{align-items:center;gap:8px;display:flex}.week-toolbar,.week-picker{flex-wrap:wrap}.week-step{min-width:44px;padding:2px 12px;font-size:22px}.week-stepper{gap:0}.week-stepper button:first-child{border-radius:8px 0 0 8px}.week-stepper button:last-child{border-left:0;border-radius:0 8px 8px 0}.quick-actions{margin-left:auto}.copy-panel,.outside-notice{background:var(--control);border:1px solid var(--line);border-radius:10px;margin:0 18px 16px;padding:14px}.copy-panel h2{font-size:17px}.copy-panel p,.outside-notice p{margin:10px 0;font-size:12px}.copy-panel fieldset{border:1px solid var(--line);border-radius:8px;min-width:0;margin:12px 0;padding:8px 12px}.copy-panel legend{color:var(--muted);font-size:13px}.copy-days{flex-wrap:wrap;gap:4px 16px;display:flex}.copy-days .checkbox{font-size:13px}.copy-days .checkbox:has(input:disabled){opacity:.5}.copy-panel select,.outside-notice select{max-width:300px}.inline-actions{flex-wrap:wrap}.copy-week{flex-wrap:wrap;align-items:end;margin:12px 0}.copy-week input{width:170px}.overnight-suggestion{color:var(--blue);margin:5px 0 10px;font-size:12px}.summary>.error{grid-column:1/-1}.summary-wrap{scroll-margin-top:100px}.shift+.shift{margin-top:10px}.shift input{scroll-margin-top:110px}@media screen and (max-width:900px){html{scroll-padding-top:100px}.mobile-total{z-index:3;grid-template-columns:1fr auto;gap:0 8px;display:grid;position:sticky;top:8px;box-shadow:0 2px 12px #00000012}.mobile-total>span{font-size:12px}.mobile-total strong{grid-column:1;font-size:20px}.mobile-total button{grid-area:1/2/span 2;font-size:12px}}@media (max-width:480px){.week-picker{justify-content:space-between;gap:4px;width:100%}.week-toolbar label{gap:6px}.week-toolbar input{width:130px}.week-step{min-width:44px;padding:2px 9px}.quick-actions{width:100%;margin-left:0}.quick-actions button{flex:1}.copy-panel,.outside-notice{margin-inline:12px}}@media print{.copy-panel,.outside-notice,.overnight-suggestion,.mobile-total{display:none!important}}.shared-pay-note{grid-column:1/-1;margin:6px 0 0;font-size:12px}@media print{.day-card:not(.has-shifts){display:none}}
.bulk-inputs{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 72px;gap:10px;display:grid}.bulk-inputs label{white-space:nowrap;min-width:0;font-size:12px}.bulk-inputs input{margin-top:6px;display:block}.bulk-inputs+.field-help{margin-top:8px}.bulk-dates{border:0;min-width:0;margin:20px 0 12px;padding:0}.bulk-dates legend{margin-bottom:12px;font-size:13px;font-weight:600}.bulk-apply{width:100%;margin-top:8px}.calculator-dialog .copy-selection-actions button{padding-inline:8px;font-size:12px}@media screen and (max-width:480px){.bulk-inputs{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 64px;gap:6px}.bulk-inputs input{padding-inline:4px;font-size:16px}.calculator-dialog .copy-days{max-height:220px}}.brand-mark{flex:none;margin-right:10px;display:block}.brand-wordmark{letter-spacing:-.7px;font-weight:650}.brand-wordmark>span{color:var(--blue)}.header-inner .theme-button{margin-left:auto}.danger-button{border-color:#0000}.danger-button:hover{color:#fff;background:#912018}.danger-button:active{background:#761b14}.week-toolbar,.table-legend,.calculator-options,.day-card{padding-inline:16px}.copy-panel,.outside-notice{margin-inline:16px;padding:16px}.card-secondary-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.example-link{color:var(--blue);text-underline-offset:3px;background:0 0;border:0;min-height:44px;padding:8px 0;font-size:12px;text-decoration:underline}.option-group{border:0;min-width:0;margin:12px 0 20px;padding:0}.option-group legend{color:var(--ink);margin-bottom:8px;padding:0;font-size:13px;font-weight:600}.option-group .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0}.option-group .field-help{margin:8px 0 0;font-size:12px}.option-group .copy-week{margin:8px 0 0}.copy-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.copy-days .checkbox{min-height:44px}@media screen and (max-width:900px){.mobile-total{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;min-height:58px;padding:6px 12px}.mobile-total>span{font-size:12px;line-height:16px}.mobile-total strong{white-space:nowrap;grid-column:auto;font-size:20px}.mobile-total button{grid-area:auto;min-height:44px;padding:8px}.week-toolbar{gap:8px;padding-block:12px}.week-picker{gap:8px}.summary{gap:16px}}@media screen and (max-width:600px){.copy-days{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (max-width:480px){.total-block,.summary-breakdown{grid-area:auto/1/auto/-1}.total-block strong{white-space:nowrap}.hero{padding:16px 0}.week-caption{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.week-picker{flex-wrap:nowrap}.week-toolbar input{width:136px}.week-stepper{flex:none}.week-step{min-width:44px}.day-card{gap:4px;padding:12px 16px}.day-label{min-height:44px;padding:0}.shift-inputs{gap:4px 12px}.shift-inputs .break-field{grid-area:2/1/auto/-1;align-items:center;gap:8px;width:max-content;max-width:100%;display:flex}.break-field .mobile-label{white-space:nowrap;margin:0;font-size:13px}.shift-inputs .break-field input{flex:none;width:56px;min-width:56px;padding-inline:6px}.row-result{grid-area:2/2;align-self:center;padding:0}.next-day{grid-area:3/1/auto/-1;justify-content:flex-start;min-height:44px}.next-day .mobile-label{white-space:nowrap;font-size:13px}.calculator-options{padding:8px 16px}.option-group .settings-grid{grid-template-columns:1fr;gap:16px}.quick-actions button{flex:none;min-height:44px;padding-inline:8px;font-size:12px}.copy-panel,.outside-notice{margin-inline:16px}.summary-note,.shared-pay-note,.draft-options .checkbox{font-size:12px}}@media print{.day-card{padding:8px 0}.break-field{display:block}}.range-toolbar{grid-template-columns:repeat(2,minmax(0,1fr)) 124px;align-items:end;gap:12px;display:grid}.range-toolbar .range-picker{grid-area:1/1/auto/3;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;min-width:0;display:grid}.range-toolbar .range-picker label{font-size:12px;display:block}.range-toolbar .range-picker input,.range-toolbar .range-picker select{width:100%;margin-top:6px;display:block}.range-toolbar .toolbar-controls .settings-trigger{white-space:nowrap;align-items:center;gap:6px;width:auto;display:inline-flex}.range-toolbar .toolbar-controls{grid-area:2/2/auto/4;justify-self:end;align-items:center;margin:0}.range-toolbar .period-control{grid-area:1/3;width:100%;font-size:12px;display:block}.range-toolbar .example-prompt{grid-area:2/1;padding:0}.range-toolbar .period-control select{width:100%;margin-top:6px;display:block}.range-toolbar .current-period{width:auto;font-size:12px}.range-error{padding-inline:16px}.copy-selection-actions{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.copy-days{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));max-height:280px;padding:4px;overflow-y:auto}.copy-days .checkbox{align-items:center;gap:8px;font-size:12px}@media screen and (max-width:480px){.range-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-block:8px}.range-toolbar .range-picker{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.range-toolbar .range-picker label{min-width:0}.range-toolbar .period-control{grid-area:2/1;width:100%;margin:0}.range-toolbar .period-control>.period-label{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.range-toolbar .period-control select{margin-top:0;padding-inline:8px;font-size:12px}.range-toolbar .toolbar-controls .settings-trigger{padding-inline:8px;font-size:12px}.range-toolbar .toolbar-controls{grid-area:2/2;justify-self:stretch;width:100%}.range-toolbar .current-period{margin-right:auto}.range-toolbar .example-prompt{grid-area:3/1/auto/-1}}.toolbar-controls{gap:8px;margin-left:auto;display:flex}.toolbar-controls button{width:44px;padding:8px}.toolbar-controls .more-actions-trigger{font-size:24px;line-height:1}.toolbar-controls .toolbar-reset{width:auto;color:var(--error);justify-content:center;align-items:center;gap:6px;padding-inline:12px;font-size:13px;line-height:20px;display:inline-flex}.example-prompt{padding:0 16px 16px}.example-button{min-height:44px;color:var(--blue);background:var(--soft);border-color:#0000;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:inline-flex}.example-button:hover{border-color:var(--blue)}@media screen and (min-width:701px){.range-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(220px,.9fr)}.range-toolbar .example-button{width:100%}.range-toolbar .toolbar-controls{grid-column:3;grid-template-columns:repeat(2,minmax(0,1fr));justify-self:stretch;gap:8px;width:100%;display:grid}.range-toolbar .toolbar-controls button{width:100%}}@media screen and (max-width:480px){.example-button{width:100%;display:flex}.week-toolbar .toolbar-controls{grid-column:1/-1;justify-content:flex-end}.day-card:not(.has-shifts) .day-label{min-height:28px}}@media print{.example-prompt{display:none}}.entry-hint{margin:0;padding:4px 16px;font-size:12px}.entry-hint .example-link{min-height:44px;padding-block:4px}.calculator-dialog{border:1px solid var(--line);background:var(--surface);width:min(440px,100% - 32px);max-height:85dvh;color:var(--ink);border-radius:20px;padding:20px;overflow-y:auto;box-shadow:0 16px 64px #0003}.calculator-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0005}.dialog-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.dialog-heading h2{margin:0;font-size:20px}.dialog-heading button{width:44px;padding:0;font-size:24px}.calculator-dialog .option-group{margin-top:8px}.calculator-dialog .draft-options{border-top:1px solid var(--line);padding-top:16px}.draft-options h3{margin-bottom:8px;font-size:14px}.draft-options .checkbox{min-height:44px}.draft-options input[role=switch]{appearance:none;cursor:pointer;background:#8e8e93;border:1px solid #8e8e93;border-radius:999px;width:40px;height:24px;min-height:24px;padding:0;position:relative}.draft-options input[role=switch]:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.draft-options input[role=switch]:checked{background:#06c;border-color:#06c}.draft-options input[role=switch]:checked:before{transform:translate(16px)}.more-actions{gap:8px;display:grid}.more-actions button{text-align:left}.reset-menu-action{color:var(--error)}.calculator-dialog .copy-week{grid-template-columns:1fr;gap:16px;display:grid}.calculator-dialog .copy-week label{display:block}.calculator-dialog .copy-week button{margin:0}.overtime-rules{border:1px solid var(--line);border-radius:10px;grid-column:1/-1;margin-top:16px;padding-inline:12px;font-size:13px}.overtime-rules summary{min-height:44px;color:var(--ink);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:12px 0;font-weight:600;display:grid}.overtime-rules summary:before{grid-area:1/2/3;margin-right:2px}.overtime-rules .overtime-title{grid-area:1/1;line-height:20px}.overtime-rules .overtime-preview{color:var(--muted);grid-area:2/1;font-size:12px;font-weight:400;line-height:18px;display:block}@media screen and (max-width:900px){.overtime-rules{margin-top:0}}.overtime-rules .settings-grid{grid-template-columns:1fr}.overtime-rules .option-group{margin-bottom:8px}@media screen and (max-width:480px){.week-toolbar{grid-template-columns:1fr auto;gap:8px;display:grid}.week-picker{grid-column:1/-1;justify-content:space-between}.toolbar-controls{grid-area:2/2}.quick-actions{grid-area:2/1}.entry-hint{padding-block:0}.shift-inputs{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 54px;gap:4px 6px}.shift-inputs>label{min-width:0}.shift-inputs>label:not(.next-day) .mobile-label{font-size:12px;line-height:18px}.shift-inputs input:not([type=checkbox]){height:46px;min-height:46px}.shift-inputs .break-field{grid-area:1/3;width:auto;display:block}.break-field .mobile-label{margin-bottom:4px;font-size:12px}.shift-inputs .break-field input{width:100%;min-width:0}.shift-inputs input[type=time],.shift-inputs input[type=text]{padding-inline:4px;font-size:16px}.shift-inputs input[type=time]{font-size:14px}.shift-inputs input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;width:16px;height:16px;margin:0;padding:0}.next-day{grid-area:2/1/auto/3;width:max-content;max-width:100%}.next-day .mobile-label{font-size:12px}.row-result{grid-area:2/2/auto/4;justify-self:end;gap:0;width:max-content;font-size:12px}.calculator-dialog{border-radius:20px;margin:auto auto 16px;padding:16px}}@media print{.toolbar-controls,.entry-hint,.calculator-dialog,.overtime-rules{display:none!important}}.shift-inputs input:not(:focus){cursor:default}.shift-inputs input:focus{cursor:text}.shift-inputs input[type=time]{cursor:pointer}.shift-inputs{grid-template-columns:minmax(0,1fr) minmax(0,1fr) .65fr 1fr}.table-legend{grid-template-columns:65px minmax(0,1fr) minmax(0,1fr) .65fr 1fr}.toolbar-controls button:first-child{align-items:center;gap:6px;width:auto;display:inline-flex}.add-shift{white-space:nowrap;align-items:center;gap:4px;font-size:13px;display:inline-flex}.add-shift>span{color:inherit;font-size:18px;display:inline}.row-result{flex-wrap:wrap;gap:0}.overnight-badge{color:var(--blue);text-align:right;flex:1 0 100%;order:3;font-size:12px;font-weight:400}.entry-hint{padding-block:4px 10px;line-height:1.6}.shift-inputs input::placeholder{color:var(--muted);opacity:.7}@media screen and (max-width:950px){.table-legend{grid-template-columns:48px minmax(0,1fr) minmax(0,1fr) .65fr 1fr}}@media screen and (max-width:900px){.table-legend{grid-template-columns:55px minmax(0,1fr) minmax(0,1fr) .65fr 1fr}}@media screen and (max-width:480px){.week-toolbar{grid-template-columns:minmax(0,1fr) auto}.quick-actions{min-width:0}.quick-actions button{flex:1;max-width:100%;line-height:18px}.shift-inputs{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 54px}.row-result{grid-area:2/1/auto/-1;justify-self:stretch;width:auto}.row-result.empty-result{display:none}.overnight-badge{text-align:left;flex:none;order:0;margin-right:auto}}@media print{.table-legend{grid-template-columns:70px 1fr 1fr .65fr 1fr}.shift-inputs{grid-template-columns:1fr 1fr .65fr 1fr}}.rate-control{grid-column:1/-1;min-width:0}.currency-input{grid-template-columns:84px minmax(0,1fr);gap:8px;display:grid}.currency-input input{padding-inline:12px}.currency-input select{padding-inline:8px}.overtime-rules label,.bulk-mode,.export-options label{display:block}.overtime-rules label>input,.overtime-rules label>select,.bulk-mode select,.export-options input{width:100%;margin-top:6px;display:block}.overtime-rules .settings-grid{margin-top:12px}.bulk-mode{margin-top:16px;font-size:13px}.calculation-details,.export-options{border-top:1px solid var(--line);grid-column:1/-1;margin:0;padding-top:14px;font-size:13px}.calculation-details h3,.export-options h3{margin:0 0 8px;font-size:13px;font-weight:600}.calculation-details{margin-top:16px}.calculation-row{border-bottom:1px solid var(--line);gap:4px;padding:8px 0;display:grid}.calculation-row:last-child{border-bottom:0;padding-bottom:0}.calculation-row span{color:var(--muted);font-size:12px}.export-options label{padding:0 0 14px;font-size:12px}.site-footer .footer-note{width:auto;color:var(--muted)}.site-footer .footer-inner{gap:8px 24px}@media screen and (max-width:600px){.site-footer .footer-inner{justify-content:center}.site-footer .footer-note{text-align:center;width:100%}.site-footer nav{justify-content:center;gap:16px}}@media screen and (max-width:480px){.range-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.range-toolbar .toolbar-controls{grid-area:2/2;align-items:stretch;width:100%;margin:0;display:flex}.range-toolbar .period-control,.range-toolbar .toolbar-controls .toolbar-reset{justify-content:center;width:100%;min-width:0;margin:0}.mobile-settings{padding:0 16px 12px}.mobile-settings summary{border:1px solid var(--line);background:var(--control);min-height:44px;color:var(--ink);border-radius:9px;justify-content:space-between;padding:0 12px;font-weight:600}.mobile-settings summary:before{display:none}.mobile-settings-label{align-items:center;gap:8px;display:inline-flex}.mobile-settings-chevron{border-bottom:1.5px solid;border-right:1.5px solid;width:8px;height:8px;margin-right:3px;transition:transform .15s;transform:translateY(-2px)rotate(45deg)}.mobile-settings[open] .mobile-settings-chevron{transform:translateY(2px)rotate(225deg)}.mobile-settings .option-group{margin:0;padding:12px 4px 0}.mobile-settings .option-group legend{display:none}.mobile-settings .settings-grid{grid-template-columns:1fr}.mobile-settings label,.mobile-settings select{width:100%;display:block}.mobile-settings select{margin-top:6px}}
@media print{html,html[data-theme=dark]{--ink:#111;--muted:#333;--line:#aaa;--surface:#fff;--bg:#fff;--blue:#111;--muted-surface:#fff;--control:#fff;--soft:#fff;--shadow:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}