*{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 #b499dd;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}.app-loading-screen{background:#442770;background:var(--teal,#442770);display:grid;inset:0;place-items:center;position:fixed}.app-loading-spinner{animation:app-loading-spin .8s linear infinite;border:4px solid #ffffff38;border-radius:50%;border-top-color:#fff;height:46px;width:46px}@keyframes app-loading-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.app-loading-spinner{animation:none}}:root{--teal:#79659c;--deep:#6b598d;--ink:#26183c;--muted:#777181}.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:#26183c;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:#3a0091;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:#777181;color:var(--muted);font-size:15px}.login-card{background:#fff;border:1px solid #e3ebe7;border-radius:22px;box-shadow:0 18px 70px #23123c10;padding:42px;width:440px}.login-card .brand{color:#79659c;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:#797186}.login-card h1{font-size:27px;letter-spacing:-.8px;margin:13px 0 10px}.muted{color:#777181;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:#26183c;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:#79659c;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:#777181;color:var(--muted);font-size:12px;gap:7px}.checkbox input{accent-color:#79659c;accent-color:var(--teal);min-height:18px;width:15px}.text-button{background:none;border:0;color:#79659c;color:var(--teal);font-size:12px;padding:0}.primary{align-items:center;background:#79659c;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:#2c006e}.login-footer{align-items:center;border-top:1px solid #edf0ed;color:#918b99;display:flex;font-size:11px;gap:8px;justify-content:center;margin-top:28px;padding-top:23px}.page-footer{bottom:22px;color:#8e8995;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:#ebe4f5;color:#442770}.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:#26183c;color:var(--ink);display:flex;gap:13px;padding:18px;text-align:left}.company-list button span{flex:1 1}.company-list small{color:#79659c;color:var(--teal);display:block;margin-top:6px}.loading-screen{align-items:center;background:#f4f7f5;color:#79659c;color:var(--teal);display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.clock-page{background:#79659c;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:#b5a0d5;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:#c5b4df;font-size:15px}.search-field{align-items:center;background:#705d94;border:1px solid #ffffff28;border-radius:9px;color:#c2b2da;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:#bfb0d6}.search-field kbd{color:#9b85bd;font-size:21px}.section-title{align-items:center;color:#c8bade;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:#6f657d;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:#9a6cdf;border:3px solid #79659c;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:#bba9d6;display:block;font-size:12px;margin-top:5px;overflow-wrap:anywhere}.employee>svg{color:#a894c6;margin-left:8px}.status-tag{color:#b8a8d1;font-size:10px;white-space:nowrap}.status-tag.in{background:#ffffff10;border:1px solid #ffffff20;border-radius:20px;color:#cab2ee;padding:6px 10px}.empty{color:#c5b5dc;font-size:13px;line-height:1.7;margin:0;padding:18px 10px}.people-footer{align-items:center;border-top:1px solid #ffffff1c;color:#beaed6;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:#d3c7e5;display:flex;font-size:11px;gap:7px;padding:0 8px}.activity-panel{background:#6b598d;background:var(--deep);display:flex;flex-direction:column;min-width:0;padding:48px 40px 25px}.live-label{align-items:center;color:#bfb1d5;display:flex;font-size:9px;gap:7px;letter-spacing:2px}.live-label>span,.summary-dot{background:#9d71df;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:#a08ac0;font-size:25px;letter-spacing:0;margin-left:10px}.current-date{color:#bfb0d5;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:#d3c6e7;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:#b4a3ce;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:#c0b1d6}.activity-empty{align-items:flex-start;color:#ac9bc6;display:flex;font-size:12px;gap:12px;padding:24px 0 4px}.activity-empty p{line-height:1.6;margin:0}.activity-empty small{color:#9c89b9;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:#ae8ae5;border-radius:50%;color:#493665;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:#b8a6d2;display:block;font-size:12px;margin-top:5px}.activity-event time{color:#c1b3d5;font-size:12px}.aside-footer{align-items:center;color:#a18fbb;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 #18003c50;color:#26183c;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:#19003fc0}.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:#756988;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 #18003c30;color:#26183c;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}}.login-options-spacing{min-height:20px}.company-picker{color:#26183c;color:var(--ink);max-height:calc(100dvh - 48px);max-width:calc(100% - 32px);overflow-y:auto}.company-picker::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#19003f80}.company-picker>.text-button{margin-top:24px}.login-card .login-heading{margin-top:36px}.login-heading .muted{margin-bottom:0}.login-card .login-form{grid-gap:24px;display:grid;gap:24px;margin-top:28px}.login-field{min-width:0}.login-field>label{display:block;font-size:13px;font-weight:600;margin-bottom:9px}.login-card .login-field>input{border-radius:11px;min-height:54px}.login-code-field{align-items:center;background:#fcfdfc;background:var(--surface,#fcfdfc);border:1px solid #dfe6e2;border:1px solid var(--border,#dfe6e2);border-radius:11px;color:#79659c;color:var(--teal);display:flex;gap:10px;min-height:56px;padding:0 8px 0 15px;transition:border-color .18s,box-shadow .18s}.login-code-field:focus-within{border-color:#79659c;border-color:var(--teal);box-shadow:0 0 0 3px #8851b218}.login-card .login-code-field input{background:#0000;border:0;flex:1 1;min-width:0;outline:none;padding:15px 0;width:0}.login-code-field button{background:#0000;border:0;border-radius:7px;color:#79659c;color:var(--teal);flex-shrink:0;font-size:12px;font-weight:600;padding:0 10px}.login-code-field button:hover:not(:disabled){background:#8851b210}.login-field input::placeholder{color:#777181;color:var(--muted);opacity:.75}.login-field-help{color:#777181;color:var(--muted);font-size:12px;line-height:1.5;margin:9px 0 0}.login-submit{border-radius:11px;margin-top:2px;min-height:54px}@media (max-width:760px){.login-card .login-heading{margin-top:28px}}.company-selection-page{background:radial-gradient(ellipse at 50% 0,#e8d8f0 0,#0000 65%),#f4f0f7;background:radial-gradient(ellipse at 50% 0,#e8d8f0 0,#0000 65%),var(--canvas,#f4f0f7);padding:64px 24px 88px}.company-selection-card{border-radius:26px;padding:36px;width:min(520px,100%)}.company-selection-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.company-selection-header .brand{font-size:22px;letter-spacing:4px}.company-selection-header .brand span{font-size:8px;letter-spacing:2px;margin-top:7px}.company-selection-count{background:#f3e4f4;background:var(--purple-soft,#f3e4f4);border-radius:20px;color:#79659c;color:var(--teal);flex-shrink:0;font-size:11px;font-weight:600;padding:8px 12px}.company-selection-heading{margin:36px 0 24px}.company-selection-symbol{background:#f3e4f4;background:var(--purple-soft,#f3e4f4);border:1px solid #e4d2e9;border:1px solid var(--border,#e4d2e9);border-radius:16px;color:#79659c;color:var(--teal);display:grid;height:56px;margin-bottom:22px;place-items:center;width:56px}.company-selection-card h1{font-size:30px;margin:0 0 8px}.company-selection-heading p{margin:0}.company-selection-list{gap:12px;margin:0}.company-selection-list button{border-radius:15px;gap:16px;min-height:88px;padding:18px;transition:background .18s,border-color .18s,box-shadow .18s;width:100%}.company-selection-card .company-selection-list button{background:#fcf7fc;background:var(--surface,#fcf7fc);border-color:#e4d2e9;border-color:var(--border,#e4d2e9)}.company-selection-card .company-selection-list button:hover{background:#f3e4f4;background:var(--purple-soft,#f3e4f4);border-color:#79659c;border-color:var(--teal);box-shadow:0 4px 16px #79659c12}.company-selection-footer button:focus-visible,.company-selection-list button:focus-visible{outline:3px solid #79659c;outline:3px solid var(--teal);outline-offset:4px}.company-selection-list .company-selection-avatar{background:#f3e4f4;background:var(--purple-soft,#f3e4f4);border-radius:12px;color:#79659c;color:var(--teal);display:grid;flex:0 0 46px;font-size:15px;font-weight:700;height:46px;letter-spacing:.5px;place-items:center}.company-selection-info{min-width:0}.company-selection-info strong{display:block;font-size:15px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.company-selection-list .company-selection-info small{color:#777181;color:var(--muted);font-size:12px;margin-top:4px}.company-selection-list button>svg{color:#79659c;color:var(--teal);flex-shrink:0}.company-selection-footer{align-items:center;border-top:1px solid #e4d2e9;border-top:1px solid var(--border,#e4d2e9);display:flex;gap:16px;justify-content:space-between;margin-top:28px;padding-top:20px}.company-selection-footer>span{color:#777181;color:var(--muted);font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-selection-footer button{align-items:center;background:#0000;border:0;border-radius:8px;color:#79659c;color:var(--teal);display:inline-flex;flex-shrink:0;font-size:12px;font-weight:600;gap:7px;padding:8px}.company-selection-footer button:hover{background:#f3e4f4;background:var(--purple-soft,#f3e4f4)}@media (max-width:540px){.company-selection-page{padding:28px 16px 72px}.company-selection-card{border-radius:22px;padding:26px 22px}.company-selection-header .brand{font-size:20px}.company-selection-heading{margin-top:30px}.company-selection-list button{gap:12px;padding:14px}}.login-code-field:has(.company-code-groups){background:#0000;border:0;box-shadow:none;flex-wrap:wrap;gap:8px;padding:0}.login-code-field:has(.company-code-groups):focus-within{box-shadow:none}.login-code-field:has(.company-code-groups)>svg{display:none}.company-code-groups{grid-gap:10px;display:grid;flex:1 1 100%;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0}.company-code-part{align-items:center;display:flex;gap:2px;min-width:0;position:relative}.company-code-separator{color:#111;font-size:16px;font-weight:700;left:-8px;position:absolute}.login-card .login-code-field .company-code-part input{background:#f4f4f4;border:1px solid #0000;border-radius:7px;caret-color:#28a567;color:#111;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(12px,2.5vw,18px);font-weight:600;height:46px;letter-spacing:0;min-width:0;padding:8px 0;text-align:center;transition:border-color .15s;width:100%}.login-card .login-code-field .company-code-part input:focus{background:#f4f4f4;border-color:#28a567;box-shadow:0 0 0 1px #28a567;outline:none}.login-card .login-code-field .company-code-part input:disabled{opacity:.6}.login-code-field:has(.company-code-groups)>button{margin-left:auto;min-height:32px}.login-page>.login-card{flex-shrink:0;width:min(660px,100%)}@media (max-width:1230px){.login-page>.login-decoration{display:none}}
/*# sourceMappingURL=main.f4668c75.css.map*/