:root{font-family:Arial,Helvetica,sans-serif;color:#321d25;background:#f7f5f4}*{box-sizing:border-box}body{margin:0}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}.shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}.sidebar{background:#4b1828;color:#fff6e9;padding:30px 20px;display:flex;flex-direction:column;gap:32px}.brand{display:flex;gap:12px;align-items:center;font-weight:800;font-size:19px;letter-spacing:.02em}.brandmark{background:#d9b36c;color:#4b1828;display:grid;place-items:center;width:37px;height:37px;border-radius:10px;font-size:20px}.sideitem{background:#672d3e;border:1px solid #845162;border-radius:10px;padding:13px 15px;font-size:15px;font-weight:700}.sidefoot{margin-top:auto;color:#dcc9c5;font-size:13px}.main{padding:34px clamp(20px,5vw,75px);max-width:1300px;width:100%;margin:auto}.topline{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:37px}.eyebrow{color:#755c66;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1{font-size:clamp(30px,4vw,44px);letter-spacing:-.04em;margin:8px 0 0}h2{font-size:20px;margin:0}.date{font-size:15px;color:#755c66}.grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:22px}.card{background:#fff;border:1px solid #e8dde0;border-radius:18px;box-shadow:0 8px 24px #1d35430a}.clockcard{padding:clamp(24px,4vw,42px)}.status{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:30px;background:#f9eee2;color:#725225;font-size:13px;font-weight:800}.status.off{background:#f4eeee;color:#745c65}.dot{width:8px;height:8px;border-radius:50%;background:currentColor}.time{font-size:clamp(56px,8vw,98px);line-height:1;letter-spacing:-.07em;font-weight:750;margin:24px 0 8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ampm{font-size:23px;letter-spacing:0;color:#755c66;font-weight:600;margin-left:7px}.clockmeta{font-size:15px;color:#755f68}.primary{border:0;border-radius:11px;background:#71283f;color:white;padding:16px 26px;font-size:16px;font-weight:800;margin-top:30px;min-width:190px}.primary:hover{background:#5a1d32}.primary.out{background:#50313e}.summary{padding:28px}.metric{font-size:38px;font-weight:760;letter-spacing:-.05em;margin:25px 0 2px}.label{font-size:14px;color:#755f68}.divider{height:1px;background:#ede4e6;margin:23px 0}.below{margin-top:23px;padding:28px}.row{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #ede5e6;padding:17px 0;font-size:14px}.row:first-of-type{margin-top:18px}.muted{color:#755f68}.error{color:#aa2e3a;margin-top:14px}.success{color:#71283f;margin-top:14px}.tabs{display:flex;gap:9px}.tab{border:1px solid #e7dce0;background:#fff;border-radius:9px;padding:10px 15px;color:#6b3b4c;font-weight:700}.tab.active{background:#592038;color:#fff}.admin{margin-top:23px}.adminhead{display:flex;justify-content:space-between;gap:15px;align-items:center}.export{border:1px solid #dacbd0;background:#fff;border-radius:9px;padding:11px 15px;font-weight:700;color:#592038}.tablewrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:14px;margin-top:16px}.table th{text-align:left;color:#745d66;background:#faf6f5;font-size:13px;padding:14px}.table td{border-top:1px solid #eee5e8;padding:14px;white-space:nowrap}.empty{padding:25px;color:#755f68}.signin{max-width:440px;margin:15vh auto;background:white;padding:36px;border-radius:18px}.signin a{display:inline-block;background:#71283f;color:white;padding:14px 18px;border-radius:9px;margin-top:20px;text-decoration:none;font-weight:700}@media(max-width:850px){.shell{display:block}.sidebar{padding:15px 20px;flex-direction:row;justify-content:space-between;align-items:center}.sidebar .sideitem,.sidefoot{display:none}.main{padding:25px 18px}.grid{grid-template-columns:1fr}.topline{align-items:flex-start}.date{text-align:right}.clockcard{padding:28px}.time{font-size:64px}}:focus-visible{outline:3px solid #d9b36c;outline-offset:2px}.brandmark{font-family:Georgia,serif;font-weight:700}.card{box-shadow:0 8px 24px #4b18280d}.eyebrow{color:#855971}.export,.primary,.tab{min-height:48px}.primary:hover{background:#572034}.signin{border:1px solid #e8dde0;box-shadow:0 12px 38px #4b182818}.clockcard{border-top:4px solid #d9b36c}.authform{display:grid;gap:18px;margin-top:24px}.authform label{display:grid;gap:8px;font-size:14px;font-weight:700}.authform input,.staffform input,.staffform select{width:100%;border:1px solid #dacbd0;border-radius:9px;padding:13px 14px;font:inherit;background:white;color:#321d25}.authform .primary{margin:4px 0 0;width:100%}.authsecondary{border:1px solid #d9b36c;background:#fffaf0;color:#572034;padding:13px 15px;border-radius:9px;width:100%;margin-top:12px;font-weight:700}.authlinks{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.authlinks button,.textbutton{border:0;background:none;color:#71283f;text-decoration:underline;font-size:14px}.staffform{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:20px 0}.staffform label{display:grid;gap:6px;min-width:170px;flex:1 1;font-size:14px}.staffform button{min-height:48px}.staffnote{color:#755f68;font-size:14px;line-height:1.5}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select{font:inherit}