:root{--green:#176b3a;--green-dark:#0e4c28;--green-soft:#e8f4ec;--blue:#1967b3;--orange:#d36b08;--red:#b42318;--ink:#17211b;--muted:#647168;--line:#d9e2dc;--surface:#ffffff;--background:#f2f6f3;--shadow:0 8px 28px rgba(22,68,41,0.09);font-family:Arial,Helvetica,sans-serif;color-scheme:light}*{box-sizing:border-box}html{min-height:100%;background:var(--background)}body{margin:0;min-height:100vh;background:linear-gradient(160deg,#edf5ef,#f8faf8 45%,#eef3ef);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.5rem,2.7vw,2.1rem);margin-bottom:.35rem}h2{font-size:1.08rem;margin-bottom:.25rem}small{display:block;color:var(--muted);margin-top:.18rem}code{background:#eef1ee;padding:.12rem .3rem;border-radius:.3rem}label{display:grid;grid-gap:.42rem;gap:.42rem;font-weight:700;color:#26342b}.readonly-value,.rich-editor,input,select{width:100%;border:1px solid #cbd7ce;border-radius:.7rem;background:#fff;color:var(--ink);padding:.72rem .82rem;min-height:45px;outline:none}.rich-editor:focus,input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(23,107,58,.13)}.readonly-value{background:#f5f7f5;font-weight:700}.primary,.secondary,.warning-button{border:0;border-radius:.7rem;min-height:43px;padding:.65rem 1rem;font-weight:700;transition:transform .12s ease,filter .12s ease}.primary:hover,.secondary:hover,.warning-button:hover{filter:brightness(.97);transform:translateY(-1px)}.primary{background:var(--green);color:#fff}.secondary{background:#edf2ee;color:#223128;border:1px solid #d2ddd5}.warning-button{background:var(--orange);color:#fff}.compact{min-height:34px;padding:.38rem .7rem;font-size:.9rem}.stack{display:grid;grid-gap:1rem;gap:1rem}.stack-lg{display:grid;grid-gap:1.15rem;gap:1.15rem}.button-row{display:flex;gap:.65rem;align-items:center}.button-row.wrap{flex-wrap:wrap}.button-row.align-end{align-self:end;justify-content:flex-end}.grow{flex:1 1}.muted{color:var(--muted)}.card{background:rgba(255,255,255,.96);border:1px solid rgba(207,221,211,.95);border-radius:1rem;padding:1rem;box-shadow:var(--shadow)}.alert{border-radius:.75rem;padding:.8rem 1rem;border:1px solid}.alert.success{background:#e9f7ed;border-color:#9ed3ad;color:#175b2d}.alert.warning{background:#fff5e7;border-color:#efc27e;color:#7b4508}.alert.error{background:#fff0ee;border-color:#e3aaa4;color:var(--red)}.centred-screen,.login-page{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{width:min(100%,430px);background:#fff;border-radius:1.3rem;padding:2rem;box-shadow:0 22px 70px rgba(20,62,36,.17);text-align:center}.login-card h1{margin-bottom:.2rem}.login-form{margin-top:1.5rem;text-align:left}.brand-mark{width:88px;height:88px;margin:0 auto 1rem;border-radius:24px;display:grid;place-items:center;background:var(--green);color:#fff;font-size:1.85rem;font-weight:800;letter-spacing:.08em;box-shadow:0 10px 25px rgba(23,107,58,.24)}.brand-mark.small{width:48px;height:48px;border-radius:13px;margin:0;font-size:1rem}.app-layout{min-height:100vh}.app-header{min-height:74px;background:#fff;border-bottom:1px solid var(--line);padding:.75rem max(1rem,calc((100vw - 1480px)/2));justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:30}.app-header,.header-brand{display:flex;align-items:center}.header-brand{gap:.8rem}.header-brand strong{display:block;font-size:1.1rem}.tab-bar{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:flex;gap:.35rem;padding:.5rem max(1rem,calc((100vw - 1480px)/2));position:-webkit-sticky;position:sticky;top:74px;z-index:29;overflow-x:auto}.tab-bar button{background:transparent;border:0;border-radius:.6rem;padding:.65rem .85rem;color:#425148;white-space:nowrap;font-weight:700}.tab-bar button.active{background:var(--green-soft);color:var(--green-dark)}.app-main{max-width:1480px;margin:0 auto;padding:1.2rem 1rem calc(2rem + env(safe-area-inset-bottom))}.top-form-grid{display:grid;grid-template-columns:minmax(180px,.65fr) repeat(2,minmax(220px,1fr));grid-gap:1rem;gap:1rem}.editor-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.bottom-grid{display:grid;grid-template-columns:minmax(540px,1.8fr) minmax(300px,.8fr);grid-gap:1rem;gap:1rem}.editor-heading,.page-title-row,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.editor-heading label{font-size:1.08rem}.editor-toolbar{display:flex;gap:.35rem}.rich-editor{overflow-y:auto;line-height:1.55;font-weight:400}.rich-editor:empty:before{content:attr(data-placeholder);color:#89948c;pointer-events:none}.hours-grid{display:grid;grid-gap:.5rem;gap:.5rem}.hours-header,.hours-row{display:grid;grid-template-columns:minmax(125px,1.25fr) repeat(3,minmax(90px,.75fr));grid-gap:.65rem;gap:.65rem;align-items:center}.hours-header{padding:0 .15rem;font-weight:700;color:var(--muted)}.hours-row{padding:.55rem .15rem;border-top:1px solid #edf1ee}.hours-row input{min-height:40px;padding:.5rem .6rem}.week-summary{display:grid;grid-gap:.8rem;gap:.8rem}.week-summary>p{margin-bottom:0}.week-person{border-top:1px solid #e6ede8;padding-top:.65rem;display:grid;grid-gap:.15rem;gap:.15rem}.week-person span{font-weight:700}.action-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;position:-webkit-sticky;position:sticky;bottom:.7rem;z-index:20}.action-bar small{margin-top:.2rem}.page-title-row{margin-bottom:.3rem}.page-title-row p{margin-bottom:0}.history-list{display:grid;grid-gap:.85rem;gap:.85rem}.history-item{justify-content:space-between;gap:1rem}.history-item,.history-main{display:flex;align-items:center}.history-main{gap:.9rem;min-width:0}.history-number{flex:0 0 auto;background:var(--green-soft);color:var(--green-dark);border-radius:.75rem;padding:.7rem;font-weight:800}.history-main h2,.history-main p{margin-bottom:.18rem}.history-actions{display:grid;grid-gap:.55rem;gap:.55rem;justify-items:end}.status-pill{border-radius:999px;padding:.32rem .6rem;font-size:.8rem;font-weight:800}.status-pill.uploaded{background:#e5f5e9;color:#176030}.status-pill.upload_failed{background:#fff0e7;color:#8c3d05}.status-pill.processing{background:#e8eff8;color:#24578c}.path-text{max-width:720px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.empty-cell,.empty-state{text-align:center;color:var(--muted);padding:2.5rem}.filter-grid{display:grid;grid-template-columns:minmax(210px,.6fr) minmax(210px,.6fr) minmax(360px,1.8fr);grid-gap:1rem;gap:1rem;align-items:end}.responsive-table{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:680px}td,th{padding:.72rem .65rem;border-bottom:1px solid #e1e8e3;text-align:left}th{background:#f3f7f4}td.number,th.number{text-align:right}tfoot th{border-top:2px solid #8fa899}.holiday-form{display:grid;grid-template-columns:1.5fr minmax(190px,.6fr) minmax(140px,.4fr) auto;grid-gap:1rem;gap:1rem;align-items:end}.holiday-form h2,.holiday-form p{margin-bottom:.2rem}.counter-list,.site-admin-list{display:grid;grid-gap:.65rem;gap:.65rem}.counter-row{display:grid;grid-template-columns:minmax(150px,1fr) 180px auto;grid-gap:1rem;gap:1rem;align-items:end;border-top:1px solid #e4ebe6;padding-top:.75rem}.inline-form{display:flex;align-items:end;gap:.75rem}.site-admin-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-top:1px solid #e4ebe6;padding-top:.65rem}.info-card{background:#f7faf8}@media (max-width:980px){.bottom-grid,.editor-grid{grid-template-columns:1fr}.top-form-grid{grid-template-columns:1fr 1fr}.top-form-grid label:last-child{grid-column:1/-1}.filter-grid{grid-template-columns:1fr 1fr}.filter-grid .button-row{grid-column:1/-1;justify-content:flex-start}.holiday-form{grid-template-columns:1fr 1fr}.holiday-form>div{grid-column:1/-1}}@media (max-width:680px){.app-header{min-height:66px;padding:.6rem .75rem}.tab-bar{top:66px;padding:.42rem .65rem}.app-main{padding:.8rem .65rem 6rem}.card{border-radius:.85rem;padding:.85rem}.filter-grid,.holiday-form,.top-form-grid{grid-template-columns:1fr}.filter-grid .button-row,.holiday-form>div,.top-form-grid label:last-child{grid-column:auto}.hours-header,.hours-row{grid-template-columns:100px repeat(3,minmax(70px,1fr));gap:.35rem}.hours-row input{padding:.45rem .35rem}.action-bar{position:fixed;left:.65rem;right:.65rem;bottom:calc(.65rem + env(safe-area-inset-bottom));padding:.75rem}.action-bar>div:first-child{display:none}.action-bar .button-row{width:100%}.action-bar button{flex:1 1}.history-item{align-items:flex-start}.history-actions{justify-items:stretch}.history-item,.history-main{display:grid}.history-number{width:max-content}.path-text{max-width:78vw}.page-title-row{align-items:flex-start}.button-row.align-end{justify-content:stretch;display:grid;grid-template-columns:1fr 1fr}.button-row.align-end .primary{grid-column:1/-1}.counter-row{grid-template-columns:1fr 125px}.counter-row button{grid-column:1/-1}.inline-form{display:grid}}.danger-button{border-radius:.7rem;min-height:43px;padding:.65rem 1rem;font-weight:700;background:#fff0ee;color:var(--red);border:1px solid #e3aaa4}.danger-button:hover{filter:brightness(.97);transform:translateY(-1px)}.admin-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));grid-gap:1rem;gap:1rem}.admin-settings-grid .wide{grid-column:span 2}.checkbox-row{display:flex;flex-wrap:wrap;gap:1rem}.checkbox-label{display:flex;align-items:center;gap:.55rem;font-weight:700}.checkbox-label input{width:auto;min-height:auto;margin:0}.employee-add-form{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));grid-gap:.8rem;gap:.8rem;align-items:end;padding:.9rem;border:1px solid #dfe8e2;border-radius:.85rem;background:#f8faf8}.employee-admin-list{display:grid;grid-gap:.9rem;gap:.9rem}.employee-admin-card{display:grid;grid-gap:.85rem;gap:.85rem;border-top:1px solid #dfe8e2;padding-top:1rem}.employee-admin-card.inactive,.site-admin-row.inactive{opacity:.7}.employee-admin-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.employee-editor-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));grid-gap:.75rem;gap:.75rem;align-items:end}.active-checkbox{min-height:45px;align-self:end;padding:.65rem .8rem;border:1px solid #cbd7ce;border-radius:.7rem;background:#fff}.employee-action-row{display:flex;flex-wrap:wrap;align-items:end;gap:.75rem}.employee-action-row label{min-width:180px}.password-row{padding-top:.2rem}.site-admin-row label{margin:0}@media (max-width:980px){.admin-settings-grid,.employee-add-form,.employee-editor-grid{grid-template-columns:1fr 1fr}.admin-settings-grid .wide{grid-column:1/-1}}@media (max-width:680px){.admin-settings-grid,.employee-add-form,.employee-editor-grid{grid-template-columns:1fr}.admin-settings-grid .wide{grid-column:auto}.employee-action-row{display:grid;grid-template-columns:1fr}.employee-action-row label{min-width:0}.site-admin-row{display:grid}.site-admin-row .button-row{justify-content:stretch}.site-admin-row .button-row button{flex:1 1}}