.clock-shell{color:#172940;background:radial-gradient(at 10% 20%,#e4efeb,#0000 50%),#f5f7fa;min-height:100vh}.clock-main{max-width:880px;margin:0 auto;padding:32px 24px}.clock-status{color:#60716f;justify-content:space-between;gap:16px;margin:8px 0 22px;font-size:13px;display:flex}.clock-card{background:#fff;border:1px solid #e1e8e6;border-radius:24px;padding:42px 48px;box-shadow:0 18px 60px #1d3d3320}.clock-card h1{letter-spacing:-1px;margin:16px 0;font-size:34px}.clock-card p{color:#64736f;line-height:1.7}.clock-card label{gap:8px;margin:18px 0;display:grid}.clock-card form{max-width:450px}.clock-card input,.clock-card select{border:1px solid #c9d6d2;border-radius:12px;width:100%;padding:16px;font-size:18px}.clock-card button{min-height:50px}.clock-card .clock-time{letter-spacing:-3px;color:#193c36;margin:10px 0;font-size:64px;font-weight:650;line-height:1}.clock-search{margin:14px 0}.clock-matches{gap:10px;display:grid}.clock-matches button{text-align:left;background:#f6f9f8;border:1px solid #dce6e2;border-radius:14px;align-items:center;gap:16px;width:100%;padding:18px;display:flex}.clock-matches button>span:nth-child(2){flex:1}.clock-matches strong{font-size:20px;display:block}.clock-matches small{color:#64736f;margin-top:4px;display:block}.clock-actions{gap:16px;margin:25px 0;display:flex}.clock-actions button{flex:1;justify-content:center;min-height:76px;font-size:21px}.clock-camera{aspect-ratio:4/3;background:#14241f;border-radius:18px;max-width:520px;margin:20px auto;overflow:hidden}.clock-camera video,.clock-camera img{object-fit:contain;width:100%;height:100%}.clock-camera video{transform:scaleX(-1)}.clock-card label.clock-consent{align-items:center;display:flex}.clock-consent input{flex-shrink:0;width:24px;height:24px}.clock-complete{text-align:center}.clock-success-icon{color:#22815d;background:#e3f5ec;border-radius:50%;place-items:center;width:90px;height:90px;margin:15px auto;display:grid}.attendance-main{max-width:1440px;margin:auto;padding:40px 30px}.attendance-main .pagehead{padding:0 0 30px}.attendance-toolbar{flex-wrap:wrap;align-items:end;gap:12px;padding:20px;display:flex}.attendance-toolbar label,.attendance-form label{color:#4b5c67;gap:6px;font-size:13px;display:grid}.attendance-toolbar input,.attendance-toolbar select,.attendance-form input,.attendance-form select,.attendance-form textarea{background:#fff;border:1px solid #c8d3d8;border-radius:8px;padding:10px}.attendance-tabs{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.attendance-tabs button[aria-pressed=true]{color:#fff;background:#163e34}.attendance-main .panel{margin-bottom:24px}.attendance-main td small{color:#657780;margin-top:5px;display:block}.attendance-main td{vertical-align:middle}.attendance-main .metrics{margin-bottom:24px}.attendance-main .metrics article{padding:22px}.attendance-main .metrics strong{font-size:34px}.attendance-section{padding:26px}.attendance-form{flex-wrap:wrap;align-items:end;gap:16px;margin:20px 0;display:flex}.attendance-form label{flex:1;min-width:150px}.attendance-form textarea{min-height:72px}.attendance-form .full{flex-basis:100%}.attendance-badge{white-space:nowrap;background:#ecf1f3;border-radius:7px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;display:inline-flex}.attendance-badge.working{color:#185b43;background:#e2f3e9}.attendance-issue{color:#9c5a1c;font-size:12px}.attendance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.attendance-links{flex-wrap:wrap;gap:12px;display:flex}.attendance-links a{border:1px solid #cbdcd5;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;display:inline-flex}.attendance-code{letter-spacing:6px;color:#164e3f;font-size:35px;font-weight:650}.attendance-modal{z-index:100;background:#101f30aa;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.attendance-modal>section{background:#fff;border-radius:18px;width:min(700px,100%);max-height:90vh;padding:26px;overflow:auto}.attendance-modal img{object-fit:contain;width:100%;max-height:65vh}.schedule-row{border-bottom:1px solid #e5ebe8;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 0;display:flex}.schedule-row label{align-items:center;gap:4px;display:flex}.schedule-row input[type=checkbox]{width:auto}.attendance-period{border-bottom:1px solid #e1e9e5;padding:20px 0}.attendance-period h3{margin:0 0 8px}.attendance-period .attendance-links{margin-top:12px}.attendance-muted{color:#657780;font-size:13px;line-height:1.65}.attendance-last{color:#617569;font-size:12px}.attendance-toggle{align-items:center;gap:10px;display:flex}.attendance-empty{text-align:center;color:#657780;padding:44px}@media (width<=850px){.attendance-grid{grid-template-columns:1fr}.attendance-main{padding:24px 16px}.clock-card{padding:26px 22px}.clock-card h1{font-size:28px}.clock-card .clock-time{font-size:50px}.clock-main{padding:18px 16px}.clock-shell .site-topbar{flex-wrap:wrap;gap:14px}.attendance-main .pagehead{flex-wrap:wrap}.attendance-toolbar{padding:16px}.attendance-main .metrics{grid-template-columns:repeat(2,1fr)}.clock-actions button{font-size:17px}.attendance-main .site-topbar{flex-wrap:wrap}}.attendance-workspace{color:#1c3447;background:#f5f7fa}.attendance-workspace .site-topbar{border-bottom:1px solid #dde6ed;min-height:84px;padding:18px 30px}.attendance-workspace .admin-nav{margin-left:22px}.attendance-main{max-width:1530px;padding:34px 36px}.attendance-main .pagehead{color:#172e40;background:0 0;align-items:flex-start;padding:0 0 26px}.attendance-main .pagehead .eyebrow{color:#638096;margin-bottom:9px;font-size:12px}.attendance-main .pagehead h1{font-family:var(--sans);letter-spacing:-1.1px;font-size:34px;font-weight:650;line-height:1.3}.attendance-main .pagehead h1+p{color:#6b8292;margin-top:9px;font-size:15px}.attendance-main .pagehead .attendance-links a{background:#fff;border-color:#d8e3eb;padding:10px 15px;font-size:14px}.attendance-tabs{background:#fff;border:1px solid #dde6ed;border-radius:12px;gap:4px;margin:0 0 26px;padding:8px;box-shadow:0 3px 12px #17394b04}.attendance-tabs>button{color:#627f91;background:0 0;border:0;border-radius:7px;min-height:42px;padding:10px 15px;font-size:14px;font-weight:550}.attendance-tabs>button[aria-pressed=true]{color:#235573;box-shadow:none;background:#eaf1f7;font-weight:650}.attendance-workspace[data-company=buildkrew] .attendance-tabs>button[aria-pressed=true]{color:#276553;background:#eaf4ef}.attendance-main .metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:25px}.attendance-main .metrics article{border:1px solid #dce6ed;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;min-height:127px;padding:21px 24px;display:flex;box-shadow:0 3px 12px #17394b03}.attendance-main .metrics article>span{color:#617d8f;font-size:14px;font-weight:500;line-height:1.5}.attendance-main .metrics article>strong{font-family:var(--sans);letter-spacing:-1.3px;color:#23445d;margin:0;font-size:35px;font-weight:600}.attendance-main .metrics .metric-green>strong{color:#32816b}.attendance-main .metrics .metric-amber>strong{color:#ab7732}.attendance-main .panel{border-color:#dce6ed;border-radius:13px;box-shadow:0 4px 18px #24445404}.attendance-main .panelhead{border-bottom-color:#e4ebf1;padding:20px 24px}.attendance-main .panelhead h2{letter-spacing:-.2px;font-size:17px;font-weight:650}.attendance-main .attendance-toolbar{background:#fbfcfd;border-bottom:1px solid #e4ebf1;gap:12px;padding:20px 24px}.attendance-main .attendance-toolbar label{letter-spacing:.02em;color:#628095;font-size:12px}.attendance-main .attendance-toolbar input,.attendance-main .attendance-toolbar select{border-color:#d5e1e9;min-height:43px;padding:10px 12px;font-size:14px}.attendance-main th{color:#688294;letter-spacing:.04em;background:#f8fafc;padding:13px 24px;font-size:12px;font-weight:650}.attendance-main td{color:#314e64;border-bottom:1px solid #edf1f5;padding:16px 24px;font-size:14px}.attendance-main td>strong{font-weight:600}.attendance-main td small{color:#6e8799;font-size:12px;line-height:1.6}.attendance-main td button{border-color:#dbe5ec;border-radius:7px;min-height:35px;padding:7px 12px;font-size:12px}.attendance-main .attendance-badge{color:#536f83;background:#edf2f6;padding:5px 9px;font-size:12px}.attendance-main .attendance-badge.working{color:#317b5e;background:#e9f5ee}.attendance-main .attendance-section{padding:28px}.attendance-section>h2{letter-spacing:-.5px;margin-bottom:10px;font-size:23px}.attendance-section>p{color:#678093;font-size:15px;line-height:1.8}.attendance-form input,.attendance-form select,.attendance-form textarea{border-color:#d2dfe9;font-size:15px}.attendance-main .attendance-period{padding:24px 0}.attendance-main .attendance-period h3{color:#284c67;font-size:18px;font-weight:600}.clock-pin-settings{background:#f5f9fc;border:1px solid #d7e4ed;border-radius:12px;grid-template-columns:1fr 1.2fr;gap:32px;margin-bottom:32px;padding:26px;display:grid}.pin-settings-icon{color:#3b708e;background:#e5eff7;border-radius:11px;place-items:center;width:44px;height:44px;margin-bottom:15px;display:grid}.clock-pin-settings h3{letter-spacing:-.4px;font-size:21px;font-weight:650}.clock-pin-settings p:not(.error):not(.success){color:#617d90;margin:9px 0 13px;font-size:14px;line-height:1.8}.clock-pin-settings .attendance-form{align-content:center;margin:0}.clock-pin-settings input{letter-spacing:7px;font-variant-numeric:tabular-nums}.clock-pin-settings label{font-size:13px}.clock-pin-settings .full{flex-basis:100%;font-size:14px}.attendance-modal>section{border:1px solid #d8e3eb;border-radius:16px;box-shadow:0 25px 100px #0c22364d}.attendance-modal h2{letter-spacing:-.5px;margin-bottom:10px;font-size:24px}.attendance-modal>section>p{color:#6a8293;font-size:15px}.attendance-modal .attendance-form{margin:24px 0 0}@media (width<=1050px){.attendance-workspace .site-topbar{flex-wrap:wrap;gap:14px;padding:16px 24px}.attendance-workspace .admin-nav{margin-left:0}.attendance-main{padding:28px 24px}.attendance-main .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-tabs{gap:5px}.attendance-tabs>span{display:none}.attendance-tabs>button{font-size:13px}.clock-pin-settings{grid-template-columns:1fr;gap:20px}.attendance-main .pagehead{flex-wrap:wrap;gap:20px}}@media (width<=650px){.attendance-main{padding:22px 16px}.attendance-main .pagehead h1{font-size:29px}.attendance-main .metrics{gap:12px}.attendance-main .metrics article{min-height:123px;padding:17px}.attendance-main .metrics article>span{font-size:13px}.attendance-main .metrics article>strong{font-size:30px}.attendance-main .panelhead{padding:18px}.attendance-main .panelhead .attendance-last{text-align:right;max-width:145px}.attendance-main .attendance-toolbar{padding:18px}.attendance-main .attendance-section{padding:21px}.clock-pin-settings{padding:20px}.attendance-main .admin-account{gap:9px}.attendance-workspace .admin-nav{flex-basis:100%;order:3}.attendance-tabs{flex-wrap:wrap}.attendance-main td,.attendance-main th{padding-left:18px;padding-right:18px}}.attendance-workspace .attendance-main .pagehead{padding:0 0 26px}.attendance-workspace .attendance-main .pagehead h1{font-family:var(--sans);font-size:clamp(29px,3vw,34px);font-weight:650}.attendance-punches{gap:8px;width:max-content;min-width:168px;max-width:210px;display:grid}.attendance-record-table td:first-child{min-width:160px}.attendance-record-table td:nth-child(3){white-space:nowrap}