@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#22352d;background:#f5f7f5;font-family:DM Sans,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;color:#fff;background:#23664e;border:0;border-radius:8px;align-items:center;gap:9px;padding:13px 18px;font-weight:600;display:inline-flex}button:hover{filter:brightness(.95)}button:disabled{opacity:.38;cursor:not-allowed}.shell{min-height:100vh;display:flex}aside{background:#fff;border-right:1px solid #e1e8e3;flex-direction:column;width:235px;height:100vh;padding:30px 20px;display:flex;position:fixed}.brand{letter-spacing:-.7px;align-items:center;gap:11px;font:800 20px Manrope,sans-serif;display:flex}.brandmark{color:#fff;background:#23664e;border-radius:12px;padding:9px;display:flex}.workspace{letter-spacing:1.5px;color:#8c9991;margin:40px 10px 24px;font-size:10px}.workspace span{letter-spacing:0;color:#4c6055;margin-top:9px;font-size:12px;display:block}nav{gap:7px;display:grid}nav button{color:#67756c;text-align:left;background:0 0;padding:14px 12px;font-weight:500}nav button.selected{color:#226448;background:#eaf2ec}.navdot{background:#2d7956;border-radius:50%;width:6px;height:6px;margin-left:auto}.asidebottom{margin-top:auto;padding:20px 10px 0}.private{color:#397052;gap:6px;font-size:12px;display:flex}.asidebottom p{color:#8c9890;font-size:12px;line-height:1.6}.asidebottom a{color:#617369;align-items:center;gap:10px;margin-top:28px;text-decoration:none;display:flex}main{flex:1;min-width:0;margin-left:235px}header{background:#fff;border-bottom:1px solid #e1e8e3;justify-content:space-between;align-items:center;height:90px;padding:0 42px;display:flex}header>span{letter-spacing:1px;color:#76867d;font-size:11px}header b{color:#c8d1cb;margin:0 15px}.profile{align-items:center;gap:11px;font-size:12px;display:flex}.avatar{color:#69714b;background:#ecefdf;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.profile small{color:#93a096;margin-top:3px;display:block}.content{max-width:1550px;margin:auto;padding:36px 42px}.title{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:1.7px;color:#65907c;font-size:10px;font-weight:700}h1{letter-spacing:-1.1px;margin:10px 0;font:700 30px Manrope,sans-serif}p{color:#7b8a81;margin:8px 0;line-height:1.6}h2{letter-spacing:-.4px;margin:0;font:700 18px Manrope,sans-serif}.datepill{white-space:nowrap;background:#fff;border:1px solid #dce5df;border-radius:8px;padding:10px 14px;font-size:12px}.stats{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px;display:grid}.stats article{background:#fff;border:1px solid #e0e7e2;border-radius:12px;padding:23px}.stats article>span{color:#78877e;font-size:12px}.stats strong{margin-top:10px;font:700 34px Manrope,sans-serif;display:block}.stats small{color:#95a199;font:500 14px DM Sans}.stats p{margin-bottom:0;font-size:11px}.clockpanel{background:#eaf2eb;border:1px solid #d5e4d8;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:26px;padding:27px;display:flex}.clockpanel h2{margin:8px 0;font-size:23px}.clockpanel p{font-size:12px}.actions{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.actions button{padding:12px 14px;font-size:12px}.secondary{color:#3c5748;background:#fff;border:1px solid #dbe4de}.liveclock{text-align:right;min-width:160px;margin-left:20px}.liveclock div{letter-spacing:-2px;font:600 43px Manrope}.liveclock span{color:#7c8f80;font-size:11px}.liveclock small{color:#64816c;margin-top:14px;font-size:11px;display:block}.panel{background:#fff;border:1px solid #e0e7e2;border-radius:12px;overflow:hidden}.sectionhead{justify-content:space-between;align-items:center;gap:15px;padding:24px;display:flex}.sectionhead p{margin-bottom:0;font-size:12px}.sectionhead button{font-size:12px}.filters{background:#fafcf9;border-block:1px solid #e6ece7;align-items:end;gap:14px;padding:18px 24px;display:flex}label{color:#7c8a81;gap:7px;font-size:11px;font-weight:600;display:grid}input,select{color:#3b5345;background:#fff;border:1px solid #dce4df;border-radius:6px;min-width:140px;padding:9px 11px}.periodtotal{text-align:right;margin-left:auto}.periodtotal span{color:#88958d;margin-bottom:5px;font-size:11px;display:block}.periodtotal b{font:700 21px Manrope}.tablewrap{overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;text-align:left;width:100%}th{text-transform:uppercase;letter-spacing:.7px;color:#8e9a91;border-bottom:1px solid #e6ece7;padding:16px 24px;font-size:10px;font-weight:600}td{color:#677b6e;border-bottom:1px solid #edf1ed;padding:17px 24px;font-size:12px}td b{color:#3a5143;font-weight:600}td small{color:#98a39b;margin-top:5px;font-size:10px;display:block}.badge{color:#7f8350;background:#f0f2e8;border-radius:5px;margin-left:6px;padding:5px 8px;font-size:10px;display:inline-flex}.badge.done{color:#467857;background:#eaf3ed}.footnote{color:#8b988e;background:#fcfdfb;padding:15px 24px;font-size:11px;line-height:1.6}.warning{color:#957328;background:#fff8e7}.empty{color:#97aa9b;place-items:center;gap:10px;padding:40px;display:grid}.empty p{margin:0}.staffform{align-items:end;gap:15px;padding:0 24px 24px;display:flex}.staffform label{flex:1}.staffform button{font-size:12px}.textbutton{color:#477357;background:#ecf3ee;padding:7px 10px;font-size:11px}.alert,.success{color:#a75136;background:#fceee9;border-radius:8px;margin-bottom:20px;padding:14px 18px}.success{color:#376e46;background:#e8f4ea}.summary{background:#f8fbf8}.printtitle{display:none}footer{color:#9ca89f;justify-content:space-between;align-items:center;margin-top:28px;font-size:10px;display:flex}footer span:first-child{align-items:center;gap:6px;display:flex}@media (max-width:1050px){aside{width:195px}main{margin-left:195px}.content{padding:28px 22px}header{padding:0 22px}.clockpanel{align-items:start}.liveclock{min-width:120px}.actions{max-width:400px}th,td{padding:15px}.title h1{font-size:26px}}@media (max-width:720px){aside{width:100%;height:auto;padding:15px;position:static}.shell{display:block}.workspace,.asidebottom{display:none}nav{margin-top:15px;display:flex;overflow:auto}nav button{white-space:nowrap;padding:10px;font-size:11px}.brand{font-size:18px}main{margin:0}header{height:65px}header>span{font-size:9px}.content{padding:25px 15px}.title{align-items:start}.datepill{display:none}.stats{gap:8px}.stats article{padding:14px 10px}.stats strong{font-size:25px}.stats p{font-size:9px}.clockpanel{padding:20px;display:block}.liveclock{text-align:left;margin:20px 0 0}.liveclock div{font-size:34px}.liveclock small{margin-top:6px}.filters{flex-wrap:wrap;padding:15px}.filters label{flex:1}.periodtotal{margin:0}.sectionhead{flex-wrap:wrap;align-items:start;padding:18px}.staffform{flex-direction:column;align-items:stretch}.title h1{font-size:25px}footer{gap:20px}.profile{max-width:150px;overflow:hidden}}@media print{@page{size:A4 landscape;margin:12mm}body{background:#fff;font-size:10px}aside,header,.title,.stats,.clockpanel,.sectionhead,.filters,.staffform,footer,.alert,.success{display:none!important}main{margin:0}.content{max-width:none;padding:0}.panel{border:0}.printtitle{margin-bottom:18px;display:block}.printtitle p{font-size:11px}th,td{padding:9px 12px;font-size:10px}.badge{padding:2px 5px}.tablewrap{overflow:visible}tr{break-inside:avoid}thead{display:table-header-group}.footnote{padding:10px 0}.summary{margin-bottom:20px}}.pinpage{background:radial-gradient(at top,#e4eee6,#0000 65%),#f5f7f5;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:25px;display:flex}.pinbrand{color:#23664e;align-items:center;gap:12px;margin-bottom:35px;font:800 26px Manrope;display:flex}.pincard{background:#fff;border:1px solid #dde7df;border-radius:18px;width:100%;max-width:460px;padding:38px;box-shadow:0 16px 50px #294b3410}.pincard h1{font-size:26px}.pincard p{margin-bottom:25px}.pincard input{letter-spacing:10px;width:100%;padding:15px;font-size:26px}.pincard button{justify-content:center;width:100%;margin-top:18px}.pincard small{text-align:center;color:#8a988e;margin-top:24px;font-size:11px;display:block}.pinfooter{margin-top:28px;font-size:11px}.asidebottom button{margin-top:20px;font-size:11px}.modalbackdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#15352880;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.overtimemodal{background:#fff;border-radius:16px;width:100%;max-width:470px;padding:32px;box-shadow:0 20px 80px #102a2840}.overtimemodal .eyebrow{color:#9b793e}.overtimemodal h2{margin-top:12px;font-size:24px}.overtimemodal p{margin-top:18px;font-size:14px}.overtimemodal .actions{justify-content:flex-end}@media print{.modalbackdrop{display:none}}.locktimer{color:#6d8274;background:#eef4ef;border-radius:6px;margin-left:auto;margin-right:18px;padding:7px 10px;font-size:11px}@media (max-width:720px){.locktimer{margin-right:8px;padding:5px;font-size:9px}}@media print{.locktimer{display:none}}.kiosk{text-align:center;max-width:600px}.kioskbuttons{gap:20px;display:flex}.kioskbuttons button{flex:1;justify-content:center;min-height:110px;font-size:28px}.kiosk form{text-align:left}.kiosk .secondary{color:#23664e;background:#edf2ee}.kiosk svg{color:#23664e}.pinpage>.textbutton{margin-top:20px}@media (max-width:500px){.kioskbuttons{flex-direction:column}}.kioskbuttons{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.kioskbuttons .secondary{color:#23664e;background:#edf2ee}.kioskbuttons button{font-size:24px}@media (max-width:400px){.kioskbuttons{grid-template-columns:1fr}.kioskbuttons button{min-height:72px}}.absenceform{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-bottom:28px;display:grid}.absenceform label{gap:8px;display:grid}.absenceform input,.absenceform select{background:#fff;border:1px solid #dce5df;border-radius:8px;width:100%;padding:12px}.absenceform .absencenote,.absenceform .footnote{grid-column:1/-1}@media print{.absenceform{display:none}}.absencedays{border:1px solid #dce5df;border-radius:8px;flex-wrap:wrap;grid-column:1/-1;gap:20px;padding:15px;display:flex}.absencedays label{align-items:center;gap:8px;display:flex}.absencedays input{width:auto}@media print{.payrateform{display:none}}.shifteditor{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;padding:28px;overflow:auto}.shiftfields{grid-template-columns:1fr 1fr;gap:18px;margin-top:20px;display:grid}.shiftfields input,.shiftfields select{width:100%;min-width:0}.shiftwide{grid-column:1/-1}.shiftcheck{align-items:center;gap:10px;display:flex}.shiftcheck input{width:auto}.time24{border:0;margin:0;padding:0}.time24 legend{color:#7c8a81;margin-bottom:7px;font-size:11px;font-weight:600}.time24>div{align-items:center;gap:8px;display:flex}.time24 select{flex:1;font-size:18px}.shifteditor .alert{margin-top:18px}@media (max-width:480px){.shifteditor{padding:20px}.shiftfields{grid-template-columns:1fr}.shiftwide{grid-column:auto}}.shiftnote{white-space:normal;max-width:260px;line-height:1.5}