@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700&display=swap');
:root{--green:#79262f;--ink:#2d2e32;--muted:#737376;--line:#e4e1e1;--bg:#ffffff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'Montserrat',Arial,sans-serif}button,input,select{font:inherit}header{height:88px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 5.5%;background:#fff}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-weight:800;letter-spacing:2px;font-size:16px}.brand-logo{display:block;width:184px;height:auto}.brand{letter-spacing:0}.brand-strip{background:#79262f;color:#fff;text-align:center;padding:12px 20px;font-size:10px;letter-spacing:2.5px;font-weight:500}.private{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center}.private i{height:6px;width:6px;background:#79262f;border-radius:50%}main{max-width:1160px;margin:auto;padding:56px 32px 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:44px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#79262f}h1{font:500 50px/1.15 'Albert Sans',Arial;margin:13px 0 14px;letter-spacing:-1.3px}.intro p{font-size:16px;color:var(--muted);margin:0}.intro-mark{font-size:64px;font-weight:400;color:#b78f94;margin-right:28px}.workspace{display:grid;grid-template-columns:310px 1fr;gap:36px}aside{padding-top:22px}.step{display:flex;gap:17px;margin-bottom:37px}.step>span{border:1px solid #e0c9cc;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:11px;color:#79262f}.step:first-child>span{background:#f3e8ea;border-color:#f3e8ea}.step strong{display:block;font-size:14px;margin:2px 0 7px}.step small{color:var(--muted);font-size:12px}.aside-note{margin-top:53px;border-top:1px solid var(--line);padding-top:24px;display:flex;gap:13px;color:#777175;font-size:13px;line-height:1.7}.aside-note span{font-size:23px}.aside-note p{margin:0}.upload-card{background:#fff;border:1px solid var(--line);border-radius:0px;padding:27px 30px;box-shadow:none}.card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h2{font:500 23px 'Albert Sans',Arial;letter-spacing:-.5px;margin:0}.pill{font-size:9px;letter-spacing:1px;color:#79262f;background:#f6edef;border-radius:0px;padding:6px 9px}.drop{display:flex;align-items:center;flex-direction:column;border:1.5px dashed #b98b92;border-radius:0px;background:#faf7f7;padding:28px 10px;cursor:pointer;transition:.2s}.drop:hover,.drop.drag{background:#f5e9ec;border-color:#79262f}.upload-icon{background:#f1e3e6;width:46px;height:46px;display:grid;place-items:center;border-radius:0px;font-size:29px;color:#79262f;margin-bottom:16px}.drop strong{font-size:15px;margin-bottom:8px}.drop>span:not(.upload-icon){color:#71696c;font-size:12px}.drop u{color:#79262f;text-underline-offset:3px}.drop small{font-size:10px;color:#817b7d;margin-top:17px}.settings{margin-top:23px}.settings label,.field-label{display:block;font-size:11px;color:#625b5e;margin-bottom:8px}select{width:100%;padding:11px 12px;border:2px solid #a56570;border-radius:0px;background:#fff;color:#3d3538;font-size:12px}.primary{display:flex;justify-content:space-between;width:100%;border:0;background:#79262f;color:#fff;border-radius:0px;padding:14px 18px;margin-top:20px;font-weight:600;cursor:pointer}.primary:disabled{background:#79262f;color:#fff;opacity:.75;cursor:not-allowed}.primary span{font-size:19px;line-height:17px}.privacy{text-align:center;color:#81777a;font-size:10px;margin:15px 0 0}#status{font-size:12px;margin-top:12px;color:#79262f;line-height:1.6}#status:empty{display:none}#fileinfo{background:#f6edef;border-radius:0px;padding:12px;margin:12px 0;color:#79262f;font-size:12px;overflow-wrap:anywhere}#sheetbox{margin-top:16px}.result-heading{display:flex;justify-content:space-between;align-items:center;margin:48px 0 22px}.result-heading h2{font-size:28px;margin-top:8px}.result-heading p{color:var(--muted);font-size:12px}.secondary{border:1px solid #c7a4aa;background:#fff;color:var(--green);border-radius:0px;padding:11px 16px;cursor:pointer}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:25px}.metrics>div{background:#fff;border:1px solid var(--line);border-radius:0px;padding:22px}.metrics small{display:block;color:var(--muted);font-size:12px}.metrics strong{display:block;font:500 35px 'Albert Sans';margin:8px 0}.metrics span{color:var(--muted);font-size:11px}.metrics .accent{background:#f3e7ea;border-color:#dfc5cb}.table-card{background:#fff;border:1px solid var(--line);border-radius:0px;overflow:visible}.table-toolbar{display:flex;justify-content:space-between;align-items:center;padding:19px 22px;gap:16px}h3{font-size:14px;margin:0}h3 span{font-size:10px;background:#f3e7ea;border-radius:0px;padding:3px 6px;margin-left:5px}input[type=search]{background:#faf7f8;border:1px solid var(--line);padding:9px 12px;border-radius:0px;font-size:12px;width:245px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:12px}th{text-align:left;font-size:10px;color:#75686d;font-weight:500;background:#faf7f7;padding:13px 19px}td{border-top:1px solid #eee6e8;padding:17px 19px}td:first-child{font-weight:500}td button{border:0;color:#79262f;background:#f3e7ea;padding:6px 10px;border-radius:0px;cursor:pointer}.daily{background:#fcf8f9}.daily td{padding:10px 22px}.daily table{max-width:630px}.method{margin-top:23px;color:#797075;font-size:11px;line-height:1.7}.method strong{color:#4e3b43}.method p{margin:4px 0}#issues{border:1px solid #e2cfaa;background:#fffbef;padding:15px;border-radius:0px;margin-top:20px;color:#866936;font-size:12px}#issues li{margin-top:9px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;margin-top:60px;padding:23px 0;color:#8c7c83;font-size:10px;letter-spacing:.5px}footer b{padding:0 8px;font-weight:400}:focus-visible{outline:3px solid #b76e7c;outline-offset:4px}[hidden]{display:none!important}@media(min-width:1200px){main{padding-top:66px}}@media(max-width:760px){header{padding:0 22px;height:74px}.private{display:none}main{padding:35px 20px 0}h1{font-size:36px}.intro-mark{display:none}.workspace{grid-template-columns:1fr;gap:15px}aside{display:flex;justify-content:space-between;padding:0}.step{gap:8px;margin-bottom:8px}.step strong{font-size:11px}.step small,.aside-note{display:none}.step>span{width:25px;height:25px;font-size:9px}.upload-card{padding:23px 20px}.metrics{gap:8px}.metrics>div{padding:14px 12px}.metrics strong{font-size:25px}.metrics small{font-size:10px}.result-heading{gap:10px}.secondary{font-size:11px}.table-toolbar{padding:15px;flex-wrap:wrap}input[type=search]{width:100%}footer>span:last-child{display:none}}

.primary:hover:not(:disabled){background:#622029}.secondary:hover{background:#f6edef}.primary,.secondary{transition:background .2s}.upload-card{border-top:3px solid #79262f}.intro-mark{font-family:Arial}.step>span{border-radius:0}.step:first-child>span{background:#79262f;color:#fff;border-color:#79262f}.metrics .accent{border-top:3px solid #79262f}.metrics .accent strong{color:#79262f}.metrics strong{font-variant-numeric:tabular-nums}.drop small,.privacy{font-size:11px}.private i{background:#79262f}.aside-note span{color:#79262f}footer{padding-bottom:28px}@media(max-width:760px){.brand-logo{width:145px}.brand{gap:8px}.brand-strip{font-size:9px;letter-spacing:1.8px}.intro{margin-bottom:30px}h1{font-size:38px}.intro p{font-size:14px}.step>span{flex-shrink:0}}

#sheet:focus,#weekend:focus,#sheet:focus-visible,#weekend:focus-visible{outline:none;outline-offset:0;border-color:#79262f}

/* Keep column labels at the viewport top, independent of horizontal scrolling. */
.table-note{margin:0;padding:0 22px 17px;color:#737376;font-size:11px;line-height:1.7}
.table-head{position:sticky;top:0;z-index:10;overflow:hidden;background:#faf7f7;box-shadow:0 1px 0 #e4e1e1}
.employee-table{table-layout:fixed;min-width:920px;width:100%}
.employee-table>thead th{padding:14px 16px}
.employee-table>tbody>.employee-row>td{padding:17px 16px;transition:background-color 180ms ease}
.employee-row:hover>td,.employee-row:focus-within>td{background-color:#f1f1f1}
.employee-row>td:first-child{white-space:normal;overflow-wrap:anywhere}
.employee-row .total-hours{font-weight:700}
.employee-row>td{font-variant-numeric:tabular-nums}
.daily table{width:100%;max-width:730px;table-layout:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){.employee-table>tbody>.employee-row>td{transition:none}}
@media(max-width:760px){.table-note{padding:0 15px 15px}}
