.login-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--s-4)}.login-card{width:100%;max-width:22rem;background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-overlay);padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-3)}.login-card h1{margin:0;font-size:var(--fs-xl)}.login-notice{margin:0;color:var(--c-text-muted);font-size:var(--fs-sm)}.login-error{margin:0;padding:var(--s-2) var(--s-3);border:1px solid var(--c-danger);border-radius:var(--radius);background:var(--c-flag-bg);color:var(--c-danger);font-size:var(--fs-sm)}.login-card label{font-size:var(--fs-sm);color:var(--c-text-muted)}.login-card input{min-height:var(--tap-min);padding:0 var(--s-3);border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg)}.login-card button{min-height:var(--tap-min);border:none;border-radius:var(--radius);background:var(--c-primary);color:var(--c-primary-text);font-size:var(--fs-base);cursor:pointer;margin-top:var(--s-2)}.login-card button:hover{filter:brightness(1.05)}.setup-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--s-4)}.setup-card{width:100%;max-width:34rem;background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-overlay);display:flex;flex-direction:column}.setup-header{padding:var(--s-4) var(--s-5) var(--s-3);border-bottom:1px solid var(--c-border)}.setup-header h1{margin:0 0 var(--s-3);font-size:var(--fs-xl)}.setup-progress{display:flex;gap:var(--s-2);list-style:none;margin:0;padding:0}.setup-progress li{height:.35rem;flex:1;border-radius:999px;background:var(--c-border)}.setup-progress li.current{background:var(--c-primary)}.setup-progress li.done{background:var(--c-success)}.setup-body{padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-3)}.setup-fieldset{border:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-2)}.setup-fieldset legend{font-size:var(--fs-lg);font-weight:600;padding:0;margin-bottom:var(--s-1)}.setup-help{margin:0 0 var(--s-2);color:var(--c-text-muted);font-size:var(--fs-sm)}.setup-note{margin:var(--s-1) 0 0;color:var(--c-text-muted);font-size:var(--fs-sm)}.setup-choice{display:flex;gap:var(--s-3);align-items:flex-start;padding:var(--s-3);border:1px solid var(--c-border);border-radius:var(--radius);cursor:pointer}.setup-choice:has(input:checked){border-color:var(--c-primary);background:var(--c-bg-alt)}.setup-choice input{margin-top:.2rem}.setup-choice span{display:flex;flex-direction:column;gap:.15rem}.setup-choice small{color:var(--c-text-muted);font-size:var(--fs-sm)}.setup-toggle,.settings-toggle,.settings-radio{display:flex;align-items:center;gap:var(--s-2);cursor:pointer}.setup-footer,.settings-footer{display:flex;justify-content:space-between;gap:var(--s-3);padding:var(--s-4) var(--s-5);border-top:1px solid var(--c-border)}.settings-footer{justify-content:flex-end}.setup-footer button,.settings-footer button{min-height:var(--tap-min);padding:0 var(--s-4);border-radius:var(--radius);border:1px solid var(--c-border);background:var(--c-bg);cursor:pointer}.setup-next,.settings-save{border:none!important;background:var(--c-primary)!important;color:var(--c-primary-text)}.setup-footer button:disabled,.settings-footer button:disabled{opacity:.5;cursor:not-allowed}.setup-fieldset input:not([type=radio]):not([type=checkbox]),.settings-section input:not([type=radio]):not([type=checkbox]),.settings-select,.setup-fieldset .settings-select{min-height:var(--tap-min);padding:0 var(--s-3);border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg);color:var(--c-text);font:inherit}.setup-fieldset label:not(.setup-choice):not(.setup-toggle),.settings-section>label{font-size:var(--fs-sm);color:var(--c-text-muted)}.settings-error{margin:0;padding:var(--s-2) var(--s-3);border:1px solid var(--c-danger);border-radius:var(--radius);background:var(--c-flag-bg);color:var(--c-danger);font-size:var(--fs-sm)}.settings-body{display:flex;flex-direction:column;gap:var(--s-4)}.settings-section{display:flex;flex-direction:column;gap:var(--s-2)}.settings-section h3{margin:0;font-size:var(--fs-base);font-weight:600}.employee-manager{display:flex;flex-direction:column;gap:var(--s-3)}.employee-add-fields{display:flex;flex-wrap:wrap;gap:var(--s-2);align-items:end}.employee-add-fields label{display:flex;flex-direction:column;gap:.15rem;font-size:var(--fs-sm);color:var(--c-text-muted);flex:1 1 6rem}.employee-add-fields button{min-height:var(--tap-min);padding:0 var(--s-3);border:none;border-radius:var(--radius);background:var(--c-primary);color:var(--c-primary-text);cursor:pointer}.employee-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-1)}.employee-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-2) var(--s-3);border:1px solid var(--c-border);border-radius:var(--radius)}.employee-list li.employee-inactive{color:var(--c-text-muted);background:var(--c-bg-sunken)}.employee-list button{min-height:var(--tap-min);padding:0 var(--s-3);border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg);cursor:pointer}.employee-empty{margin:0;color:var(--c-text-muted);font-size:var(--fs-sm)}.legacy-import{display:flex;flex-direction:column;gap:var(--s-3)}.legacy-import-help{margin:0;color:var(--c-text-muted);font-size:var(--fs-sm)}.legacy-import-pick{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2)}.legacy-import-pick>button,.legacy-import-clear{min-height:var(--tap-min);padding:0 var(--s-3);border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg);cursor:pointer}.legacy-import-pick>button:disabled{opacity:.6;cursor:default}.legacy-import-files{font-size:var(--fs-sm);word-break:break-word}.legacy-import-files-empty{color:var(--c-text-muted)}.legacy-import-run{align-self:flex-start;min-height:var(--tap-min);padding:0 var(--s-4);border:none;border-radius:var(--radius);background:var(--c-primary);color:var(--c-primary-text);cursor:pointer}.legacy-import-run:disabled{opacity:.6;cursor:default}.legacy-import-confirm{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3);border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg-sunken)}.legacy-import-confirm p{margin:0;font-size:var(--fs-sm)}.legacy-import-confirm-actions{display:flex;gap:var(--s-2)}.legacy-import-confirm-actions button{min-height:var(--tap-min);padding:0 var(--s-3);border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg);cursor:pointer}.legacy-import-summary{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3);border:1px solid var(--c-success);border-radius:var(--radius);background:var(--c-bg-sunken)}.legacy-import-summary-headline{margin:0;font-weight:600;color:var(--c-success)}.legacy-import-seasons{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem;font-size:var(--fs-sm)}.legacy-import-seasons li{display:flex;justify-content:space-between;gap:var(--s-3)}.legacy-import-warnings{margin:0;padding-left:var(--s-4);font-size:var(--fs-sm);color:var(--c-warning)}.app-settings-button{min-height:var(--tap-min);padding:0 var(--s-3);border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg);cursor:pointer}.item-form{display:flex;flex-direction:column;gap:var(--s-4)}.item-form-status{padding:var(--s-4);color:var(--c-text-muted)}.item-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3) var(--s-4)}.item-form-meta{display:flex;flex-wrap:wrap;gap:var(--s-3) var(--s-4)}.item-form-meta .form-field{flex:1 1 10rem}.item-form-notes-row{display:grid;grid-template-columns:2fr 1fr;gap:var(--s-3) var(--s-4)}@media(max-width:64rem){.item-form-grid,.item-form-notes-row{grid-template-columns:1fr}}.form-field{display:flex;flex-direction:column;gap:var(--s-1)}.form-field label{font-size:var(--fs-sm);color:var(--c-text-muted)}.form-field input,.form-field select,.form-field output{min-height:var(--tap-min);padding:0 var(--s-2);border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg);display:flex;align-items:center}.form-field output{color:var(--c-text-muted);background:var(--c-bg-alt)}.form-field input[aria-invalid=true],.form-field select[aria-invalid=true]{border-color:var(--c-danger);box-shadow:0 0 0 1px var(--c-danger)}.tire-set-fields{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,2fr) auto minmax(0,1.5fr) minmax(0,1.5fr);align-items:end;gap:var(--s-3) var(--s-4);border:1px solid var(--c-border);border-radius:var(--radius);padding:var(--s-3)}@media(max-width:64rem){.tire-set-fields{grid-template-columns:1fr;align-items:stretch}}.tire-set-fields:disabled,.tire-set-fields[disabled]{opacity:.5}.tire-set-fields>legend{font-weight:600;padding:0 var(--s-1);grid-column:1 / -1}.radio-group{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--s-1)}.radio-group legend{font-size:var(--fs-sm);color:var(--c-text-muted);padding:0}.radio-group-options{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-3)}.radio-group-options label{display:flex;align-items:center;gap:var(--s-1);min-height:var(--tap-min)}.second-set-toggle{display:flex;align-items:center;gap:var(--s-2);min-height:var(--tap-min)}.form-checkboxes{display:flex;flex-wrap:wrap;gap:var(--s-4)}.form-checkboxes label{display:flex;align-items:center;gap:var(--s-2);min-height:var(--tap-min)}.swap-picker{border:1px solid var(--c-border);border-radius:var(--radius);padding:var(--s-3)}.swap-picker ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-1)}.swap-picker label{display:flex;align-items:center;gap:var(--s-2);min-height:var(--tap-min)}.form-error{color:var(--c-danger);font-size:var(--fs-sm)}.form-print-note{color:var(--c-warning);font-size:var(--fs-sm)}.item-form-footer{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--s-4);padding-top:var(--s-3);border-top:1px solid var(--c-border)}.item-form-actions{display:flex;align-items:end;gap:var(--s-3)}.item-form-actions button{min-height:var(--tap-min);padding:0 var(--s-5);border:none;border-radius:var(--radius);background:var(--c-success);color:#fff;font-size:var(--fs-base);cursor:pointer}.item-form-actions button.item-form-cancel{background:var(--c-bg);color:var(--c-text);border:1px solid var(--c-border);padding:0 var(--s-3)}.pin-field input{width:8rem;text-align:center;letter-spacing:.2em}.item-form-delete{display:flex;align-items:end;gap:var(--s-3)}.item-form-delete button.danger{min-height:var(--tap-min);padding:0 var(--s-5);border:none;border-radius:var(--radius);color:#fff;font-size:var(--fs-base);cursor:pointer;background:var(--c-danger)}.accounts-page{display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-4);max-width:60rem;margin:0 auto;width:100%;overflow-y:auto}.accounts-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.accounts-header h1{font-size:var(--fs-xl);margin:0}.accounts-header button{min-height:var(--tap-min);padding:0 var(--s-3);border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg);cursor:pointer}.accounts-create-form{display:flex;flex-wrap:wrap;align-items:end;gap:var(--s-3);padding:var(--s-3);border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg)}.accounts-create-form button[type=submit]{min-height:var(--tap-min);padding:0 var(--s-4);border:none;border-radius:var(--radius);background:var(--c-success);color:#fff;cursor:pointer}.accounts-status{color:var(--c-text-muted)}.accounts-table{width:100%;border-collapse:collapse}.accounts-table th,.accounts-table td{text-align:left;padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--c-border)}.accounts-row-actions{display:flex;gap:var(--s-2)}.accounts-row-actions button{min-height:var(--tap-min);padding:0 var(--s-3);border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg);cursor:pointer}.accounts-reset-form{display:flex;flex-wrap:wrap;align-items:end;gap:var(--s-2);padding:var(--s-2) 0}.accounts-reset-form label{font-size:var(--fs-sm);color:var(--c-text-muted);width:100%}.accounts-reset-form input{min-height:var(--tap-min);padding:0 var(--s-2);border:1px solid var(--c-border);border-radius:var(--radius)}.accounts-reset-form button{min-height:var(--tap-min);padding:0 var(--s-3);border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg);cursor:pointer}.accounts-prompt{padding:var(--s-3);border:1px solid var(--c-success);border-radius:var(--radius);background:color-mix(in srgb,var(--c-success) 12%,var(--c-bg));color:var(--c-text)}.employee-codes{display:flex;flex-direction:column;gap:var(--s-3);margin-top:var(--s-4);padding-top:var(--s-4);border-top:1px solid var(--c-border)}.employee-codes h2{font-size:var(--fs-lg);margin:0}.employee-codes-hint{margin:0;color:var(--c-text-muted);font-size:var(--fs-sm)}.employee-code-cell{font-variant-numeric:tabular-nums;letter-spacing:.1em}.employee-inactive{color:var(--c-text-muted)}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:var(--s-4);z-index:100}.dialog{background:var(--c-bg);border-radius:var(--radius);box-shadow:var(--shadow-overlay);width:100%;max-width:28rem;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.dialog--wide{max-width:64rem}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--c-border)}.dialog-header h2{margin:0;font-size:var(--fs-lg)}.dialog-close{min-width:var(--tap-min);min-height:var(--tap-min);border:none;background:transparent;font-size:var(--fs-xl);line-height:1;cursor:pointer;color:var(--c-text-muted)}.dialog-body{padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3)}.dialog-body label{font-size:var(--fs-sm);color:var(--c-text-muted)}.dialog-body select,.dialog-body input:not([type=checkbox]):not([type=radio]){min-height:var(--tap-min);padding:0 var(--s-2);border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg);width:100%}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--s-2);margin-top:var(--s-2)}.dialog-actions button{min-height:var(--tap-min);padding:0 var(--s-4);border-radius:var(--radius);border:1px solid var(--c-border);cursor:pointer;background:var(--c-bg)}.dialog-actions button[type=submit]{background:var(--c-primary);color:var(--c-primary-text);border-color:var(--c-primary)}.item-list-page{display:flex;flex-direction:column;height:100%;min-height:0;gap:var(--s-3);padding:var(--s-3) var(--s-4)}.filters-bar{display:flex;flex-wrap:wrap;align-items:end;gap:var(--s-4);padding-bottom:var(--s-2);border-bottom:1px solid var(--c-border)}.filters-bar-field{display:flex;flex-direction:column;gap:var(--s-1)}.filters-bar-field label,.filters-bar-radios legend{font-size:var(--fs-sm);color:var(--c-text-muted)}.filters-bar select,.filters-bar input[type=search]{min-height:var(--tap-min);padding:0 var(--s-2);border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg)}.filters-bar-radios{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--s-1)}.filters-bar-radio-group{display:flex;flex-direction:row;align-items:center;gap:var(--s-3);min-height:var(--tap-min)}.filters-bar-radio{display:flex;align-items:center;gap:var(--s-1);min-height:var(--tap-min);color:var(--c-text);font-size:var(--fs-base)}.filters-bar-search{flex:1 1 14rem;min-width:10rem}.filters-bar-search input{width:100%}.filters-bar-actions{display:flex;gap:var(--s-2);margin-left:auto}.filters-bar-actions button{min-height:var(--tap-min);padding:0 var(--s-4);border-radius:var(--radius);border:1px solid var(--c-border);cursor:pointer;font-size:var(--fs-base)}.filters-bar-primary{background:var(--c-primary);color:var(--c-primary-text);border-color:var(--c-primary)}.filters-bar-secondary{background:var(--c-bg)}.item-list-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.item-list-status{color:var(--c-text-muted);padding:var(--s-4)}.item-list-pagination{display:flex;align-items:center;justify-content:center;gap:var(--s-3);padding:var(--s-2) 0}.item-list-pagination button{min-height:var(--tap-min);padding:0 var(--s-3);border-radius:var(--radius);border:1px solid var(--c-border);background:var(--c-bg);cursor:pointer}.item-list-pagination button:disabled{opacity:.5;cursor:default}.item-table-wrapper{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg);overflow-x:auto}.item-table-header{display:flex;font-size:var(--fs-sm);font-weight:600;background:var(--c-bg-sunken);border-bottom:1px solid var(--c-border-strong);position:sticky;top:0}.item-table-scroll{flex:1 1 auto;overflow-y:auto;overflow-x:visible;position:relative}.item-table-row{display:flex;align-items:center;border-bottom:1px solid var(--c-border);cursor:pointer}.item-table-row.striped{background:var(--c-row-stripe)}.item-table-row:hover{background:var(--c-row-hover)}.item-table-row:focus-visible{outline:2px solid var(--c-primary);outline-offset:-2px}.item-table-row.flagged{background:var(--c-flag-bg);border-bottom-color:var(--c-flag-border)}.item-table-row.flagged:hover{filter:brightness(.98)}.item-table-cell{flex:0 0 auto;padding:var(--s-2);font-size:var(--fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-table-cell.multiline{white-space:pre-line;line-height:1.3}.item-card-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-2);overflow-y:auto}.item-card{width:100%;text-align:left;display:flex;flex-direction:column;gap:var(--s-1);padding:var(--s-3);border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg);cursor:pointer;min-height:var(--tap-min)}.item-card.flagged{background:var(--c-flag-bg);border-color:var(--c-flag-border)}.item-card-row{display:flex;justify-content:space-between;gap:var(--s-2);font-size:var(--fs-sm);color:var(--c-text-muted)}.item-card-heading{font-size:var(--fs-base);color:var(--c-text);font-weight:600}.item-card-number{color:var(--c-text-muted);font-weight:500}.item-card-flag{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--c-danger);color:#fff;font-weight:700;font-size:var(--fs-sm)}.app-shell{display:flex;flex-direction:column;height:100%}.app-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-2) var(--s-4);background:var(--c-bg);border-bottom:1px solid var(--c-border);flex:0 0 auto}.app-title{font-size:var(--fs-lg);font-weight:600}.app-topbar-right{display:flex;align-items:center;gap:var(--s-3)}.app-employee-name{color:var(--c-text-muted);font-size:var(--fs-sm)}.app-nav-link{color:var(--c-primary);font-size:var(--fs-sm);text-decoration:none}.app-nav-link:hover{text-decoration:underline}.app-logout{min-height:var(--tap-min);padding:0 var(--s-3);border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg-alt);cursor:pointer}.app-content{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.app-boundary-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);height:100%;padding:var(--s-4);text-align:center;color:var(--c-text-muted)}.app-boundary-state button{min-height:var(--tap-min);padding:0 var(--s-4);border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg);cursor:pointer}:root{--c-bg: #ffffff;--c-bg-alt: #f4f5f7;--c-bg-sunken: #eceef1;--c-border: #d3d7dd;--c-border-strong: #a9b0ba;--c-text: #16191d;--c-text-muted: #5c646f;--c-flag-bg: #fdecec;--c-flag-border: #e8a3a3;--c-row-stripe: #f8f9fa;--c-row-hover: #e8f0fb;--c-row-selected: #d6e6fb;--c-primary: #1f6feb;--c-primary-text: #ffffff;--c-success: #2e7d32;--c-danger: #c62828;--c-warning: #b26a00;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-sm: .8125rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--radius: 4px;--shadow-overlay: 0 8px 24px rgb(0 0 0 / 18%);--tap-min: 44px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);font-size:var(--fs-base);color:var(--c-text);background:var(--c-bg-alt)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--c-primary);outline-offset:1px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}