@import url('data:text/css,');
:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#1c3032;background:#f5f6f8;font-synthesis:none;--ink:#142c2c;--lime:#d5f48c;--muted:#798589;--border:#e7ebeb;--green:#267258}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .15s,transform .15s}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8aba52;outline-offset:3px}a{color:inherit;text-decoration:none}.hidden{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#fff;border-right:1px solid var(--border);padding:35px 24px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:750;letter-spacing:1.25px}.brand img{width:39px;height:39px}.brand small{display:block;font-size:8px;font-weight:500;letter-spacing:1.8px;margin-top:6px;color:#809092}.workspace-label{font-size:10px;color:#8b9698;font-weight:700;letter-spacing:1.7px;margin:59px 15px 17px}nav{display:grid;gap:9px}.nav{border:0;background:transparent;color:#788285;text-align:left;padding:14px 15px;border-radius:10px;font-size:13px;font-weight:550;display:flex;gap:13px;align-items:center}.nav span{font-size:21px;width:21px;font-weight:400}.nav:hover{background:#f5f7f4}.nav.active{background:#edf3e5;color:#254730}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--border);padding:24px 9px 0;font-size:11px;line-height:1.7;color:#697b78}.sidebar-bottom small{display:block;font-size:10px;color:#8f9b97}.pulse{height:7px;width:7px;border-radius:50%;background:#94c159;float:left;margin:6px 9px 0 0}.version{margin-top:28px;font-size:8px;color:#9ca5a3;letter-spacing:1.5px}.app{margin-left:248px}header{height:86px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.85);display:flex;justify-content:space-between;align-items:center;padding:0 42px;gap:20px}.breadcrumbs{font-size:12px;color:#929b9b}.breadcrumbs span{margin:0 16px;color:#b7c0bf}.breadcrumbs b{color:#4d6060;font-weight:500}.header-right{display:flex;align-items:center;gap:13px}.pill{border-radius:30px;padding:7px 11px;font-size:10px;font-weight:650;white-space:nowrap;background:#edf1ee;color:#567567}.pill.green{background:#e8f4e8;color:#397448}.pill.amber{background:#fff3dc;color:#96713a}.pill.subtle{background:#f1f3f2;color:#74837f}.avatar{display:grid;place-items:center;background:#e8edde;width:33px;height:33px;border-radius:50%;font-size:11px;color:#617049;margin-left:5px}main{max-width:1450px;margin:auto;padding:34px 42px 20px}.demo-banner{background:#fff6df;border:1px solid #ecdfbe;color:#82692f;border-radius:8px;font-size:10px;font-weight:750;letter-spacing:1px;padding:10px 14px;margin-bottom:25px;display:flex;gap:15px}.demo-banner span{letter-spacing:0;font-weight:400}.page-title{display:flex;justify-content:space-between;align-items:center;margin:9px 0 30px;gap:20px}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:650;margin:0 0 13px;color:#829087}h1{font-weight:550;letter-spacing:-1.4px;font-size:35px;line-height:1.2;margin:0 0 11px}h2{font-size:15px;font-weight:650;margin:0;letter-spacing:-.2px}p{font-size:13px;line-height:1.7;color:#7b8887;margin:7px 0}.date-chip{border-left:1px solid #dce1df;padding-left:20px;display:grid;gap:8px;text-align:right;min-width:115px}.date-chip span{font-size:10px;color:#93a09b}.date-chip b{font-size:21px;font-weight:500;letter-spacing:-.6px}.attendance-grid{display:grid;grid-template-columns:1.13fr 1fr;gap:24px}.duty-card{background:var(--ink);border-radius:19px;color:#fff;padding:26px 31px 19px;position:relative;overflow:hidden}.duty-card:before{content:"";position:absolute;width:290px;height:290px;right:-170px;top:80px;border:1px solid #335047;border-radius:50%;box-shadow:0 0 0 34px #28423844,0 0 0 68px #28423822;pointer-events:none}.card-top{display:flex;align-items:center;justify-content:space-between;position:relative}.eyebrow.light{color:#93ada3;font-size:9px;margin:0}.duty-badge{font-size:9px;color:#c0d5b2;background:#29443b;border-radius:20px;padding:7px 10px}.employee-line{display:flex;align-items:center;gap:13px;margin-top:29px}.employee-avatar{width:42px;height:42px;border:1px solid #718b57;border-radius:50%;background:#425b40;display:grid;place-items:center;font-size:13px;color:#d4ecae}.employee-line h2{font-size:18px;font-weight:500}.employee-line p{font-size:11px;color:#a1b8af;margin:4px 0 0}.timer-label{margin-top:31px;color:#93aaa1;font-size:9px;letter-spacing:1.7px}.timer{font-size:59px;letter-spacing:1px;font-weight:350;font-variant-numeric:tabular-nums;line-height:1.25;margin-top:4px}.timer span{color:#759387;font-weight:300}.timer-meta{font-size:11px;color:#8eaba0;margin:7px 0 25px;min-height:17px}.punch-button{position:relative;background:var(--lime);color:#243423;width:100%;border:0;border-radius:10px;display:flex;align-items:center;gap:12px;justify-content:space-between;padding:16px 18px;font-size:14px;font-weight:650}.punch-button:hover{background:#e2ffac}.punch-button span:nth-child(2){margin-right:auto}.scan-icon{font-size:23px;line-height:15px}.secondary-actions{display:flex;gap:12px;margin-top:13px}.secondary-actions button{background:transparent;color:#b6c8c0;border:1px solid #375349;border-radius:8px;flex:1;font-size:11px;padding:11px 5px}.secondary-actions button:hover{background:#2c443a}.proof-label{font-size:9px;color:#8fa79b;text-align:center;margin:15px 0 0}.context-column{display:flex;flex-direction:column;gap:20px}.panel{background:#fff;border:1px solid var(--border);border-radius:15px;padding:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.mini-icon{color:#8c9a96;font-size:18px}.assignment{flex:1}.assignment label{font-size:9px;letter-spacing:1.3px;font-weight:650;color:#87938f;margin-top:20px}.assignment label .muted{font-weight:400;margin-left:6px;font-size:8px}.assignment select{margin-top:7px}label{display:block;font-size:11px;font-weight:600;margin:18px 0 7px;color:#657671}select,input,textarea{width:100%;background:#fbfcfc;border:1px solid #e1e6e3;border-radius:7px;padding:12px;color:#374d45;font-size:12px}input::placeholder{color:#a0aaa5}select{cursor:pointer}.duty-card select{position:relative;background:#2d473d;color:#e2efd8;border-color:#4a6659;margin-top:12px}.duty-card label{color:#b1c6bd}.location-strip{display:flex;align-items:center;gap:9px;border-top:1px solid #eff1ef;margin-top:24px;padding-top:18px}.location-strip b{font-size:10px;font-weight:550;display:block;color:#73876d}.location-strip small{font-size:9px;color:#97a095;display:block;margin-top:4px;line-height:1.5}.location-dot{width:7px;height:7px;border:2px solid #91b178;border-radius:50%;flex-shrink:0}.location-strip .icon-button{margin-left:auto}.icon-button{border:0;background:transparent;color:#85998c;font-size:20px;padding:6px 10px}.sync-card .section-heading{margin-bottom:10px}.sync-card h2{font-size:13px}.sync-card p{font-size:11px;line-height:1.8;max-width:320px}.sync-footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:15px}.sync-footer small{font-size:9px;color:#a0aaa4}.link-button{border:0;background:transparent;color:#567950;font-size:10px;font-weight:650;padding:4px 0}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}.stat{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:18px 21px}.stat-icon{background:#f2f5ec;border:1px solid #e9eee0;color:#87976d;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:18px}.stat small{display:block;font-size:9px;color:#919c95;margin-bottom:6px}.stat b{font-size:15px;font-weight:550}.recent-panel{padding:25px}.recent-panel .section-heading{margin-bottom:13px}.small{font-size:11px}.muted{color:#909b96}.empty{text-align:center;padding:22px;color:#939e99;font-size:12px}.event-row{display:flex;align-items:center;gap:14px;border-top:1px solid #edf0ed;padding:16px 0}.event-icon{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#f3f6ed;color:#7e9466;font-size:15px;flex-shrink:0}.event-main{flex:1;min-width:0}.event-main b{display:block;font-size:12px;font-weight:600}.event-main small{font-size:10px;display:block;color:#96a099;margin-top:5px}.event-time{font-size:10px;color:#87938d}.onboarding{display:flex;gap:25px;padding:42px;min-height:330px;align-items:center}.onboarding h2{font-size:26px;font-weight:500;letter-spacing:-.8px}.onboarding-icon{font-size:90px;color:#87a958;width:130px;text-align:center}.onboarding form{margin:22px 0}.inline{display:flex;gap:12px;align-items:center}.inline input{flex:1}.primary,.secondary,.danger{padding:12px 18px;border-radius:8px;font-size:11px;font-weight:650;border:1px solid transparent;white-space:nowrap}.primary{background:var(--ink);color:#fff}.primary:hover{background:#29473f}.secondary{border-color:#dee6dc;background:#fff;color:#57724d}.secondary:hover{background:#f1f5ec}.danger{background:#fff0ea;border-color:#ead7cf;color:#a55334}.full{width:100%;margin-top:14px}.spaced{margin-top:24px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feature-list{list-style:none;padding:0}.feature-list li{padding:17px 0;border-bottom:1px solid #edf1e9}.feature-list b{font-size:12px;display:block;margin-bottom:6px}.feature-list span{font-size:12px;line-height:1.7;color:#8a988b}.login-panel{max-width:420px}.wrap{word-break:break-all}.toast{position:fixed;bottom:26px;left:calc(50% + 90px);transform:translateX(-50%);background:#1f3c32;color:#f3f9e9;padding:15px 22px;font-size:12px;line-height:1.5;border-radius:12px;max-width:590px;width:max-content;box-shadow:0 6px 28px #13302326;z-index:10}.toast.error{background:#864d36}footer{font-size:8px;letter-spacing:1px;color:#9fa9a2;margin-top:35px;display:flex;gap:19px;padding:10px 0}footer span{letter-spacing:0}footer span:last-child{margin-left:auto}dialog{border:1px solid #dce5d9;border-radius:18px;padding:28px;max-width:470px;width:90%;box-shadow:0 10px 80px #132d3344}dialog::backdrop{background:#0d252976}video{width:100%;border-radius:11px;background:#172b27;transform:scaleX(-1)}.review-photo{width:100%;max-height:240px;object-fit:contain;border-radius:8px}.review-row,.team-row,.device-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eef0ec;gap:15px;padding:15px 0}.review-row b,.team-row b,.device-row b{font-size:12px}.review-row small,.team-row small,.device-row small{display:block;font-size:10px;margin-top:5px;color:#89988c}.notice{padding:16px;border:1px solid #ecd9b0;background:#fff7e6;border-radius:9px;margin-bottom:20px;font-size:12px;line-height:1.6}textarea{resize:vertical}#reviewEvidence{font-size:12px;line-height:1.7;color:#6c7d70;margin:16px 0}
@media(min-width:1500px){main{padding-top:45px}.attendance-grid{grid-template-columns:1.1fr 1fr}.duty-card{padding:30px 40px 22px}.timer{font-size:73px}.timer-label{margin-top:36px}}
@media(max-width:1150px){.sidebar{width:205px;padding:30px 17px}.app{margin-left:205px}header{padding:0 25px}main{padding:28px 25px}.brand{font-size:11px;gap:8px}.brand img{width:33px;height:33px}.brand small{font-size:7px}.attendance-grid{gap:18px}.duty-card{padding:24px}.panel{padding:21px}.timer{font-size:48px}.stat{padding:16px 12px;gap:10px}.stat b{font-size:13px}.header-right{gap:8px}.date-chip{display:none}}
@media(max-width:850px){.sidebar{width:78px;padding:25px 13px}.brand img{width:40px}.brand span,.workspace-label,.sidebar-bottom{display:none}nav{margin-top:45px}.nav{font-size:0;padding:14px;gap:0}.nav span{font-size:23px}.app{margin-left:78px}.breadcrumbs{display:none}header{justify-content:flex-end;height:70px}.page-title h1{font-size:30px}.timer{font-size:42px}.attendance-grid{grid-template-columns:1fr 1fr}.employee-line h2{font-size:16px}.duty-card{padding:22px 19px}.stat-row{gap:10px}.stat-icon{display:none}.two-col{grid-template-columns:1fr}.toast{left:calc(50% + 39px);max-width:calc(100% - 110px)}.onboarding-icon{display:none}}
@media(max-width:650px){.sidebar{inset:auto 0 0;width:100%;height:68px;padding:5px 15px;border-right:0;border-top:1px solid #e6eae3}.brand{display:none}nav{display:flex;margin:0;justify-content:space-around;gap:2px}.nav{font-size:8px;padding:7px 8px;gap:3px;flex-direction:column;justify-content:center;min-width:65px;line-height:1.5}.nav span{font-size:19px;text-align:center}.app{margin-left:0}header{height:61px;padding:0 20px;justify-content:space-between}.header-right{width:100%}.header-right .avatar{margin-left:auto}.pill{font-size:9px;padding:6px 9px}main{padding:22px 18px 90px}.demo-banner{font-size:8px;gap:8px;padding:9px}.demo-banner span{font-size:9px}.page-title{margin:7px 0 22px;align-items:flex-start}.page-title h1{font-size:29px;letter-spacing:-1px}.page-title p{font-size:12px}.page-title .eyebrow{font-size:9px}.page-title>button{font-size:9px;padding:9px}.attendance-grid{grid-template-columns:1fr;gap:18px}.duty-card{padding:23px 25px}.timer{font-size:65px}.timer-label{margin-top:26px}.employee-line{margin-top:23px}.employee-line h2{font-size:19px}.timer-meta{margin-bottom:23px}.punch-button{padding:18px}.secondary-actions button{padding:13px}.proof-label{font-size:10px}.context-column{gap:16px}.panel{padding:21px;border-radius:14px}.stat-row{gap:8px;margin:18px 0}.stat{padding:16px 10px}.stat small{font-size:8px}.stat b{font-size:12px}.section-heading{margin-bottom:18px}.recent-panel .section-heading h2{font-size:14px}.link-button{font-size:10px}.event-row{gap:9px}.event-time{font-size:9px}.event-main small{font-size:9px}.event-row .pill{font-size:8px;padding:6px}.onboarding{padding:25px;display:block}.onboarding h2{font-size:24px}.onboarding .inline{flex-direction:column;align-items:stretch}.onboarding form{margin-top:20px}.onboarding input{width:100%}.onboarding .primary{padding:14px}.toast{bottom:82px;left:50%;max-width:calc(100% - 34px)}footer{font-size:7px;gap:9px;flex-wrap:wrap}footer span:last-child{margin:0}.two-col{gap:17px}.review-row{align-items:flex-start}#reviewDialog .inline{gap:6px}#reviewDialog button{padding:11px}.sync-card p{max-width:none}}