*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a,button,input{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:3px solid #99ddd1;outline-offset:4px}button{transition:background .18s,transform .18s}svg{flex-shrink:0}button,input{min-height:44px}button svg{vertical-align:middle}h1,h2,p{margin-top:0}:root{--teal:#008881;--deep:#007770;--ink:#183c39;--muted:#71817f}.brand{font-size:29px;font-weight:800;letter-spacing:5px;line-height:1.1}.brand span{display:block;font-size:9px;font-weight:500;letter-spacing:3px;margin-top:10px}.login-page{align-items:center;background:#f4f7f5;color:#183c39;color:var(--ink);display:flex;gap:110px;justify-content:center;min-height:100vh;padding:65px 35px;position:relative}.login-decoration{width:390px}.large-clock{color:#009187;margin-bottom:36px}.login-decoration>p{font-size:48px;font-weight:600;letter-spacing:-2px;line-height:1.16;margin-bottom:20px}.login-decoration>span{color:#71817f;color:var(--muted);font-size:15px}.login-card{background:#fff;border:1px solid #e3ebe7;border-radius:22px;box-shadow:0 18px 70px #123c3510;padding:42px;width:440px}.login-card .brand{color:#008881;color:var(--teal)}.login-heading{margin-top:45px}.eyebrow{align-items:center;display:flex;font-size:10px;font-weight:600;gap:7px;letter-spacing:1.7px}.login-heading .eyebrow{color:#718680}.login-card h1{font-size:27px;letter-spacing:-.8px;margin:13px 0 10px}.muted{color:#71817f;color:var(--muted);font-size:14px;line-height:1.65}.login-card form{margin-top:28px}.login-card form>label{display:block;font-size:13px;font-weight:600;margin:20px 0 9px}.login-card input:not([type=checkbox]){background:#fcfdfc;border:1px solid #dfe6e2;border-radius:8px;color:#183c39;color:var(--ink);font-size:14px;padding:14px;width:100%}.password-field{position:relative}.password-field input{padding-right:58px!important}.password-field button{background:none;border:0;color:#008881;color:var(--teal);font-size:12px;position:absolute;right:10px;top:3px}.form-options{gap:8px;justify-content:space-between;margin:14px 0 22px}.checkbox,.form-options{align-items:center;display:flex}.checkbox{color:#71817f;color:var(--muted);font-size:12px;gap:7px}.checkbox input{accent-color:#008881;accent-color:var(--teal);min-height:18px;width:15px}.text-button{background:none;border:0;color:#008881;color:var(--teal);font-size:12px;padding:0}.primary{align-items:center;background:#008881;background:var(--teal);border:0;border-radius:9px;color:#fff;display:flex;font-size:14px;font-weight:600;gap:18px;justify-content:center;min-height:50px;width:100%}.primary:hover{background:#006e68}.login-footer{align-items:center;border-top:1px solid #edf0ed;color:#8b9995;display:flex;font-size:11px;gap:8px;justify-content:center;margin-top:28px;padding-top:23px}.page-footer{bottom:22px;color:#89958e;font-size:11px;position:absolute}.error,.setup-note,.success{background:#fff3e5;border-radius:7px;color:#926326;font-size:12px;line-height:1.6;padding:12px}.error{background:#ffeded;color:#ae3232}.success{background:#e4f5eb;color:#277046}.back-button{display:block;margin:10px auto 0}.company-list{grid-gap:10px;display:grid;gap:10px;margin-top:25px}.company-list button{align-items:center;background:#f5f9f7;border:1px solid #e0e9e4;border-radius:10px;color:#183c39;color:var(--ink);display:flex;gap:13px;padding:18px;text-align:left}.company-list button span{flex:1 1}.company-list small{color:#008881;color:var(--teal);display:block;margin-top:6px}.loading-screen{align-items:center;background:#f4f7f5;color:#008881;color:var(--teal);display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.clock-page{background:#008881;background:var(--teal);color:#fff;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(350px,1fr);min-height:100vh}.people-panel{display:flex;flex-direction:column;min-width:0;padding:36px 48px 0}.clock-header{align-items:center;display:flex;gap:20px;justify-content:space-between}.clock-header .brand{font-size:24px}.clock-header .brand span{font-size:8px;letter-spacing:2.6px}.company-badge{align-items:center;border:1px solid #ffffff28;border-radius:30px;display:flex;font-size:12px;gap:8px;max-width:50%;overflow-wrap:anywhere;padding:9px 13px}.welcome{margin-top:63px}.welcome .eyebrow{color:#a0d5cb;font-size:10px}.welcome h1{font-size:clamp(28px,2.7vw,42px);font-weight:600;letter-spacing:-1.2px;margin:15px 0 12px}.welcome p{color:#b4dfd8;font-size:15px}.search-field{align-items:center;background:#007d76;border:1px solid #ffffff28;border-radius:9px;color:#b2dad4;display:flex;gap:13px;margin:22px 0 33px;padding:2px 16px}.search-field input{background:#0000;border:0;color:#fff;font-size:13px;min-width:0;outline:none;padding:12px 0;width:100%}.search-field input::placeholder{color:#b0d6d1}.search-field kbd{color:#85bdb5;font-size:21px}.section-title{align-items:center;color:#baded9;display:flex;gap:10px;margin-bottom:12px}.section-title h2{font-size:13px;font-weight:500;margin:0}.activity-heading>span,.section-title>span{border:1px solid #ffffff25;border-radius:20px;font-size:10px;padding:2px 7px}.section-title i{flex:1 1}.all-title{margin-top:32px}.employee-list{grid-gap:3px;display:grid;gap:3px}.employee{align-items:center;background:#0000;border:1px solid #0000;border-radius:11px;color:#fff;display:flex;gap:16px;padding:13px 10px;text-align:left;width:100%}.employee:hover{background:#ffffff0c;border-color:#ffffff15}.avatar-wrap{flex-shrink:0;position:relative}.avatar{align-items:center;background:#e8ede8;border-radius:50%;color:#657d76;display:inline-flex;font-size:20px;font-weight:500;height:58px;justify-content:center;overflow:hidden;width:58px}.avatar img{height:100%;object-fit:cover;width:100%}.presence-dot{background:#bbdf6c;border:3px solid #008881;border:3px solid var(--teal);border-radius:50%;bottom:1px;height:13px;position:absolute;right:0;width:13px}.employee-info{flex:1 1;min-width:0}.employee-info strong{display:block;font-size:19px;font-weight:500;overflow-wrap:anywhere}.employee-info small{color:#a9d6ce;display:block;font-size:12px;margin-top:5px;overflow-wrap:anywhere}.employee>svg{color:#94c6c0;margin-left:8px}.status-tag{color:#a8d1cb;font-size:10px;white-space:nowrap}.status-tag.in{background:#ffffff10;border:1px solid #ffffff20;border-radius:20px;color:#d8eeb2;padding:6px 10px}.empty{color:#b5dcd5;font-size:13px;line-height:1.7;margin:0;padding:18px 10px}.people-footer{align-items:center;border-top:1px solid #ffffff1c;color:#aed6ce;display:flex;font-size:10px;gap:7px;margin-top:auto;padding:22px 0}.employee-list:last-of-type{margin-bottom:35px}.people-footer>span{flex:1 1}.people-footer button{align-items:center;background:none;border:0;color:#c7e5de;display:flex;font-size:11px;gap:7px;padding:0 8px}.activity-panel{background:#007770;background:var(--deep);display:flex;flex-direction:column;min-width:0;padding:48px 40px 25px}.live-label{align-items:center;color:#b1d5cc;display:flex;font-size:9px;gap:7px;letter-spacing:2px}.live-label>span,.summary-dot{background:#b7df71;border-radius:50%;height:6px;width:6px}.current-time{font-feature-settings:"tnum";font-size:84px;font-variant-numeric:tabular-nums;font-weight:300;letter-spacing:-4px;line-height:1.15;margin-top:14px}.current-time>span{color:#8ac0b7;font-size:25px;letter-spacing:0;margin-left:10px}.current-date{color:#b0d5cb;font-size:14px;margin-top:8px;text-transform:capitalize}.attendance-summary{align-items:center;background:#ffffff04;border:1px solid #ffffff22;border-radius:10px;display:flex;gap:14px;margin:34px 0 37px;padding:18px}.summary-icon{background:#ffffff0d;border-radius:9px;color:#c6e7df;display:grid;height:44px;place-items:center;width:44px}.attendance-summary>div{flex:1 1}.attendance-summary strong{font-size:22px;font-weight:500}.attendance-summary strong span{font-size:14px}.attendance-summary small{color:#a3cec3;display:block;font-size:11px;margin-top:5px}.activity-section{margin-bottom:32px}.activity-heading{align-items:center;border-bottom:1px solid #ffffff25;display:flex;gap:9px;padding-bottom:15px}.activity-heading h2{font-size:15px;font-weight:500;margin:0}.activity-heading>span{color:#b1d6cc}.activity-empty{align-items:flex-start;color:#9bc6bd;display:flex;font-size:12px;gap:12px;padding:24px 0 4px}.activity-empty p{line-height:1.6;margin:0}.activity-empty small{color:#89b9af;display:block;font-size:10px;line-height:1.8;margin-top:3px}.activity-event{align-items:center;border-bottom:1px solid #ffffff18;display:flex;gap:12px;padding:20px 0}.event-icon{background:#c5e58a;border-radius:50%;color:#416536;display:grid;height:39px;place-items:center;width:39px}.event-icon.out{background:#efc49d;color:#775032}.activity-event>div{flex:1 1;min-width:0}.activity-event strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.activity-event small{color:#a6d2c7;display:block;font-size:12px;margin-top:5px}.activity-event time{color:#b3d5cb;font-size:12px}.aside-footer{align-items:center;color:#8fbbb1;display:flex;font-size:10px;gap:7px;justify-content:center;margin-top:auto;padding-top:40px}.punch-dialog{border:0;border-radius:20px;box-shadow:0 20px 80px #003c3650;color:#183c39;color:var(--ink);padding:38px;text-align:center;width:min(420px,calc(100% - 32px))}.punch-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#003f3bc0}.punch-dialog>.avatar{font-size:28px;height:80px;margin-bottom:18px;width:80px}.punch-dialog h2{margin-bottom:8px}.dialog-close{background:none;border:0;color:#69887d;position:absolute;right:8px;top:8px;width:44px}.dialog-time{font-size:48px;font-weight:300;margin:22px 0}.toast{align-items:center;background:#fff;border-radius:10px;bottom:25px;box-shadow:0 5px 30px #003c3630;color:#183c39;color:var(--ink);display:flex;font-size:14px;gap:10px;left:50%;max-width:90%;padding:17px 23px;position:fixed;transform:translateX(-50%);z-index:5}.clock-error{background:#fff0e8;border-radius:8px;color:#8f4228;font-size:13px;padding:12px}@media(min-width:1500px){.people-panel{padding:45px 70px 0}.activity-panel{padding:58px 60px 30px}.employee{padding:18px 10px}.avatar{height:68px;width:68px}.employee-info strong{font-size:23px}.welcome{margin-top:75px}}@media(max-width:1000px){.people-panel{padding:28px 25px 0}.activity-panel{padding:38px 25px 25px}.login-page{gap:45px}.login-decoration{width:290px}.login-decoration>p{font-size:39px}.status-tag{display:none}.current-time{font-size:72px}}@media(max-width:760px){.clock-page{grid-template-columns:1fr}.people-panel{min-height:75vh;padding:25px 22px 0}.welcome{margin-top:40px}.activity-panel{padding:32px 25px}.current-time{font-size:76px}.attendance-summary{margin:25px 0}.login-decoration{display:none}.login-page{padding:30px 20px 70px}.login-card{padding:30px;width:min(440px,100%)}.employee-info strong{font-size:18px}.clock-header .brand{font-size:21px}.company-badge{font-size:10px}.people-footer{margin-top:28px}.activity-empty{padding-bottom:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/*# sourceMappingURL=main.794a5135.css.map*/