:root{color:#1b3045;font-synthesis:none;background:#f7f3e9;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}header{color:#fff;background:#1b3045;justify-content:space-between;align-items:center;gap:20px;padding:24px max(24px,50vw - 560px);display:flex}header a{color:#fff}h1{margin:4px 0 0;font-family:Georgia,serif;font-size:32px;font-weight:400}.brand{letter-spacing:.22em;font-size:12px}main{max-width:1120px;margin:auto;padding:32px 24px 70px}h2{margin:0 0 20px;font-family:Georgia,serif;font-size:27px;font-weight:400}h3{margin:0 0 12px;font-size:18px}p{line-height:1.6}label{flex-direction:column;gap:7px;font-size:14px;font-weight:600;display:flex}input,select,textarea,button{font:inherit}input,select,textarea{color:#172c40;background:#fff;border:1px solid #9ba7af;border-radius:6px;width:100%;min-height:46px;padding:10px 12px}textarea{resize:vertical;min-height:92px}button,.button{cursor:pointer;color:#fff;background:#1b3045;border:1px solid #1b3045;border-radius:6px;min-height:46px;padding:12px 18px;font-weight:650;text-decoration:none;display:inline-block}button.secondary{color:#1b3045;background:0 0}button.danger{background:#823f32;border-color:#823f32}button:disabled{opacity:.55;cursor:default}a{color:#254d70}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #cb6b40}.card{background:#fffdf8;border:1px solid #d8d8cc;border-radius:12px;margin-bottom:22px;padding:28px}.narrow{max-width:520px;margin:25px auto}.grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.wide{grid-column:1/-1}.row{flex-wrap:wrap;align-items:end;gap:14px;display:flex}.row label{flex:1;min-width:160px}.actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.muted,small{color:#63707a;font-size:13px}.check{flex-direction:row;align-items:center;font-weight:400}.check input{width:20px;min-height:20px;margin-right:5px}.check span{flex:1}.notice{background:#fff0df;border-left:4px solid #bb603d;border-radius:4px;padding:12px 16px;line-height:1.6}.success{background:#e9f3ea;border-left-color:#447656}.message:empty{display:none}.message{white-space:pre-line;background:#fff0df;border:1px solid #d8ab86;border-radius:6px;margin:0 0 22px;padding:14px 18px}nav{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}nav button{color:#1b3045;background:0 0;border-color:#a8b1b6}nav button.active{color:#fff;background:#1b3045}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:#5f6b74;font-size:12px}td,th{border-bottom:1px solid #ddd;padding:13px 10px}td button{min-height:38px;padding:8px 12px;font-size:13px}.table-wrap{overflow-x:auto}.tag{white-space:nowrap;background:#eff6ed;border:1px solid #b7c8bb;border-radius:50px;padding:4px 8px;font-size:12px}.totals{max-width:480px;margin:22px 0 0 auto}.totals div{border-bottom:1px solid #ddd;justify-content:space-between;gap:18px;padding:12px;display:flex}.totals .gross{color:#fff;background:#1b3045;font-size:18px;font-weight:700}.split{grid-template-columns:300px 1fr;align-items:start;gap:22px;display:grid}.staff-list{gap:9px;display:grid}.staff-list button{text-align:left;color:#1b3045;background:#fffdf8;border-color:#d8d8cc}.staff-list button.selected{border:2px solid #1b3045}.staff-list small{margin-top:5px;display:block}details{margin-top:18px}summary{cursor:pointer;font-weight:600}.clock{max-width:660px}.clock select{min-height:64px;font-size:22px}.clock input{letter-spacing:.25em;text-align:center;height:72px;font-size:30px}.clock .clock-buttons{grid-template-columns:1fr 1fr;gap:20px;margin-top:28px;display:grid}.clock button{min-height:84px;font-size:22px}.clock button.secondary{background:#e4ede5}.clock h1{font-size:43px}.clock-time{font-variant-numeric:tabular-nums;margin:20px 0 25px;font-size:22px}.clock label{margin-top:24px;font-size:16px}.pair-code{letter-spacing:.08em;overflow-wrap:anywhere;font-family:monospace;font-size:26px}.hidden,[hidden]{display:none!important}footer{color:#64717a;margin-top:24px;font-size:12px}.modal{z-index:100;background:#152333aa;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal>.card{width:650px;max-height:92vh;margin:0;overflow:auto}.daily{background:#f1f1e8;font-weight:600}@media (width<=760px){.grid,.split{grid-template-columns:1fr}.split{gap:5px}.card,header{padding:20px}main{padding:24px 16px}h1{font-size:27px}.clock .clock-buttons{gap:12px}.clock button{font-size:19px}.staff-list{max-height:240px;overflow:auto}.row{align-items:stretch}.row button{align-self:end}}