:root{color:#213c2e;font-synthesis:none;text-rendering:optimizelegibility;font-optical-sizing:auto;--canvas:#f7f9f5;--green:#286946;--ink:#1d392c;--muted:#839084;background:#f7f9f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--canvas);min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #9fc88d}::selection{color:#1f4931;background:#d6e9cf}h1,h2,h3,.brand b,.summary-value,.clock-digital{font-family:Inter,ui-sans-serif,system-ui,sans-serif}button:disabled{cursor:not-allowed}.app-shell{background:var(--canvas);grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;z-index:4;background:#15382f;flex-direction:column;height:100vh;padding:26px 17px 17px;display:flex;position:sticky;top:0}.brand{color:#fff;align-items:center;gap:11px;padding:0 8px;text-decoration:none;display:flex}.brand>span:last-child{flex-direction:column;gap:1px;display:flex}.brand b{letter-spacing:-.3px;font-size:15px}.brand small{letter-spacing:2.4px;color:#b1d2bd;font-size:9px;font-weight:700}.brand-mark{color:#14372f;background:#78ad78;border-radius:12px;place-items:center;width:37px;height:37px;display:grid;box-shadow:0 6px 17px #0d271c55}.company-chip{color:#c1d3c8;align-items:center;gap:8px;margin:23px 8px 34px;font-size:10px;display:flex}.company-dot{background:#9acb8f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #ffffff12}.nav-caption{color:#83a092;letter-spacing:1.5px;padding:0 11px 10px;font-size:9px;font-weight:750}.side-nav{gap:5px;display:grid}.side-nav button{color:#c4d5cc;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:11px 12px;font-size:12px;font-weight:550;transition:all .16s;display:flex}.side-nav button:hover{color:#fff;background:#ffffff12}.side-nav button.selected{color:#fff;background:#2d5548;box-shadow:inset 3px 0 #a4d38e}.side-nav button.selected svg{color:#b6dd9e}.sidebar-bottom{margin-top:auto}.privacy-note{color:#b8d0c4;background:#20463b;border-radius:10px;align-items:flex-start;gap:9px;margin:0 8px 15px;padding:12px 10px;font-size:10px;line-height:1.5;display:flex}.privacy-note svg{color:#b3d798;flex:none;margin-top:1px}.demo-person-picker{padding:0 8px 14px}.demo-person-picker label{color:#91ac9f;letter-spacing:.6px;text-transform:uppercase;margin-bottom:6px;font-size:9px;display:block}.demo-person-picker select{color:#fff;background:#20463b;border:1px solid #3e6657;border-radius:7px;width:100%;height:34px;padding:0 9px;font-size:11px}.sidebar-logout{color:#b9ccc2;background:0 0;border:0;border-top:1px solid #315549;align-items:center;gap:9px;width:100%;padding:15px 10px 2px;font-size:11px;display:flex}.sidebar-logout:hover{color:#fff}.main-content{width:100%;min-width:0;max-width:1680px;margin:0 auto;padding:0 clamp(22px,4vw,58px) 25px}.topbar{border-bottom:1px solid #e7ece6;justify-content:space-between;align-items:center;height:66px;margin-bottom:25px;display:flex}.mobile-brand{align-items:center;gap:9px;font-size:14px;display:none}.mobile-brand .brand-mark{border-radius:10px;width:31px;height:31px}.topbar-right{align-items:center;gap:12px;margin-left:auto;display:flex}.demo-pill,.secure-pill{letter-spacing:.35px;border-radius:20px;align-items:center;gap:6px;padding:7px 10px;font-size:9px;font-weight:750;display:inline-flex}.demo-pill{color:#946314;background:#fff3dc}.demo-pill span{background:#c78921;border-radius:50%;width:6px;height:6px}.secure-pill{color:#28654a;background:#eaf5ec}.avatar-button{color:#29543d;background:#dcebdc;border:0;border-radius:50%;width:32px;height:32px;font-size:10px;font-weight:750}.demo-banner{color:#765a1a;background:#fff9e9;border:1px solid #f0dba7;border-radius:9px;align-items:center;gap:10px;margin:-5px 0 24px;padding:11px 14px;font-size:11px;line-height:1.45;display:flex}.demo-banner>svg{color:#ba831b;flex:none}.demo-banner a{white-space:nowrap;color:#6f571f;align-items:center;gap:4px;margin-left:auto;font-weight:700;text-decoration:none;display:flex}.demo-banner a:hover{text-decoration:underline}.page-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin:10px 0 24px;display:flex}.eyebrow{letter-spacing:1.5px;color:#7b9484;text-transform:uppercase;font-size:9px;font-weight:750}.page-heading h1{letter-spacing:-1px;color:#18392f;margin:6px 0;font-size:28px;line-height:1.12}.page-heading p{color:#7b897e;margin:0;font-size:12px}.live-time{color:#566b5e;font-variant-numeric:tabular-nums;align-items:center;gap:8px;padding-bottom:2px;font-size:12px;display:flex}.live-dot{background:#45a775;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #e1f2e7}.clock-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:start;gap:17px;display:grid}.clock-card{background:#fff;border:1px solid #e2e9e0;border-radius:16px;min-height:345px;padding:25px 27px 22px;position:relative;overflow:hidden;box-shadow:0 9px 30px #1d39240b}.clock-card:after{content:"";pointer-events:none;background:#eef6ed;border-radius:50%;width:210px;height:210px;position:absolute;bottom:-128px;right:-111px}.clock-card-on{border-color:#d7ebdc}.clock-card-top{z-index:1;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative}.clock-card-top h2{letter-spacing:-.4px;color:#1f3d31;margin:7px 0 5px;font-size:17px}.clock-card-top p{color:#819083;margin:0;font-size:11px}.status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:6px 9px;font-size:9px;font-weight:750;display:inline-flex}.status-badge i,.access-status i{background:currentColor;border-radius:50%;width:6px;height:6px}.status-off{color:#7d897e;background:#f1f3ef}.status-on{color:#30734c;background:#e6f5e9}.status-done{color:#456b9e;background:#eaf0f8}.clock-digital{color:#193f31;letter-spacing:-4px;font-variant-numeric:tabular-nums;z-index:1;margin:43px 0 4px;font-size:68px;font-weight:680;line-height:1;position:relative}.clock-day{color:#859185;z-index:1;margin-bottom:22px;font-size:11px;position:relative}.clock-action{z-index:1;color:#fff;background:#276846;border:0;border-radius:9px;justify-content:center;align-items:center;gap:9px;width:100%;height:46px;font-size:12px;font-weight:750;transition:all .16s;display:flex;position:relative;box-shadow:0 5px 14px #28694626}.clock-action:hover{background:#20573a;transform:translateY(-1px)}.clock-action:disabled{color:#89958a;box-shadow:none;cursor:not-allowed;background:#e8eee8;transform:none}.clock-action-out{background:#a85442;box-shadow:0 5px 14px #a854421b}.clock-action-out:hover{background:#914438}.clock-action svg:last-child{margin-left:auto;margin-right:14px}.clock-action svg:first-child{margin-left:14px}.location-hint{z-index:1;color:#849084;text-align:center;justify-content:center;align-items:center;gap:6px;margin-top:13px;font-size:9px;display:flex;position:relative}.location-hint svg{color:#72907b;flex:none}.clock-side{gap:13px;display:grid}.side-card{background:#fff;border:1px solid #e5ebe3;border-radius:13px;padding:16px 17px;box-shadow:0 5px 20px #1e3a2507}.side-card-title{color:#2e4939;align-items:center;gap:8px;font-size:11px;font-weight:720;display:flex}.icon-square{color:#4b815b;background:#edf5eb;border-radius:8px;place-items:center;width:27px;height:27px;display:grid}.side-card-date{color:#97a296;margin-left:auto;font-size:9px;font-weight:600}.mini-metrics{justify-content:space-between;gap:8px;padding:17px 1px 14px;display:flex}.mini-metrics>div{gap:4px;display:grid}.mini-metrics b{letter-spacing:-.7px;color:#254838;font-variant-numeric:tabular-nums;font-size:19px}.mini-metrics b small{margin-left:2px;font-size:12px}.mini-metrics span{color:#8d988c;font-size:9px}.week-progress{background:#eef2ec;border-radius:5px;height:5px;overflow:hidden}.week-progress span{background:#72a775;border-radius:5px;height:100%;transition:width .2s;display:block}.week-progress-label{color:#9aa49a;text-align:right;margin-top:6px;font-size:9px}.location-card{background:#f8faf6;align-items:flex-start;gap:11px;display:flex}.location-icon{color:#52805a;background:#eaf4e9;border-radius:9px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid}.location-card b{color:#385340;font-size:10px}.location-card p{color:#859185;margin:4px 0 0;font-size:9px;line-height:1.55}.history-card{padding-bottom:9px}.activity-list{margin-top:12px}.activity-item{border-top:1px solid #f0f2ee;align-items:center;gap:9px;padding:9px 0;display:flex}.activity-dot{background:#75a776;border-radius:50%;flex:0 0 7px;width:7px;height:7px}.activity-item>span:nth-child(2){gap:3px;min-width:0;display:grid}.activity-item b{color:#435c49;font-size:10px}.activity-item small{color:#939d92;font-size:8px}.activity-item strong{white-space:nowrap;color:#728175;margin-left:auto;font-size:9px;font-weight:650}.activity-empty{color:#9aa49a;text-align:center;padding:21px 10px 16px;font-size:10px}.app-footer{color:#a0aaa0;border-top:1px solid #e7ece6;justify-content:space-between;margin-top:40px;padding-top:15px;font-size:9px;display:flex}.heading-actions{align-items:center;gap:12px;display:flex}.button{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 12px;font-size:10px;font-weight:700;transition:all .15s;display:inline-flex}.button:disabled{opacity:.65;cursor:not-allowed}.button-primary{color:#fff;background:#286946;box-shadow:0 3px 9px #28694620}.button-primary:hover:not(:disabled){background:#20583a}.button-secondary{color:#526755;background:#fff;border-color:#dfe6dc}.button-secondary:hover{background:#f6f9f5}.button-full{width:100%;height:43px;font-size:11px}.week-switcher{background:#fff;border:1px solid #e2e8df;border-radius:8px;align-items:center;gap:4px;padding:3px;display:flex}.week-switcher button{color:#64816c;background:0 0;border:0;border-radius:6px;place-items:center;width:26px;height:26px;display:grid}.week-switcher button:hover:not(:disabled){background:#eff5ed}.week-switcher button:disabled{opacity:.35}.week-switcher span{color:#536757;white-space:nowrap;padding:0 8px;font-size:9px;font-weight:650}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.summary-card{background:#fff;border:1px solid #e4eae2;border-radius:12px;flex-direction:column;min-height:109px;padding:16px 17px 14px;display:flex}.summary-card-top{color:#7c897d;justify-content:space-between;align-items:center;font-size:10px;font-weight:650;display:flex}.summary-icon{border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.summary-icon.green{color:#428055;background:#e9f5e8}.summary-icon.blue{color:#5d7795;background:#e9f0f7}.summary-icon.amber{color:#aa803a;background:#fff4df}.summary-icon.purple{color:#8166a3;background:#f0ecf7}.summary-value{color:#244534;letter-spacing:-.7px;font-variant-numeric:tabular-nums;margin-top:12px;font-size:22px}.summary-card small{color:#9ba49a;margin-top:4px;font-size:9px}.overview-layout{grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:15px;display:grid}.panel{background:#fff;border:1px solid #e3e9e1;border-radius:13px;min-width:0;box-shadow:0 5px 22px #1e3a2507}.panel-head{border-bottom:1px solid #edf0eb;justify-content:space-between;align-items:center;gap:10px;padding:17px 18px;display:flex}.panel-head h2{color:#2a4535;letter-spacing:-.15px;margin:0 0 4px;font-size:13px}.panel-head p{color:#98a198;margin:0;font-size:9px}.panel-label{white-space:nowrap;color:#6d806e;background:#f2f6f0;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:650}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:570px}.data-table th{color:#98a197;text-transform:uppercase;letter-spacing:.8px;text-align:left;background:#fafbf9;border-bottom:1px solid #edf0eb;padding:11px 15px;font-size:8px;font-weight:750}.data-table td{color:#67776a;white-space:nowrap;border-bottom:1px solid #f0f2ee;padding:12px 15px;font-size:9px}.data-table tr:last-child td{border-bottom:0}.table-person{align-items:center;gap:9px;display:flex}.person-avatar{color:#4b7750;background:#e8f1e6;border-radius:9px;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:9px;font-weight:750;display:grid}.table-person span:last-child{gap:3px;display:grid}.table-person b{color:#314a37;font-size:10px}.table-person small{color:#9ba59a;font-size:8px}.table-money{font-weight:700;color:#365c42!important}.inline-status{border-radius:20px;padding:4px 7px;font-size:8px;font-weight:650}.inline-status.done{color:#5e855e;background:#edf5ec}.inline-status.open{color:#a47a32;background:#fff4df}.muted{color:#9ca59b!important}.table-footnote{color:#929d91;border-top:1px solid #edf0eb;align-items:center;gap:7px;padding:11px 16px;font-size:8px;display:flex}.table-footnote svg{color:#a98138;flex:none}.qr-panel{flex-direction:column;align-items:center;padding:17px;display:flex}.qr-heading{align-items:center;gap:9px;width:100%;display:flex}.qr-heading>span:last-child{gap:3px;display:grid}.qr-heading b{color:#36503b;font-size:10px}.qr-heading small{color:#9aa39a;font-size:8px}.qr-frame{background:#fff;border:1px solid #edf0eb;border-radius:10px;place-items:center;width:178px;height:178px;margin:20px auto 12px;display:grid}.qr-frame svg{max-width:150px;height:auto}.qr-placeholder{color:#9aaa9d;text-align:center;justify-items:center;gap:10px;padding:20px;display:grid}.qr-placeholder span{font-size:9px;line-height:1.5}.qr-panel>p{color:#839084;text-align:center;margin:0 0 14px;font-size:9px;line-height:1.6}.qr-url{color:#617765;background:#f6f8f5;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 9px;font-size:8px;display:flex}.qr-url span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qr-url svg{flex:none}.qr-note{color:#a1aaa1;text-align:center;margin-top:9px;font-size:8px}.team-note{color:#5c785d;background:#edf5eb;border:1px solid #e3ede0;border-radius:9px;align-items:center;gap:10px;margin-bottom:15px;padding:11px 13px;font-size:10px;display:flex}.team-note svg{color:#579064;flex:none}.team-panel .data-table{min-width:760px}.team-table td{padding-top:14px;padding-bottom:14px}.rate-button{color:#3b6447;background:0 0;border:0;align-items:center;gap:7px;padding:0;display:flex}.rate-button b{font-size:10px}.rate-button span{color:#9eaa9f;font-size:8px;text-decoration:underline}.rate-edit{border:1px solid #cbdcc9;border-radius:6px;align-items:center;width:94px;height:27px;display:flex;overflow:hidden}.rate-edit>span{color:#708472;padding-left:7px;font-size:10px}.rate-edit input{color:#3c5941;border:0;outline:0;width:53px;padding:0 3px;font-size:9px}.rate-edit button{color:#4e7e55;background:#edf5eb;border:0;align-self:stretch;padding:0 6px}.access-status{border-radius:20px;align-items:center;gap:6px;padding:5px 7px;font-size:8px;font-weight:650;display:inline-flex}.access-status.enabled{color:#518050;background:#edf5ec}.access-status.disabled{color:#888f87;background:#f2f3f1}.quiet-button{color:#798a79;background:0 0;border:0;border-radius:6px;padding:6px 8px;font-size:8px}.quiet-button:hover{color:#395c40;background:#f3f6f2}.empty-state{color:#90a093;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:35px 20px;display:flex}.empty-state svg{color:#92ac93}.empty-state b{color:#637865;font-size:11px}.empty-state span{font-size:9px}.empty-state .button{margin-top:5px}.team-foot-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:13px;display:grid}.team-foot-card{gap:10px;padding:13px 15px;display:flex}.foot-icon{color:#54825b;background:#f0f5ed;border-radius:8px;flex:0 0 29px;place-items:center;width:29px;height:29px;display:grid}.team-foot-card b{color:#3c5741;font-size:10px}.team-foot-card p{color:#89968a;margin:4px 0 0;font-size:8px;line-height:1.55}.demo-footnote{text-align:center;color:#a1aaa0;padding-top:14px;font-size:8px}.alert{border-radius:8px;align-items:center;gap:8px;padding:10px 11px;font-size:10px;line-height:1.4;display:flex}.error-alert{color:#9a4b3c;background:#fff4f1;border:1px solid #f0d3cb}.error-alert svg{flex:none}.error-alert button{color:inherit;background:0 0;border:0;place-items:center;margin-left:auto;padding:2px;display:grid}.login-layout{background:#fff;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-art{color:#fff;background:radial-gradient(circle at 80% 78%,#8cae6c 0,#0000 24%),linear-gradient(145deg,#15392e,#28543d 55%,#527747);flex-direction:column;min-height:100vh;padding:37px clamp(32px,6vw,90px);display:flex;position:relative;overflow:hidden}.login-art:before,.login-art:after{content:"";border:1px solid #ffffff19;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-200px;right:-200px}.login-art:after{width:340px;height:340px;bottom:-110px;right:-115px}.login-art-top{letter-spacing:1.6px;color:#d3e2d4;align-items:center;gap:10px;font-size:9px;display:flex}.login-art-top b{letter-spacing:2.3px;color:#fff;font-size:12px}.login-art .brand-mark{background:#9ec282}.login-art-copy{z-index:1;max-width:470px;margin:auto 0;position:relative}.eyebrow-light{color:#bdd3b4;letter-spacing:1.7px;font-size:9px;font-weight:750}.login-art-copy h1{letter-spacing:-2.6px;margin:15px 0;font-size:clamp(39px,5vw,62px);line-height:1.02}.login-art-copy p{color:#d0e0d0;font-size:13px}.art-leaves{color:#b8d69c;height:120px;margin-top:26px;position:relative}.art-leaves svg{opacity:.82;position:absolute}.leaf-one{width:65px;height:65px;top:24px;left:7px;transform:rotate(-28deg)}.leaf-two{width:90px;height:90px;top:0;left:80px;opacity:.6!important}.leaf-three{width:50px;height:50px;top:31px;left:157px;transform:rotate(21deg)}.login-art-foot{color:#b5cfb7;letter-spacing:.3px;font-size:9px}.login-panel{flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex}.login-card{width:min(365px,100%)}.login-icon,.modal-icon{color:#407550;background:#edf5eb;border-radius:11px;place-items:center;width:39px;height:39px;margin-bottom:20px;display:grid}.login-card h2,.password-card h2{color:#234332;letter-spacing:-.7px;margin:8px 0;font-size:23px}.login-subtitle,.password-card>p{color:#89968b;margin:0 0 23px;font-size:11px;line-height:1.6}.form-stack{gap:15px;display:grid}.form-stack label{color:#627568;gap:7px;font-size:9px;font-weight:700;display:grid}.form-stack input{color:#284532;background:#fff;border:1px solid #dfe7dd;border-radius:8px;outline:none;height:40px;padding:0 11px;font-size:11px}.form-stack input:focus{border-color:#81aa81;box-shadow:0 0 0 3px #edf5eb}.form-stack input::placeholder{color:#b5beb6}.login-help{color:#98a399;text-align:center;margin-top:19px;font-size:9px}.login-footer{color:#92a093;align-items:center;gap:6px;margin-top:42px;font-size:9px;display:flex}.login-footer svg{color:#63906a}.login-mobile-brand{display:none}.password-layout{background:#f5f8f3;place-items:center;min-height:100vh;padding:20px;display:grid}.password-card{background:#fff;border:1px solid #e2e9df;border-radius:16px;width:min(430px,100%);padding:28px;box-shadow:0 12px 35px #1f3f2a10}.password-card .text-button{color:#7b8b7e;background:0 0;border:0;margin:17px auto 0;font-size:10px;display:block}.text-button:hover{text-decoration:underline}.loading-screen{color:#718373;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100vh;font-size:11px;display:flex}.loading-screen .brand-mark{width:43px;height:43px;margin-bottom:3px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{z-index:15;color:#fff;background:#183d2e;border-radius:9px;align-items:center;gap:8px;max-width:calc(100vw - 30px);padding:12px 15px;font-size:10px;animation:.2s ease-out toast-in;display:flex;position:fixed;bottom:21px;right:22px;box-shadow:0 9px 26px #132d2050}.toast svg{color:#b9dfa4}@keyframes toast-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{z-index:20;background:#15352788;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border:1px solid #e2e9df;border-radius:15px;width:min(480px,100%);padding:21px;box-shadow:0 20px 70px #0f2d1d40}.modal-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.modal-head>div{justify-items:start;display:grid}.modal-icon{width:34px;height:34px;margin-bottom:11px}.modal-head h2{color:#284633;margin:0 0 5px;font-size:16px}.modal-head p{color:#8b998d;max-width:360px;margin:0;font-size:9px;line-height:1.5}.icon-button{color:#748276;background:#f1f4f0;border:0;border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.modal-footer{border-top:1px solid #edf0eb;justify-content:space-between;align-items:center;gap:12px;margin-top:19px;padding-top:14px;display:flex}.modal-footer>span{color:#9aa49a;max-width:190px;font-size:8px;line-height:1.5}.modal-footer>div{align-items:center;gap:7px;display:flex}.money-input{color:#7d8a7d;border:1px solid #dfe7dd;border-radius:8px;align-items:center;height:40px;display:flex}.money-input>span{padding-left:11px;font-size:11px}.money-input input{border:0;flex:1;min-width:0;height:100%;box-shadow:none!important}.temp-password{color:#375640;word-break:break-all;background:#f5f8f3;border:1px solid #e4ebe1;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:11px;font-family:ui-monospace,Consolas,monospace;font-size:10px;display:flex}.temp-password button{color:#46744d;font:inherit;white-space:nowrap;background:#e4f0e1;border:0;border-radius:6px;align-items:center;gap:5px;padding:7px;font-family:inherit;display:flex}@media (width<=1100px){.main-content{padding-left:28px;padding-right:28px}.overview-layout{grid-template-columns:minmax(0,1fr) 225px}.summary-grid{gap:9px}.summary-card{padding:14px}.summary-value{font-size:19px}.clock-grid{grid-template-columns:minmax(0,1fr) minmax(255px,.75fr)}}@media (width<=850px){.app-shell{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr auto;align-items:center;height:auto;min-height:0;padding:13px 16px 10px;display:grid;position:relative}.brand{padding:0}.brand-mark{width:33px;height:33px}.company-chip,.nav-caption,.sidebar-bottom{display:none}.side-nav{justify-content:flex-end;gap:3px;display:flex}.side-nav button{border-radius:8px;gap:0;padding:9px;font-size:0}.side-nav button svg{width:17px;height:17px}.side-nav button.selected{box-shadow:inset 0 -2px #a4d38e}.main-content{padding:0 22px 23px}.topbar{height:55px;margin-bottom:20px}.mobile-brand{display:flex}.topbar-right{margin-left:auto}.demo-banner{align-items:flex-start;margin-bottom:19px}.demo-banner a{font-size:9px}.overview-layout{grid-template-columns:1fr}.qr-panel{grid-template-columns:1fr 180px;align-items:center;column-gap:15px;display:grid}.qr-heading{grid-column:1}.qr-frame{grid-area:1/2/5;width:160px;height:160px;margin:0}.qr-panel>p,.qr-url,.qr-note{grid-column:1}.qr-panel>p{text-align:left;margin:11px 0 7px}.qr-url{max-width:250px}.qr-note{text-align:left}.clock-grid{grid-template-columns:1fr 1fr}.clock-card{padding:21px}.clock-digital{margin-top:35px;font-size:57px}.clock-side{gap:10px}.mini-metrics{gap:3px}.mini-metrics b{font-size:17px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-foot-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start}.heading-actions{flex-direction:column-reverse;align-items:flex-end}}@media (width<=620px){.main-content{padding-left:14px;padding-right:14px}.topbar{margin-bottom:16px}.mobile-brand{font-size:12px}.demo-pill{padding:6px 8px;font-size:8px}.secure-pill{font-size:8px}.demo-banner{gap:7px;padding:10px;font-size:9px}.demo-banner a{margin-left:0}.page-heading{margin:7px 0 17px;display:block}.page-heading h1{font-size:23px}.page-heading p{font-size:10px}.page-heading>.live-time{margin-top:13px}.clock-grid{grid-template-columns:1fr;gap:11px}.clock-card{min-height:0;padding:19px 17px 17px}.clock-card-top h2{font-size:15px}.clock-digital{margin:31px 0 3px;font-size:57px}.clock-day{margin-bottom:17px}.clock-action{height:44px}.clock-side{grid-template-columns:1fr 1fr;gap:9px}.history-card{grid-column:1/-1}.side-card{padding:12px}.mini-metrics{padding-top:13px}.mini-metrics b{font-size:17px}.mini-metrics span{font-size:8px}.location-card{grid-column:1/-1}.history-card .activity-list{grid-template-columns:1fr 1fr;column-gap:13px;display:grid}.activity-item{gap:7px}.activity-item strong{display:none}.summary-grid{gap:8px}.summary-card{min-height:100px;padding:12px}.summary-card-top{font-size:9px}.summary-value{font-size:18px}.summary-card small{font-size:8px}.heading-actions{flex-direction:column-reverse;align-items:flex-start;margin-top:14px}.week-switcher{align-self:flex-start}.week-switcher span{font-size:9px}.panel-head{padding:14px}.panel-head h2{font-size:12px}.qr-panel{grid-template-columns:minmax(0,1fr) 126px;gap:8px;padding:13px}.qr-frame{width:124px;height:124px}.qr-frame svg{max-width:107px}.qr-heading b{font-size:9px}.qr-panel>p{font-size:8px}.qr-url{padding:7px;font-size:7px}.qr-note{font-size:7px}.team-note{align-items:flex-start;font-size:9px}.app-footer{font-size:8px}.login-layout{background:#f6f8f4;display:block}.login-art{display:none}.login-panel{justify-content:flex-start;min-height:100vh;padding:22px 20px}.login-mobile-brand{color:#274734;align-items:center;gap:8px;margin:5px 0 52px;font-size:13px;display:flex}.login-mobile-brand .brand-mark{width:32px;height:32px}.login-card{width:min(370px,100%)}.login-card h2{font-size:21px}.login-footer{margin-top:40px}.password-card{padding:22px}.modal-card{padding:17px}.modal-footer{align-items:flex-end}.modal-footer>span{max-width:145px}.button{height:34px;padding:0 9px;font-size:9px}.data-table{min-width:570px}}@media (width<=380px){.sidebar{padding-left:10px;padding-right:10px}.side-nav button{padding:8px}.clock-card-top{display:block}.status-badge{margin-top:11px}.clock-digital{font-size:51px}.clock-side{grid-template-columns:1fr}.location-card,.history-card{grid-column:auto}.qr-panel{grid-template-columns:1fr 110px}.qr-frame{width:108px;height:108px}.qr-frame svg{max-width:94px}.app-footer{gap:8px}}.brand-logo{object-fit:cover;background:#050505;flex:none;display:block;box-shadow:0 6px 17px #0d271c55}.sidebar-logo{border-radius:10px;width:44px;height:44px}.mobile-logo{border-radius:9px;width:34px;height:34px}.login-art-top{align-items:flex-start;display:flex}.brand-logo-large{aspect-ratio:1;object-fit:cover;border-radius:18px;width:clamp(190px,20vw,250px);height:auto;box-shadow:0 20px 45px #07180f55}.login-mobile-brand .brand-logo{border-radius:9px;width:36px;height:36px}.loading-screen .brand-logo{border-radius:11px;width:43px;height:43px;margin-bottom:3px}.password-logo{border-radius:13px;width:84px;height:84px;margin:0 auto 20px}@media (width<=850px){.sidebar-logo{border-radius:8px;width:33px;height:33px}}@media (width<=380px){.sidebar-logo{width:31px;height:31px}}.team-actions{white-space:nowrap}.delete-employee-button{color:#a85243;vertical-align:middle;background:#fff;border:1px solid #f0d8d3;border-radius:7px;place-items:center;width:27px;height:27px;margin-left:3px;display:inline-grid}.delete-employee-button:hover{background:#fff2ef;border-color:#e9c1b9}.access-status.removed{color:#a85243;background:#fff1ee}.archived-label{color:#a85243;font-size:8px}.delete-modal-icon{color:#a85243;background:#fff0ed}.delete-history-note{color:#496c4c;background:#f4f8f2;border:1px solid #dceadd;border-radius:8px;align-items:flex-start;gap:9px;padding:11px 12px;font-size:10px;line-height:1.5;display:flex}.delete-history-note svg{flex:none;margin-top:1px}.button-danger{color:#fff;background:#a85243;border:0;border-radius:7px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:10px;font-weight:700;display:inline-flex}.button-danger:hover{background:#914438}.button-danger:disabled{opacity:.65;cursor:wait}