:root{color:#352319;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--background:#f7f2e8;--surface:#fffdf8;--surface-soft:#f2eadc;--espresso:#352319;--espresso-soft:#50382a;--muted:#6d625a;--sage:#64785c;--sage-soft:#e5ecdf;--gold:#e8b83f;--gold-hover:#d9a72c;--border:#d6cabb;--border-strong:#b9ab99;--danger:#a13425;--focus:#7b4a00;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;background:#f7f2e8;font-family:Inter,Aptos,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-width:320px}body{background:var(--background);min-width:320px;min-height:100vh;margin:0}body,#root{min-height:100vh}button,input,select,textarea{font:inherit}button{color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,p{margin-top:0}button:disabled{cursor:not-allowed;opacity:.58}svg{flex:none;width:24px;height:24px}.skip-link{z-index:100;color:#fff;background:var(--espresso);border-radius:var(--radius-sm);padding:12px 16px;position:fixed;top:-80px;left:12px}.skip-link:focus{top:12px}.pwa-status{z-index:120;background:var(--surface);border:2px solid var(--espresso);border-radius:var(--radius-md);align-items:center;gap:14px;width:min(520px,100vw - 32px);padding:14px;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 12px 35px #35231938}.pwa-status--offline{border-color:var(--danger)}.pwa-status p{flex:1;margin:0;line-height:1.45}.button{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:11px 18px;font-weight:750;line-height:1.2;display:inline-flex}.button--primary{color:#2f210d;background:var(--gold);border-color:#b4871d}.button--primary:hover:not(:disabled){background:var(--gold-hover)}.button--quiet{border-color:var(--border-strong);background:0 0}.button--quiet:hover:not(:disabled){background:var(--surface-soft)}.icon-button{width:48px;height:48px;color:var(--espresso);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover{background:var(--surface-soft)}.brand__name,.login-brand,.mobile-brand{font-family:Georgia,Times New Roman,serif}.boot-screen{text-align:center;place-content:center;gap:10px;min-height:100vh;display:grid}.boot-screen .brand__name{font-size:clamp(2rem,6vw,3.4rem)}.boot-screen p{color:var(--muted)}.login-page{grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);min-height:100vh;display:grid}.login-intro{color:#fffaf1;background:var(--espresso);flex-direction:column;justify-content:space-between;min-height:100%;padding:clamp(40px,7vw,92px);display:flex}.login-brand{letter-spacing:-.04em;margin-bottom:4px;font-size:clamp(2.5rem,5vw,4.8rem);line-height:1}.login-product{color:#c2d1ba;letter-spacing:.08em;text-transform:uppercase;font-size:1.15rem}.login-intro h1{letter-spacing:-.05em;max-width:700px;margin-bottom:22px;font-size:clamp(2.5rem,5vw,5.5rem);line-height:.98}.login-intro>div:last-child>p{color:#e3d9cb;max-width:620px;margin-bottom:0;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.55}.login-panel{place-items:center;min-height:100%;padding:40px;display:grid}.login-panel__inner{width:min(100%,440px)}.login-panel h2{letter-spacing:-.035em;margin-bottom:10px;font-size:clamp(2rem,4vw,3rem)}.login-panel__inner>p{color:var(--muted)}.login-panel form{gap:10px;margin-top:38px;display:grid}label{font-weight:700}.optional{color:var(--muted);font-size:.9rem;font-weight:500}input,select,textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;min-height:50px;color:var(--espresso);background:var(--surface);padding:10px 13px}textarea{resize:vertical;border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;min-height:110px;color:var(--espresso);background:#fff;padding:10px 13px}.attendance-page,.reports-page{gap:30px;display:grid}.report-period{gap:7px;width:min(100%,230px);display:grid}.report-cost-toggle{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:10px;width:fit-content;padding:13px 16px;display:flex}.report-cost-toggle input{width:22px;min-height:22px;margin:0}.report-state{background:var(--sage-soft);border-radius:var(--radius-sm);border:1px solid #bdcbb5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding:16px 18px;display:flex}.report-state>span:last-child{color:var(--muted);font-weight:700}.report-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.report-metrics article{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);gap:7px;padding:20px;display:grid}.report-metrics span,.report-note{color:var(--muted)}.report-metrics strong{font-size:1.35rem}.report-metric--warning{background:#fff5f1!important;border-color:#c98e7d!important}.report-note{margin:14px 0 0}.report-warnings{border-radius:var(--radius-sm);background:#fff9e9;border-left:5px solid #a87100;padding:20px 22px}.report-warnings h2{margin-bottom:10px}.report-warnings ul{gap:6px;margin:0;padding-left:22px;display:grid}.report-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);overflow-x:auto}.report-table-wrap table{border-collapse:collapse;width:100%;min-width:820px}.report-table-wrap caption{text-align:left;padding:13px 15px;font-weight:800}.report-table-wrap th,.report-table-wrap td{text-align:left;white-space:nowrap;border-top:1px solid var(--border);padding:12px 15px}.report-table-wrap thead th{background:var(--surface-soft)}.report-table-wrap tbody th{white-space:normal}.report-table-wrap tbody th small{color:var(--muted);margin-top:3px;font-weight:500;display:block}.report-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.report-detail-list,.report-export-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.report-detail-list li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:15px;display:grid}.report-detail-list small{color:var(--muted);grid-column:1/-1}.report-export{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px 24px;padding:24px;display:grid}.report-export h2{margin-bottom:7px}.report-export p{max-width:74ch;color:var(--muted);margin-bottom:0}.report-export-list{grid-column:1/-1}.report-export-list li{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:6px 16px;padding-top:12px;display:flex}.report-export-list a{color:var(--espresso);font-weight:800}.report-export-list small{color:var(--muted)}.attendance-page .page-heading{margin-bottom:0}.attendance-clock{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding:28px 30px;display:grid}.attendance-clock h2{margin-bottom:8px;font-size:clamp(1.6rem,3vw,2.35rem)}.attendance-clock p{color:var(--muted);margin-bottom:0}.eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:800;color:var(--sage)!important}.attendance-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.break-notice,.correction-form{background:var(--sage-soft);border-radius:var(--radius-md);border:1px solid #bdcbb5;padding:24px}.break-notice h2,.correction-form h2,.break-notice p{margin-bottom:8px}.correction-form form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.correction-form label{gap:7px;display:grid}.correction-form__reason,.correction-form form .button{grid-column:1/-1}.correction-form form .button{justify-self:start}.time-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.time-metrics article{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);gap:7px;padding:20px;display:grid}.time-metrics span,.correction-list span{color:var(--muted)}.time-metrics strong{font-size:1.35rem}.time-metric--warning{background:#fff5f1!important;border-color:#c98e7d!important}.account-note,.empty-inline{color:var(--muted);margin:14px 0 0;line-height:1.5}.correction-list{gap:12px;display:grid}.correction-list article{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:18px;display:grid}.correction-list article>div:first-child{gap:5px;display:grid}.monthly-closing,.payroll-panel,.terminal-admin,.clarification-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px}.section-heading-row{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.section-heading-row h2,.section-heading-row p{margin-bottom:6px}.section-heading-row p{color:var(--muted)}.section-heading-row label{width:min(100%,230px)}.closing-status{background:var(--sage-soft);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding:17px;display:flex}.closing-status span,.closing-metrics,.closing-issues span,.terminal-list span{color:var(--muted)}.closing-metrics{flex-wrap:wrap;gap:10px 24px;padding:16px 0;display:flex}.closing-issues{gap:8px;margin-top:14px;display:grid}.closing-issues article{border-left:5px solid var(--danger);border-radius:var(--radius-sm);background:#fff5f1;gap:3px;padding:14px;display:grid}.closing-issues--warning article{background:#fff9e9;border-left-color:#a87100}.closing-actions{gap:12px;margin-top:22px;display:grid}.closing-actions label{gap:7px;display:grid}.closing-actions .button{justify-self:start}.closing-history{margin-top:24px}.closing-history summary,.terminal-admin>summary{cursor:pointer;font-weight:800}.payroll-readiness{flex-wrap:wrap;gap:10px;margin:22px 0 12px;display:flex}.payroll-readiness span{color:var(--espresso);background:var(--sage-soft);border-radius:999px;padding:8px 12px;font-weight:750}.payroll-format-note{max-width:78ch;color:var(--muted);margin:0 0 18px;line-height:1.5}.payroll-assumptions{border:1px solid var(--color-border,#c8c0b2);background:#f7f2e8;border-radius:1rem;gap:.85rem;margin:1rem 0;padding:1rem;display:grid}.payroll-assumptions h3,.payroll-assumptions p{margin:0}.payroll-assumptions ul{margin:0;padding-left:1.25rem}.payroll-setup-status{color:#36543d}.payroll-profile-select{gap:6px;width:min(100%,420px);margin:16px 0;font-weight:750;display:grid}.payroll-preview{gap:16px;margin-top:8px;display:grid}.payroll-preview .closing-issues p{border-left:5px solid var(--danger);border-radius:var(--radius-sm);background:#fff5f1;margin:0;padding:12px 14px}.payroll-preview .closing-issues--warning p{background:#fff9e9;border-left-color:#a87100}.payroll-table-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);overflow-x:auto}.payroll-table-wrap table{border-collapse:collapse;width:100%;min-width:720px}.payroll-table-wrap caption{text-align:left;padding:12px 14px;font-weight:800}.payroll-table-wrap th,.payroll-table-wrap td{text-align:left;border-top:1px solid var(--border);padding:11px 14px}.payroll-table-wrap th{background:var(--cream)}.payroll-configuration{border-top:1px solid var(--border);margin-top:26px;padding-top:18px}.payroll-configuration>summary{cursor:pointer;font-weight:800}.payroll-config-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.payroll-config-grid form{background:var(--cream);border:1px solid var(--border);border-radius:var(--radius-sm);align-content:start;gap:12px;padding:18px;display:grid}.payroll-config-grid h3{margin:0}.payroll-config-grid label{gap:6px;display:grid}.payroll-profile-panel{border-top:1px solid var(--border);margin-top:26px;padding-top:18px}.payroll-profile-panel>summary{cursor:pointer;font-weight:800}.payroll-profile-panel>p{max-width:80ch;color:var(--muted)}.payroll-profile-form{background:var(--cream);border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin:18px 0;padding:18px;display:grid}.payroll-profile-form h3,.payroll-profile-form .button{grid-column:1/-1;justify-self:start}.payroll-profile-form label,.profile-action-form label{gap:6px;display:grid}.payroll-profile-list{gap:16px;margin-top:18px;display:grid}.payroll-profile-list>article{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px}.payroll-profile-list article>header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.payroll-profile-list h3,.payroll-profile-list header p{margin:0 0 5px}.trial-export-list{gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.trial-export-list>li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);gap:6px;padding:14px;display:grid}.trial-export-list li>div{flex-wrap:wrap;justify-content:space-between;gap:8px 16px;display:flex}.trial-export-list small,.trial-export-list span{color:var(--muted)}.profile-action-form{border-top:1px solid var(--border);gap:12px;margin-top:16px;padding-top:16px;display:grid}.profile-action-form h4{margin:0}.profile-action-form .button{justify-self:start}.terminal-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0;display:grid}.terminal-admin-grid form{background:var(--surface-soft);border-radius:var(--radius-sm);align-content:start;gap:12px;padding:18px;display:grid}.terminal-admin-grid label{gap:6px;display:grid}.activation-code{border-radius:var(--radius-sm);background:#fff9e9;border:1px solid #d7b86a;gap:8px;margin-top:20px;padding:16px;display:grid}.activation-code code{overflow-wrap:anywhere;font-size:.95rem}.activation-code p{margin-bottom:0}.terminal-list{gap:9px;padding:0;list-style:none;display:grid}.terminal-list li{border:1px solid var(--border);border-radius:var(--radius-sm);gap:4px;padding:13px;display:grid}.terminal-page{align-content:center;gap:24px;width:min(100% - 32px,980px);min-height:100vh;margin:0 auto;padding:32px 0;display:grid}.terminal-page>header{text-align:center}.terminal-page h1{font-size:clamp(2rem,5vw,3.8rem)}.terminal-brand{color:var(--sage);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:1rem;font-weight:850}.terminal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(24px,5vw,48px);box-shadow:0 18px 50px #3523191a}.terminal-activation .terminal-card{width:min(100%,620px);margin:auto}.terminal-activation form,.terminal-identity{gap:16px;margin-top:26px;display:grid}.terminal-identity{grid-template-columns:repeat(2,minmax(0,1fr))}.terminal-identity label{gap:8px;font-size:1.08rem;display:grid}.terminal-identity input{min-height:64px;font-size:1.3rem}.terminal-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.terminal-actions .button{min-height:76px;font-size:1.15rem}.terminal-confirmation{color:#23371f;background:var(--sage-soft);border:2px solid var(--sage);border-radius:var(--radius-sm);gap:5px;margin-top:20px;padding:18px;display:grid}.correction-actions{gap:8px;display:flex}@media (width<=900px){.attendance-clock{grid-template-columns:auto minmax(0,1fr)}.attendance-actions{grid-column:1/-1;justify-content:stretch}.attendance-actions .button{flex:220px}.time-metrics,.report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.correction-list article{grid-template-columns:minmax(0,1fr) auto}.correction-actions{grid-column:1/-1}}@media (width<=600px){.attendance-page .page-heading--with-action,.attendance-clock{grid-template-columns:1fr;align-items:stretch}.attendance-clock .clock-panel__icon{width:52px;height:52px}.attendance-actions,.correction-form form,.time-metrics,.report-metrics,.report-detail-grid{grid-template-columns:1fr}.reports-page .page-heading--with-action,.report-export{grid-template-columns:1fr;align-items:stretch}.report-period,.report-export .button{width:100%}.report-export-list{grid-column:auto}.attendance-actions{display:grid}.correction-form__reason,.correction-form form .button{grid-column:auto}.correction-form form .button{width:100%}.correction-list article{grid-template-columns:1fr}.correction-actions{flex-direction:column;grid-column:auto}.section-heading-row,.closing-status{flex-direction:column;align-items:stretch}.section-heading-row label,.closing-actions .button{width:100%}.terminal-admin-grid,.payroll-config-grid,.payroll-profile-form,.terminal-identity,.terminal-actions{grid-template-columns:1fr}}input:focus,select:focus{border-color:var(--espresso)}.login-panel form .button{width:100%;margin-top:8px}.login-help{margin-top:26px;font-size:.92rem}.form-error{min-height:24px;color:var(--danger);margin:2px 0;font-weight:650}.app-shell{grid-template-rows:100px minmax(0,1fr);grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:20;border-right:1px solid var(--border);background:#fbf7ef;flex-direction:column;width:280px;padding:34px 18px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid var(--border);flex-direction:column;justify-content:flex-start;align-items:center;min-height:100px;display:flex}.brand__name{letter-spacing:-.035em;font-size:2.15rem;line-height:1}.brand__product{color:var(--sage);letter-spacing:.08em;text-transform:uppercase;margin-top:7px;font-size:.96rem;font-weight:750}.nav-list{gap:7px;margin:28px 0 0;padding:0;list-style:none;display:grid}.simple-view-note{color:var(--muted);border-top:1px solid var(--border);margin:18px 12px 0;padding-top:16px;font-size:.9rem;font-weight:700}.nav-item{width:100%;min-height:58px;color:var(--espresso);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:16px;padding:12px 16px;font-size:1.02rem;display:flex}.nav-item:hover{background:var(--surface-soft)}.nav-item--active{color:#fffaf1;background:var(--espresso);font-weight:750}.nav-item--active:hover{background:var(--espresso-soft)}.sidebar-user{min-height:64px;color:var(--espresso);border-radius:var(--radius-sm);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:12px;margin-top:auto;padding:10px;display:flex}.sidebar-user:hover{background:var(--surface-soft)}.sidebar-user span{gap:3px;display:grid}.sidebar-user small{color:var(--muted)}.mobile-header,.menu-backdrop{display:none}.desktop-utility{z-index:10;background:color-mix(in srgb, var(--background) 94%, transparent);justify-content:flex-end;align-items:center;gap:14px;height:100px;padding:18px clamp(28px,5vw,68px);display:flex;position:fixed;top:0;left:280px;right:0}.user-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;min-height:50px;padding:8px 13px;font-weight:700;display:flex}.user-menu__action{color:var(--muted);font-size:.84rem;font-weight:600}.main-content{outline:none;grid-area:2/2;min-width:0}.page{width:min(100%,1240px);margin:0 auto;padding:46px clamp(28px,5vw,68px) 72px}.page-heading{margin-bottom:34px}.page-heading h1{letter-spacing:-.045em;margin-bottom:8px;font-size:clamp(2.1rem,4vw,3.7rem);line-height:1.05}.page-heading p{max-width:760px;color:var(--muted);margin-bottom:0;font-size:1.08rem;line-height:1.55}.page-heading--with-action{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.clock-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:auto minmax(210px,1fr) minmax(290px,.8fr);align-items:center;gap:24px;min-height:166px;padding:28px 32px;display:grid}.clock-panel__icon{width:72px;height:72px;color:var(--sage)}.clock-panel__status{border-right:1px solid var(--border)}.clock-panel__status h2{color:var(--sage);margin-bottom:8px;font-size:1.2rem}.clock-panel__status strong{letter-spacing:.08em;font-size:2.4rem}.clock-panel__status small{color:var(--muted);margin-top:8px;line-height:1.4;display:block}.clock-panel__action{min-height:82px;font-size:1.08rem}.dashboard-clock-actions{gap:8px;display:grid}.dashboard-clock-actions .text-button{justify-self:center}.clock-panel--unavailable{grid-template-columns:auto minmax(0,1fr)}.clock-panel--unavailable h2{margin-bottom:7px}.clock-panel--unavailable p{color:var(--muted);margin-bottom:0}.overview-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:34px;display:grid}.section-heading{letter-spacing:-.025em;margin-bottom:14px;font-size:1.45rem}.summary-row,.task-row{width:100%;color:var(--espresso);background:var(--surface);border:1px solid var(--border);cursor:pointer}.summary-row{border-radius:var(--radius-md);text-align:left;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:112px;padding:20px;display:grid}.summary-row:hover,.task-row:hover{border-color:var(--border-strong);background:#fffcf5}.summary-row__icon{width:52px;height:52px;color:var(--sage);background:var(--sage-soft);border-radius:50%;place-items:center;display:grid}.summary-row span:nth-child(2){gap:5px;display:grid}.summary-row small{color:var(--muted);font-size:.94rem}.dashboard>section:last-child{margin-top:34px}.task-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.task-row{text-align:left;border-width:0 0 1px;border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:72px;padding:14px 20px;display:grid}.task-row:last-child{border-bottom:0}.task-row>svg:first-child{color:var(--sage)}.task-row>span{gap:4px;display:grid}.task-row small{color:var(--muted)}.task-empty{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;min-height:84px;padding:18px 20px;display:grid}.task-empty>svg{color:var(--sage)}.task-empty>span{gap:4px;display:grid}.task-empty small{color:var(--muted)}.dashboard--simple{max-width:980px}.dashboard--simple .overview-columns{grid-template-columns:1fr;gap:24px}.phase-page{max-width:960px;margin-left:max(0px,50vw - 620px)}.phase-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:auto minmax(0,1fr);gap:26px;padding:clamp(28px,5vw,52px);display:grid}.phase-panel__icon{width:58px;height:58px;color:var(--sage)}.phase-label{color:var(--sage);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-weight:800}.phase-panel h2{margin-bottom:18px;font-size:clamp(1.5rem,3vw,2.2rem)}.phase-panel ul{color:var(--muted);gap:10px;margin:0;padding-left:22px;display:grid}.employees-page{max-width:1200px}.loading-state{color:var(--muted);padding:28px 0}.empty-state{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);align-content:center;place-items:center;min-height:340px;padding:44px;display:grid}.empty-state>svg{width:58px;height:58px;color:var(--sage);margin-bottom:18px}.empty-state h2{margin-bottom:10px}.empty-state p{max-width:560px;color:var(--muted);margin-bottom:0;line-height:1.55}.employee-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:grid;overflow:hidden}.employee-row{border-bottom:1px solid var(--border);grid-template-columns:auto minmax(220px,1fr) minmax(420px,1.2fr);align-items:center;gap:18px;padding:22px;display:grid}.employee-row:last-child{border-bottom:0}.employee-avatar{width:52px;height:52px;color:var(--espresso);background:var(--sage-soft);border-radius:50%;place-items:center;font-weight:800;display:grid}.employee-row__identity h2{margin-bottom:5px;font-size:1.08rem}.employee-row__identity p{color:var(--muted);margin-bottom:0;font-size:.9rem}.employee-row dl{grid-template-columns:repeat(3,1fr);gap:14px;margin:0;display:grid}.employee-row dl div{gap:4px;display:grid}.employee-row dt{color:var(--muted);font-size:.82rem}.employee-row dd{margin:0;font-weight:700}.employee-form-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.employee-form-panel>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:20px;padding:28px 30px;display:flex}.employee-form-panel>header h2{margin-bottom:6px;font-size:1.7rem}.employee-form-panel>header p{color:var(--muted);margin-bottom:0}.employee-form-panel form{padding:30px}.employee-form-panel fieldset{border:0;min-width:0;margin:0 0 30px;padding:0}.employee-form-panel legend{border-bottom:1px solid var(--border);width:100%;margin-bottom:18px;padding-bottom:10px;font-size:1.13rem;font-weight:800}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;display:grid}.form-grid>div{gap:7px;display:grid}.weekday-fieldset{margin-top:22px!important}.weekday-fieldset legend{border:0;font-size:1rem}.weekday-options{flex-wrap:wrap;gap:10px;display:flex}.weekday-options label{position:relative}.weekday-options input{opacity:0;width:1px;height:1px;position:absolute}.weekday-options span{border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;place-items:center;width:50px;min-height:48px;display:grid}.weekday-options input:checked+span{color:#fff;background:var(--espresso);border-color:var(--espresso)}.weekday-options input:focus-visible+span{outline:3px solid var(--focus);outline-offset:3px}.checkbox-row{background:var(--sage-soft);border-radius:var(--radius-sm);align-items:flex-start;gap:12px;padding:18px;display:flex}.checkbox-row input{width:24px;min-height:24px;margin-top:2px}.checkbox-row>span{gap:4px;display:grid}.checkbox-row small{color:var(--muted);font-weight:500}.form-actions{justify-content:flex-end;gap:12px;display:flex}.schedule-page{width:min(100%,1500px)}.schedule-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.segmented{border:1px solid var(--border-strong);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.segmented button{background:var(--surface);border:0;border-right:1px solid var(--border-strong);cursor:pointer;min-height:48px;padding:9px 15px}.segmented button:last-child{border-right:0}.segmented button[aria-pressed=true]{color:#fff;background:var(--espresso);font-weight:750}.calendar-navigation{gap:8px;display:flex}.schedule-feedback{min-height:34px}.success-message{color:#315c36;font-weight:700}.calendar-grid{gap:10px;display:grid}.calendar-grid--week{grid-template-columns:repeat(7,minmax(150px,1fr));padding-bottom:8px;overflow-x:auto}.calendar-grid--month{grid-template-columns:repeat(7,minmax(125px,1fr));overflow-x:auto}.calendar-day{background:color-mix(in srgb, var(--surface) 74%, transparent);border:1px solid var(--border);border-radius:var(--radius-sm);min-height:330px}.calendar-grid--month .calendar-day{min-height:180px}.calendar-grid--day .calendar-day{max-width:720px}.calendar-day>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:54px;padding:10px 12px;display:flex}.calendar-day h2{text-transform:capitalize;margin:0;font-size:1rem}.day-add{width:36px;height:36px;color:var(--espresso);background:var(--surface-soft);border:1px solid var(--border);cursor:pointer;border-radius:50%;place-items:center;padding:0;font-size:1.3rem;display:grid}.calendar-day__content{align-content:start;gap:8px;padding:9px;display:grid}.day-empty{color:var(--muted);margin:12px 4px;font-size:.88rem}.shift-card{background:var(--surface);border:1px solid var(--border);border-left:5px solid var(--sage);border-radius:7px;padding:11px}.shift-card__top{gap:6px;display:grid}.shift-card p{margin:7px 0 2px}.shift-card small{color:var(--muted)}.shift-card ul{margin:8px 0 0;padding-left:18px;font-size:.86rem}.shift-card[draggable=true]{cursor:grab}.shift-card__actions{flex-wrap:wrap;gap:6px 12px;margin-top:10px;display:flex}.qualification-note{color:var(--sage);margin-top:8px;font-weight:700}.planning-insights,.preference-panel,.swap-board{border:1px solid var(--border);background:var(--surface);border-radius:1rem;margin-block:1rem 1.5rem;padding:1rem}.preference-panel{border:1px solid var(--line,#ded7c8);background:var(--surface,#fffdf8);border-radius:1rem;padding:1.25rem}.preference-panel>header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.preference-panel__actions{flex-wrap:wrap;gap:.75rem;display:flex}.preference-table{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.75rem;margin:1rem 0;display:grid}.preference-table fieldset{border:1px solid var(--line,#ded7c8);border-radius:.75rem;gap:.5rem;padding:.75rem;display:grid}.preference-table label,.proposal-candidate{gap:.2rem;display:grid}.proposal-results{gap:.75rem;margin-top:1rem;display:grid}.proposal-summary,.proposal-balance__grid{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.75rem;display:grid}.proposal-summary>div,.proposal-balance article{border:1px solid var(--line,#ded7c8);background:var(--surface-muted,#f7f1e6);border-radius:.75rem;gap:.25rem;padding:.85rem;display:grid}.proposal-summary strong{font-size:1.25rem}.proposal-balance{padding:.75rem 0}.proposal-balance summary{cursor:pointer;font-weight:700}.proposal-balance__grid{margin-top:.75rem}.proposal-results article{border-left:.3rem solid var(--accent,#ad7b2b);background:var(--surface-muted,#f7f1e6);border-radius:.5rem;padding:1rem}.proposal-candidate{cursor:pointer;grid-template-columns:auto 1fr;align-items:start;gap:.7rem;margin-top:.75rem}.proposal-candidate>input{width:1.1rem;height:1.1rem;margin-top:.2rem}.proposal-candidate>span{gap:.2rem;display:grid}.proposal-selection-actions,.proposal-preview{border:1px solid var(--line,#ded7c8);background:var(--surface,#fffdf8);border-radius:.85rem;padding:1rem}.proposal-selection-actions,.proposal-preview>header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.proposal-preview{border-color:var(--accent,#ad7b2b);gap:1rem;margin-top:1rem;display:grid}.proposal-preview--applied{border-color:var(--success,#4d7658)}.proposal-preview h3,.proposal-preview p,.proposal-selection-actions p{margin:0}.proposal-preview__changes{gap:.75rem;display:grid}.proposal-preview__changes article{background:var(--surface-muted,#f7f1e6);border-radius:.75rem;gap:.35rem;padding:.85rem;display:grid}.proposal-preview__changes dl{gap:.4rem;margin:.35rem 0 0;display:grid}.proposal-preview__changes dl>div{grid-template-columns:4rem 1fr;gap:.5rem;display:grid}.proposal-preview__changes dt{font-weight:700}.proposal-preview__changes dd{margin:0}.staff-warning small{margin-top:.3rem;display:block}@media (width<=720px){.preference-panel>header{flex-direction:column}.preference-panel__actions,.preference-panel__actions .button{width:100%}.proposal-selection-actions,.proposal-preview>header{flex-direction:column;align-items:stretch}.proposal-selection-actions .button,.proposal-preview>header .button{width:100%}}.insight-grid,.swap-list{gap:.75rem;display:grid}.insight-grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.insight-card,.swap-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:.75rem;gap:.5rem;padding:.85rem;display:flex}.insight-card{flex-direction:column}.insight-card--warning{border-color:#a66014}.insight-card em{color:#7c3f08;font-style:normal;font-weight:700}.swap-card{justify-content:space-between;align-items:center}.swap-card__actions{flex-wrap:wrap;gap:.5rem;display:flex}.open-shift-note{color:var(--espresso);border-radius:var(--radius-sm);background:#fff3c9;border:1px solid #d7ad39;margin-top:8px;padding:6px 8px;font-weight:750}.notification-center,.notification-trigger{position:relative}.notification-badge{color:#fff;background:var(--danger);border-radius:20px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:.72rem;font-weight:800;display:grid;position:absolute;top:3px;right:1px}.notification-panel{z-index:50;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);width:min(390px,100vw - 24px);max-height:70vh;position:absolute;top:calc(100% + 10px);right:0;overflow:auto;box-shadow:0 18px 45px #3523192e}.notification-panel>header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex;position:sticky;top:0}.notification-panel__actions{align-items:center;gap:12px;display:flex}.notification-panel__actions .text-button{margin:0}.notification-panel h2{margin:0;font-size:1.15rem}.notification-panel ul{margin:0;padding:0;list-style:none}.notification-panel li{border-bottom:1px solid var(--border)}.notification-panel li>button{text-align:left;cursor:pointer;background:0 0;border:0;gap:5px;width:100%;padding:16px 18px;display:grid}.notification-panel li>button:hover{background:var(--surface-soft)}.notification-panel li span,.notification-panel li small,.notification-empty{color:var(--muted)}.notification--unread{box-shadow:inset 4px 0 var(--gold)}.notification-empty{margin:0;padding:28px 18px}.notification-settings-link{width:100%;min-height:50px;color:var(--espresso);background:var(--surface-soft);border:0;border-top:1px solid var(--border);text-align:left;cursor:pointer;padding:12px 18px;font-weight:800}.notification-settings-link:hover{background:#e9dfcf}.notification-settings{padding:18px}.notification-settings__back{margin-bottom:16px}.notification-settings h3{margin:0 0 8px}.notification-settings>p{color:var(--muted);line-height:1.5}.notification-channel-list{gap:10px;margin-top:18px;display:grid}.notification-channel-list>div{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.notification-channel-list span{gap:4px;display:grid}.notification-channel-list small,.notification-availability{color:var(--muted)}.notification-setting-message{background:var(--sage-soft);border-radius:var(--radius-sm);padding:12px;font-weight:700;color:var(--espresso)!important;margin:14px 0 0!important}.delivery-history{border-top:1px solid var(--border);margin-top:24px;padding-top:18px}.delivery-history li{grid-template-columns:auto minmax(0,1fr);gap:10px;padding:11px 0;display:grid}.delivery-history li>svg{width:20px;height:20px;color:var(--sage)}.delivery-history li>span{gap:3px;display:grid}.status{border:1px solid var(--border-strong);border-radius:999px;width:fit-content;padding:3px 6px;font-size:.72rem;font-weight:750}.status--draft{background:#fff2c7}.status--published{background:var(--sage-soft)}.absence-layout{grid-template-columns:minmax(18rem,.8fr) minmax(24rem,1.2fr);align-items:start;gap:1.5rem;display:grid}.absence-layout--secondary{margin-top:1.5rem}.balance-card{background:var(--color-surface,#fffaf1);border:1px solid var(--color-border,#d8cdbb);border-radius:1rem;gap:.2rem;min-width:12rem;padding:1rem 1.25rem;display:grid}.balance-card strong{font-size:2rem}.balance-card small{max-width:18rem;color:var(--text-muted);text-align:right}.absence-list{background:var(--color-surface,#fffaf1);border:1px solid var(--color-border,#d8cdbb);border-radius:1rem;padding:1.25rem}.absence-list ul{gap:.8rem;padding:0;list-style:none;display:grid}.absence-list li{background:#fff;border-radius:.75rem;justify-content:space-between;gap:1rem;padding:1rem;display:flex}.absence-list li>div:first-child{gap:.35rem;display:grid}.absence-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.status--submitted{color:#684c00;background:#fff2cb}.status--approved{color:#264d23;background:#dcebd7}.status--rejected,.status--cancelled{color:#5d5148;background:#eee8e2}.compliance-panel{border:1px solid var(--color-border,#d8cdbb);background:var(--color-surface,#fffaf1);border-radius:1rem;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(10rem,1fr));align-items:center;gap:1rem;margin-top:1.5rem;padding:1.25rem;display:grid}.compliance-panel>div:not(:first-child){background:#fff;border-radius:.75rem;gap:.25rem;padding:1rem;display:grid}@media (width<=900px){.absence-layout{grid-template-columns:1fr}.absence-list li{flex-direction:column}.compliance-panel{grid-template-columns:1fr}}.staff-warning{color:#76281f;background:#f9ded8;border-radius:5px;padding:7px;font-size:.8rem;font-weight:700}.text-button{color:var(--danger);cursor:pointer;background:0 0;border:0;margin-top:8px;padding:4px 0;text-decoration:underline}.dialog-backdrop{z-index:60;background:#2318118c;place-items:start center;padding:30px 18px;display:grid;position:fixed;inset:0;overflow-y:auto}.shift-dialog{background:var(--surface);border-radius:var(--radius-md);width:min(100%,850px);margin:auto;box-shadow:0 24px 70px #23181159}.shift-dialog>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 28px;display:flex}.shift-dialog h2{margin-bottom:5px}.shift-dialog header p{color:var(--muted);margin:0}.shift-dialog form{gap:22px;padding:28px;display:grid}.field{gap:7px;display:grid}.employee-picker{border:0;flex-wrap:wrap;gap:9px;margin:0;padding:0;display:flex}.employee-picker legend{width:100%;margin-bottom:8px;font-weight:800}.employee-picker label{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:8px;min-height:46px;padding:8px 11px;display:flex}.employee-picker input{width:22px;min-height:22px}@media (width<=980px){.clock-panel{grid-template-columns:auto 1fr}.clock-panel__status{border-right:0}.clock-panel__action{grid-column:1/-1}.employee-row{grid-template-columns:auto 1fr}.employee-row dl{grid-column:2}}@media (width<=760px){.login-page{display:block}.login-intro{gap:48px;min-height:auto;padding:34px 24px 42px}.login-brand{font-size:2.8rem}.login-intro h1{font-size:clamp(2.35rem,12vw,3.8rem)}.login-panel{min-height:auto;padding:42px 24px 56px}.app-shell{padding-top:70px;display:block}.pwa-status{flex-direction:column;align-items:stretch;width:calc(100vw - 20px);bottom:10px;right:10px}.mobile-header{z-index:30;border-bottom:1px solid var(--border);background:#fbf7ef;justify-content:space-between;align-items:center;height:70px;padding:10px 14px;display:flex;position:fixed;inset:0 0 auto}.mobile-brand{letter-spacing:-.03em;font-size:1.5rem;font-weight:700}.sidebar{width:min(86vw,330px);padding-top:28px;transform:translate(-102%)}.sidebar--open{transform:translate(0)}.menu-backdrop{z-index:15;background:#2318117a;border:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}.desktop-utility{display:none}.main-content{min-height:calc(100vh - 70px)}.page{width:100%;padding:30px 18px 54px}.page-heading{margin-bottom:26px}.page-heading h1{font-size:clamp(2rem,10vw,2.8rem)}.page-heading--with-action{flex-direction:column;align-items:stretch}.schedule-toolbar,.calendar-navigation{align-items:stretch}.schedule-toolbar>*,.calendar-navigation .button{flex:1}.segmented{flex-basis:100%}.segmented button{flex:1}.calendar-grid--week,.calendar-grid--month{scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.calendar-day{scroll-snap-align:start;min-width:min(82vw,330px)}.shift-dialog>header,.shift-dialog form{padding:20px}.page-heading--with-action .button{width:100%}.clock-panel{grid-template-columns:auto 1fr;gap:16px;padding:22px 18px}.clock-panel__icon{width:54px;height:54px}.clock-panel__status strong{font-size:1.9rem}.clock-panel__action{min-height:64px}.overview-columns{grid-template-columns:1fr;gap:24px}.phase-page{margin-left:0}.phase-panel{grid-template-columns:1fr;gap:18px}.employee-row{grid-template-columns:auto 1fr;padding:18px}.employee-row dl{border-top:1px solid var(--border);grid-column:1/-1;grid-template-columns:1fr;padding-top:12px}.employee-row dl div{grid-template-columns:1fr 1fr}.employee-form-panel>header{flex-direction:column;align-items:stretch;padding:22px 18px}.employee-form-panel form{padding:22px 18px}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .button{width:100%}}@media (forced-colors:active){:focus-visible{outline-color:highlight}.nav-item--active,.button--primary,.notification-badge{border:2px solid}.notification--unread{box-shadow:none;border-left:4px solid}}@media (width<=390px){.clock-panel{text-align:center;grid-template-columns:1fr}.clock-panel>svg{margin:0 auto}.summary-row{grid-template-columns:auto 1fr}.summary-row>svg:last-child{display:none}}
