@import "https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap";:root{color:inherit}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}:root{--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:28px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-pill:999px;--e-1:0 1px 2px #1028210a;--e-2:0 4px 12px -4px #10282114, 0 1px 2px #1028210a;--e-3:0 24px 48px -24px #1028212e, 0 2px 6px #1028210d;--e-inset:inset 0 1px 0 #ffffffe6;--fs-micro:10px;--fs-caption:11px;--fs-sm:12px;--fs-body:13px;--fs-md:14px;--fs-lg:16px;--fs-title:20px;--fs-display:28px;--fs-hero:36px;--lh-tight:1.15;--lh-snug:1.35;--lh-normal:1.55;--tr-tight:-.02em;--tr-tighter:-.035em;--tr-label:.08em;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--z-base:1;--z-sticky:20;--z-topbar:30;--z-sidebar:40;--z-dropdown:60;--z-scrim:80;--z-drawer:90;--z-modal:100;--z-toast:120;--shell-sidebar-w:266px;--shell-topbar-h:56px;--page-max-w:1560px;--control-h:34px;--control-h-sm:28px}.dashboard-table td,.adm-table td,.kpi-value,.ov2-kpi-value,[class*=-value],[class*=-count],[class*=-metric]{font-variant-numeric:tabular-nums}:where(a,button,input,select,textarea,[tabindex]):focus-visible{border-radius:var(--r-xs);box-shadow:0 0 0 2px var(--surface-2,#fff), 0 0 0 4px var(--focus-ring,#0f6b5252);outline:none}*{scrollbar-width:thin;scrollbar-color:var(--border-strong,#d5ddd9) transparent}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background-clip:content-box;background-color:var(--border-strong,#d5ddd9);border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted,#8a978f)}::-webkit-scrollbar-corner{background:0 0}::selection{background:var(--bg-accent,#e9f4f0);color:var(--text-accent,#0f6b52)}input,select,textarea,button{font-family:inherit;font-size:inherit;color:inherit}input[type=search]::-webkit-search-cancel-button{appearance:none}img,svg,video,canvas{max-width:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1f2a2e;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f4ef;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}button,input,select,textarea{font-family:inherit}body{background:#f7f4ef;margin:0}a{color:inherit;text-decoration:none}#root{min-height:100vh}.page{flex-direction:column;gap:0;display:flex}.policy-page{background:#f5f1e8;min-height:100vh}.policy-hero{padding:48px 8vw 24px}.policy-hero-inner{max-width:860px}.policy-back{color:#112c32;background:#112c3214;border-radius:999px;margin-bottom:20px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.policy-hero h1{color:#112c32;margin:12px 0;font-size:clamp(34px,4vw,58px)}.policy-lead{color:#405156;max-width:760px;font-size:18px}.policy-content{gap:18px;padding:12px 8vw 72px;display:grid}.policy-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd1;border:1px solid #112c3214;border-radius:24px;max-width:900px;padding:24px;box-shadow:0 16px 34px #112c3214}.policy-card h2{color:#112c32;margin:0 0 12px;font-size:24px}.policy-card p{color:#46575c;margin:0 0 12px}.policy-card p:last-child{margin-bottom:0}.policy-list{color:#46575c;margin:0;padding-left:20px}.policy-list li{margin-bottom:8px}.policy-list li:last-child{margin-bottom:0}.admin-shell{background:#f4f6fb;grid-template-columns:266px minmax(0,1fr);min-height:100vh;display:grid}.admin-shell-login{background:radial-gradient(circle at 0 0,#1fa7a414,#0000 28%),linear-gradient(#f8f4ec,#efe7d9);grid-template-columns:minmax(0,1fr)}.sidebar{color:#ffffffd1;background:linear-gradient(#35544a 0%,#29443c 100%);border-right:1px solid #14284314;flex-direction:column;gap:24px;min-height:100vh;padding:12px 6px;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:4px 0 8px;display:flex}.sidebar-logo{color:#fff;background:linear-gradient(135deg,#d79a55 0%,#b86f36 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;font-weight:600;display:flex;box-shadow:0 4px 14px #b86f3659}.sidebar-brand-text{align-items:center;gap:8px;display:flex}.brand-admin-badge{color:#f2c58e;background:#dea66233;border-radius:4px;padding:2px 7px;font-size:9px;font-weight:500}.brand-mark-image{object-fit:cover;background:#ffffff1f;border-radius:14px;width:44px;height:44px;box-shadow:0 10px 24px #040e1047}.sidebar-group{flex:auto;align-content:start;gap:8px;padding-right:3px;display:grid;overflow-y:auto}.sidebar-group::-webkit-scrollbar{width:6px}.sidebar-group::-webkit-scrollbar-thumb{background:#dcefe92e;border-radius:999px}.sidebar-logout{z-index:1;background:0 0;gap:10px;margin-top:auto;padding-top:8px;display:grid;position:sticky;bottom:16px}.sidebar-link{text-align:left;color:#ffffffc2;cursor:pointer;background:#ffffff0b;border:none;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:14px;font-weight:500;transition:transform .2s,background .2s;display:flex}.sidebar-link-main{align-items:center;gap:12px;min-width:0;display:inline-flex}.sidebar-link-icon{background:#ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.sidebar-link-label{min-width:0}.sidebar-link-badge{color:#a8f0e2;background:#1fa7a42e;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;min-width:36px;padding:3px 7px;font-size:10px;font-weight:500;display:inline-flex}.sidebar-link:hover{color:#fffffff2;background:#ffffff1a;transform:translate(3px)}.sidebar-link.active{color:#fff;background:#d5954e57}.sidebar-link.active .sidebar-link-icon{background:#d5954e4d}.sidebar-link.active .sidebar-link-badge{color:#f2c58e;background:#d5954e3d}.sidebar-link.logout-link{color:#2b160b;background:#f6c17a;border:none;font-weight:600}.sidebar-foot{border-top:1px solid #ffffff14;flex-direction:column;gap:12px;margin-top:auto;padding-top:16px;display:flex}.sidebar-profile{align-items:center;gap:10px;min-width:0;padding:2px 4px;display:flex}.sidebar-avatar{color:#fff;background:linear-gradient(135deg,#d79a55 0%,#b86f36 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex;box-shadow:0 3px 10px #b86f364d}.sidebar-profile-info{flex:1;min-width:0}.sidebar-profile-info strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;display:block;overflow:hidden}.sidebar-profile-info span{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.sidebar-foot-actions{gap:6px;display:flex}.sidebar-foot-btn{color:#fff9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 10px;font-size:11px;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar-foot-btn:hover{color:#ffffffe6;background:#ffffff1a}.sidebar-note{background:#ffffff0f;border-radius:18px;padding:16px}.sidebar-note strong,.sidebar-note span{display:block}.sidebar-note span{color:#c3d5d1;margin-top:6px;font-size:13px}.sidebar-back{color:#eef7f5;border-color:#ffffff80;width:100%}.dashboard-main{background:#f4f6fb;align-content:start;gap:22px;padding:28px 32px;display:grid}.dashboard-main-login{align-content:stretch;min-height:100vh;padding:0}.dashboard-hero{grid-template-columns:minmax(0,1.7fr) minmax(260px,.9fr);align-items:stretch;gap:20px;display:grid}.dashboard-hero h1{color:#112c32;margin:12px 0;font-size:clamp(30px,3vw,48px)}.dashboard-copy{color:#4a5b60;max-width:720px;font-size:17px}.refresh-toast{color:#0f4449;background:#e6f4f3;border-radius:999px;margin-top:14px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 6px 16px #112c3214}.dashboard-highlight{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffbd;border:1px solid #112c3214;box-shadow:0 18px 40px #112c3214}.dashboard-hero-side{align-content:start;gap:14px;display:grid}.dashboard-profile-menu{place-self:start end;width:fit-content;max-width:100%;height:fit-content;position:relative}.dashboard-user-card{color:#17383e;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:14px;width:auto;min-width:245px;padding:8px 4px;display:flex}.dashboard-user-avatar{background:linear-gradient(135deg,#58c6b5,#2d8e8b);border-radius:14px;flex:0 0 46px;place-items:center;width:46px;height:46px;font-size:19px;font-weight:600;display:grid}.dashboard-user-copy{flex:0 auto;gap:3px;min-width:0;display:grid}.dashboard-user-card span{color:#668085;font-size:11px;font-weight:400}.dashboard-user-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.dashboard-user-card small{color:#587076;font-size:12px}.dashboard-user-chevron{line-height:1;transition:transform .2s;color:#4f686d!important;font-size:20px!important}.dashboard-user-chevron.open{transform:rotate(180deg)}.dashboard-profile-dropdown{z-index:20;background:#fff;border:1px solid #112c321a;border-radius:14px;width:160px;padding:7px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 36px #112c3229}.dashboard-profile-dropdown button{color:#b12c3b;text-align:left;background:0 0;border:0;border-radius:10px;width:100%;padding:11px 13px;font-weight:600}.dashboard-profile-dropdown button:hover{background:#fff0f1}.dashboard-highlight{border-radius:28px;align-content:center;padding:24px;display:grid}.dashboard-highlight span{color:#52656b;text-transform:uppercase;letter-spacing:1.5px;font-size:12px;font-weight:600}.dashboard-highlight strong{color:#112c32;margin:12px 0 6px;font-size:52px}.dashboard-highlight p{color:#45565c;margin:0}.login-card{background:#ffffff14;border-radius:22px;gap:12px;padding:18px;display:grid}.login-card h3,.login-card p{margin:0}.login-card p{color:#d3e3df;font-size:14px}.login-card label{color:#e6f3f0;font-size:13px}.login-card input{color:#112c32;background:#fffffff2;border:1px solid #ffffff1f;border-radius:12px;width:100%;padding:12px 14px}.login-actions{flex-wrap:wrap;gap:10px;display:flex}.login-card .ghost{color:#fff}.login-stage{background:#fafaff;place-items:stretch stretch;min-height:100vh;padding:0;display:grid}.login-reference-shell{background:#f9f9fd;grid-template-columns:43% 57%;width:100%;min-height:100vh;animation:.55s both loginCardIn;display:grid;position:relative;overflow:hidden}.login-stage-back{z-index:4;color:#292245;background:#ffffffdb;border-color:#deddeb;place-items:center;width:42px;height:42px;padding:0;display:inline-grid;position:absolute;top:20px;right:20px;box-shadow:0 8px 22px #261f4d14}.login-stage-back svg{width:20px;height:20px}.login-stage-back:hover{background:#fff;transform:translate(-2px)}.login-reference-story{z-index:1;color:#fff;clip-path:polygon(0 0,100% 0,84% 100%,0 100%);background:radial-gradient(circle at 90% 62%,#d3975347,#0000 27%),linear-gradient(145deg,#315247,#1f3931);flex-direction:column;justify-content:space-between;margin-right:-16%;padding:clamp(42px,6vw,88px) clamp(76px,9vw,140px) clamp(42px,6vw,88px) clamp(42px,6vw,88px);display:flex;position:relative}.login-reference-story:after{content:"";filter:blur(12px);pointer-events:none;background:#d3975324;border-radius:50%;width:310px;height:310px;position:absolute;inset:auto -90px 120px auto}.login-reference-brand{align-items:center;gap:12px;font-size:17px;display:flex}.login-reference-logo{object-fit:contain;background:#fff;border-radius:12px;width:52px;height:52px;display:block;box-shadow:0 8px 22px #0705134d}.login-reference-message{z-index:1;max-width:500px;position:relative}.login-reference-message>span{color:#efbd83;letter-spacing:.1em;text-transform:uppercase;font-size:13px;font-weight:500}.login-reference-message h1{letter-spacing:-.035em;margin:20px 0 38px;font-size:clamp(36px,3.5vw,52px);line-height:1.14}.login-reference-chart{background:#ffffff0f;border:1px solid #ffffff2b;border-radius:18px;width:min(100%,470px);padding:26px 26px 18px;box-shadow:inset 0 1px #ffffff0d}.login-chart-head,.login-chart-days{justify-content:space-between;align-items:center;display:flex}.login-chart-head{color:#d9d5ef;font-size:14px}.login-chart-head strong{color:#91ebd0;font-size:13px}.login-chart-bars{align-items:flex-end;gap:14px;height:132px;margin-top:26px;display:flex}.login-chart-bars i{background:linear-gradient(#d8a15e,#9e6337);border-radius:4px 4px 0 0;flex:1;min-width:10px}.login-chart-days{color:#ecf7f5b8;letter-spacing:.14em;text-transform:uppercase;margin-top:13px;font-size:11px}.login-stage-chip strong{font-size:15px;font-weight:600}.login-stage-chip small{color:#ecf7f5c2}.login-reference-form-panel{z-index:0;background:#fafaff;place-items:center;padding:70px clamp(42px,7vw,110px) 70px clamp(84px,10vw,155px);display:grid;position:relative}.login-reference-form{gap:16px;width:min(100%,520px);display:grid}.login-reference-heading{margin-bottom:22px}.login-reference-heading h2{color:#17122f;letter-spacing:-.03em;margin:0 0 13px;font-size:36px}.login-reference-heading p{color:#77708f;margin:0;font-size:15px;line-height:1.65}.login-reference-form label{color:#292242;font-size:14px;font-weight:600}.login-reference-form>input{color:#17122f;background:#fff;border:1px solid #dddbea;border-radius:11px;outline:none;width:100%;height:64px;padding:0 18px;font-size:15px;transition:border-color .2s,box-shadow .2s}.login-reference-form>input:focus{border-color:#5f8c73;box-shadow:0 0 0 3px #5f8c7324}.login-otp-heading{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.login-resend{color:#a66335;background:0 0;border:0;padding:0;font-size:13px}.login-otp-cells{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.login-otp-cells input{aspect-ratio:1;color:#17122f;text-align:center;background:#fff;border:1px solid #d9d7e6;border-radius:11px;outline:none;width:100%;min-width:0;font-size:24px;font-weight:600}.login-otp-cells input:focus{border-color:#5f8c73;box-shadow:0 0 0 3px #5f8c7324}.login-reference-submit{color:#fff;background:linear-gradient(135deg,#5f8c73,#3f6b58);border:0;border-radius:11px;width:100%;min-height:64px;margin-top:16px;font-size:15px;font-weight:600;box-shadow:0 12px 25px #3f6b5840}.login-reference-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 15px 30px #3f6b5852}.login-reference-help{color:#9a95ad;text-align:center;margin:12px 0 0;font-size:12px}.login-reference-form .delete-note{color:#6d628d;text-align:center;margin:4px 0 0}@keyframes loginBlobFloat{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(22px,-26px)scale(1.08)}}@keyframes loginAuraShift{0%{transform:translate(0,0)scale(1)}to{transform:translateY(-16px)scale(1.06)}}@keyframes loginPulse{0%,to{opacity:.46;transform:scale(.96)}50%{opacity:.9;transform:scale(1.08)}}@keyframes loginCardIn{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.empty-state{color:#516267;background:#fff;border:1px dashed #112c322e;border-radius:22px;padding:24px}.empty-state strong{color:#112c32;margin-bottom:8px;display:block}.telemetry-chat-json{background:#ffffffc2;border:1px solid #112c3214;border-radius:14px;overflow:hidden}.telemetry-chat-json summary{cursor:pointer;color:#17383e;padding:11px 13px;font-size:12px;font-weight:700;list-style:none}.telemetry-chat-json summary::-webkit-details-marker{display:none}.telemetry-chat-json pre{color:#27454a;white-space:pre-wrap;word-break:break-word;margin:0;padding:0 13px 13px;font-size:11px;line-height:1.6;overflow-x:auto}.dashboard-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.attendance-dashboard{flex-direction:column;gap:24px;display:flex}.attendance-toolbar{flex-direction:column;gap:20px;display:flex}.attendance-title-block{flex-direction:column;gap:6px;display:flex}.attendance-title-block h2{margin:0}.attendance-toolbar-row{align-items:end;gap:18px;display:grid}.attendance-section-head{align-items:flex-start;margin-bottom:0}.attendance-section-head .attendance-head-actions,.attendance-section-head .attendance-controls-inline{flex:0 auto;justify-content:flex-end;width:auto}.attendance-section-head .attendance-controls-inline>.dashboard-button{margin-left:auto}.attendance-controls{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.attendance-head-actions{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:12px;width:100%;margin-left:0;display:flex}.attendance-controls-inline{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:12px;width:100%;display:flex}.attendance-quick-actions{position:relative}.attendance-quick-trigger{align-items:center;gap:10px;display:inline-flex}.attendance-quick-trigger span{background:#112c3214;border-radius:999px;min-width:24px;padding:2px 8px;font-size:11px;font-weight:700;line-height:1.2}.attendance-quick-menu{opacity:0;pointer-events:none;z-index:40;background:#fff;border:1px solid #112c3214;border-radius:18px;gap:6px;width:min(280px,80vw);padding:10px;transition:opacity .2s,transform .22s;display:grid;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-6px)scale(.98);box-shadow:0 18px 40px #112c321f}.attendance-quick-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.attendance-quick-item{text-align:left;color:#17383e;cursor:pointer;background:0 0;border:0;border-radius:12px;width:100%;padding:12px 14px;font-size:13px;font-weight:600;transition:background .18s,color .18s}.attendance-quick-item:hover:not(:disabled){color:#0f4449;background:#f3f8f6}.attendance-quick-item:disabled{opacity:.5;cursor:not-allowed}.attendance-tabs{flex-wrap:wrap;gap:10px;margin-top:0;display:flex}.attendance-tab{color:#24343a;cursor:pointer;background:#ffffffe6;border:1px solid #112c321f;border-radius:10px;align-items:center;gap:10px;min-height:42px;padding:9px 15px;font-size:12px;font-weight:500;transition:background .22s,border-color .22s,color .22s,transform .22s,box-shadow .22s;display:inline-flex;box-shadow:0 10px 24px #112c320f}.attendance-tab:hover{border-color:#112c3233;transform:translateY(-1px);box-shadow:0 14px 28px #112c321a}.attendance-tab:focus-visible{border-color:#6ca59a;outline:none;box-shadow:0 0 0 4px #6ca59a29}.attendance-tab span{color:#112c32;text-align:center;background:#112c3212;border-radius:999px;min-width:28px;padding:3px 9px;font-size:11px;font-weight:500;line-height:1.2}.attendance-tab.active{color:#fff;background:#0f5a45;border-color:#0f5a45;box-shadow:0 12px 26px #0f5a452e}.attendance-tab.active span{color:#123f35;background:#c9f556}.report-status{color:#4b5c61;align-self:center;font-size:12px}.attendance-report-status{align-self:flex-end}.attendance-content-card{box-shadow:none;border-color:var(--border);overflow:hidden}.attendance-missed-panel{width:min(460px,92vw)}.attendance-missed-panel .alert-side-count,.attendance-missed-panel .missed-logins-toolbar,.attendance-missed-panel .missed-logins-actions,.attendance-missed-panel .alert-side-list{margin:0}.employee-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.employee-export-format{color:#112c32;background:#ffffffeb;border:1px solid #112c321f;border-radius:18px;padding:13px 16px;font-size:13px;font-weight:500}.employee-export-status{margin-top:8px;display:block}.attendance-filter{color:#4b5c61;align-self:end;gap:8px;font-size:12px;display:grid;position:relative}.attendance-filter-date{flex:0 280px;min-width:248px}.attendance-filter-search{flex:360px;min-width:300px;max-width:420px}.attendance-filter-compact{min-width:88px}.attendance-filter input,.attendance-filter select,.attendance-input-shell{color:#112c32;background:#ffffffeb;border:1px solid #112c321f;border-radius:18px;padding:13px 16px;font-size:13px;font-weight:500;transition:border-color .22s,box-shadow .22s,transform .22s,background-color .22s;box-shadow:0 12px 28px #112c320f,inset 0 1px #fffffff2}.attendance-input-shell{align-items:center;gap:12px;width:100%;min-height:52px;padding:0 14px;display:flex;position:relative}.attendance-filter label{color:#607277;padding-left:4px;font-size:12px;font-weight:500}.attendance-filter input::placeholder,.attendance-filter select::placeholder{color:#8b989c}.attendance-filter input:hover,.attendance-filter select:hover,.attendance-input-shell:hover{border-color:#112c322e;box-shadow:0 14px 30px #112c3214,inset 0 1px #fffffffa}.attendance-filter input:focus,.attendance-filter select:focus,.attendance-input-shell:focus-within{background:#fff;border-color:#72afa4;outline:none;transform:translateY(-1px);box-shadow:0 18px 34px #112c321a,0 0 0 4px #72afa429}.attendance-filter:focus-within label{color:#2f5b62}.attendance-input-shell input{box-shadow:none;color:#112c32;background:0 0;border:none;width:100%;min-height:50px;padding:0}.attendance-input-shell input:hover,.attendance-input-shell input:focus{box-shadow:none;background:0 0;border:none;transform:none}.attendance-search-shell{padding-right:18px}.attendance-filter-search{position:relative}.attendance-filter-search:after{content:"";pointer-events:none;border:2px solid #5f7277b3;border-radius:50%;width:16px;height:16px;transition:border-color .22s,transform .22s;position:absolute;bottom:17px;right:20px}.attendance-filter-search:before{content:"";transform-origin:50%;pointer-events:none;background:#5f7277b3;border-radius:999px;width:7px;height:2px;transition:background-color .22s,transform .22s;position:absolute;bottom:14px;right:16px;transform:rotate(45deg)}.attendance-filter-search:focus-within:after{border-color:#2f5b62;transform:scale(1.06)}.attendance-filter-search:focus-within:before{background:#2f5b62;transform:rotate(45deg)scale(1.06)}.employee-search-card{background:radial-gradient(circle at 0 0,#1fa7a424,#0000 42%),linear-gradient(135deg,#f7fbfa,#eef5f2);border:1px solid #112c3214;border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:18px 20px;display:flex}.exception-head-copy{color:#607076;max-width:620px;margin:10px 0 0;font-size:14px;line-height:1.55}.calendar-head-copy{color:#5f6d72;max-width:640px;margin:10px 0 0;font-size:14px;line-height:1.55}.calendar-head-actions{flex-wrap:wrap;gap:12px;display:flex}.calendar-shell{display:grid}.calendar-card{background:radial-gradient(circle at 100% 0,#112c320a,#0000 28%),linear-gradient(145deg,#fff,#f7f7f5);border:1px solid #112c3214;border-radius:28px;gap:18px;padding:22px 24px 24px;display:grid;box-shadow:0 14px 30px #112c320f}.calendar-card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.calendar-card-head span{text-transform:uppercase;letter-spacing:.08em;color:#6d7a7e;font-size:12px;display:block}.calendar-card-head strong{color:#112c32;margin-top:6px;font-size:26px;display:block}.calendar-legend{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.calendar-legend span{color:#3f5055;text-transform:none;letter-spacing:0;background:#ffffffeb;border:1px solid #112c3214;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:inline-flex}.calendar-dot{border-radius:999px;width:10px;height:10px;display:inline-block}.calendar-dot.attendance{background:#23393f}.calendar-dot.leave{background:#7f8b8e}.calendar-dot.exception{background:#566569}.calendar-weekdays,.calendar-grid-page{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;display:grid}.calendar-weekdays span{text-align:center;text-transform:uppercase;letter-spacing:.08em;color:#748287;padding:4px 0 6px;font-size:12px}.calendar-day-card{text-align:left;cursor:pointer;background:#fffffff0;border:1px solid #112c3214;border-radius:22px;gap:14px;min-height:156px;padding:14px;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid;position:relative;overflow:hidden}.calendar-day-card:hover{border-color:#112c3224;transform:translateY(-1px);box-shadow:0 12px 22px #112c320f}.calendar-day-card.outside{opacity:.45}.calendar-day-card.today{border-color:#112c323d;box-shadow:inset 0 0 0 1px #112c320f}.calendar-day-top{z-index:1;justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.calendar-day-badge{text-transform:uppercase;letter-spacing:.08em;color:#22363c;background:#112c3214;border-radius:999px;padding:5px 8px;font-size:10px}.calendar-day-heat{z-index:0;border-radius:16px;height:44px;position:absolute;inset:auto 12px 54px}.calendar-day-stats{z-index:1;gap:6px;margin-top:auto;display:grid;position:relative}.calendar-day-stats span{color:#55656a;font-size:12px}.exception-card-list{gap:18px;display:grid}.exception-card{background:radial-gradient(circle at 100% 0,#1fa7a41a,#0000 34%),linear-gradient(135deg,#fff,#f7fbfa);border:1px solid #112c3214;border-radius:28px;gap:18px;width:100%;padding:22px 24px;display:grid;box-shadow:0 18px 36px #112c3214}.exception-card.early{background:radial-gradient(circle at 100% 0,#ffad4624,#0000 34%),linear-gradient(135deg,#fff,#fbf8f1)}.exception-card-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.exception-card-top h3{color:#112c32;margin:6px 0 0;font-size:24px}.exception-card-kicker{color:#1fa7a4;margin:0;font-size:11px;font-weight:500}.exception-card-pills{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.exception-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.exception-card-stat{background:#ffffffc7;border:1px solid #112c320f;border-radius:18px;padding:14px 16px}.exception-card-stat span{color:#6b7b80;font-size:11px;font-weight:400;display:block}.exception-card-stat strong{color:#112c32;margin-top:8px;font-size:18px;display:block}.exception-card-reason{background:#112c320a;border-radius:20px;gap:8px;padding:16px 18px;display:grid}.exception-card-reason span{color:#6b7b80;font-size:11px;font-weight:400}.exception-card-reason p{color:#273c42;margin:0;font-size:14px;line-height:1.6}.employee-search-copy{gap:4px;display:grid}.employee-search-copy label{color:#4b5c61;font-size:12px;font-weight:500}.employee-search-copy span{color:#607076;font-size:13px}.employee-search-shell{background:#ffffffeb;border:1px solid #112c321a;border-radius:999px;align-items:center;gap:10px;min-width:min(420px,100%);padding:6px 8px 6px 12px;display:flex;position:relative;box-shadow:0 10px 26px #112c320f}.employee-search-shell:focus-within{border-color:#1fa7a473;box-shadow:0 14px 32px #1fa7a424}.employee-search-icon{color:#2f5b62;background:#edf5f3;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.employee-search-icon svg{fill:currentColor;width:18px;height:18px}.employee-search-shell input{color:#112c32;background:0 0;border:none;flex:1;min-width:0;padding:8px 0;font-size:14px}.employee-search-shell input:focus{outline:none}.employee-search-clear{color:#fff;cursor:pointer;background:#112c32;border:none;border-radius:999px;flex-shrink:0;padding:9px 14px;font-size:12px;font-weight:600}.employee-toolbar-meta{flex-wrap:wrap;align-items:center;gap:12px;margin-left:auto;display:flex}.employee-filter-chip{color:#204047;background:#112c3212;border-radius:8px;align-items:center;min-height:36px;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex}.employee-blood-filter{gap:6px;display:grid}.employee-blood-filter label{color:#4b5c61;font-size:12px;font-weight:500}.employee-blood-filter select{color:#112c32;background:#fffffff0;border:1px solid #112c3233;border-radius:999px;min-width:128px;padding:9px 34px 9px 12px;font-size:13px}.employee-blood-filter select:focus{border-color:#6ca59a;outline:none;box-shadow:0 0 0 3px #6ca59a29}.employee-status-head{position:relative}.employee-status-filter{align-items:center;gap:8px;display:inline-flex;position:relative}.employee-status-filter-trigger{color:#5c6e73;cursor:pointer;background:#fff;border:1px solid #112c321f;border-radius:10px;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .2s,box-shadow .2s,border-color .2s,color .2s;display:inline-flex}.employee-status-filter-trigger:hover,.employee-status-filter-trigger.open{color:#0f4449;border-color:#1fa7a466;transform:translateY(-1px);box-shadow:0 10px 18px #112c3214}.employee-status-filter-trigger svg{width:16px;height:16px}.employee-status-menu{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffffa;border:1px solid #112c321a;border-radius:18px;min-width:176px;padding:8px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 36px #112c321f}.employee-status-menu-item{color:#173239;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;width:100%;padding:10px 12px;font-size:13px;font-weight:600;transition:background-color .18s,color .18s,transform .18s}.employee-status-menu-item:hover,.employee-status-menu-item.active{color:#0f4449;background:#ecf7f4;transform:translate(2px)}.search-field{color:#4b5c61;flex:1;gap:6px;min-width:220px;max-width:360px;font-size:12px;display:grid}.search-field input{color:#112c32;background:#fff;border:1px solid #112c3233;border-radius:999px;padding:8px 12px;font-size:13px}.muted-email{color:#6b7b80;font-size:11px}.dashboard-section-head h2{color:#112c32;margin:8px 0 0;font-size:30px}.dashboard-button{white-space:nowrap}.dashboard-button.ghost.active{color:#fff;background:#112c32;border-color:#112c32}.metric-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:22px;display:grid}.chart-row{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-bottom:22px;display:grid}.chart-card{background:#fff;border:1px solid #112c3214;border-radius:22px;gap:12px;padding:18px 20px;display:grid}.chart-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.chart-card-head span{color:#607076;margin-top:4px;font-size:12px;display:block}.reports-layout{grid-template-columns:minmax(0,1.7fr) minmax(280px,.85fr);gap:18px;display:grid}.reports-main,.reports-aside{align-content:start;gap:18px;display:grid}.dashboard-analytics-grid{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:18px;display:grid}.dashboard-analytics-card{border:.5px solid var(--border);background:var(--surface-2);border-radius:16px;min-width:0;padding:24px}.dashboard-analytics-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.dashboard-analytics-head strong{color:#0d2140;font-size:15px}.dashboard-analytics-head span{color:#8b96a9;font-size:12px}.weekly-attendance-bars{grid-template-columns:repeat(7,1fr);gap:clamp(8px,2vw,24px);height:150px;margin-top:22px;display:grid}.weekly-attendance-column{grid-template-rows:1fr auto;justify-items:center;gap:9px;min-width:0;display:grid}.weekly-attendance-bar-shell{justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex}.weekly-attendance-bar{background:linear-gradient(#78aa8e,#4f806a);border-radius:6px 6px 0 0;width:min(100%,36px);min-height:6px;transition:height .3s}.weekly-attendance-column>span{color:#8995a8;font-size:11px}.weekly-attendance-column>span.current{color:#13294c;font-weight:600}.weekly-attendance-metrics{border-top:1px solid #e8ebf1;flex-wrap:wrap;gap:34px;margin-top:18px;padding-top:17px;display:flex}.weekly-attendance-metrics div{gap:2px;display:grid}.weekly-attendance-metrics span{color:#8b96a9;font-size:11px}.weekly-attendance-metrics strong{color:#0d2140;font-size:18px}.department-attendance-list{gap:17px;margin-top:20px;display:grid}.department-attendance-row{gap:7px;display:grid}.department-attendance-row>div:first-child{color:#172b49;justify-content:space-between;gap:12px;font-size:12px;display:flex}.department-attendance-row>div:first-child strong{color:#7f8ba0;font-weight:600}.department-attendance-track{background:#e9edf4;border-radius:999px;height:8px;overflow:hidden}.department-attendance-track div{border-radius:inherit;background:linear-gradient(90deg,#4f806a,#91b8a2);min-width:3px;height:100%}.report-toolbar,.report-actions{flex-wrap:wrap;gap:12px;display:flex}.report-toolbar{order:-1}.report-actions-card,.alert-side-card{background:#fff;border:1px solid #112c3214;border-radius:22px;gap:16px;padding:18px 20px;display:grid}.report-actions-card span{color:#607076;font-size:12px}.chart-view-switch{flex-shrink:0;gap:8px}.chart-view-switch .dashboard-button{padding:6px 14px;font-size:12px}.line-chart-shell{gap:14px;display:grid}.line-chart{width:100%;height:220px;overflow:visible}.line-chart-labels{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.chart-label-block{text-align:center}.chart-label-block strong{color:#112c32;font-size:16px;display:block}.chart-label-block span{color:#607076;font-size:12px}.efficiency-list{gap:12px;display:grid}.efficiency-row{grid-template-columns:minmax(0,1.2fr) minmax(160px,1fr) 64px;align-items:center;gap:12px;display:grid}.efficiency-meta span{color:#607076;margin-top:4px;font-size:12px;display:block}.efficiency-bar-track{background:#e7eeeb;border-radius:999px;height:10px;overflow:hidden}.efficiency-bar-fill{border-radius:inherit;background:#112c32;height:100%}.efficiency-score{text-align:right;color:#112c32}.alert-side-count{background:#f4f6f4;border-radius:18px;gap:4px;padding:14px 16px;display:grid}.alert-side-count strong{color:#112c32;font-size:32px}.alert-side-count span{color:#607076;font-size:12px}.alert-side-list{gap:10px;display:grid}.alert-side-item{background:#f8faf8;border:1px solid #112c3214;border-radius:16px;padding:12px 14px}.alert-side-item span{color:#607076;margin-top:4px;font-size:12px;display:block}.missed-login-item{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.missed-login-checkbox{accent-color:#112c32;cursor:pointer;flex-shrink:0;width:16px;height:16px;margin-top:2px}.missed-login-item-copy{display:grid}.missed-login-item.sent{cursor:not-allowed;opacity:.72}.missed-login-item.sent .missed-login-checkbox{cursor:not-allowed}.missed-login-alert-sent{color:#2e7d58;font-size:11px;font-weight:600}.missed-login-alert-not-sent{color:#607076;font-size:11px;font-weight:600}.missed-logins-toolbar{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.missed-logins-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.missed-logins-selected{color:#607076;font-size:12px}.alert-trigger-wrap{position:relative}.alert-trigger-button{min-width:150px}.alert-trigger-dropdown{opacity:0;pointer-events:none;transform-origin:100% 0;z-index:25;background:linear-gradient(#fffffffa,#f4f9f7fa);border:1px solid #112c3214;border-radius:22px;gap:14px;width:min(360px,82vw);padding:18px;transition:opacity .24s,transform .28s;display:grid;position:absolute;top:calc(100% + 12px);right:0;transform:translateY(-8px)scale(.98);box-shadow:0 24px 60px #112c3229}.alert-trigger-dropdown.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.alert-trigger-dropdown-head{gap:4px;display:grid}.alert-trigger-dropdown-head strong{color:#112c32;font-size:16px}.alert-trigger-dropdown-head span{color:#607076;font-size:12px}.alert-trigger-message{background:#f6faf8;border:1px solid #112c3212;border-radius:18px;gap:6px;padding:14px 16px;display:grid}.alert-trigger-message small{color:#607076;font-size:11px;font-weight:400}.alert-trigger-message strong{color:#112c32}.alert-trigger-message p{color:#4b5c61;margin:0;font-size:13px;line-height:1.5}.alert-trigger-recipient-list{flex-wrap:wrap;gap:8px;display:flex}.alert-trigger-recipient-pill{color:#21464b;background:#eaf3f0;border-radius:999px;align-items:center;padding:8px 12px;font-size:12px;font-weight:600;display:inline-flex}.alert-trigger-dropdown-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.chart-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.chart-head span{color:#607076;font-size:12px}.donut-wrap{width:140px;height:140px;margin:0 auto;position:relative}.donut-chart{transform:rotate(-90deg)}.donut-bg{fill:none;stroke:#e6eeec;stroke-width:12px}.donut-progress{fill:none;stroke:#1fa7a4;stroke-width:12px;stroke-linecap:round;transition:stroke-dashoffset .6s}.donut-center{text-align:center;place-items:center;display:grid;position:absolute;inset:0}.donut-center strong{font-size:20px}.donut-center span{color:#607076;font-size:12px}.bar-chart{gap:12px;display:grid}.bar-row{color:#4b5c61;grid-template-columns:100px 1fr 50px;align-items:center;gap:10px;font-size:12px;display:grid}.bar-track{background:#edf2f1;border-radius:999px;height:10px;overflow:hidden}.bar-fill{border-radius:999px;height:100%;transition:width .4s}.bar-fill.attendance{background:#1fa7a4}.bar-fill.compoff{background:#ffad46}.metric-card{background:#fff;border:1px solid #112c3214;border-radius:22px;padding:18px 20px}.metric-button{text-align:left;cursor:pointer;width:100%;transition:transform .18s,box-shadow .18s,border-color .18s}.metric-button:hover{transform:translateY(-2px);box-shadow:0 14px 30px #112c3214}.metric-button.active{background:#eef8f5;border-color:#1fa7a473}.metric-card span{color:#5f6d72;font-size:13px;display:block}.metric-card strong{color:#112c32;margin-top:8px;font-size:34px;display:block}.metric-card small{color:#66777c;margin-top:10px;font-size:12px;display:block}.data-card{gap:14px;display:grid}.table-card{background:#fff;border:1px solid #112c3214;border-radius:24px;overflow:hidden}.table-scroll{width:100%;overflow-x:auto}.dashboard-table{border-collapse:separate;border-spacing:0;width:100%;min-width:760px}.dashboard-table thead th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:#58686d;background:#f4f6f4;border-bottom:1px solid #112c321a;padding:14px 18px;font-size:12px;font-weight:600}.dashboard-table tbody td{vertical-align:top;color:#112c32;border-bottom:1px solid #112c3214;padding:16px 18px;font-size:14px}.dashboard-table tbody tr:last-child td{border-bottom:none}.table-clickable-row{cursor:pointer}.table-clickable-row:hover td{background:#f8faf8}.dashboard-table strong{color:#112c32;font-size:14px;display:block}.table-meta{color:#607076;margin-top:4px;font-size:12px;line-height:1.45;display:block}.table-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.table-card .empty-state{margin:16px}.data-row{background:#fff;border:1px solid #112c3214;border-radius:22px;grid-template-columns:minmax(0,1.4fr) minmax(120px,.6fr) minmax(120px,.5fr);align-items:center;gap:16px;padding:18px 20px;display:grid}.location-cell{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.location-details{color:#4b5c61;gap:6px;font-size:12px;display:grid}.location-name{color:#112c32;margin-top:2px;font-size:13px;font-weight:600;display:block}.location-address{margin-top:2px;display:block}.location-label{color:#7a8b90;margin-bottom:2px;font-size:11px;font-weight:400;display:block}.map-button{color:#0f4449;cursor:pointer;background:#e6f4f3;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.map-button svg{fill:currentColor;width:18px;height:18px}.map-button:hover{background:#d6eeec}.map-dialog-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0f1f2373;place-items:center;padding:18px;display:grid;position:fixed;inset:0;overflow-y:auto}.side-panel-scrim{z-index:1100;background:#112c3233;border:none;position:fixed;inset:0}.field-visit-panel{z-index:1101;background:#fff;border-left:1px solid #112c3214;align-content:start;gap:18px;width:min(440px,92vw);height:100vh;padding:24px 20px;display:grid;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-16px 0 40px #112c321f}.field-visit-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.field-visit-panel-head h3{color:#112c32;margin:6px 0 4px;font-size:24px}.field-visit-panel-head span{color:#607076;font-size:12px}.field-visit-panel-close{color:#112c32;cursor:pointer;background:#fff;border:1px solid #112c321f;border-radius:999px;padding:8px 14px}.field-visit-panel-summary{gap:12px;display:grid}.field-visit-panel-card{background:#f8faf8;border:1px solid #112c3214;border-radius:18px;padding:14px 16px}.field-visit-panel-card span{color:#607076;font-size:11px;font-weight:400;display:block}.field-visit-panel-card strong{color:#112c32;margin-top:6px;display:block}.field-visit-panel-card small{color:#607076;margin-top:6px;line-height:1.5;display:block}.field-visit-panel-meta{color:#607076;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.field-visit-timeline{gap:14px;display:grid}.field-visit-timeline-item{grid-template-columns:28px minmax(0,1fr);align-items:start;gap:12px;display:grid}.field-visit-timeline-icon{background:#1fa7a4;border-radius:999px;width:16px;height:16px;margin-top:4px;position:relative}.field-visit-timeline-item.start .field-visit-timeline-icon{background:#34a853}.field-visit-timeline-item.end .field-visit-timeline-icon{background:#ea4335}.field-visit-timeline-icon:after{content:"";background:#d9e4e1;width:2px;height:calc(100% + 26px);position:absolute;top:18px;left:7px}.field-visit-timeline-item:last-child .field-visit-timeline-icon:after{display:none}.field-visit-timeline-content{background:#fff;border:1px solid #112c3214;border-radius:16px;padding:12px 14px}.field-visit-timeline-content strong{color:#112c32;display:block}.field-visit-timeline-content span,.field-visit-timeline-content small{color:#607076;margin-top:4px;line-height:1.45;display:block}.map-dialog{background:#f1eef6;border:1px solid #1c26381f;border-radius:22px;flex-direction:column;width:min(1020px,96vw);max-height:92vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #112c323d}.map-dialog-header{background:#f1eef6;border-bottom:1px solid #1c26381a;padding:14px 22px 12px}.map-dialog-header strong{color:#20293d;font-size:clamp(28px,3.1vw,44px);font-weight:600;line-height:1.08;display:block}.map-dialog-body{background:#f1eef6;flex:auto;display:block;overflow-y:auto}.map-dialog-body::-webkit-scrollbar{width:10px}.map-dialog-body::-webkit-scrollbar-track{background:0 0}.map-dialog-body::-webkit-scrollbar-thumb{background:#38455f59;border-radius:999px}.map-dialog-body{scrollbar-width:thin;scrollbar-color:#38455f59 transparent}.map-dialog-meta{background:#f1eef6;gap:12px;padding:14px 22px 10px;display:grid}.map-dialog-body iframe{border:0;width:100%;height:100%}.map-dialog-map{background:#d8dde8;border-top:1px solid #35374414;border-bottom:1px solid #3537441f;width:100%;height:clamp(300px,52vh,500px)}.map-dialog-map.leaflet-container{width:100%;height:clamp(300px,52vh,500px)}.map-dialog-chip-row{flex-wrap:wrap;gap:10px;display:flex}.map-dialog-chip{color:#3d4357;background:#f7f5fb;border:1px solid #3d4c8433;border-radius:11px;padding:7px 14px;font-size:15px;font-weight:500}.map-dialog-coords-row{color:#2a3144;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;font-size:17px;display:grid}.map-dialog-coords-row div{background:#f8f9fc;border:1px solid #3d4c8426;border-radius:10px;padding:8px 12px}.map-dialog-points{gap:8px;display:grid}.map-dialog-points strong{color:#21293d;letter-spacing:.01em;font-size:24px}.map-dialog-points ol{scrollbar-gutter:stable;color:#2f3346;background:#f3f6ff;border:1px solid #3d4c8429;border-radius:12px;max-height:250px;margin:0;padding:10px 12px 10px 30px;font-size:14px;line-height:1.5;overflow-y:auto}.map-dialog-empty-points{color:#555f78;background:#f8f9fc;border:1px solid #3d4c8426;border-radius:12px;padding:12px 14px;font-size:15px}.map-dialog-state{color:#5b6b70;background:#f1f2f2;grid-row:1/-1;place-items:center;width:100%;height:100%;font-size:14px;display:grid}.map-dialog-footer{background:#f1eef6;border-top:1px solid #1c26381a;justify-content:flex-end;padding:10px 22px 16px;display:flex}.map-dialog-close{color:#5f4a98;cursor:pointer;background:#fff;border:1px solid #6f5ca447;border-radius:999px;padding:7px 16px;font-size:16px;font-weight:600;line-height:1;transition:all .2s}.map-dialog-close:hover{background:#f4f0ff;border-color:#6f5ca470}.employee-row{grid-template-columns:minmax(0,1.6fr) minmax(160px,.9fr) minmax(160px,.9fr) minmax(210px,1.15fr) minmax(210px,1.05fr) minmax(140px,.75fr)}.attendance-row{grid-template-columns:minmax(0,1.2fr) minmax(220px,1fr) minmax(220px,1fr) minmax(120px,.5fr)}.exception-row{grid-template-columns:minmax(0,1.4fr) minmax(140px,.9fr) minmax(140px,.7fr)}.employee-row strong{font-size:13px}.employee-email{font-size:11px;line-height:1.35}.employee-row span{font-size:10.5px}.employee-row strong,.employee-row span{word-break:break-word}.employee-row .employee-actions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.data-row strong,.data-row span{display:block}.form-card{background:#fff;border:1px solid #112c3214;border-radius:24px;gap:16px;margin-bottom:18px;padding:20px;display:grid}.form-head strong,.form-head span{display:block}.form-head span{color:#63757a;margin-top:4px;font-size:12px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.form-grid label{color:#4b5c61;margin-bottom:6px;font-size:12px;display:block}.form-grid input,.form-grid select{color:#112c32;background:#fff;border:1px solid #112c3229;border-radius:12px;width:100%;padding:10px 12px;font-size:13px}.form-actions{flex-wrap:wrap;gap:12px;display:flex}.alert-employee-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.alert-filter-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.alert-toggle{color:#34464c;align-items:center;gap:10px;font-size:13px;font-weight:500;display:inline-flex}.alert-filter-meta{color:#607076;font-size:12px}.alert-employee-card{cursor:pointer;background:#fff;border:1px solid #112c321a;border-radius:18px;align-items:flex-start;gap:12px;padding:16px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.alert-employee-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px #112c3214}.alert-employee-card.selected{background:#eef8f5;border-color:#1fa7a473}.alert-employee-card input{margin-top:4px}.alert-employee-card strong,.alert-employee-card span{display:block}.alert-employee-card span{color:#607076;font-size:12px}.form-note{color:#5c6d72;margin:0;font-size:12px}.data-row strong{color:#112c32;font-size:14px}.data-row span{color:#607076;font-size:11px}.table-pill{color:#26553c;background:#e9f4ee;border-radius:999px;width:fit-content;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.table-pill.accent{color:#0f4449;background:#e6f4f3}.table-pill.active{color:#21633f;background:#e8f5ee}.table-pill.inactive{color:#8a2e2e;background:#f4e8e8}.table-pill.success{background:var(--bg-success);color:var(--text-success)}.table-pill.warning{background:var(--bg-warning);color:var(--text-warning)}.table-pill.danger{background:var(--bg-danger);color:var(--text-danger)}.table-pill-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-right:6px;display:inline-block}.hero{background:#f5f1e8;padding:32px 6vw 90px;position:relative;overflow:hidden}.hero:after{content:"";z-index:0;background:#112c320d;height:320px;position:absolute;inset:auto -10% -35%;transform:rotate(-6deg)}.nav{z-index:1;justify-content:space-between;align-items:center;gap:24px;display:flex;position:relative}.brand{align-items:center;gap:12px;display:flex}.brand-mark{border-radius:12px;width:40px;height:40px;display:inline-block;position:relative;box-shadow:0 8px 20px #112c3229}.brand-mark-logo{object-fit:contain;background:#fff}.brand-name{letter-spacing:.5px;font-size:20px;font-weight:600}.brand-tag{color:#66736c;font-size:12px}.nav-links{color:#3f4d52;gap:20px;font-size:14px;display:flex}.nav-links a{position:relative}.nav-links a:after{content:"";background:#1fa7a4;width:0;height:2px;transition:width .2s;position:absolute;bottom:-4px;left:0}.nav-links a:hover:after{width:100%}.cta{color:#f7f4ef;cursor:pointer;background:#112c32;border:none;border-radius:999px;padding:10px 18px;font-weight:600}.ghost{color:#112c32;cursor:pointer;background:0 0;border:1px solid #112c32;border-radius:999px;padding:10px 18px;font-weight:600}.hero-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px;margin-top:48px;display:grid;position:relative}.hero-copy h1{color:#112c32;margin:16px 0;font-size:clamp(32px,4vw,56px)}.lead{color:#39464b;max-width:520px;font-size:18px}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#1fa7a4;font-size:12px;font-weight:600}.hero-actions{flex-wrap:wrap;gap:14px;margin:26px 0 24px;display:flex}.hero-stats{flex-wrap:wrap;gap:20px;display:flex}.hero-stats div{background:#fff;border-radius:12px;padding:12px 18px;box-shadow:0 10px 20px #112c3214}.hero-stats span{font-weight:600;display:block}.hero-panel{gap:16px;display:grid}.panel-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 18px 40px #112c321f}.panel-card.subtle{box-shadow:none;background:#f0f7f6}.panel-header{justify-content:space-between;align-items:center;display:flex}.status{color:#3b2a08;background:#ffad46;border-radius:999px;padding:4px 10px;font-size:12px}.status[data-live]{color:#14603f;letter-spacing:.01em;background:#e4f7ec;align-items:center;gap:6px;font-weight:600;display:inline-flex}.status[data-live]:before{content:"";background:#1f9d6d;border-radius:50%;width:6px;height:6px;animation:2.4s cubic-bezier(.4,0,.2,1) infinite panelPing;box-shadow:0 0 #1f9d6d80}@keyframes panelPing{0%{box-shadow:0 0 #1f9d6d73}70%{box-shadow:0 0 0 7px #1f9d6d00}to{box-shadow:0 0 #1f9d6d00}}.panel-row{grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;display:grid}.panel-row div{background:#f7f4ef;border-radius:12px;padding:12px}.panel-row strong{font-size:20px;display:block}.panel-spark{background:linear-gradient(#fbfdfa 0%,#fff 100%);border:1px solid #112c3214;border-radius:14px;padding:14px 14px 10px}.panel-spark-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.panel-spark-head p{color:#14382c;margin:0;font-size:13px;font-weight:600}.panel-spark-head em{color:#14603f;background:#e4f7ec;border-radius:999px;padding:2px 8px;font-size:12px;font-style:normal;font-weight:600}.panel-spark-head em[data-dir=down]{color:#8a4b1d;background:#fdeee6}.panel-spark-bars{grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;height:62px;margin-top:12px;display:grid}.panel-spark-bars i{height:var(--h,40%);transform-origin:bottom;background:linear-gradient(#a5f0d0 0%,#d8f6a8 100%);border-radius:6px 6px 3px 3px;animation:.62s cubic-bezier(.22,1,.36,1) both panelGrow}.panel-spark-bars i.is-today{background:linear-gradient(#c8f45f 0%,#7fe0c8 100%);box-shadow:0 6px 14px #1f9d6d38}@keyframes panelGrow{0%{opacity:0;transform:scaleY(.05)}to{opacity:1;transform:scaleY(1)}}.panel-spark-days{grid-template-columns:repeat(7,1fr);gap:8px;margin-top:8px;display:grid}.panel-spark-days small{text-align:center;letter-spacing:.06em;text-transform:uppercase;color:#5d6f66;font-size:10px}.panel-activity{margin-top:16px}.panel-activity p{color:#14382c;margin:0 0 8px;font-size:13px;font-weight:600}@media (prefers-reduced-motion:reduce){.panel-spark-bars i,.status[data-live]:before{animation:none}}.panel-note{color:#f7f4ef;background:#112c32;border-radius:12px;margin-top:18px;padding:10px 14px;font-size:14px}.section{padding:72px 8vw}.section.alt{background:#f3f0ea}.section-head{max-width:720px;margin-bottom:32px}.section-head h2{color:#112c32;margin:12px 0 8px;font-size:clamp(26px,3vw,40px)}.section-head p{color:#405156}.action-btn{color:#112c32;cursor:pointer;background:#fff;border:1px solid #112c321f;border-radius:14px;transition:transform .2s,box-shadow .2s,border-color .2s,background-color .2s,color .2s}.icon-btn{justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex;overflow:hidden}.icon-btn svg{width:18px;height:18px}.employee-row .icon-btn{animation:3.2s ease-in-out infinite employeeActionIdle}@keyframes employeeActionIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}.action-btn:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 12px 24px #112c321f}.action-btn:active{transform:translateY(0)scale(.98)}.edit-btn{color:#0f5c59;background:linear-gradient(#1fa7a424,#1fa7a40a);border-color:#1fa7a42e}.edit-btn:hover{color:#0b4441;background:linear-gradient(#1fa7a43d,#1fa7a414);border-color:#1fa7a457}.delete-btn{color:#b43030;background:linear-gradient(#d84e4e1f,#d84e4e08);border-color:#d84e4e38}.delete-btn:hover{color:#912020;background:linear-gradient(#d84e4e38,#d84e4e14);border-color:#d84e4e5c}.employee-form-panel{gap:20px;width:min(520px,96vw)}.employee-panel-head{z-index:1;background:linear-gradient(#fffffffa,#ffffffeb);padding-bottom:8px;position:sticky;top:0}.employee-panel-copy{color:#607076;margin:8px 0 0;font-size:13px;line-height:1.5}.employee-panel-summary{gap:12px;display:grid}.employee-form-card{box-shadow:none;border-radius:24px}.employee-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-form-grid input,.employee-form-grid select{font-family:inherit}.employee-panel-actions{justify-content:flex-end}.delete-modal-card{max-width:460px}.delete-modal-copy{color:#31454b;margin:0;line-height:1.6}.delete-modal-summary{background:#f8faf8;border:1px solid #112c3214;border-radius:16px;gap:4px;padding:14px 16px;display:grid}.delete-modal-summary strong{color:#112c32}.delete-modal-summary span{color:#607076;font-size:13px}.modal-backdrop{z-index:1000;background:#112c3280;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-card{background:#fff;border:1px solid #112c3214;border-radius:24px;width:100%;max-width:500px;max-height:90vh;animation:.3s slideUp;overflow-y:auto;box-shadow:0 20px 60px #112c3226}.leave-import-modal{max-width:640px}.leave-import-subtitle{color:#607076;margin-top:5px;font-size:12px;display:block}.leave-import-guide{color:#244047;background:#eef7f4;border:1px solid #1fa7a429;border-radius:16px;gap:8px;padding:16px;display:grid}.leave-import-guide span,.leave-import-guide small{line-height:1.5}.leave-import-required-grid{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.leave-import-guide code{background:#112c3214;border-radius:6px;padding:2px 6px;font-size:12px}.leave-template-button{justify-self:start}.leave-import-options{grid-template-columns:minmax(180px,1fr) repeat(2,minmax(130px,auto));align-items:end;gap:12px;display:grid}.leave-import-check{color:#244047;background:#fbfcfb;border:1px solid #112c321f;border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.leave-import-check input{accent-color:#1fa7a4;width:15px;height:15px}.leave-import-file{color:#506166;background:#f7f7f5;border-radius:12px;justify-content:space-between;gap:16px;padding:12px 14px;font-size:12px;display:flex}.leave-import-file strong{color:#112c32;overflow-wrap:anywhere}.leave-import-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.leave-import-summary span{color:#607076;text-align:center;background:#f3f7f5;border-radius:12px;gap:4px;padding:12px;font-size:12px;display:grid}.leave-import-summary strong{color:#112c32;font-size:20px}.leave-import-errors{color:#9b2525;background:#c6282812;border-radius:12px;gap:6px;max-height:140px;padding:12px;font-size:12px;display:grid;overflow-y:auto}.modal-header{border-bottom:1px solid #112c3214;justify-content:space-between;align-items:center;gap:12px;padding:24px;display:flex}.modal-header strong{color:#112c32;margin:0;font-size:18px}.modal-body{gap:16px;padding:24px;display:grid}.form-group{gap:8px;display:grid}.form-group label,.form-group>span{color:#112c32;font-size:13px;font-weight:500}.form-group input,.form-group select{color:#112c32;border:1px solid #112c3226;border-radius:8px;padding:12px;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:#1fa7a4;outline:none;box-shadow:0 0 0 3px #1fa7a41a}.form-group input:disabled{color:#999;cursor:not-allowed;background:#f5f5f5}.form-note{color:#2e7d32;background:#4caf501a;border-left:3px solid #4caf50;border-radius:4px;margin:0;padding:10px 12px;font-size:13px}.form-note.error{color:#c62828;background:#f443361a;border-left-color:#f44336}.modal-actions{border-top:1px solid #112c3214;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.modal-actions button{cursor:pointer;border:1px solid #112c3233;border-radius:8px;padding:10px 20px;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;transition:all .2s}.modal-actions .ghost{color:#112c32;background:0 0}.modal-actions .ghost:hover:not(:disabled){background:#f5f5f5;border-color:#112c32}.modal-actions .cta{color:#fff;background:#1fa7a4;border-color:#1fa7a4}.modal-actions .cta:hover:not(:disabled){background:#0f4449;border-color:#0f4449}.modal-actions .danger{color:#fff;background:#ba2c2c;border-color:#ba2c2c}.modal-actions .danger:hover:not(:disabled){background:#901e1e;border-color:#901e1e}.modal-actions button:disabled{opacity:.6;cursor:not-allowed}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.card{background:#fff;border-radius:18px;padding:20px;box-shadow:0 8px 18px #112c3214}.card h3{color:#112c32;margin:0 0 8px}.features .feature{border-left:4px solid #1fa7a4}.timeline{gap:18px;display:grid}.timeline-step{background:#fff;border-radius:14px;align-items:flex-start;gap:16px;padding:18px;display:flex;box-shadow:0 6px 16px #112c3214}.step-index{color:#fff;background:#1fa7a4;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:600;display:grid}.split{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:center;gap:28px;display:grid}.list{margin:18px 0 0;padding-left:18px}.list li{margin-bottom:10px}.chip-row{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.chip{color:#0f4449;background:#e6f4f3;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.delete-card{background:#fff;border-radius:20px;gap:16px;max-width:560px;padding:28px;display:grid;box-shadow:0 12px 26px #112c321a}.delete-card label{color:#3f4d52;margin-bottom:6px;font-size:13px;display:block}.delete-card input{border:1px solid #d8d2c9;border-radius:10px;width:100%;padding:12px 14px;font-size:14px}.delete-actions{flex-wrap:wrap;gap:12px;display:flex}.danger{color:#fff;cursor:pointer;background:#8d1b1b;border:none;border-radius:999px;padding:10px 18px;font-weight:600}.delete-note{color:#6c7a80;font-size:12px}.footer{color:#f7f4ef;background:#112c32;flex-wrap:wrap;justify-content:space-between;gap:18px;padding:32px 8vw 48px;display:flex}.footer-links{gap:16px;font-size:14px;display:flex}.calendar-controls{align-items:end;gap:10px;width:100%}.calendar-module-tabs{flex-wrap:wrap;gap:10px;width:100%;display:flex}.calendar-layout{isolation:isolate;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);align-items:start;gap:10px;display:grid;position:relative;overflow:visible}.calendar-card{z-index:20;background:radial-gradient(circle at 100% 0,#1fa7a40f,#0000 24%),linear-gradient(#fffffffc,#f9f6f1f5);border:1px solid #10282d14;position:relative;overflow:visible;box-shadow:0 14px 34px #112c320f}.calendar-card-head{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:6px;padding:14px 14px 0;display:flex}.calendar-card-head-copy{gap:4px;display:grid}.calendar-kicker{color:#5d7b78;font-size:11px;font-weight:500}.calendar-card-head-actions{justify-items:end;gap:8px;display:grid}.calendar-card-head strong{color:#10282d;font-size:20px;line-height:1.05;display:block}.calendar-card-head span{color:#5f7277;font-size:12px}.calendar-legend{flex-wrap:wrap;gap:5px;display:flex}.legend-item{letter-spacing:.06em;text-transform:uppercase;color:#4d5e63;background:#ffffffe0;border:1px solid #10282d1f;border-radius:999px;align-items:center;gap:6px;padding:3px 8px;font-size:9px;font-weight:600;display:inline-flex}.legend-item:before{content:"";background:#c0c9cb;border-radius:999px;width:8px;height:8px}.legend-item.attendance:before{background:#1fa7a4}.legend-item.leave:before{background:#d8872d}.legend-item.birthday:before{background:#9b59b6}.legend-item.holiday:before{background:#d25151}.legend-item.half-day:before{background:#c79a37}.legend-item.weekend:before{background:#6f7f84}.legend-item.today:before{background:#285ad9}.calendar-insights{grid-template-columns:repeat(4,minmax(104px,1fr));gap:6px;width:100%;display:grid}.calendar-insight-card{background:#ffffffe6;border:1px solid #10282d14;border-radius:14px;gap:2px;min-width:0;padding:8px 10px;display:grid;box-shadow:0 8px 18px #112c320a}.calendar-insight-card span{color:#6b7f84;font-size:11px;font-weight:400}.calendar-insight-card strong{color:#10282d;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.calendar-grid-shell{padding:10px 14px 14px}.admin-calendar-grid{isolation:isolate;grid-template-columns:repeat(7,minmax(0,1fr));align-items:stretch;gap:6px;display:grid;position:relative;overflow:visible}.admin-calendar-grid.view-attendance .admin-calendar-day{--heat-rgb:31, 167, 164}.admin-calendar-grid.view-leaves .admin-calendar-day{--heat-rgb:216, 135, 45}.admin-calendar-grid.view-holidays .admin-calendar-day{--heat-rgb:210, 81, 81}.admin-calendar-grid.view-birthdays .admin-calendar-day{--heat-rgb:155, 89, 182}.admin-calendar-weekday{letter-spacing:.08em;text-transform:uppercase;color:#5a6b70;text-align:center;padding-bottom:2px;font-size:10px;font-weight:600}.admin-calendar-offset{border-radius:12px;min-height:84px}.admin-calendar-day{--heat:0;--heat-rgb:31, 167, 164;z-index:1;text-align:left;cursor:pointer;background:linear-gradient(170deg, #fffffffa, #f9f5eeeb), rgba(var(--heat-rgb), calc(.08 + (var(--heat) * .36)));border:1px solid #10282d1a;border-radius:12px;min-height:84px;padding:8px 8px 7px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:visible;box-shadow:0 8px 18px #112c320f}.admin-calendar-day.heat-none{background:linear-gradient(170deg, #fffffff2, #f8f3ece0), rgba(var(--heat-rgb), .04)}.admin-calendar-day.heat-light{box-shadow:0 10px 20px rgba(var(--heat-rgb), .14)}.admin-calendar-day.heat-medium{box-shadow:0 12px 24px rgba(var(--heat-rgb), .18)}.admin-calendar-day.heat-strong{box-shadow:0 14px 28px rgba(var(--heat-rgb), .24)}.admin-calendar-day:hover{border-color:#10282d42;transform:translateY(-2px)}.admin-calendar-day:focus-visible{border-color:#2c61b8;outline:none;box-shadow:0 0 0 3px #2c61b838}.admin-calendar-day.holiday{border-color:#d251515c}.admin-calendar-day.sunday,.admin-calendar-day.second-saturday,.admin-calendar-day.fourth-saturday{border-style:dashed}.admin-calendar-day.half-day{background:linear-gradient(170deg, #fffffffa, #faf5e9f0), rgba(199, 154, 55, calc(.06 + (var(--heat) * .18)));border-color:#c79a3757}.admin-calendar-day.today{border-color:#285ad97a;box-shadow:0 0 0 2px #285ad924,0 12px 24px #112c321f}.calendar-day-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.calendar-day-number{color:#10282d;font-size:13px;font-weight:600}.calendar-day-icon{letter-spacing:.04em;color:#6b7f84;font-size:11px;font-weight:600;line-height:1}.calendar-day-type{letter-spacing:.05em;color:#718287;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:9px;font-weight:600;overflow:hidden}.calendar-day-metrics{flex-wrap:wrap;align-items:center;gap:4px;margin-top:6px;display:flex}.calendar-day-metric{letter-spacing:.02em;border-radius:999px;justify-content:center;align-items:center;padding:2px 6px;font-size:9px;font-weight:600;display:inline-flex}.calendar-day-metric.attendance{color:#0b5a58;background:#1fa7a429}.calendar-day-metric.leave{color:#7d4b10;background:#d8872d29}.calendar-day-metric.birthday{color:#5f2a75;background:#9b59b62e}.calendar-day-metric.holiday{color:#8f2a2a;background:#d2515129}.calendar-day-metric.half-day{color:#7d5c11;background:#c79a372e}.calendar-day-popover{color:#e9f5f3;pointer-events:none;opacity:0;z-index:120;background:0 0;border-radius:14px;gap:4px;min-width:220px;max-width:280px;padding:10px 12px;transition:opacity .2s,transform .2s;display:grid;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(6px);box-shadow:0 20px 36px #06111361}.calendar-day-popover strong{font-size:13px}.calendar-day-popover span{color:#e9f5f3e6;font-size:12px}.admin-calendar-day:hover .calendar-day-popover,.admin-calendar-day:focus-visible .calendar-day-popover,.admin-calendar-day.popover-open .calendar-day-popover{z-index:120;opacity:1;transform:translate(-50%)translateY(0)}.admin-calendar-day:hover,.admin-calendar-day:focus-visible,.admin-calendar-day.popover-open{z-index:30}.calendar-holiday-list-card{z-index:10;min-height:420px;position:relative}.calendar-holiday-list{gap:8px;max-height:560px;padding:0 14px 14px;display:grid;overflow:auto}.calendar-holiday-list-item{background:#ffffffd6;border:1px solid #10282d1a;border-radius:14px;align-items:flex-start;gap:10px;padding:9px 10px;display:flex}.calendar-holiday-icon{background:#1fa7a424;border-radius:10px;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.calendar-holiday-icon.attendance{color:#0b5a58;background:#1fa7a424;font-weight:600}.calendar-holiday-icon.leave{color:#7d4b10;background:#d8872d29;font-weight:600}.calendar-holiday-icon.birthday{color:#5f2a75;background:#9b59b62e;font-weight:600}.calendar-holiday-copy{min-width:0}.calendar-holiday-copy strong,.calendar-holiday-copy span,.calendar-holiday-copy small{display:block}.calendar-holiday-copy strong{color:#10282d;font-size:14px}.calendar-holiday-copy span{color:#55696e;font-size:12px}.calendar-holiday-copy small{color:#678186;margin-top:2px;font-size:11px}.calendar-holiday-copy p{color:#495d62;margin:4px 0 0;font-size:12px}.holiday-modal-card{max-width:640px}.holiday-form-grid{grid-template-columns:1fr 1fr}.holiday-description-label{color:#607277;margin:12px 2px 8px;font-size:12px;font-weight:500;display:block}.holiday-description-input{resize:vertical;color:#112c32;background:#ffffffeb;border:1px solid #112c3224;border-radius:16px;width:100%;padding:12px 14px;font-family:inherit;box-shadow:inset 0 1px #ffffffe6}.holiday-description-input:focus{border-color:#4a8f83;outline:none;box-shadow:0 0 0 3px #4a8f8329}@media (width<=880px){.nav{flex-direction:column;align-items:flex-start}.nav-links{flex-wrap:wrap}.panel-row{grid-template-columns:1fr}.policy-hero,.policy-content{padding-left:20px;padding-right:20px}}@media (width<=980px){.admin-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #ffffff14;border-right:none}.dashboard-main{padding:20px}.login-stage{padding:0}.login-reference-shell{grid-template-columns:43% 57%}.login-reference-story{padding:46px 76px 46px 32px}.login-reference-form-panel{padding:64px 34px 64px 72px}.dashboard-main-login{padding:0}.login-stage-topbar{flex-direction:column;align-items:stretch;width:100%;max-width:720px;position:relative;top:auto;left:auto;right:auto}.login-stage-meta{justify-content:flex-start}.dashboard-hero,.reports-layout,.dashboard-analytics-grid,.calendar-layout{grid-template-columns:1fr}.calendar-card-head-actions{justify-items:stretch}.calendar-insights{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-holiday-list{max-height:none}.field-visit-panel{width:100vw;max-width:100vw}.employee-form-grid,.efficiency-row,.data-row{grid-template-columns:1fr}.dashboard-table{min-width:640px}.map-dialog{border-radius:20px;width:min(98vw,760px);max-height:92vh}.map-dialog-header{padding:12px 16px 10px}.map-dialog-header strong{font-size:clamp(24px,7vw,32px)}.map-dialog-body{padding-bottom:4px}.map-dialog-meta{padding:12px 16px 8px}.map-dialog-coords-row{grid-template-columns:1fr;font-size:15px}.map-dialog-map,.map-dialog-map.leaflet-container{height:min(42vh,340px)}.map-dialog-points ol{max-height:190px;font-size:13px}.map-dialog-footer{padding:10px 16px 14px}.attendance-section-head{align-items:stretch}.attendance-head-actions{flex-basis:100%;justify-content:flex-start}.attendance-toolbar-row{align-items:stretch}.attendance-controls-inline{justify-content:flex-start;gap:12px}.attendance-filter-search{flex-basis:100%;max-width:none}.attendance-filter-date{flex:220px}.employee-search-card{align-items:stretch}.employee-search-shell{width:100%;min-width:0}.employee-toolbar-meta{margin-left:0}.leave-filter-grid,.attendance-exception-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exception-card-grid{grid-template-columns:1fr}.calendar-weekdays,.calendar-grid-page{gap:10px}.calendar-day-card{min-height:140px}}@media (width<=700px){.report-toolbar,.report-actions{flex-direction:column}.calendar-weekdays{display:none}.calendar-grid-page{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-status-menu{left:0;right:auto}.leave-filter-grid{grid-template-columns:1fr}.leave-filter-actions{align-items:stretch}.leave-filter-actions>span:first-child{width:100%;margin-right:0}.leave-filter-actions button{flex:160px}.leave-import-summary,.leave-import-options{grid-template-columns:1fr}.line-chart{height:180px}.line-chart-labels{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-calendar-grid{gap:8px}.admin-calendar-day,.admin-calendar-offset{border-radius:14px;min-height:88px}.admin-calendar-day{padding:8px}.calendar-grid-shell{padding:12px}.calendar-day-popover{z-index:120;min-width:0;max-width:none;left:8px;right:8px;transform:translateY(6px)}.admin-calendar-day:hover .calendar-day-popover,.admin-calendar-day:focus-visible .calendar-day-popover,.admin-calendar-day.popover-open .calendar-day-popover{transform:translateY(0)}}.tour-page{color:#1f2a2e;background:#f7f4ef}.tour-hero{background:radial-gradient(circle at 74% 16%,#d79a552e,#0000 22%),radial-gradient(circle at 15% 70%,#1fa7a41f,#0000 28%),linear-gradient(145deg,#f7f4ef 0%,#edf3ef 54%,#e7eee9 100%);min-height:680px;position:relative;overflow:hidden}.tour-hero:after{content:"";pointer-events:none;border:1px solid #112c321a;border-radius:50%;width:460px;height:460px;position:absolute;bottom:-210px;right:-130px;box-shadow:0 0 0 36px #112c3206,0 0 0 72px #112c3205}.tour-hero-copy,.tour-story,.tour-page .nav{z-index:1;position:relative}.tour-hero-copy{text-align:center;width:min(760px,84vw);margin:100px auto 0}.tour-hero-copy h1{color:#112c32;letter-spacing:-.04em;max-width:760px;margin:16px auto;font-size:clamp(42px,7vw,78px);line-height:1.02}.tour-hero-copy .lead{max-width:620px;margin:0 auto}.tour-hero-copy .hero-actions{justify-content:center;margin-top:30px}.tour-back-link{align-items:center;display:inline-flex}.tour-story{width:min(1180px,88vw);margin:0 auto}.tour-intro{border-bottom:1px solid #112c321a;justify-content:space-between;align-items:end;gap:24px;padding:92px 0 42px;display:flex}.tour-intro span{color:#0f5a45;letter-spacing:.13em;text-transform:uppercase;font-size:12px;font-weight:800}.tour-intro p{color:#536267;max-width:420px;margin:0;font-size:18px}.tour-step{grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);align-items:center;gap:clamp(42px,8vw,120px);min-height:660px;padding:86px 0;display:grid}.tour-step-reverse .tour-copy{order:2}.tour-step-reverse .tour-frame{order:1}.tour-number{color:#d79a55;letter-spacing:.14em;margin-bottom:24px;font-size:15px;font-weight:800;display:block}.tour-copy h2{color:#112c32;letter-spacing:-.035em;max-width:480px;margin:10px 0 18px;font-size:clamp(32px,4vw,54px);line-height:1.08}.tour-copy>p:not(.eyebrow){color:#536267;max-width:460px;font-size:16px;line-height:1.75}.tour-tags{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.tour-tags span{color:#315157;background:#fff9;border:1px solid #112c321a;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:700}.tour-frame{background:#ffffff85;border:1px solid #112c321f;border-radius:28px;min-width:0;padding:16px;position:relative;transform:rotate(1.2deg);box-shadow:0 28px 60px #112c321f,inset 0 1px #ffffffe6}.tour-step-reverse .tour-frame{transform:rotate(-1.2deg)}.tour-frame-glow{z-index:-1;filter:blur(34px);background:#1fa7a424;border-radius:50%;position:absolute;inset:16% -8% -12%}.tour-demo{color:#17383e;background:linear-gradient(145deg,#fbfdfb,#eef5f1);border:1px solid #112c321a;border-radius:18px;min-height:350px;padding:24px;overflow:hidden;box-shadow:inset 0 1px #fffffff2}.demo-sidebar{background:#315247;border-radius:14px;justify-items:center;gap:18px;width:42px;padding:10px 0;display:grid}.demo-sidebar img{object-fit:cover;border-radius:8px;width:25px;height:25px}.demo-sidebar i,.demo-toolbar em{background:#ffffff6b;border-radius:99px;width:18px;height:5px;display:block}.tour-demo-overview{grid-template-columns:42px 1fr;gap:20px;display:grid}.demo-main{align-content:start;gap:18px;display:grid}.demo-line{background:#315247;border-radius:99px;width:34%;height:12px}.demo-line-wide{width:64%}.demo-kpis{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.demo-kpis b,.demo-person,.demo-approval,.demo-report-foot b{background:#ffffffb8;border:1px solid #112c3214;border-radius:12px;gap:6px;padding:14px;display:grid}.demo-kpis strong{color:#112c32;font-size:27px}.demo-kpis small,.demo-person small,.demo-approval small,.demo-report-foot small{color:#748287;font-size:10px}.demo-chart{background:#e4efea;border-radius:14px;align-items:end;gap:9px;height:130px;padding:18px;display:flex}.demo-chart span{background:linear-gradient(#58c6b5,#2d8e8b);border-radius:5px 5px 2px 2px;flex:1;min-height:18px}.demo-chart span:nth-child(2){height:54%}.demo-chart span:nth-child(3){height:72%}.demo-chart span:nth-child(4){height:44%}.demo-chart span:nth-child(5){height:84%}.demo-chart span:nth-child(6){height:64%}.demo-chart span:nth-child(7){height:92%}.demo-list{gap:8px;display:grid}.demo-list i{background:#d7e5df;border-radius:99px;height:10px}.demo-toolbar{align-items:center;gap:10px;margin-bottom:20px;display:flex}.demo-toolbar span{background:#315247;border-radius:99px;width:24%;height:11px}.demo-toolbar span:nth-child(2),.demo-toolbar span:nth-child(3){background:#c8d9d2;width:15%}.demo-toolbar em{background:#d79a55;margin-left:auto}.demo-person{min-height:120px}.demo-avatar,.demo-approval>b{color:#0f5a45;background:#d8eee8;border-radius:10px;place-items:center;width:31px;height:31px;font-size:11px;display:grid}.demo-person i{background:#58c6b5;border-radius:99px;width:30%;height:5px}.demo-table{background:#dbe7e2;border-radius:12px;gap:1px;display:grid;overflow:hidden}.demo-table-head,.demo-table-row{background:#fffc;grid-template-columns:1.5fr .7fr .7fr .8fr;align-items:center;gap:10px;padding:13px 14px;display:grid}.demo-table-head i{background:#9bb4aa;border-radius:99px;height:6px}.demo-table-row strong{font-size:11px}.demo-approval-head,.demo-report-head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.demo-approval-head strong,.demo-report-head strong{font-size:16px}.demo-approval-head span,.demo-report-head span{color:#748287;font-size:11px}.demo-approval{grid-template-columns:34px 1fr auto;align-items:center;margin-bottom:10px}.demo-approval button{color:#fff;background:#315247;border:0;border-radius:8px;padding:8px 10px;font-size:10px;font-weight:700}.tour-demo-map{background:#dfece8;min-height:350px;position:relative}.demo-map-grid{opacity:.7;background-image:linear-gradient(32deg,#0000 48%,#bfd6ce 49% 51%,#0000 52%),linear-gradient(116deg,#0000 47%,#c7dbd4 48% 51%,#0000 52%);background-size:90px 70px,130px 100px;position:absolute;inset:0}.demo-route{border:4px solid #2d8e8b;border-color:#2d8e8b #2d8e8b #58c6b5 #0000;border-radius:50%;width:62%;height:35%;position:absolute;top:31%;left:20%;transform:rotate(-12deg)}.demo-pin{background:#d79a55;border:4px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;box-shadow:0 4px 10px #112c3233}.demo-pin-a{top:30%;left:17%}.demo-pin-b{background:#315247;bottom:29%;right:17%}.demo-map-card{background:#ffffffd6;border:1px solid #fffc;border-radius:12px;gap:5px;width:min(220px,60%);padding:14px;display:grid;position:absolute;bottom:20px;right:20px;box-shadow:0 12px 28px #112c321a}.demo-map-card strong{font-size:13px}.demo-map-card small,.demo-map-card span{color:#748287;font-size:10px}.demo-report-chart{background:#e4efea;border-radius:14px;height:165px;padding:14px}.demo-report-chart svg{width:100%;height:100%}.demo-report-chart polyline{fill:none;stroke:#2d8e8b;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.demo-report-foot strong{color:#112c32;font-size:19px}.tour-cta{color:#fff;text-align:center;background:linear-gradient(135deg,#315247,#476c60);border:1px solid #112c321a;border-radius:28px;margin:42px 0 110px;padding:72px 30px;box-shadow:0 22px 44px #112c321f}.tour-cta h2{letter-spacing:-.035em;margin:12px 0;font-size:clamp(32px,5vw,54px)}.tour-cta>p:not(.eyebrow){color:#ffffffc2;max-width:500px;margin:0 auto 26px}.tour-cta .eyebrow{color:#f2c58e}.fxgrid{opacity:.55;background-image:linear-gradient(rgba(var(--fa), .08) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--fa), .08) 1px, transparent 1px)}.fxcard{color:#1d2d49}.fxemp{border-bottom-color:rgba(var(--fa), .36);background:#6c8df50e;border-radius:12px 12px 4px 4px}.fxemp-in::placeholder{color:#98a6b9}.fxotp-cell{border-color:rgba(var(--fa), .28);color:#1d2d49;background:#6c8df50b;border-radius:14px}.fxback{color:#51678a;background:#ffffffad;border-color:#49659929}.fxchip{background:#ffffff8c;border-color:#49659921}.fxchip strong{color:#1d2d49!important}.fxchip span{color:#72829a!important}.fxchip small{color:#8a98aa!important}.fxlabel{color:#526581!important}.fxbp:hover:not(:disabled){box-shadow:0 14px 34px #5667d157}.fxspinner{border-color:#fff #fff6 #fff6}@media (width<=760px){.tour-hero{min-height:610px}.tour-hero-copy{margin-top:70px}.tour-hero-copy h1{font-size:clamp(38px,12vw,58px)}.tour-intro{padding-top:64px;display:grid}.tour-step,.tour-step-reverse{flex-direction:column;align-items:stretch;gap:34px;min-height:auto;padding:64px 0;display:flex}.tour-step-reverse .tour-copy,.tour-step-reverse .tour-frame{order:initial}.tour-copy h2{font-size:38px}.tour-frame,.tour-step-reverse .tour-frame{transform:none}.tour-demo{min-height:300px;padding:16px}.demo-people-grid{grid-template-columns:repeat(2,1fr)}.demo-kpis{gap:6px}.demo-kpis b{padding:10px}.demo-kpis strong{font-size:21px}.demo-table-row{grid-template-columns:1.4fr .7fr .7fr}.demo-table-row small{display:none}.tour-cta{margin-bottom:70px;padding:54px 22px}}@media (width<=520px){.tour-page .nav-links{display:none}.tour-page .nav{padding-inline:20px}.tour-page .nav>.cta{padding-inline:14px}.fxcard{padding:30px 22px 26px}.fxchip:nth-child(2){display:none}.fxotp-cell{width:42px;height:48px}.tour-demo-overview{gap:10px}.demo-sidebar{width:34px}.demo-sidebar i{width:14px}.demo-report-foot{gap:5px}.demo-report-foot b{padding:9px 7px}.demo-report-foot strong{font-size:15px}}@media (width<=640px){.sidebar-brand{align-items:flex-start}.dashboard-main-login{padding:0}.login-stage{align-items:start;padding:0}.login-reference-shell{grid-template-columns:1fr;min-height:100vh}.login-reference-story{clip-path:polygon(0 0,100% 0,100% 86%,0 100%);min-height:270px;margin-right:0;padding:28px 24px}.login-reference-message h1{margin:10px 0 18px;font-size:25px}.login-reference-chart{display:none}.login-reference-disclaimer{margin-top:26px}.login-reference-form-panel{padding:58px 24px 34px}.login-reference-heading h2{font-size:26px}.login-otp-cells{gap:7px}.dashboard-analytics-card{padding:18px}.weekly-attendance-bars{gap:7px;height:125px}.weekly-attendance-metrics{gap:18px}.login-stage-back{top:16px;right:16px}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}.holiday-form-grid{grid-template-columns:1fr}.calendar-card-head{padding:14px 14px 0}.calendar-insights{grid-template-columns:1fr}}[data-animate]{animation:.8s both fadeIn}.kpi-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.kpi-card{background:var(--surface-2);border:.5px solid var(--border);box-shadow:none;border-radius:14px;align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.kpi-icon svg{width:20px;height:20px}.kpi-blue{color:#4f806a;background:#eef6f1}.kpi-green{color:#3fbe7a;background:#edfaf4}.kpi-orange{color:#efa13a;background:#fff6ec}.kpi-purple{color:#7c3aed;background:#f4f0ff}.kpi-body{flex-direction:column;gap:2px;min-width:0;display:flex}.kpi-label{color:#8a93a3;font-size:12px;font-weight:500}.kpi-value{color:#0f2147;font-family:inherit;font-size:26px;font-weight:600;line-height:1.1}.kpi-sub{color:#a0aabb;margin-top:2px;font-size:11px}.dashboard-charts-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.chart-card{background:var(--surface-2);border:.5px solid var(--border);box-shadow:none;border-radius:14px;padding:20px 22px 16px}.chart-card-head{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.chart-card-head strong{color:#0f2147;font-size:14px;font-weight:600}.chart-card-sub{color:#8a93a3;font-size:11px}.weekly-bar-chart{align-items:flex-end;gap:6px;height:120px;padding-bottom:4px;display:flex}.weekly-bar-col{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.weekly-bar-wrap{background:var(--surface-sunken,var(--surface-1));border-radius:6px 6px 0 0;flex:1;align-items:flex-end;width:100%;min-height:8px;display:flex;overflow:hidden}.weekly-bar-fill{background:linear-gradient(#78aa8e 0%,#4f806a 100%);border-radius:4px 4px 0 0;width:100%;min-height:4px;transition:height .3s}.weekly-bar-label{color:#8a93a3;font-size:10px;font-weight:500}.weekly-bar-count{color:#37414f;font-size:10px;font-weight:600}.dept-bars{flex-direction:column;gap:10px;display:flex}.dept-bar-row{grid-template-columns:90px 1fr 28px;align-items:center;gap:8px;display:grid}.dept-bar-label{color:#37414f;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.dept-bar-track{background:var(--surface-sunken,var(--surface-1));border-radius:999px;height:6px;overflow:hidden}.dept-bar-fill{background:linear-gradient(90deg,#4f806a 0%,#91b8a2 100%);border-radius:999px;height:100%;transition:width .3s}.dept-bar-count{color:#8a93a3;text-align:right;font-size:12px;font-weight:600}@media (width<=980px){.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-charts-row{grid-template-columns:1fr}}@media (width<=640px){.kpi-row{grid-template-columns:1fr}}:root{--theme-evergreen:#0f4938;--theme-evergreen-deep:#0a3529;--theme-evergreen-soft:#e8f1eb;--theme-lime:#c8f45f;--theme-lime-soft:#efffc9;--theme-canvas:#f4f5ef;--theme-surface:#fff;--theme-surface-muted:#f7f8f4;--theme-border:#e2e6dc;--theme-text:#17221d;--theme-muted:#7b857f;--surface-1:var(--theme-surface-muted);--surface-2:var(--theme-surface);--border:var(--theme-border);--border-strong:#c7d1c2;--border-accent:var(--theme-evergreen);--text-primary:var(--theme-text);--text-secondary:#55615b;--text-muted:var(--theme-muted);--bg-accent:var(--theme-evergreen-soft);--text-accent:var(--theme-evergreen);--bg-success:var(--theme-lime-soft);--text-success:var(--theme-evergreen-deep);--bg-warning:#fdf1dc;--text-warning:#8a5a12;--bg-danger:#f4e8e8;--text-danger:#8a2e2e;--radius:10px}.admin-shell:not(.admin-shell-login){--theme-evergreen:#106b52;--theme-evergreen-deep:#0b4f3c;--theme-evergreen-soft:#e9f4f0;--theme-lime:#bdeed6;--theme-lime-soft:#e6f6ee;--theme-canvas:#f5f8f6;--theme-surface:#fff;--theme-surface-muted:#f7faf8;--theme-border:#e5ebe7;--theme-text:#152420;--theme-muted:#6f7d77;--surface-1:#f7faf8;--surface-2:#fff;--surface-sunken:#f1f5f2;--border:#e5ebe7;--border-strong:#d4ded8;--border-accent:#106b52;--text-primary:#152420;--text-secondary:#5a6a63;--text-muted:#88958f;--bg-accent:#e9f4f0;--text-accent:#106b52;--bg-success:#e7f5ec;--text-success:#14724a;--bg-warning:#fdf3e3;--text-warning:#8a5a12;--bg-danger:#fbecec;--text-danger:#9d2f2f;--bg-info:#eaf1f8;--text-info:#2c5a86;--hover-tint:#f2f7f4;--active-tint:#e9f4f0;--focus-ring:#106b5242;--scrim:#0f221c57;--glass:#ffffffbd;--radius:10px}body,.admin-shell,.dashboard-main{background:var(--theme-canvas);color:var(--theme-text)}.admin-shell,.dashboard-main{min-width:0}.dashboard-main:not(.dashboard-main-login){grid-template-rows:auto minmax(0,1fr);align-content:start;gap:0;padding:0;display:grid;overflow-x:clip}.dashboard-canvas{gap:var(--sp-6);min-width:0;padding:var(--sp-6) var(--sp-7);align-content:start;display:grid}.dashboard-canvas>*{min-width:0}@media (width<=980px){.dashboard-canvas{padding:var(--sp-5) var(--sp-5)}}@media (width<=640px){.dashboard-canvas{gap:var(--sp-4);padding:var(--sp-4)}}.sidebar{background:var(--theme-canvas);color:var(--theme-text);border-right:.5px solid var(--border);box-shadow:none;gap:0;padding:10px 6px;overflow:hidden}.sidebar-panel{border:.5px solid var(--border);background:var(--surface-2);border-radius:12px;flex-direction:column;flex:auto;gap:0;width:100%;min-height:0;display:flex;overflow:hidden}.sidebar-panel-head{border-bottom:.5px solid var(--border);align-items:center;gap:10px;padding:14px 16px;display:flex}.sidebar-panel-close,.sidebar-mobile-bar,.sidebar-mobile-scrim{display:none}.sidebar-brand{border-bottom:0;flex:auto;gap:10px;min-width:0;padding:0}.sidebar-logo{background:var(--bg-accent);width:32px;height:32px;color:var(--text-accent);box-shadow:none;border-radius:8px;font-size:13px;font-weight:500}.sidebar .sidebar-brand-text{align-items:initial;gap:1px;min-width:0;display:grid}.sidebar .brand-name{color:var(--text-primary);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:1.25;overflow:hidden}.sidebar .brand-subtitle{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.25;overflow:hidden}.sidebar-brand-selector,.sidebar-subgroup-plus,.sidebar-search-icon{color:var(--text-muted);flex-shrink:0;place-items:center;display:inline-grid}.sidebar-brand-selector,.sidebar-brand-selector svg{width:16px;height:16px}.sidebar-subgroup-plus,.sidebar-subgroup-plus svg{width:13px;height:13px}.sidebar-search{border:.5px solid var(--border);border-radius:var(--radius);height:34px;color:var(--text-muted);align-items:center;gap:8px;margin:12px 12px 4px;padding:0 10px;font-size:13px;display:flex}.sidebar-search-icon,.sidebar-search-icon svg{width:15px;height:15px}.sidebar-search-placeholder{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.sidebar-search kbd{border:.5px solid var(--border);height:20px;color:var(--text-muted);background:#fff;border-radius:4px;align-items:center;padding:0 5px;font-family:inherit;font-size:11px;font-weight:500;display:inline-flex}.sidebar-org-selector{display:none}.sidebar-nav{flex:auto;align-content:start;gap:0;min-height:0;padding:0 12px 10px;display:grid;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.sidebar-section{gap:0;display:grid}.sidebar-section+.sidebar-section{margin-top:8px}.sidebar-section--primary{padding:6px 0 2px}.sidebar-section-label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;padding:10px 4px 4px;font-size:11px;font-weight:500;line-height:1.1}.sidebar-subgroup-label{min-height:24px;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;margin:6px 0 2px;padding:0 4px 0 10px;font-size:11px;font-weight:500;line-height:1.1;display:flex}.sidebar-group{flex:initial;gap:2px;padding-right:0;display:grid;overflow:visible}.sidebar-link{border-radius:var(--radius);width:100%;height:32px;min-height:32px;color:var(--text-secondary);background:0 0;border:0;padding:0 10px;font-size:13px;font-weight:400;line-height:1.2}.sidebar-link--nested{padding-left:22px}.sidebar-link-main{flex:auto;gap:10px}.sidebar-link-label{text-overflow:ellipsis;white-space:nowrap;line-height:1.2;overflow:hidden}.sidebar-link:hover{background:var(--hover-tint);color:var(--text-primary);transform:none}.sidebar-link.active{background:var(--bg-accent);color:var(--text-accent);box-shadow:none;font-weight:500;position:relative}.sidebar-link.active:before{content:"";background:var(--text-accent);border-radius:0 2px 2px 0;width:2px;position:absolute;top:7px;bottom:7px;left:0}.sidebar-link-icon{color:currentColor;background:0 0;border-radius:0;width:16px;height:16px}.sidebar-link-icon svg{width:16px;height:16px}.sidebar-link.active .sidebar-link-icon{color:currentColor;background:0 0}.sidebar-link-badge,.sidebar-link.active .sidebar-link-badge{background:var(--bg-accent);color:var(--text-accent)}.sidebar-support{border-top:.5px solid var(--border);gap:2px;padding:8px 12px;display:grid}.sidebar-link--utility{color:var(--text-secondary)}.sidebar-foot{border-top:.5px solid var(--border);flex-direction:row;align-items:center;gap:10px;margin-top:0;padding:10px 14px}.sidebar-profile-info strong{color:var(--text-primary);font-size:13px;font-weight:500}.sidebar-profile-info span{color:var(--text-secondary);font-size:11px}.sidebar-profile{flex:auto;padding:0}.sidebar-avatar{background:var(--bg-accent);width:30px;height:30px;color:var(--text-accent);box-shadow:none;border-radius:50%;font-size:12px;font-weight:500}.sidebar-profile-menu{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;place-items:center;padding:0;transition:background .15s,color .15s;display:inline-grid}.sidebar-profile-menu svg{width:14px;height:14px}.sidebar-profile-menu:hover{background:var(--hover-tint);color:var(--text-primary)}.sidebar-note{background:var(--theme-surface-muted);color:var(--theme-text)}.sidebar-note span{color:var(--theme-muted)}.sidebar-back{border-color:var(--border-strong);color:var(--text-accent)}@media (width<=980px){.sidebar{z-index:40;border-right:none;border-bottom:.5px solid var(--border);min-height:auto;padding:0;position:sticky;top:0;overflow:visible}.sidebar-mobile-bar{background:var(--surface-2);grid-template-columns:minmax(0,1fr) auto 40px;align-items:center;gap:10px;height:64px;padding:0 16px;display:grid}.sidebar-mobile-brand{align-items:center;gap:10px;min-width:0;display:flex}.sidebar-mobile-brand .brand-name{font-size:16px}.sidebar-mobile-active{text-align:right;justify-items:end;gap:1px;min-width:0;display:grid}.sidebar-mobile-active span{color:var(--text-muted);letter-spacing:var(--tr-label);text-transform:uppercase;font-size:10px;font-weight:600;line-height:1.1}.sidebar-mobile-active strong{max-width:150px;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.2;overflow:hidden}.sidebar-mobile-toggle,.sidebar-panel-close{border:.5px solid var(--border-strong);border-radius:var(--r-xs);background:var(--surface-2);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);place-items:center;padding:0;display:inline-grid}.sidebar-mobile-toggle:hover,.sidebar-panel-close:hover{border-color:var(--border-accent);background:var(--hover-tint);color:var(--text-primary)}.sidebar-mobile-toggle svg,.sidebar-panel-close svg{width:19px;height:19px}.sidebar-panel{z-index:43;border:.5px solid var(--border);background:var(--surface-2);width:min(318px,100vw - 48px);max-width:100%;box-shadow:var(--e-3);border-left:0;border-radius:0 12px 12px 0;padding:0;transition:transform .22s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-105%)}.sidebar--mobile-open .sidebar-panel{transform:translate(0)}.sidebar-panel-head{justify-content:space-between;align-items:center;gap:10px;padding:14px 12px 14px 16px;display:flex}.sidebar-panel-head .sidebar-brand{min-width:0;padding:0}.sidebar-mobile-scrim{z-index:42;background:var(--scrim);opacity:0;pointer-events:none;border:0;transition:opacity .2s;position:fixed;inset:0}.sidebar--mobile-open .sidebar-mobile-scrim{opacity:1;pointer-events:auto;display:block}.sidebar-group{grid-template-columns:minmax(0,1fr);overflow:visible}}.dashboard-highlight,.dashboard-analytics-card,.chart-card,.calendar-card,.data-card,.form-card,.report-actions-card,.alert-side-card,.kpi-card{background:var(--surface-2,var(--theme-surface));border-color:var(--border,var(--theme-border));box-shadow:var(--e-1,none)}.dashboard-hero h1,.dashboard-highlight strong,.dashboard-section-head h2,.chart-card-head strong,.dashboard-analytics-head strong,.weekly-attendance-metrics strong,.kpi-value{color:var(--theme-text)}.dashboard-copy,.dashboard-highlight p,.dashboard-highlight span,.dashboard-analytics-head span,.weekly-attendance-metrics span{color:var(--theme-muted)}.dashboard-user-avatar{background:var(--theme-evergreen);color:var(--theme-lime)}.dashboard-user-card{color:var(--theme-text)}.dashboard-user-card:hover{background:var(--theme-evergreen-soft)}.refresh-toast,.table-pill.accent,.table-pill.active{background:var(--theme-lime-soft);color:var(--theme-evergreen-deep)}.cta,.dashboard-button.cta,.login-reference-submit{background:var(--theme-evergreen);color:#fff;box-shadow:0 10px 20px #0f493833}.cta:hover,.dashboard-button.cta:hover,.login-reference-submit:hover:not(:disabled){background:var(--theme-evergreen-deep)}.ghost,.dashboard-button.ghost{color:var(--theme-evergreen);background:#fff;border-color:#b8c5bd}.ghost:hover,.dashboard-button.ghost:hover{border-color:var(--theme-evergreen);background:var(--theme-evergreen-soft)}input:focus,select:focus,textarea:focus,.modern-date-input:focus,.login-reference-form>input:focus,.login-otp-cells input:focus{border-color:var(--theme-evergreen)!important;box-shadow:0 0 0 3px #0f49381f!important}.attendance-tab.active{background:var(--theme-evergreen);border-color:var(--theme-evergreen);color:#fff}.attendance-tab.active span{background:var(--theme-lime);color:var(--theme-evergreen-deep)}.weekly-attendance-bar,.weekly-bar-fill{background:linear-gradient(180deg, #3f856e, var(--theme-evergreen))}.weekly-attendance-bar.current{background:linear-gradient(180deg, var(--theme-lime), #8fcf42)}.department-attendance-track div,.dept-bar-fill,.efficiency-bar-fill{background:linear-gradient(90deg, var(--theme-evergreen), #5d9d7e)}.kpi-blue{background:var(--theme-evergreen-soft);color:var(--theme-evergreen)}.login-stage,.login-reference-form-panel,.login-reference-shell{background:#fafaff}.login-reference-story{background:radial-gradient(circle at 90% 62%,#6c52ed52,#0000 27%),linear-gradient(145deg,#282247,#17142f)}.login-reference-story:after{background:#644cf024}.login-reference-message>span{color:#a9a0ff}.login-chart-head strong{color:#91ebd0}.login-chart-bars i{background:linear-gradient(#806cff,#5545a8)}.login-resend{color:#7264cf}.login-resend:hover:not(:disabled){color:#4e3cd5}.login-reference-submit{background:linear-gradient(135deg,#6750ed,#5740df);box-shadow:0 12px 25px #5b44e047}.login-reference-submit:hover:not(:disabled){background:linear-gradient(135deg,#5c45e5,#4933ce);box-shadow:0 15px 30px #5b44e057}.login-reference-form>input:focus,.login-otp-cells input:focus{border-color:#634cf3!important;box-shadow:0 0 0 3px #634cf324!important}.nav-links a:after{background:var(--theme-lime)}.dashboard-main:not(.dashboard-main-login){background:var(--theme-canvas)}.dashboard-hero{box-shadow:none;background:0 0;border-radius:0;padding:8px 0;position:relative;overflow:visible}.dashboard-hero:after{content:none}.dashboard-hero .eyebrow{color:#358065}.dashboard-hero h1{color:var(--theme-text)}.dashboard-hero .dashboard-copy{color:var(--theme-muted)}.dashboard-hero .dashboard-user-card{color:var(--theme-text);border:1px solid var(--theme-border);background:#fff;padding:9px 12px;box-shadow:0 8px 20px #0f493814}.dashboard-hero .dashboard-user-card:hover{background:#f8fbf6;border-color:#cdd9cf}.dashboard-hero .dashboard-user-avatar{background:var(--theme-lime);color:var(--theme-evergreen-deep)}.dashboard-hero .dashboard-user-card span,.dashboard-hero .dashboard-user-card small,.dashboard-hero .dashboard-user-chevron{color:var(--theme-muted)!important}.dashboard-hero .dashboard-user-card strong{color:var(--theme-text)}.employee-overview-hero{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:24px}.employee-overview-content{min-width:0}.employee-overview-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.employee-overview-heading h1{margin:5px 0 0;font-size:clamp(25px,2.4vw,36px)}.employee-overview-grid{display:block}.employee-overview-kpis{grid-template-columns:repeat(2,minmax(0,220px));gap:12px;display:grid}.employee-overview-kpi,.department-treemap-card{border:.5px solid var(--border,var(--theme-border));border-radius:var(--r-md,14px);background:var(--surface-2,#fff);box-shadow:var(--e-1,none)}.employee-overview-kpi{background:var(--surface-2,#fff);align-content:center;gap:3px;min-height:112px;padding:18px 20px;display:grid}.employee-overview-kpi.accent{background:var(--surface-1,#f8fbf7)}.employee-overview-kpi span{color:var(--theme-muted);font-size:12px;font-weight:400}.employee-overview-kpi strong{color:var(--theme-evergreen);font-size:38px;line-height:1.1}.employee-overview-kpi small{color:#839087;font-size:11px}.department-treemap-card{min-width:0;padding:18px}.department-treemap-head{margin-bottom:12px}.department-treemap-head strong,.department-treemap-head span{display:block}.department-treemap-head strong{color:var(--theme-text);font-size:14px}.department-treemap-head span{color:var(--theme-muted);margin-top:3px;font-size:11px}.department-treemap{flex-wrap:wrap;gap:7px;min-height:208px;display:flex}.department-treemap-item{color:#fff;background:#0f4938;border-radius:12px;align-content:end;min-width:105px;min-height:86px;padding:13px;display:grid}.department-treemap-item:nth-child(4n+2){background:#38775f}.department-treemap-item:nth-child(4n+3){color:#102c24;background:#76a58b}.department-treemap-item:nth-child(4n+4){color:#173122;background:#c8f45f}.department-treemap-item span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.department-treemap-item strong{margin-top:4px;font-size:25px;line-height:1}.department-treemap-item small{opacity:.75;margin-top:3px;font-size:10px}.dashboard-highlight{background:var(--surface-2,#fff);border:.5px solid var(--border,#e5ebe7);box-shadow:var(--e-1,none)}.dashboard-highlight strong{color:var(--theme-evergreen)}.dashboard-section-head{z-index:1;position:relative}.dashboard-section-head .eyebrow{color:#358065}.report-toolbar{border:.5px solid var(--border,#e1e8df);border-radius:var(--r-sm,10px);background:var(--surface-1,#f7faf5);padding:14px 16px}.dashboard-analytics-card{background:var(--surface-2,#fff);border-color:var(--border,#dce5da);box-shadow:none}.weekly-attendance-bar-shell{background:linear-gradient(#e8f1eb00,#e8f1ebb3);border-radius:8px 8px 0 0}.department-attendance-track{background:var(--surface-sunken,#e8eee8)}@media (width<=980px){.dashboard-hero{padding:26px}.dashboard-profile-menu{justify-self:start}.employee-overview-hero{grid-template-columns:1fr}.employee-overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.dashboard-hero{border-radius:22px;padding:22px}.dashboard-hero h1{font-size:30px}.employee-overview-kpis{grid-template-columns:1fr}.department-treemap-item{flex-basis:calc(50% - 7px)!important}.attendance-exception-filter-grid{grid-template-columns:minmax(0,1fr)}}.page{background:#f7f8f4}.page .hero{background:radial-gradient(circle at 88% 18%,#c8f45f33,#0000 23%),linear-gradient(#fbfcf7 0%,#f2f5ed 100%);padding:22px max(24px,2.5vw) 76px}.page .hero:after{background:#0f49380b;border-radius:50% 0 0;height:360px;inset:auto -5% -230px 40%;transform:rotate(-4deg)}.page .nav,.page .hero-grid,.page .section>*{width:min(1440px,100%)}.page .nav,.page .hero-grid{margin-left:auto;margin-right:auto}.page .nav{border-bottom:1px solid #0f493817;min-height:58px;padding-bottom:16px}.page .brand-mark{border-radius:13px;width:46px;height:46px;box-shadow:0 8px 20px #0f49381f}.page .brand-name{color:#13251e;font-size:18px}.page .brand-tag{margin-top:1px;font-size:11px}.page .nav-links{color:#536159;gap:28px;font-size:13px;font-weight:600}.page .nav>.cta{min-height:42px;padding:0 20px}.page .hero-grid{grid-template-columns:minmax(0,1fr) minmax(520px,1fr);align-items:center;gap:clamp(44px,5vw,78px);margin-top:64px}.page .hero-copy{max-width:680px}.page .hero-copy h1{letter-spacing:-.045em;color:#102c24;max-width:680px;margin:18px 0 20px;font-size:clamp(42px,4.25vw,64px);line-height:1.08}.page .lead{color:#5a6861;max-width:610px;margin:0;font-size:16px;line-height:1.75}.page .eyebrow{color:#2f8063;letter-spacing:.16em;font-size:11px}.page .hero-actions{margin:30px 0 28px}.page .hero-actions button{min-height:46px;padding:0 22px}.page .hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.page .hero-stats div{border:1px solid #e0e7de;min-height:78px;padding:15px 16px;box-shadow:0 8px 22px #0f49380f}.page .hero-stats span{color:#173c30;font-size:17px}.page .hero-stats small{color:#748079;line-height:1.35}.page .hero-panel{gap:14px}.page .panel-card{border:1px solid #e0e7de;border-radius:22px;padding:26px;box-shadow:0 16px 38px #0f493814}.page .panel-card.subtle{background:radial-gradient(circle at 100% 0,#c8f45f3d,#0000 35%),#edf5ef;border-color:#dce8df;padding:22px 26px}.page .panel-header h3,.page .panel-card h4{color:#17342a;margin:0}.page .panel-row{gap:10px;margin:22px 0}.page .panel-row div{background:#f5f7f2;min-height:78px;padding:16px}.page .panel-row strong{color:#123629;font-size:22px}.page .panel-note{background:#103f31}.page .section{padding:88px max(24px,2.5vw)}.page .section>*{margin-left:auto;margin-right:auto}.page .section.alt{background:#eef2eb}.page .section-head{width:min(1440px,100%);max-width:none;margin-bottom:38px}.page .section-head h2{color:#17342a;letter-spacing:-.035em;max-width:760px;margin:14px 0 10px;font-size:clamp(32px,3.2vw,46px)}.page .section-head p{color:#69766f;max-width:760px;margin:0;font-size:16px}.page .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.page .features{grid-template-columns:repeat(3,minmax(0,1fr))}.page .card{border:1px solid #e0e7de;border-radius:18px;min-height:178px;padding:26px;box-shadow:0 10px 26px #0f49380e}.page .card h3{color:#173b2f;font-size:19px}.page .card p{color:#6b7871;line-height:1.65}.page .features .feature{border-top:4px solid #74a88b;border-left:0}.page .timeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.page .timeline-step{border:1px solid #e0e7de;border-radius:18px;flex-direction:column;min-height:190px;padding:24px;box-shadow:0 10px 26px #0f49380e}.page .step-index{color:#d8ff79;background:#164f3d}.page .split{grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);gap:70px}.page .delete-card{border:1px solid #e0e7de;grid-template-columns:1fr 1fr;max-width:720px;padding:30px;box-shadow:0 12px 28px #0f493812}.page .delete-actions,.page .delete-note{grid-column:1/-1}.page .footer{background:#103b2f;padding:42px max(24px,2.5vw)}@media (width<=980px){.page .hero-grid{grid-template-columns:1fr}.page .hero-copy{max-width:700px}.page .grid,.page .features,.page .timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.page .split{grid-template-columns:1fr;gap:36px}}@media (width<=700px){.page .hero{padding:16px 18px 54px}.page .nav{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;min-height:56px}.page .nav-links,.page .brand-tag{display:none}.page .nav>.cta{min-height:40px;padding:0 16px}.page .hero-grid{gap:38px;margin-top:42px}.page .hero-copy h1{font-size:40px}.page .hero-stats,.page .grid,.page .features,.page .timeline,.page .delete-card,.page .panel-row{grid-template-columns:1fr}.page .section{padding:64px 18px}}.dashboard-profile-trigger-row{align-items:center;gap:10px;display:flex}.dashboard-theme-icon{color:#4f806a;font-size:18px;line-height:1}.dashboard-hero .dashboard-user-card{min-width:0;box-shadow:none;background:0 0;border:0;gap:8px;padding:5px 7px}.dashboard-hero .dashboard-user-card:hover{background:var(--theme-evergreen-soft)}.dashboard-hero .dashboard-user-avatar{background:var(--theme-evergreen);color:#fff;border-radius:50%;flex:0 0 30px;width:30px;height:30px;font-size:11px}.dashboard-hero .dashboard-user-card>strong{max-width:150px;color:var(--theme-evergreen-deep);font-size:13px}.dashboard-hero .dashboard-user-chevron{color:#5d7b6e!important;font-size:15px!important}.dashboard-profile-dropdown{border:1px solid #d3dfd5;border-radius:5px;width:238px;padding:0;top:calc(100% + 6px);overflow:hidden;box-shadow:0 4px 12px #0f49382e}.dashboard-profile-summary{border-bottom:1px solid #e1e8e2;gap:2px;padding:11px 13px 9px;display:grid}.dashboard-profile-summary strong{color:var(--theme-evergreen-deep);font-size:13px}.dashboard-profile-summary span{color:var(--text-muted,#718078);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:400;overflow:hidden}.dashboard-profile-dropdown .dashboard-profile-action{color:var(--text-secondary,#46546d);border-radius:0;align-items:center;gap:9px;padding:10px 13px;font-size:13px;font-weight:500;display:flex}.dashboard-profile-dropdown .dashboard-profile-action span{width:16px;color:var(--text-muted,#667791);text-align:center}.dashboard-profile-dropdown .dashboard-profile-action:hover{background:var(--hover-tint,#f2f5f9);color:var(--text-primary,#46546d)}.dashboard-profile-dropdown .dashboard-profile-action.logout{border-top:.5px solid var(--border,#e5e9f0);color:var(--text-danger,#e13445)}.dashboard-profile-dropdown .dashboard-profile-action.logout span{color:var(--text-danger,#e13445)}.dashboard-profile-dropdown .dashboard-profile-action.logout:hover{background:var(--bg-danger,#fff2f3);color:var(--text-danger,#e13445)}.admin-calendar-day{transform-origin:50%;transition:background-color .18s,border-color .18s,box-shadow .18s;transform:none}.admin-calendar-day:hover,.admin-calendar-day:focus-visible,.admin-calendar-day.popover-open{z-index:40;border-color:#0f49386b;transform:none;box-shadow:0 0 0 2px #0f49381a,0 12px 26px #0f493824}.admin-calendar-day:focus-visible{outline:none}.calendar-day-popover{color:#f5fbf7;background:#103f31;border:1px solid #c8f45f33;border-radius:12px;min-width:225px;padding:12px 14px;transition:opacity .16s,transform .16s;top:calc(100% + 7px);transform:translate(-50%)translateY(4px);box-shadow:0 16px 32px #08251c47}.calendar-day-popover strong{color:#d9ff7d}.calendar-day-popover span{color:#f5fbf7d1}.admin-calendar-day:nth-last-child(-n+14) .calendar-day-popover{top:auto;bottom:calc(100% + 7px);transform:translate(-50%)translateY(-4px)}.admin-calendar-day:nth-last-child(-n+14):hover .calendar-day-popover,.admin-calendar-day:nth-last-child(-n+14):focus-visible .calendar-day-popover,.admin-calendar-day:nth-last-child(-n+14).popover-open .calendar-day-popover{transform:translate(-50%)translateY(0)}@media (hover:none){.admin-calendar-day:hover .calendar-day-popover{opacity:0;pointer-events:none}.admin-calendar-day.popover-open .calendar-day-popover{opacity:1}}@media (width<=700px){.calendar-day-popover,.admin-calendar-day:nth-last-child(-n+14) .calendar-day-popover{inset:calc(100% + 7px) 4px auto;transform:translateY(4px)}.admin-calendar-day:hover .calendar-day-popover,.admin-calendar-day:focus-visible .calendar-day-popover,.admin-calendar-day.popover-open .calendar-day-popover,.admin-calendar-day:nth-last-child(-n+14):hover .calendar-day-popover,.admin-calendar-day:nth-last-child(-n+14):focus-visible .calendar-day-popover,.admin-calendar-day:nth-last-child(-n+14).popover-open .calendar-day-popover{transform:translateY(0)}}.overview-shell{gap:1.25rem;display:grid}.overview-toolbar{justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 0 .1rem;display:flex}.overview-search{flex:1;max-width:420px;position:relative}.overview-search-icon{color:#aab2ac;pointer-events:none;font-size:14px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.overview-search input{color:#15211c;width:100%;min-height:42px;font:inherit;background:#fff;border:1px solid #e4e8e4;border-radius:10px;outline:none;padding:.65rem .95rem .65rem 2.2rem;font-size:.85rem;transition:border-color .15s,box-shadow .15s}.overview-search input:focus{border-color:#1f9d62;box-shadow:0 0 0 3px #e3f4ea}.overview-toolbar-status{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem;display:flex}.overview-toolbar-chip{color:#15211c;background:#fff;border:1px solid #e4e8e4;border-radius:10px;align-items:center;gap:.55rem;min-height:42px;padding:.55rem .85rem;font-size:.8rem;display:inline-flex}.overview-toolbar-chip strong{letter-spacing:.03em;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.88rem}.overview-toolbar-chip span:last-child{color:#8a958f}.overview-toolbar-chip.muted{color:#7f8a84}.overview-toolbar-dot{background:#1f9d62;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #1f9d621f}.overview-toolbar-sync{color:#8fa099;font-size:.92rem}.overview-topbar{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.overview-topbar-copy{min-width:0}.overview-greeting{color:#15724d;letter-spacing:.04em;text-transform:uppercase;background:#e8f5ec;border-radius:999px;align-items:center;padding:.32rem .72rem;font-size:.8rem;font-weight:700;display:inline-flex}.overview-headline{color:#13241d;margin:.8rem 0 .45rem;font-size:clamp(1.6rem,2vw,2.3rem);line-height:1.12}.overview-headline-sub{color:#6b7670;max-width:720px;margin:0;font-size:.95rem;line-height:1.55}.overview-topbar-meta{color:#70817a;max-width:760px;margin:.5rem 0 0;font-size:.9rem}.overview-meta-row{flex-wrap:wrap;gap:.55rem;margin-top:.85rem;display:flex}.overview-meta-chip{color:#5d7067;background:#fff;border:1px solid #dfe7e1;border-radius:999px;align-items:center;min-height:32px;padding:.32rem .78rem;font-size:.8rem;font-weight:600;display:inline-flex}.overview-grid-label{color:#8a9890;letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;font-weight:700}.overview-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.overview-kpi-card{background:linear-gradient(#fff,#f4f7f4);border:1px solid #e5ece7;border-radius:1.35rem;flex-direction:column;gap:.42rem;padding:1.15rem 1.15rem 1.2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 40px #15211c0f}.overview-kpi-card.emphasis-green{color:#13241d;background:#fff;border-color:#e5ece7}.overview-kpi-head{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.3rem;display:flex}.overview-kpi-card.emphasis-red{background:linear-gradient(160deg,#fff,#fff2f2);border-color:#f2d6d6}.overview-kpi-accent{background:linear-gradient(90deg,#1f9d62,#34c77f);height:3px;position:absolute;top:0;left:0;right:0}.overview-kpi-accent.blue{background:linear-gradient(90deg,#2563eb,#60a5fa)}.overview-kpi-accent.amber{background:linear-gradient(90deg,#d38b1f,#efb14b)}.overview-kpi-accent.red{background:linear-gradient(90deg,#dc2626,#f87171)}.overview-kpi-title{align-items:center;gap:.55rem;min-width:0;display:flex}.overview-kpi-icon{color:#15724d;background:#e3f4ea;border-radius:9px;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.78rem;font-weight:800;display:inline-flex}.overview-kpi-icon.blue{color:#2563eb;background:#eef2ff}.overview-kpi-icon.amber{color:#b8730a;background:#fdf3e3}.overview-kpi-icon.red{color:#dc2626;background:#fdeaea}.overview-kpi-label{text-transform:uppercase;letter-spacing:.08em;color:#7e8f87;font-size:.7rem;font-weight:700;display:block}.overview-kpi-tag{color:#4d6259;text-transform:uppercase;letter-spacing:.06em;background:#edf2ee;border-radius:999px;justify-content:center;align-items:center;padding:.28rem .62rem;font-size:.74rem;font-weight:700;display:inline-flex}.overview-kpi-card.emphasis-green .overview-kpi-label,.overview-kpi-card.emphasis-green .overview-kpi-tag,.overview-kpi-card.emphasis-green .overview-kpi-meta,.overview-kpi-card.emphasis-green .overview-kpi-value{color:inherit}.overview-kpi-value{letter-spacing:-.04em;color:#13241d;font-size:2.2rem;font-weight:800;line-height:1}.overview-kpi-meta{color:#6e7c75;font-size:.9rem}.overview-summary-grid{grid-template-columns:minmax(0,1.8fr) minmax(280px,.95fr);gap:1rem;margin-bottom:1rem;display:grid}.overview-chart-card{border-radius:16px;padding-bottom:1.2rem}.weekly-bar-chart-overview{align-items:end;min-height:250px}.overview-weekly-bar-fill{background:linear-gradient(#3bc882,#15724d)}.overview-insight-stack{gap:.85rem;display:grid}.overview-insight-card{background:#fff;border:1px solid #e5ece7;border-radius:16px;padding:1rem 1.1rem;box-shadow:0 10px 28px #15211c0d}.overview-insight-label{color:#73847c;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.45rem;font-size:.78rem;display:block}.overview-insight-card strong{color:#112c32;font-size:1.8rem;display:block}.overview-insight-card small{color:#768881;margin-top:.35rem;display:block}.overview-detail-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.95fr);gap:1rem;display:grid}.overview-card-meta{color:#8b9790;font-size:.75rem;font-weight:600}.overview-dept-bars{padding-top:.35rem}.pending-approvals-card{border-radius:16px;padding:0;overflow:hidden}.pending-approvals-toggle{text-align:left;cursor:pointer;background:linear-gradient(135deg,#f9fbf9,#eef4f0);border:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1rem 1.1rem;display:flex}.pending-approvals-toggle strong{color:#162720;font-size:1rem;display:block}.pending-approvals-toggle span{color:#6f817a;font-size:.88rem}.pending-approvals-pill{white-space:nowrap;color:#1b6b48;background:#fff;border:1px solid #dde7e1;border-radius:999px;padding:.4rem .75rem;font-weight:700}.pending-approvals-list{gap:.8rem;padding:1rem 1.1rem 1.1rem;display:grid}.pending-approval-row{background:#fff;border:1px solid #e6ede8;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem .95rem;display:flex}.pending-approval-row.detailed{align-items:flex-start}.pending-approval-copy{gap:.18rem;min-width:0;display:grid}.pending-approval-copy strong{color:#162720}.pending-approval-copy span,.pending-approval-copy small{color:#6f817a}.pending-approval-meta{color:#6f817a;justify-items:end;gap:.45rem;font-size:.85rem;display:grid}.leave-pending-card{margin-bottom:1rem}.compact-action-button{min-height:auto;padding:.45rem .7rem}@media (width<=1180px){.overview-toolbar{flex-direction:column;align-items:stretch}.overview-search{max-width:none}.overview-toolbar-status{justify-content:flex-start}.overview-topbar{flex-direction:column}.overview-kpi-grid,.overview-summary-grid,.overview-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.overview-topbar{gap:.85rem}.overview-toolbar-status{flex-direction:column;align-items:stretch}.overview-toolbar-chip{justify-content:flex-start;width:100%}.overview-meta-row{margin-top:.75rem}.overview-kpi-grid,.overview-summary-grid,.overview-detail-grid{grid-template-columns:minmax(0,1fr)}.pending-approval-row,.pending-approval-row.detailed{flex-direction:column;align-items:stretch}.pending-approval-meta{justify-items:start}}.admin-aligned-page,.adm-page.admin-aligned-page,.ops-cal.admin-aligned-page{width:100%;min-width:0;max-width:100%;color:var(--text-primary);background:0 0;border-radius:0;flex-direction:column;gap:20px;padding:0;font-family:inherit;display:flex}.dashboard-main>.admin-aligned-page,.admin-aligned-page>*{min-width:0;max-width:100%}.admin-aligned-page .dashboard-section-head,.admin-aligned-page .adm-header,.admin-aligned-page .ops-cal-head{align-items:flex-start;gap:12px;margin:0}.admin-aligned-page .dashboard-section-head>div:first-child,.admin-aligned-page .adm-header__title{min-width:0}.admin-aligned-page .dashboard-section-head h2,.admin-aligned-page .adm-heading,.admin-aligned-page .ops-cal-title{color:var(--text-primary);letter-spacing:0;margin:0;font-family:inherit;font-size:22px;font-weight:600;line-height:1.25}.admin-aligned-page .eyebrow,.admin-aligned-page .adm-eyebrow,.admin-aligned-page .ops-cal-eyebrow{color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;margin:0 0 2px;font-family:inherit;font-size:11px;font-weight:500;line-height:1.2}.admin-aligned-page .exception-head-copy,.admin-aligned-page .ops-cal-copy{max-width:680px;color:var(--text-secondary);margin:6px 0 0;font-size:13px;line-height:1.45}.admin-aligned-page .employee-actions,.admin-aligned-page .adm-header__actions,.admin-aligned-page .attendance-controls-row,.admin-aligned-page .calendar-head-actions,.admin-aligned-page .report-actions,.admin-aligned-page .ops-cal-nav,.admin-aligned-page .api-telemetry-tabs{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.admin-aligned-page .dashboard-button,.admin-aligned-page .ghost,.admin-aligned-page .cta,.admin-aligned-page .adm-btn,.admin-aligned-page .adm-action-btn,.admin-aligned-page .adm-split-btn__select,.admin-aligned-page .adm-split-btn__action,.admin-aligned-page .ops-cal-nav-btn,.admin-aligned-page .ops-cal-nav-today{border-radius:var(--radius);min-height:34px;box-shadow:none;font-size:13px;line-height:1}.admin-aligned-page .adm-btn,.admin-aligned-page .adm-action-btn,.admin-aligned-page .ops-cal-nav-btn,.admin-aligned-page .ops-cal-nav-today{border:.5px solid var(--border-strong);color:var(--text-secondary);background:0 0}.admin-aligned-page .adm-btn:hover,.admin-aligned-page .adm-action-btn:hover,.admin-aligned-page .ops-cal-nav-btn:hover,.admin-aligned-page .ops-cal-nav-today:hover{border-color:var(--border-strong);background:var(--surface-1);color:var(--text-primary)}.admin-aligned-page .adm-btn--icon,.admin-aligned-page .ops-cal-nav-btn{justify-content:center;width:34px;height:34px;padding:0}.admin-aligned-page .adm-split-btn{border-color:var(--border-strong);border-radius:var(--radius);height:34px}.admin-aligned-page .adm-split-btn__select,.admin-aligned-page .adm-split-btn__action{border-radius:0;height:34px}.admin-aligned-page .table-card,.admin-aligned-page .adm-table-card,.admin-aligned-page .leave-filter-card,.admin-aligned-page .adm-search-card,.admin-aligned-page .report-toolbar,.admin-aligned-page .report-actions-card,.admin-aligned-page .chart-card,.admin-aligned-page .ops-cal-panel,.admin-aligned-page .pending-approvals-card{border:.5px solid var(--border);background:var(--surface-2);box-shadow:none;border-radius:10px}.admin-aligned-page .table-card,.admin-aligned-page .adm-table-card,.admin-aligned-page .ops-cal-panel{width:100%;min-width:0;max-width:100%;overflow:hidden}.admin-aligned-page .table-scroll,.admin-aligned-page .adm-table-scroll{-webkit-overflow-scrolling:touch;width:100%;min-width:0;max-width:100%;overflow:auto hidden}.admin-aligned-page .leave-filter-card,.admin-aligned-page .adm-search-card,.admin-aligned-page .report-toolbar,.admin-aligned-page .report-actions-card,.admin-aligned-page .chart-card{margin:0;padding:14px 16px}.admin-aligned-page .report-actions-card{gap:12px}.admin-aligned-page .report-actions-card>div:first-child{gap:4px;min-width:0;display:grid}.admin-aligned-page .kpi-cards,.admin-aligned-page .adm-metrics,.admin-aligned-page .ops-cal-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;display:grid}.admin-aligned-page--calendar .ops-cal-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-aligned-page .kpi-card,.admin-aligned-page .adm-metric-card,.admin-aligned-page .adm-birthday-card,.admin-aligned-page .ops-metric{border:.5px solid var(--border);background:var(--surface-2);min-height:72px;box-shadow:none;border-radius:10px;padding:14px 16px;transform:none}.admin-aligned-page .admin-kpi-card-static{cursor:default}.admin-aligned-page button.adm-metric-card:hover,.admin-aligned-page button.adm-metric-card:focus-visible,.admin-aligned-page .adm-metric-card--selected,.admin-aligned-page .adm-birthday-card:hover,.admin-aligned-page .adm-birthday-card:focus-visible,.admin-aligned-page .adm-birthday-card--selected{border-color:var(--border-strong);background:var(--surface-1);box-shadow:none;transform:none}.admin-aligned-page .adm-metric-card__label,.admin-aligned-page .adm-birthday-card span,.admin-aligned-page .ops-metric-label{color:var(--text-secondary);letter-spacing:0;text-transform:none;margin:0;font-family:inherit;font-size:12px;font-weight:500}.admin-aligned-page .adm-metric-card__value,.admin-aligned-page .adm-birthday-card strong,.admin-aligned-page .ops-metric-value,.admin-aligned-page .kpi-count{color:var(--text-primary);font-variant-numeric:tabular-nums;margin:0;font-family:inherit;font-size:22px;font-weight:500;line-height:1.1}.admin-aligned-page .adm-metric-card__value--success,.admin-aligned-page .adm-metric-card__value--muted{color:var(--text-primary)}.admin-aligned-page .adm-birthday-card small,.admin-aligned-page .ops-metric-caption,.admin-aligned-page .kpi-label{color:var(--text-secondary);font-size:12px}.admin-aligned-page .leave-filter-head{gap:12px}.admin-aligned-page .leave-filter-head strong,.admin-aligned-page .chart-card-head strong,.admin-aligned-page .report-actions-card strong,.admin-aligned-page .pending-approvals-toggle strong,.admin-aligned-page .ops-cal-panel-title{color:var(--text-primary);font-size:14px;font-weight:600}.admin-aligned-page .leave-filter-head div>span,.admin-aligned-page .chart-card-head span,.admin-aligned-page .report-actions-card span,.admin-aligned-page .pending-approvals-toggle span{color:var(--text-secondary);font-size:12px}.admin-aligned-page .leave-filter-count,.admin-aligned-page .pending-approvals-pill{border:.5px solid var(--border);background:var(--surface-1);color:var(--text-secondary);border-radius:13px;padding:5px 10px;font-size:12px;font-weight:500}.admin-aligned-page .leave-filter-grid,.admin-aligned-page .attendance-exception-filter-grid{gap:10px}.admin-aligned-page .attendance-exception-filter-grid{grid-template-columns:minmax(220px,1.5fr) repeat(4,minmax(140px,.75fr))}.admin-aligned-page .leave-filter-field{gap:5px}.admin-aligned-page .leave-filter-field>span,.admin-aligned-page .attendance-filter label,.admin-aligned-page .attendance-filter>span{color:var(--text-secondary);padding-left:0;font-size:11px;font-weight:500}.admin-aligned-page .leave-filter-field input,.admin-aligned-page .attendance-filter input,.admin-aligned-page .attendance-filter select,.admin-aligned-page .attendance-input-shell,.admin-aligned-page .adm-search-wrap__input,.admin-aligned-page .modern-date-input{border:.5px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-2);width:100%;height:34px;min-height:34px;color:var(--text-primary);box-shadow:none;padding:0 10px;transform:none}.admin-aligned-page .attendance-input-shell{align-items:center;padding:0 10px;display:flex}.admin-aligned-page .attendance-input-shell input{border:0;height:32px;min-height:0;padding:0}.admin-aligned-page .leave-filter-field input:hover,.admin-aligned-page .attendance-filter input:hover,.admin-aligned-page .attendance-filter select:hover,.admin-aligned-page .attendance-input-shell:hover,.admin-aligned-page .adm-search-wrap__input:hover{border-color:var(--border-accent);box-shadow:none;transform:none}.admin-aligned-page .leave-filter-field input:focus,.admin-aligned-page .attendance-filter input:focus,.admin-aligned-page .attendance-filter select:focus,.admin-aligned-page .attendance-input-shell:focus-within,.admin-aligned-page .adm-search-wrap__input:focus{border-color:var(--border-accent);box-shadow:0 0 0 2px var(--bg-accent);outline:none;transform:none}.admin-aligned-page .leave-filter-actions{gap:8px}.admin-aligned-page .dashboard-table,.admin-aligned-page .adm-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:760px}.admin-aligned-page .field-visit-table{min-width:1320px}.admin-aligned-page .attendance-exception-table{min-width:1180px}.admin-aligned-page--api-telemetry .dashboard-table{min-width:1040px}.admin-aligned-page .dashboard-table thead th,.admin-aligned-page .adm-table th{border-bottom:.5px solid var(--border);background:var(--surface-1);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;padding:12px 14px;font-size:11px;font-weight:600}.admin-aligned-page .dashboard-table tbody td,.admin-aligned-page .adm-table td{border-bottom:.5px solid var(--border);color:var(--text-primary);vertical-align:top;padding:14px;font-size:13px;line-height:1.45}.admin-aligned-page .dashboard-table tbody tr:last-child td,.admin-aligned-page .adm-table tbody tr:last-child td{border-bottom:none}.admin-aligned-page .dashboard-table strong,.admin-aligned-page .adm-table strong,.admin-aligned-page .adm-employee-cell__name,.admin-aligned-page .adm-cell-primary{color:var(--text-primary);font-size:13px;font-weight:600}.admin-aligned-page .table-meta,.admin-aligned-page .adm-code,.admin-aligned-page .adm-cell-meta,.admin-aligned-page .adm-cell-secondary{color:var(--text-secondary);font-size:12px;line-height:1.35}.admin-aligned-page .adm-cell-email{color:var(--text-accent);font-size:12px}.admin-aligned-page .table-pill,.admin-aligned-page .adm-pill{border-radius:6px;min-height:24px;padding:3px 9px;font-size:12px;font-weight:500;line-height:1.2}.admin-aligned-page .empty-state,.admin-aligned-page .adm-empty{color:var(--text-muted);margin:0;padding:48px 24px;font-size:14px}.admin-aligned-page .map-button{border:.5px solid var(--border-strong);background:var(--surface-1);width:32px;height:32px;color:var(--text-accent);border-radius:8px}.admin-aligned-page .pending-approvals-card{padding:0}.admin-aligned-page .pending-approvals-toggle{background:var(--surface-2);padding:14px 16px}.admin-aligned-page .pending-approvals-list{gap:10px;padding:14px 16px 16px}.admin-aligned-page .pending-approval-row{border-color:var(--border);background:var(--surface-2);border-radius:8px}.admin-aligned-page .report-toolbar{justify-content:flex-end}.admin-aligned-page .attendance-filter-date,.admin-aligned-page .attendance-filter-search,.admin-aligned-page .attendance-filter-compact{min-width:0}.admin-aligned-page .attendance-filter-date{flex-basis:178px}.admin-aligned-page .attendance-filter-search{max-width:none}.admin-aligned-page .line-chart{height:180px}.admin-aligned-page .efficiency-row{gap:12px}.admin-aligned-page.ops-cal .ops-cal-nav{background:0 0;border:0;padding:0}.admin-aligned-page .ops-cal-panel{padding:16px;overflow-x:auto}.admin-aligned-page .ops-cal-panel-head{margin-bottom:12px}.admin-aligned-page .ops-cal-legend{color:var(--text-secondary);gap:12px;font-size:12px}.admin-aligned-page .ops-cal-weekdays,.admin-aligned-page .ops-cal-grid{min-width:760px}.admin-aligned-page .ops-cal-weekdays{color:var(--text-muted);letter-spacing:.06em;padding:0 0 8px;font-family:inherit;font-size:11px;font-weight:600}.admin-aligned-page .ops-cal-grid{gap:6px}.admin-aligned-page .ops-day{aspect-ratio:auto;border:.5px solid var(--border);background:var(--surface-2);min-height:92px;color:var(--text-primary);box-shadow:none;border-radius:8px;padding:8px;transform:none}.admin-aligned-page .ops-day:hover{border-color:var(--border-accent);background:var(--surface-1);transform:none}.admin-aligned-page .ops-day-today{border-color:var(--border-accent);box-shadow:inset 0 0 0 1px var(--border-accent)}.admin-aligned-page .ops-day-number{font-family:inherit;font-size:13px}.admin-aligned-page .ops-day-badge{background:var(--bg-accent);color:var(--text-accent);border-radius:6px;font-family:inherit;font-size:10px}.admin-aligned-page .ops-day-stats{color:var(--text-secondary);font-family:inherit;font-size:11px}.admin-aligned-page .admin-kpi-card-static:hover{border-color:var(--border);background:var(--surface-2)}@media (width<=1180px){.admin-aligned-page .attendance-exception-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.admin-aligned-page .kpi-cards,.admin-aligned-page .adm-metrics,.admin-aligned-page .ops-cal-metrics,.admin-aligned-page--calendar .ops-cal-metrics,.admin-aligned-page .attendance-exception-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.admin-aligned-page{gap:16px}.admin-aligned-page .dashboard-section-head,.admin-aligned-page .adm-header,.admin-aligned-page .ops-cal-head{align-items:stretch}.admin-aligned-page .employee-actions,.admin-aligned-page .adm-header__actions,.admin-aligned-page .attendance-controls-row,.admin-aligned-page .calendar-head-actions,.admin-aligned-page .report-actions,.admin-aligned-page .ops-cal-nav,.admin-aligned-page .api-telemetry-tabs{justify-content:flex-start}.admin-aligned-page .kpi-cards,.admin-aligned-page .adm-metrics,.admin-aligned-page .ops-cal-metrics,.admin-aligned-page--calendar .ops-cal-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-aligned-page .leave-filter-grid,.admin-aligned-page .attendance-exception-filter-grid{grid-template-columns:minmax(0,1fr)}.admin-aligned-page .leave-filter-actions{align-items:stretch}}.tour-nav{z-index:3;justify-content:space-between;align-items:center;gap:20px;width:min(1220px,88vw);margin:auto;padding:24px 0;display:flex;position:relative}.tour-brand{color:#112c32;align-items:center;gap:11px;display:inline-flex}.tour-brand img{object-fit:cover;border-radius:12px;width:38px;height:38px;box-shadow:0 8px 18px #112c3224}.tour-brand span{gap:1px;display:grid}.tour-brand strong{font-size:17px}.tour-brand small{color:#718084;letter-spacing:.1em;text-transform:uppercase;font-size:10px}.tour-nav-center{color:#315157;letter-spacing:.08em;align-items:center;gap:10px;font-size:11px;font-weight:800;display:flex}.tour-nav-center i{background:linear-gradient(90deg,#315247,#d79a55);width:90px;height:1px}.tour-nav-center small{color:#849196;letter-spacing:0;margin-left:5px;font-size:10px;font-weight:500}.tour-nav-actions{align-items:center;gap:20px;display:flex}.tour-nav-actions>a{color:#526267;font-size:13px;font-weight:700}.tour-nav-enter{color:#17383e;cursor:pointer;background:#ffffff8f;border:1px solid #112c3229;border-radius:999px;align-items:center;gap:10px;padding:10px 14px 10px 17px;font-size:12px;font-weight:800;display:inline-flex}.tour-nav-enter b{color:#fff;background:#315247;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.tour-hero-orbit{border:1px solid #112c321f;border-radius:50%;width:440px;height:440px;position:absolute;bottom:-170px;right:5%;box-shadow:0 0 0 32px #112c3206,0 0 0 74px #112c3205}.tour-hero-orbit span{background:#d79a55;border-radius:50%;width:10px;height:10px;position:absolute}.tour-hero-orbit span:first-child{top:31%;left:11%}.tour-hero-orbit span:nth-child(2){background:#2d8e8b;top:6%;right:22%}.tour-hero-orbit span:nth-child(3){background:#315247;bottom:32%;right:3%}.tour-chapters{border-top:1px solid #112c321a;grid-template-columns:repeat(6,1fr);gap:8px;padding:22px 0 0;display:grid}.tour-chapters button{color:#7c8a88;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #112c3224;gap:8px;padding:12px 10px 17px;font-size:12px;font-weight:700;display:grid;position:relative}.tour-chapters button span{color:#d79a55;letter-spacing:.1em;font-size:10px}.tour-chapters button i{background:0 0;height:2px;position:absolute;bottom:-1px;left:10px;right:10px}.tour-chapters button.active{color:#315157}.tour-chapters button.active i{background:#315247}.tour-feature{grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr);align-items:center;gap:clamp(45px,7vw,105px);min-height:700px;padding:76px 0 96px;display:grid}.tour-feature-copy h2{color:#112c32;letter-spacing:-.045em;max-width:480px;margin:10px 0 18px;font-size:clamp(38px,5vw,65px);line-height:1.02}.tour-feature-copy>p:not(.eyebrow){color:#536267;max-width:460px;font-size:17px;line-height:1.75}.tour-feature-controls{align-items:center;gap:9px;margin-top:42px;display:flex}.tour-arrow{color:#315247;cursor:pointer;background:#ffffffa6;border:1px solid #112c3224;border-radius:50%;width:40px;height:40px;font-size:19px}.tour-arrow:disabled{opacity:.3;cursor:not-allowed}.tour-feature-controls small{color:#879397;letter-spacing:.1em;margin-left:10px;font-size:11px}.tour-feature-visual{background:#ffffff7a;border:1px solid #112c3221;border-radius:24px;min-width:0;padding:14px;position:relative;transform:rotate(1deg);box-shadow:0 30px 70px #112c3224,inset 0 1px #fffffff2}.tour-window{background:#f8fbf9;border:1px solid #112c321a;border-radius:15px;min-height:420px;position:relative;overflow:hidden;box-shadow:0 18px 45px #112c321a}.tour-window-bar{color:#849196;background:#ffffffc7;border-bottom:1px solid #112c3214;grid-template-columns:50px 1fr 50px;align-items:center;height:36px;padding:0 14px;display:grid}.tour-window-bar small{text-align:center;letter-spacing:.1em;text-transform:uppercase;font-size:9px}.tour-window-bar>b{letter-spacing:2px;justify-self:end;font-size:10px}.window-dots{gap:4px;display:flex}.window-dots i{background:#d79a55;border-radius:50%;width:6px;height:6px}.window-dots i:nth-child(2){background:#58c6b5}.window-dots i:nth-child(3){background:#b8c8c3}.demo-overview{grid-template-columns:52px 1fr;min-height:384px;display:grid}.demo-rail{background:#315247;align-content:start;justify-items:center;gap:17px;padding:16px 0;display:grid}.demo-rail img{object-fit:cover;border-radius:9px;width:27px;height:27px}.demo-rail span,.demo-rail em{background:#ffffff21;border-radius:7px;width:20px;height:20px}.demo-rail .rail-active{background:#d79a55}.demo-rail em{background:#ffffff6b;border-radius:50%;margin-top:auto}.demo-work,.demo-window-content{padding:22px}.demo-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.demo-heading small{color:#86958f;margin-bottom:5px;font-size:9px;display:block}.demo-heading strong{color:#17383e;font-size:19px;display:block}.demo-heading button{color:#52716a;background:#fff;border:1px solid #d6e4df;border-radius:7px;padding:7px 9px;font-size:9px}.demo-stat-row{grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0 14px;display:grid}.demo-stat-row>div{background:#ffffffbd;border:1px solid #e0ebe6;border-radius:10px;gap:6px;padding:13px;display:grid}.demo-stat-row small{color:#84958e;font-size:9px}.demo-stat-row strong{color:#17383e;font-size:22px}.demo-stat-row sup{color:#9aa9a3;font-size:9px}.demo-stat-row em{color:#18815e;background:#dff1e9;border-radius:5px;width:fit-content;padding:3px 6px;font-size:8px;font-style:normal}.demo-stat-row em.soft{color:#337695;background:#e1eef5}.demo-stat-row em.warm{color:#a96f28;background:#f7ead9}.demo-overview-lower{grid-template-columns:1.4fr .8fr;gap:10px;display:grid}.demo-panel{background:#ffffffb3;border:1px solid #e0ebe6;border-radius:10px;min-height:188px;padding:14px}.demo-panel header{justify-content:space-between;gap:8px;display:flex}.demo-panel header strong{font-size:11px}.demo-panel header small{color:#93a19d;font-size:8px}.demo-panel header b{color:#2d8e8b}.bars{align-items:end;gap:7px;height:105px;padding-top:20px;display:flex}.bars span{background:linear-gradient(#58c6b5,#2d8e8b);border-radius:4px 4px 2px 2px;flex:1;justify-content:center;align-items:start;min-height:18px;display:flex;position:relative}.bars span i{color:#6c817a;font-size:7px;font-style:normal;position:absolute;top:-14px}.demo-panel footer{color:#9aa8a3;justify-content:space-between;font-size:7px;display:flex}.demo-alerts{align-content:start;gap:11px;display:grid}.demo-alerts p{grid-template-columns:7px 1fr;gap:4px 7px;margin:0;display:grid}.demo-alerts p i{border-radius:50%;grid-row:span 2;width:7px;height:7px;margin-top:3px}.signal-red{background:#d97668}.signal-blue{background:#5c9ee8}.signal-amber{background:#d79a55}.demo-alerts p b{font-size:9px}.demo-alerts p span{color:#93a19d;font-size:8px}.demo-heading-line{align-items:center}.demo-filter-row,.demo-attendance-kpis{gap:8px;margin:20px 0 15px;display:flex}.demo-filter-row>*{color:#84958f;background:#fff;border:1px solid #dce8e3;border-radius:7px;flex:1;padding:9px;font-size:8px}.demo-filter-row b{font-weight:500}.demo-primary{color:#fff!important;background:#315247!important;border:0!important}.demo-people-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.demo-person-card{background:#ffffffb8;border:1px solid #e0ebe6;border-radius:9px;grid-template-columns:28px 1fr 12px;align-items:center;gap:8px;padding:11px;display:grid}.demo-person-card>div{gap:3px;min-width:0;display:grid}.demo-person-card strong{color:#315157;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.demo-person-card small{color:#84958f;font-size:7px}.demo-person-card>i{color:#a1afa9;font-size:8px}.demo-avatar,.approval-item>b{color:#0f5a45;background:#d8eee8;border-radius:8px;place-items:center;width:28px;height:28px;font-size:9px;display:grid}.demo-avatar-1{color:#9e6337;background:#f4e4cf}.demo-avatar-2{color:#5c568e;background:#e2e1f3}.person-active{color:#18815e;background:#e0f2e9;border-radius:4px;grid-column:2/4;width:fit-content;padding:3px 5px;font-size:7px}.demo-attendance-kpis span{color:#84958f;border:1px solid #e0ebe6;border-radius:8px;flex:1;gap:3px;padding:10px;font-size:8px;display:grid}.demo-attendance-kpis b{color:#315157;font-size:15px}.demo-table{border:1px solid #dfeae5;border-radius:9px;overflow:hidden}.demo-table-head,.demo-table-row{grid-template-columns:1.5fr .65fr .65fr .6fr;align-items:center;gap:8px;padding:10px 12px;display:grid}.demo-table-head{background:#e7f0ec}.demo-table-head i{color:#779087;font-size:8px;font-style:normal}.demo-table-row{background:#ffffffc7;border-top:1px solid #e7efeb}.demo-table-row strong{color:#315157;align-items:center;gap:6px;font-size:9px;display:flex}.mini-avatar{color:#2d8e8b;background:#dbeee7;border-radius:5px;place-items:center;width:18px;height:18px;font-size:6px;display:grid}.demo-table-row span,.demo-table-row small{color:#84958f;font-size:8px}.demo-good{color:#18815e!important}.demo-warning{color:#b87021!important}.demo-approval-layout{grid-template-columns:.85fr 1.2fr;gap:12px;margin-top:25px;display:grid}.approval-list{align-content:start;gap:6px;display:grid}.approval-item{text-align:left;background:#fff;border:1px solid #e0ebe6;border-radius:8px;grid-template-columns:28px 1fr 10px;align-items:center;gap:8px;padding:10px;display:grid}.approval-item.selected{background:#eaf6f1;border-color:#58a997}.approval-item span{gap:3px;min-width:0;display:grid}.approval-item strong{color:#315157;font-size:9px}.approval-item small{color:#84958f;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.approval-item i{color:#78918a;font-size:16px}.approval-detail{background:#fff;border:1px solid #e0ebe6;border-radius:9px;padding:14px}.approval-detail>small{color:#2d8e8b;letter-spacing:.1em;font-size:7px;font-weight:800}.approval-detail h3{color:#315157;margin:10px 0 4px;font-size:18px}.approval-detail p{color:#526c65;margin:0;font-size:9px}.approval-detail p span{color:#99a6a1}.approval-facts{grid-template-columns:1fr 1fr;gap:7px;margin:16px 0;display:grid}.approval-facts b{color:#315157;background:#f1f7f4;border-radius:7px;gap:4px;padding:9px;font-size:8px;display:grid}.approval-facts small{color:#8b9d95;font-size:7px;font-weight:500}.approval-note{color:#71817b;background:#faf6ef;border-left:2px solid #d79a55;padding:10px;font-size:9px;line-height:1.5}.approval-actions{justify-content:end;gap:6px;margin-top:15px;display:flex}.approval-actions button{color:#6f817a;background:#fff;border:1px solid #d9e6e0;border-radius:6px;padding:7px 9px;font-size:8px}.demo-map{background:#dfece8;min-height:384px;position:relative;overflow:hidden}.map-streets{opacity:.7;background-image:linear-gradient(34deg,#0000 47%,#bfd6ce 48% 51%,#0000 52%),linear-gradient(112deg,#0000 46%,#c7dbd4 47% 50%,#0000 51%);background-size:90px 70px,130px 100px;position:absolute;inset:-20%;transform:rotate(-8deg)}.map-route{border:5px solid #2d8e8b;border-color:#2d8e8b #2d8e8b #58c6b5 #0000;border-radius:50%;width:66%;height:46%;position:absolute;top:23%;left:16%;transform:rotate(-12deg)}.map-pin{background:#d79a55;border:4px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;box-shadow:0 4px 10px #112c3233}.map-pin-a{top:22%;left:13%}.map-pin-b{background:#315247;bottom:27%;right:16%}.map-label{color:#526c65;background:#fffc;border-radius:5px;padding:5px 7px;font-size:8px;position:absolute}.map-label-a{top:15%;left:10%}.map-label-b{bottom:21%;right:10%}.map-visit-card{background:#ffffffe0;border:1px solid #ffffffd9;border-radius:10px;gap:5px;width:190px;padding:13px;display:grid;position:absolute;bottom:18px;right:18px;box-shadow:0 12px 25px #112c321a}.map-visit-card strong{color:#315157;font-size:13px}.map-visit-card small{color:#82928c;font-size:8px}.map-visit-card>div{color:#315157;justify-content:space-between;margin-top:5px;font-size:8px;display:flex}.live-pill{color:#18815e;width:fit-content;font-size:8px;font-weight:800}.live-pill i{background:#2dba83;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.report-tabs{border-bottom:1px solid #e0ebe6;gap:18px;margin:22px 0 10px;display:flex}.report-tabs>*{color:#84958f;padding-bottom:9px;font-size:9px}.report-tabs b{color:#315157;border-bottom:2px solid #2d8e8b}.demo-report-chart{background:repeating-linear-gradient(#0000 0 46px,#e6efeb 47px);height:190px;padding:10px 10px 5px 35px;position:relative}.demo-report-chart svg{width:100%;height:100%;overflow:visible}.demo-report-chart path{fill:none;stroke:#2d8e8b;stroke-width:5px;stroke-linecap:round}.demo-report-chart .chart-fill{fill:#58c6b52b;stroke:none}.chart-y{flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:7px;bottom:12px;left:0}.chart-y small{color:#9aa8a3;font-size:7px}.demo-report-foot{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px;display:grid}.demo-report-foot b{color:#315157;background:#fff;border:1px solid #e0ebe6;border-radius:8px;gap:4px;padding:10px;display:grid}.demo-report-foot strong{font-size:18px}.demo-report-foot small{color:#84958f;font-size:7px;font-weight:500}.tour-strip{border-top:1px solid #112c321a;border-bottom:1px solid #112c321a;grid-template-columns:1.4fr repeat(3,1fr);gap:12px;margin:24px 0 100px;padding:25px 0;display:grid}.tour-strip>div{border-left:1px solid #112c321a;gap:5px;padding:4px 16px;display:grid}.tour-strip>div:first-child{border-left:0;padding-left:0}.tour-strip small{color:#d79a55;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.tour-strip strong{color:#315157;font-size:16px}.tour-strip b{color:#2d8e8b;font-size:20px}.tour-strip span{color:#71817b;font-size:11px}.admin-shell.admin-shell-login{background:#f5f8f1;height:100dvh;min-height:100dvh;overflow:hidden}.dashboard-main.dashboard-main-login{height:100dvh;min-height:0;padding:0;overflow:hidden}.login-v3{--ink:#0a2b21;--ink-2:#14382c;--muted:#5d6f66;--paper:#f5f8f1;--paper-2:#fff;--line:#0f493821;--line-soft:#0f493812;--evergreen:#0f4938;--evergreen-deep:#0a3529;--lime:#c8f45f;--mint:#7fe0c8;--sea:#a5f0d0;--sky:#8fc7ff;--amber:#ffd27f;--violet:#d9b8ff;--accent:var(--lime);--accent-2:var(--mint);--accent-3:var(--sea);--ease:cubic-bezier(.22, 1, .36, 1);isolation:isolate;background:var(--paper);height:100dvh;color:var(--ink);font-feature-settings:"ss01" on;display:grid;position:relative;overflow:hidden}.login-v3[data-scene=dawn]{--accent:var(--amber);--accent-2:var(--lime);--accent-3:var(--sea)}.login-v3[data-scene=day]{--accent:var(--lime);--accent-2:var(--mint);--accent-3:var(--sea)}.login-v3[data-scene=dusk]{--accent:var(--violet);--accent-2:var(--sky);--accent-3:var(--amber)}.login-v3[data-scene=night]{--accent:var(--sky);--accent-2:var(--mint);--accent-3:var(--violet)}.login-v3:before{content:"";z-index:-3;background:radial-gradient(circle at 12% 12%, color-mix(in oklab, var(--accent) 26%, transparent), transparent 42%), radial-gradient(circle at 88% 82%, color-mix(in oklab, var(--accent-2) 30%, transparent), transparent 44%), linear-gradient(150deg, #f7faf3, #fff 46%, #eef5ee);position:absolute;inset:0}.login-v3-aurora{z-index:-2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-v3-orbit{filter:blur(64px);opacity:.55;will-change:transform;border-radius:50%;position:absolute}.login-v3-orbit-one{background:radial-gradient(circle, color-mix(in oklab, var(--accent) 62%, #fff), transparent 68%);width:44vw;height:44vw;animation:loginFloatA 26s var(--ease) infinite alternate;top:-14vh;left:-8vw}.login-v3-orbit-two{background:radial-gradient(circle, color-mix(in oklab, var(--accent-2) 58%, #fff), transparent 70%);width:48vw;height:48vw;animation:loginFloatB 32s var(--ease) infinite alternate;bottom:-20vh;right:-12vw}.login-v3-orbit-three{background:radial-gradient(circle, color-mix(in oklab, var(--accent-3) 46%, #fff), transparent 72%);opacity:.4;width:26vw;height:26vw;animation:loginFloatA 22s var(--ease) infinite alternate-reverse;top:34%;left:46%}@keyframes loginFloatA{0%{transform:translate(0,0)scale(1)}to{transform:translate(4vw,5vh)scale(1.12)}}@keyframes loginFloatB{0%{transform:translate(0,0)scale(1.06)}to{transform:translate(-5vw,-4vh)scale(.94)}}.login-v3-noise{z-index:-1;opacity:.5;background-image:linear-gradient(var(--line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);pointer-events:none;background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 42%,#000000d9,#0000 78%);mask-image:radial-gradient(at 50% 42%,#000000d9,#0000 78%)}.login-v3-frame{z-index:2;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(10px,2vh,24px);width:min(1240px,100% - clamp(24px,6vw,84px));height:100%;min-height:0;margin-inline:auto;padding-block:clamp(12px,2.2vh,26px);display:grid;position:relative}.login-v3-topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.login-v3-back{border:1px solid var(--line);background:color-mix(in oklab, var(--paper-2) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink-2);letter-spacing:.01em;cursor:pointer;transition:transform .35s var(--ease), border-color .35s var(--ease), background .35s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:8px 16px 8px 12px;font-size:12px;font-weight:600;display:inline-flex}.login-v3-back span{transition:transform .35s var(--ease)}.login-v3-back:hover{border-color:color-mix(in oklab, var(--evergreen) 34%, transparent);background:var(--paper-2);transform:translateY(-1px)}.login-v3-back:hover span{transform:translate(-3px)}.login-v3-time{border:1px solid var(--line);background:color-mix(in oklab, var(--paper-2) 78%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:10px;padding:7px 16px;display:inline-flex}.login-v3-time strong{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.01em;font-size:13px}.login-v3-time small{color:var(--muted);font-size:11px}.login-v3-live-dot{width:7px;height:7px;animation:loginPing 2.4s var(--ease) infinite;background:#1f9d6d;border-radius:50%;box-shadow:0 0 #1f9d6d73}@keyframes loginPing{0%{box-shadow:0 0 #1f9d6d73}70%{box-shadow:0 0 0 9px #1f9d6d00}to{box-shadow:0 0 #1f9d6d00}}.login-v3-layout{grid-template-columns:minmax(0,1.04fr) minmax(340px,.82fr);align-items:center;gap:clamp(22px,4vw,68px);min-height:0;display:grid}.login-v3-story{flex-direction:column;gap:clamp(16px,3vh,34px);min-height:0;display:flex}.login-v3-brand{align-items:center;gap:12px;display:flex}.login-v3-brand img{border:1px solid var(--line);background:var(--paper-2);object-fit:cover;border-radius:13px;width:40px;height:40px}.login-v3-brand div{flex-direction:column;line-height:1.25;display:flex}.login-v3-brand strong{color:var(--ink);letter-spacing:-.01em;font-size:15px}.login-v3-brand span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px}.login-v3-message>span{border:1px solid color-mix(in oklab, var(--evergreen) 18%, transparent);background:color-mix(in oklab, var(--accent) 22%, var(--paper-2));color:var(--evergreen);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;align-items:center;padding:5px 12px;font-size:10px;font-weight:700;display:inline-flex}.login-v3-message h1{max-width:15ch;color:var(--ink);letter-spacing:-.035em;text-wrap:balance;margin:clamp(12px,2vh,20px) 0 0;font-size:clamp(30px,5vh,58px);font-weight:500;line-height:1.02}.login-v3-message p{max-width:42ch;color:var(--muted);margin:clamp(10px,1.6vh,16px) 0 0;font-size:clamp(13px,1.6vh,15px);line-height:1.6}.login-v3-core{--mx:50%;--my:0%;border:1px solid var(--line);background:linear-gradient(165deg, color-mix(in oklab, var(--paper-2) 92%, transparent), color-mix(in oklab, var(--accent-3) 18%, var(--paper-2)));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .5s var(--ease), box-shadow .5s var(--ease);border-radius:24px;padding:clamp(14px,2.2vh,20px);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb3,0 22px 48px -34px #0a2b2180}.login-v3-core:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffffbf,0 30px 60px -34px #0a2b218c}.login-v3-core:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--accent) 78%, #fff), transparent);height:1px;position:absolute;inset:0 0 auto}.core-sheen{background:radial-gradient(260px circle at var(--mx) var(--my), color-mix(in oklab, var(--accent) 22%, transparent), transparent 68%);opacity:0;transition:opacity .45s var(--ease);pointer-events:none;position:absolute;inset:0}.login-v3-core:hover .core-sheen{opacity:1}.core-grid{background-image:linear-gradient(to right, color-mix(in oklab, var(--evergreen) 7%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklab, var(--evergreen) 7%, transparent) 1px, transparent 1px);pointer-events:none;background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.core-head{justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.core-tag{background:color-mix(in oklab, var(--evergreen) 8%, transparent);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.core-tag i{background:#9fb0a8;border-radius:50%;width:6px;height:6px}.login-v3-core[data-live] .core-tag{color:#14603f;background:#e4f7ec}.login-v3-core[data-live] .core-tag i{animation:loginPing 2.4s var(--ease) infinite;background:#1f9d6d}.core-clock{color:var(--ink-2);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:11px;font-weight:600}.core-stage{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(12px,2vw,18px);margin-top:clamp(10px,1.6vh,16px);display:grid;position:relative}.core-dial{aspect-ratio:1;flex:none;width:clamp(92px,13vh,122px);position:relative}.core-dial svg{width:100%;height:100%;transform:rotate(-90deg)}.core-dial-track{fill:none;stroke:color-mix(in oklab, var(--evergreen) 11%, transparent);stroke-width:7px}.core-dial-arc{fill:none;stroke:color-mix(in oklab, var(--accent) 92%, #fff);stroke-width:7px;stroke-linecap:round;transition:stroke-dashoffset 1.1s var(--ease);filter:drop-shadow(0 3px 10px color-mix(in oklab, var(--evergreen) 40%, transparent))}.core-dial-sweep{background:conic-gradient(from 0deg, transparent 0 62%, color-mix(in oklab, var(--accent) 34%, transparent) 92%, transparent 100%);pointer-events:none;border-radius:50%;animation:5.4s linear infinite coreSweep;position:absolute;inset:4px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 11px),#000 calc(100% - 10px));mask:radial-gradient(farthest-side,#0000 calc(100% - 11px),#000 calc(100% - 10px))}.core-readout{text-align:center;animation:coreSwap .55s var(--ease) both;align-content:center;justify-items:center;gap:2px;display:grid;position:absolute;inset:0}.core-readout strong{color:var(--ink);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(22px,3.2vh,30px);font-weight:500;line-height:1}.core-readout span{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:700}.core-caption{color:var(--ink-2);animation:coreSwap .55s var(--ease) 60ms both;margin:0;font-size:clamp(12px,1.5vh,13px);line-height:1.55}.core-switch{flex-wrap:wrap;gap:6px;margin-top:clamp(10px,1.6vh,14px);display:flex;position:relative}.core-switch button{background:color-mix(in oklab, var(--evergreen) 6%, transparent);color:var(--muted);font:inherit;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:color .3s var(--ease), background .3s var(--ease), border-color .3s var(--ease);border:1px solid #0000;border-radius:999px;padding:5px 11px 7px;font-size:10px;font-weight:700;position:relative;overflow:hidden}.core-switch button:hover{color:var(--ink);border-color:color-mix(in oklab, var(--accent) 30%, transparent)}.core-switch button.is-on{background:color-mix(in oklab, var(--accent) 14%, transparent);border-color:color-mix(in oklab, var(--accent) 34%, transparent);color:var(--ink)}.core-switch button em{background:color-mix(in oklab, var(--accent) 88%, #fff);transform-origin:0;height:2px;position:absolute;inset:auto 0 0;transform:scaleX(0)}.core-switch button.is-on em{animation:4.2s linear both coreDwell}.core-ribbon{border-top:1px solid var(--line-soft);grid-template-columns:repeat(7,1fr);align-items:end;gap:7px;height:clamp(38px,6vh,58px);margin-top:clamp(12px,1.8vh,18px);padding-top:clamp(10px,1.6vh,14px);padding-bottom:14px;display:grid;position:relative}.core-ribbon span{height:var(--h,60%);background:linear-gradient(180deg, color-mix(in oklab, var(--accent-3) 78%, #fff), color-mix(in oklab, var(--accent-2) 62%, #fff));transform-origin:bottom;animation:loginGrow .9s var(--ease) both;animation-delay:calc(var(--i,0) * 70ms);border-radius:6px 6px 3px 3px;position:relative}.core-ribbon span.is-today{background:linear-gradient(180deg, color-mix(in oklab, var(--accent) 92%, #fff), color-mix(in oklab, var(--accent-2) 78%, #fff));box-shadow:0 8px 20px -10px color-mix(in oklab, var(--evergreen) 55%, transparent)}.core-ribbon span i{color:var(--muted);letter-spacing:.05em;text-align:center;text-transform:uppercase;padding-top:5px;font-size:9px;font-style:normal;position:absolute;inset:100% 0 auto}@keyframes loginGrow{0%{opacity:0;transform:scaleY(.06)}to{opacity:1;transform:scaleY(1)}}@keyframes coreSweep{to{transform:rotate(360deg)}}@keyframes coreSwap{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes coreDwell{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.login-v3-panel{min-width:0;min-height:0;display:grid}.login-v3-card{border:1px solid color-mix(in oklab, var(--evergreen) 12%, transparent);background:color-mix(in oklab, var(--paper-2) 88%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.05);backdrop-filter:blur(20px)saturate(1.05);border-radius:26px;padding:clamp(20px,3.2vh,34px) clamp(20px,2.4vw,34px);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffd9,0 40px 90px -56px #0a2b21a6}.login-v3-card:before{content:"";background:linear-gradient(90deg, color-mix(in oklab, var(--accent) 85%, #fff), color-mix(in oklab, var(--accent-2) 85%, #fff), color-mix(in oklab, var(--accent-3) 85%, #fff));height:2px;position:absolute;inset:0 0 auto}.login-v3-card:after{content:"";z-index:-1;background:radial-gradient(circle, color-mix(in oklab, var(--accent) 34%, transparent), transparent 70%);filter:blur(40px);border-radius:50%;width:70%;height:70%;position:absolute;bottom:-40%;right:-30%}.login-v3-card-head{align-items:center;gap:13px;display:flex}.login-v3-icon{border:1px solid var(--line);background:linear-gradient(150deg, color-mix(in oklab, var(--accent) 30%, var(--paper-2)), var(--paper-2));border-radius:14px;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.login-v3-card-head .login-v3-icon span{background:var(--evergreen);color:#f6f8f2;letter-spacing:0;border-radius:9px;place-items:center;width:27px;height:27px;font-size:10px;font-weight:800;display:grid}.login-v3-card-head span{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700;display:block}.login-v3-card-head h2{color:var(--ink);letter-spacing:-.025em;margin:4px 0 0;font-size:clamp(19px,2.8vh,25px);font-weight:500}.login-v3-intro{color:var(--muted);margin:clamp(10px,1.8vh,16px) 0 0;font-size:12.5px;line-height:1.6}.login-v3-field{margin-top:clamp(14px,2.4vh,22px)}.login-v3-field>label,.login-v3-label-row label{color:var(--ink-2);letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.login-v3-label-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.login-v3-label-row label{margin-bottom:0}.login-v3-label-row small{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:10px}.login-v3-input-row{border:1px solid var(--line);background:var(--paper-2);transition:border-color .3s var(--ease), box-shadow .3s var(--ease);border-radius:15px;align-items:center;gap:8px;padding:6px 6px 6px 14px;display:flex}.login-v3-input-row:focus-within{border-color:color-mix(in oklab, var(--evergreen) 42%, transparent);box-shadow:0 0 0 4px color-mix(in oklab, var(--accent) 30%, transparent)}.login-v3-input-row input{min-width:0;color:var(--ink);letter-spacing:.02em;background:0 0;border:0;outline:none;flex:1;font-size:14px;font-weight:500}.login-v3-input-row input::placeholder{color:#a3b0a9;font-weight:400}.login-v3-input-row button{background:var(--evergreen);color:#fff;letter-spacing:.02em;cursor:pointer;transition:background .3s var(--ease), transform .3s var(--ease), opacity .3s var(--ease);border:0;border-radius:11px;flex:none;padding:10px 16px;font-size:12px;font-weight:600}.login-v3-input-row button:hover:not(:disabled){background:var(--evergreen-deep);transform:translateY(-1px)}.login-v3-input-row button:disabled{opacity:.42;cursor:not-allowed}.login-v3-otp-field{margin-top:clamp(12px,2.2vh,20px)}.login-v3-otp-grid{grid-template-columns:repeat(6,clamp(38px,8.4vw,46px));justify-content:start;gap:8px;margin-top:8px;display:grid}.login-v3-otp-grid input{border:1px solid color-mix(in oklab, var(--evergreen) 28%, var(--line));background:var(--paper-2);width:100%;min-width:0;height:clamp(40px,5.4vh,46px);color:var(--ink);text-align:center;font-variant-numeric:tabular-nums;transition:border-color .25s var(--ease), box-shadow .25s var(--ease), transform .25s var(--ease);border-radius:12px;outline:none;padding:0;font-size:clamp(16px,2.4vh,19px);font-weight:600}.login-v3-otp-grid input:focus{border-color:color-mix(in oklab, var(--evergreen) 45%, transparent);box-shadow:0 0 0 4px color-mix(in oklab, var(--accent) 32%, transparent);transform:translateY(-2px)}.login-v3-status{border:1px dashed var(--line);color:var(--muted);background:0 0;border-radius:13px;align-items:center;gap:9px;margin-top:clamp(12px,2vh,18px);padding:10px 13px;font-size:11.5px;line-height:1.45;display:flex}.login-v3-status span{background:color-mix(in oklab, var(--evergreen) 10%, transparent);width:17px;height:17px;color:var(--ink-2);border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:700;display:grid}.login-v3-status[data-shown]{color:#14603f;background:#eefaf3;border-style:solid;border-color:oklab(61.8722% -.121608 .0403942/.32)}.login-v3-status[data-shown] span{color:#fff;background:#1f9d6d}.login-v3-status.is-error[data-shown]{color:#9d3527;background:#fdf1ef;border-color:#c84a3c52}.login-v3-status.is-error[data-shown] span{color:#fff;background:#d0553f}.login-v3-submit{background:linear-gradient(120deg, var(--evergreen), #146a4f 62%, #1a7d5c);color:#fff;letter-spacing:.01em;cursor:pointer;width:100%;transition:transform .32s var(--ease), box-shadow .32s var(--ease), opacity .32s var(--ease);border:0;border-radius:15px;justify-content:center;align-items:center;gap:9px;margin-top:clamp(14px,2.2vh,20px);padding:clamp(13px,1.9vh,16px) 20px;font-size:13.5px;font-weight:600;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px -24px #0a3529d9}.login-v3-submit:after{content:"";background:linear-gradient(100deg, transparent 26%, color-mix(in oklab, var(--accent) 46%, transparent) 50%, transparent 74%);transition:transform .7s var(--ease);position:absolute;inset:0;transform:translate(-120%)}.login-v3-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 26px 48px -22px #0a3529e6}.login-v3-submit:hover:not(:disabled):after{transform:translate(120%)}.login-v3-submit span{transition:transform .32s var(--ease);font-size:15px}.login-v3-submit:hover:not(:disabled) span{transform:translate(3px,-3px)}.login-v3-submit:disabled{opacity:.44;cursor:not-allowed;box-shadow:none}.login-v3-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite loginSpin}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-v3-meta{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;justify-content:center;align-items:center;gap:10px;margin-top:clamp(12px,1.8vh,18px);font-size:10px;display:flex}.login-v3-meta i{background:color-mix(in oklab, var(--evergreen) 30%, transparent);border-radius:50%;width:4px;height:4px}.login-v3-footline{color:#93a29a;justify-content:space-between;align-items:center;gap:14px;font-size:10px;display:flex}.login-v3-footline p,.login-v3-location{color:#93a29a;letter-spacing:.02em;margin:0;font-size:10px}.login-v3-footline>span{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}@media (width<=1080px){.login-v3-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:28px}.login-v3-message p{display:none}}@media (width<=940px){.login-v3-layout{grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;gap:clamp(16px,3vh,26px)}.login-v3-story{text-align:center;align-items:center;gap:14px;width:min(460px,100%)}.login-v3-message h1{max-width:22ch;font-size:clamp(24px,4vh,34px)}.login-v3-core{display:none}.login-v3-panel{width:min(460px,100%)}}@media (width<=940px) and (height<=820px){.login-v3-message{display:none}}@media (width<=620px){.login-v3-message,.login-v3-intro,.login-v3-time small,.login-v3-footline>span{display:none}.login-v3-otp-grid{grid-template-columns:repeat(6,minmax(0,1fr));justify-content:stretch;gap:6px}.login-v3-otp-grid input{border-radius:11px;height:44px}.login-v3-card{border-radius:22px}}@media (height<=720px){.login-v3-intro,.login-v3-message p,.core-ribbon{display:none}}@media (height<=600px){.login-v3-core,.login-v3-footline{display:none}.login-v3-card-head{gap:10px}}@media (prefers-reduced-motion:reduce){.login-v3-orbit,.login-v3-live-dot,.core-tag i,.core-dial-sweep,.core-readout,.core-caption,.core-switch button.is-on em,.core-ribbon span{animation:none!important}.core-dial-arc{transition:none}.login-v3-core,.login-v3-core:hover{transform:none}.login-v3-submit:after{display:none}.login-v3-back,.login-v3-submit,.login-v3-otp-grid input{transition:none}}@media (width<=760px){.tour-nav-center,.tour-nav-actions>a{display:none}.tour-nav{width:calc(100% - 40px)}.tour-feature{flex-direction:column;align-items:stretch;gap:35px;min-height:0;padding:60px 0 70px;display:flex}.tour-feature-visual{transform:none}.tour-window{min-height:330px}.tour-strip{grid-template-columns:1fr 1fr;margin-bottom:70px}.tour-strip>div:first-child{grid-column:1/-1}.tour-strip>div:nth-child(3){border-left:0}.demo-people-grid{grid-template-columns:repeat(2,1fr)}.demo-overview-lower{grid-template-columns:1fr}.demo-alerts{display:none}.demo-approval-layout{grid-template-columns:1fr}.approval-detail{display:none}.demo-table-row{grid-template-columns:1.5fr .7fr .7fr}.demo-table-row small,.demo-table-head i:last-child{display:none}}@media (width<=480px){.tour-nav-enter{padding:9px;font-size:0}.tour-nav-enter b{font-size:16px}.tour-hero-copy{margin-top:45px}.tour-chapters{grid-template-columns:repeat(3,1fr)}.tour-chapters button:nth-child(n+4){display:none}.tour-feature-copy h2{font-size:42px}.tour-window{margin-inline:-5px}.demo-work,.demo-window-content{padding:15px}.demo-stat-row{gap:5px}.demo-stat-row>div{padding:9px}.demo-stat-row strong{font-size:17px}.demo-heading strong{font-size:15px}.demo-filter-row b{display:none}.demo-filter-row span{width:100%}.demo-attendance-kpis{gap:4px}.demo-attendance-kpis span{padding:7px;font-size:7px}.demo-attendance-kpis b{font-size:12px}.demo-table-row,.demo-table-head{gap:4px;padding:8px 6px}.demo-table-row strong{font-size:8px}.tour-strip{gap:5px}.tour-strip>div{padding-inline:8px}}.login-flow-story{border:1px solid var(--line);background:linear-gradient(165deg, color-mix(in oklab, var(--paper-2) 94%, transparent), color-mix(in oklab, var(--accent-3) 17%, var(--paper-2)));border-radius:24px;padding:14px 16px 12px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffc2,0 22px 48px -34px #0a2b2180}.login-flow-story:before{content:"";pointer-events:none;background-image:linear-gradient(#0f49380b 1px,#0000 1px),linear-gradient(90deg,#0f49380b 1px,#0000 1px);background-size:25px 25px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.login-flow-head{z-index:5;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.login-flow-head>span{color:var(--muted);text-transform:uppercase;align-items:center;gap:7px;font-size:9px;font-weight:750;display:inline-flex}.login-flow-head>span i{background:#1f9d6d;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #1f9d6d1f}.login-flow-head time{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:10px;font-weight:650}.login-flow-cinema{z-index:2;border-bottom:1px solid var(--line-soft);height:164px;margin-top:4px;position:relative;overflow:hidden}.login-story-scene{opacity:0;pointer-events:none;transition:opacity .5s var(--ease), clip-path .7s var(--ease);position:absolute;inset:0;overflow:hidden}.login-story-employee{clip-path:inset(0)}.login-flow-story[data-stage=approach] .login-story-employee,.login-flow-story[data-stage=check-in] .login-story-employee,.login-flow-story[data-stage=review] .login-story-admin,.login-flow-story[data-stage=record] .login-story-record{opacity:1}.login-story-sun{background:color-mix(in oklab, var(--amber) 55%, var(--paper-2));width:24px;height:24px;box-shadow:0 0 0 8px color-mix(in oklab, var(--amber) 12%, transparent);border-radius:50%;position:absolute;top:15px;left:8%}.login-story-building{border:1px solid color-mix(in oklab, var(--evergreen) 18%, transparent);background:color-mix(in oklab, var(--paper-2) 92%, var(--accent-3));border-radius:8px 8px 0 0;grid-template-columns:repeat(3,1fr);gap:7px;width:146px;height:116px;padding:17px 15px 0;display:grid;position:absolute;bottom:20px;right:7%;box-shadow:0 12px 25px -20px #0a2b2199}.login-story-building:after{content:"";border:1px solid color-mix(in oklab, var(--evergreen) 22%, transparent);background:color-mix(in oklab, var(--sky) 17%, var(--paper-2));border-bottom:0;width:32px;height:50px;position:absolute;bottom:0;right:13px}.login-story-building>span{color:var(--evergreen);font-size:6px;font-weight:800;position:absolute;top:6px;left:12px}.login-story-building>i{background:color-mix(in oklab, var(--sky) 21%, var(--paper-2));border-radius:3px;height:28px;box-shadow:inset 0 0 0 1px #0f493812}.login-story-ground{background:color-mix(in oklab, var(--evergreen) 22%, transparent);height:1px;position:absolute;bottom:19px;left:2%;right:2%}.login-story-ground:after{content:"";background:repeating-linear-gradient(90deg, transparent 0 35px, color-mix(in oklab, var(--evergreen) 12%, transparent) 35px 55px);height:14px;position:absolute;top:7px;left:0;right:0}.login-story-worker{z-index:3;width:54px;height:102px;position:absolute;bottom:17px;left:10%}.worker-shadow{filter:blur(2px);background:#0a2b211f;border-radius:50%;width:47px;height:7px;position:absolute;bottom:-2px;left:4px}.worker-head{z-index:5;background:#b87855;border-radius:48% 48% 46% 46%;width:20px;height:22px;position:absolute;top:0;left:17px;transform:rotate(7deg)}.worker-head:after{content:"";background:var(--ink);border-radius:50%;width:3px;height:2px;position:absolute;top:10px;right:-2px}.worker-head>i{background:#26352f;border-radius:55% 55% 30% 25%;position:absolute;inset:-2px 2px 11px -1px}.worker-body{z-index:3;background:var(--evergreen);border-radius:12px 12px 7px 7px;width:29px;height:43px;position:absolute;top:21px;left:13px;transform:skew(-3deg)}.worker-body>i{background:var(--accent);border-radius:2px;width:7px;height:9px;position:absolute;top:8px;right:5px}.worker-arm-back,.worker-arm-phone,.worker-leg{transform-origin:top;position:absolute}.worker-arm-back{z-index:2;background:#b87855;border-radius:5px;width:8px;height:39px;top:27px;left:13px;transform:rotate(20deg)}.worker-arm-phone{z-index:6;background:#b87855;border-radius:5px;width:8px;height:36px;top:27px;left:36px;transform:rotate(-40deg)}.worker-arm-phone>i{background:color-mix(in oklab, var(--sky) 24%, var(--paper-2));border:2px solid #26352f;border-radius:3px;width:11px;height:17px;position:absolute;bottom:-8px;left:-2px;transform:rotate(28deg)}.worker-leg{z-index:1;background:#273a34;border-radius:5px;width:10px;height:40px;top:59px}.worker-leg:after{content:"";background:#13231e;border-radius:5px 7px 3px 3px;width:16px;height:6px;position:absolute;bottom:-3px;left:0}.worker-leg-back{left:17px}.worker-leg-front{left:30px}.login-flow-story[data-stage=approach] .login-story-worker{animation:3.6s linear both loginStoryWalkAcross}.login-flow-story[data-stage=approach] .worker-body,.login-flow-story[data-stage=approach] .worker-head{animation:.62s ease-in-out infinite alternate loginStoryWalkBob}.login-flow-story[data-stage=approach] .worker-leg-back{animation:.62s ease-in-out infinite alternate loginStoryLegBack}.login-flow-story[data-stage=approach] .worker-leg-front{animation:.62s ease-in-out infinite alternate loginStoryLegFront}.login-flow-story[data-stage=approach] .worker-arm-back{animation:.62s ease-in-out infinite alternate loginStoryArm}.login-flow-story[data-stage=check-in] .login-story-worker{left:41%;transform:translate(-50%)}.login-flow-story[data-stage=check-in] .worker-arm-phone{animation:loginStoryRaisePhone .7s .12s var(--ease) both}.login-flow-story[data-stage=check-in] .worker-arm-phone>i{width:14px;height:21px}.login-story-phone-card{z-index:5;border:1px solid color-mix(in oklab, var(--evergreen) 25%, transparent);background:color-mix(in oklab, var(--paper-2) 95%, var(--accent-3));opacity:0;border-radius:14px;flex-direction:column;align-items:center;width:164px;height:146px;padding:9px 11px;display:flex;position:absolute;top:7px;right:4%;transform:translate(18px)scale(.92);box-shadow:0 18px 32px -20px #0a2b21a8}.phone-card-top{color:var(--muted);align-self:stretch;align-items:center;gap:4px;font-size:7px;display:flex}.phone-card-top i{background:var(--accent-2);border-radius:50%;width:5px;height:5px}.phone-card-person{background:var(--paper-2);width:30px;height:30px;color:var(--evergreen);border-radius:50%;place-items:center;margin-top:7px;display:grid}.phone-card-person svg{width:16px;height:16px}.login-story-phone-card strong{color:var(--ink);margin-top:4px;font-size:8px}.login-story-phone-card small{color:var(--muted);margin-top:2px;font-size:7px}.phone-card-action{background:var(--evergreen);color:#fff;border-radius:7px;justify-content:center;align-items:center;gap:4px;width:104px;height:27px;margin-top:8px;font-size:8px;font-weight:750;display:flex}.phone-card-action svg{width:10px;height:10px}.phone-card-tap{border:2px solid var(--accent);opacity:0;border-radius:50%;width:10px;height:10px;position:absolute;bottom:17px;right:27px}.login-flow-story[data-stage=check-in] .login-story-building{opacity:.28}.login-flow-story[data-stage=check-in] .login-story-phone-card{animation:loginStoryPhoneIn .55s var(--ease) both}.login-flow-story[data-stage=check-in] .phone-card-tap{animation:loginStoryTap 1.5s .65s var(--ease) infinite}.login-story-verified{z-index:6;color:#14603f;opacity:0;background:#eefaf3;border:1px solid oklab(61.8722% -.121608 .0403942/.32);border-radius:8px;align-items:center;gap:7px;padding:6px 10px;display:flex;position:absolute;bottom:8px;right:7%}.login-story-verified>span{color:#fff;background:#1f9d6d;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.login-story-verified svg{width:12px;height:12px}.login-story-verified strong,.login-story-verified small{display:block}.login-story-verified strong{font-size:7px}.login-story-verified small{margin-top:1px;font-size:5.5px}.login-flow-story[data-stage=check-in] .login-story-verified{animation:loginStoryVerified 3.2s var(--ease) both}.login-story-admin{clip-path:inset(0 0 0 100%);background:color-mix(in oklab, var(--accent-3) 8%, transparent)}.login-flow-story[data-stage=review] .login-story-admin{clip-path:inset(0)}.admin-story-wall{border:1px solid var(--line-soft);background:color-mix(in oklab, var(--paper-2) 78%, transparent);border-radius:8px;position:absolute;inset:12px 12px 28px}.admin-story-wall>span{color:var(--muted);text-transform:uppercase;font-size:6px;font-weight:750;position:absolute;top:8px;left:10px}.admin-story-wall>i{background:color-mix(in oklab, var(--sky) 15%, var(--paper-2));border-radius:3px;width:30px;height:21px;margin:24px 0 0 10px;display:inline-block;position:relative}.admin-story-person{z-index:3;width:66px;height:102px;position:absolute;bottom:22px;left:10%}.admin-head{background:#a9694f;border-radius:50%;width:22px;height:24px;position:absolute;top:5px;left:25px}.admin-head>i{background:#273a34;border-radius:60% 55% 30% 20%;position:absolute;inset:-2px 1px 12px -2px}.admin-body{background:var(--evergreen);border-radius:16px 16px 8px 8px;width:38px;height:55px;position:absolute;top:28px;left:17px}.admin-arm{z-index:4;transform-origin:top;background:#a9694f;border-radius:7px;width:9px;height:46px;position:absolute;top:39px;left:49px;transform:rotate(-42deg)}.admin-story-chair{z-index:2;background:color-mix(in oklab, var(--evergreen) 14%, var(--paper-2));border-radius:22px 22px 8px 8px;width:68px;height:60px;position:absolute;bottom:18px;left:7%}.admin-story-desk{z-index:4;background:color-mix(in oklab, var(--evergreen) 34%, var(--paper-2));border-radius:4px;width:65%;height:8px;position:absolute;bottom:21px;right:4%}.admin-story-monitor{z-index:5;border:1px solid color-mix(in oklab, var(--evergreen) 25%, transparent);background:var(--paper-2);border-radius:8px;width:57%;height:111px;padding:8px;position:absolute;top:16px;right:7%;box-shadow:0 14px 30px -22px #0a2b21b3}.admin-monitor-bar{color:var(--muted);align-items:center;gap:5px;font-size:6px;font-weight:750;display:flex}.admin-monitor-bar i{background:var(--accent-2);border-radius:50%;width:5px;height:5px}.admin-request-card{border:1px solid color-mix(in oklab, var(--amber) 42%, transparent);background:color-mix(in oklab, var(--amber) 9%, var(--paper-2));opacity:0;border-radius:7px;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:6px;margin-top:9px;padding:8px;display:grid;transform:translate(18px)}.admin-request-card>span{background:var(--accent-3);width:25px;height:25px;color:var(--evergreen-deep);border-radius:50%;place-items:center;font-size:6px;font-weight:800;display:grid}.admin-request-card div{min-width:0}.admin-request-card strong,.admin-request-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-request-card strong{color:var(--ink);font-size:6.5px}.admin-request-card small{color:var(--muted);margin-top:2px;font-size:5.5px}.admin-request-card em{color:var(--amber);font-size:5.5px;font-style:normal;font-weight:750}.admin-approve-button{background:var(--evergreen);color:#fff;border-radius:6px;place-items:center;width:58px;height:21px;font-size:6px;font-weight:750;display:grid;position:absolute;bottom:8px;right:8px}.admin-approved-state{color:#14603f;opacity:0;background:#eefaf3;border-radius:7px;justify-content:center;align-items:center;gap:6px;font-size:8px;font-weight:750;display:flex;position:absolute;inset:28px 8px 8px;transform:scale(.94)}.admin-approved-state svg{width:19px;height:19px}.admin-story-cursor{border-left:6px solid var(--ink);opacity:0;border-top:8px solid #0000;width:8px;height:11px;position:absolute;bottom:12px;right:22px;transform:translate(18px,15px)rotate(-18deg)}.admin-monitor-stand{z-index:4;background:color-mix(in oklab, var(--evergreen) 30%, var(--paper-2));width:8px;height:18px;position:absolute;bottom:21px;right:29%}.login-flow-story[data-stage=review] .admin-request-card{animation:loginStoryRequestIn .7s .4s var(--ease) both}.login-flow-story[data-stage=review] .admin-story-cursor{animation:loginStoryAdminClick 2.6s .75s var(--ease) both}.login-flow-story[data-stage=review] .admin-approved-state{animation:loginStoryAdminApproved 3.2s var(--ease) both}.login-story-record{background:color-mix(in oklab, var(--accent-3) 9%, transparent);clip-path:circle(0 at 77% 72%);padding:14px 5% 10px}.login-flow-story[data-stage=record] .login-story-record{clip-path:circle(120% at 77% 72%)}.record-story-head{grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.record-story-head>span{background:var(--evergreen);color:#fff;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.record-story-head svg{width:15px;height:15px}.record-story-head strong,.record-story-head small{display:block}.record-story-head strong{color:var(--ink);font-size:8px}.record-story-head small{color:var(--muted);margin-top:2px;font-size:6px}.record-story-head em{color:#14603f;text-transform:uppercase;background:#e4f7ec;border-radius:999px;padding:4px 7px;font-size:6px;font-style:normal;font-weight:750}.record-story-line{justify-content:space-between;align-items:center;width:75%;margin:23px auto 0;display:flex;position:relative}.record-story-line:before{content:"";background:var(--line);transform-origin:0;height:2px;position:absolute;left:0;right:0;transform:scaleX(0)}.record-story-line i{z-index:2;border:3px solid var(--paper-2);background:var(--evergreen);width:12px;height:12px;box-shadow:0 0 0 1px var(--evergreen);opacity:0;border-radius:50%;position:relative}.record-story-events{text-align:center;grid-template-columns:repeat(3,1fr);width:88%;margin:7px auto 0;display:grid}.record-story-events span{opacity:0;transform:translateY(5px)}.record-story-events b,.record-story-events small{display:block}.record-story-events b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:7px}.record-story-events small{color:var(--muted);margin-top:2px;font-size:5.5px}.record-story-seal{color:#14603f;opacity:0;background:#eefaf3;border:1px solid oklab(61.8722% -.121608 .0403942/.28);border-radius:8px;grid-template-columns:24px auto;align-items:center;gap:2px 7px;padding:6px 10px;display:grid;position:absolute;bottom:7px;right:5%;transform:translateY(8px)}.record-story-seal svg{grid-row:1/3;width:21px;height:21px}.record-story-seal strong{font-size:6.5px}.record-story-seal small{font-size:5.5px}.login-flow-story[data-stage=record] .record-story-line:before{animation:loginStoryLine 1.2s .35s var(--ease) both}.login-flow-story[data-stage=record] .record-story-line i,.login-flow-story[data-stage=record] .record-story-events span{animation:loginStoryEvent .45s var(--ease) both}.login-flow-story[data-stage=record] .record-story-line i:first-child,.login-flow-story[data-stage=record] .record-story-events span:first-child{animation-delay:.55s}.login-flow-story[data-stage=record] .record-story-line i:nth-child(2),.login-flow-story[data-stage=record] .record-story-events span:nth-child(2){animation-delay:1.05s}.login-flow-story[data-stage=record] .record-story-line i:nth-child(3),.login-flow-story[data-stage=record] .record-story-events span:nth-child(3){animation-delay:1.55s}.login-flow-story[data-stage=record] .record-story-seal{animation:loginStorySeal .6s 2.15s var(--ease) both}.login-story-cut{z-index:20;background:var(--paper-2);opacity:0;pointer-events:none;position:absolute;inset:0}.login-flow-story[data-stage=review] .login-story-cut,.login-flow-story[data-stage=record] .login-story-cut{animation:loginStoryCut .62s var(--ease) both}.login-flow-copy{z-index:5;min-height:43px;animation:loginFlowCopy .45s var(--ease) both;grid-template-columns:28px minmax(0,1fr);gap:10px;padding-top:8px;display:grid;position:relative}.login-flow-copy>span{color:var(--evergreen);font-variant-numeric:tabular-nums;font-size:10px;font-weight:800}.login-flow-copy strong{color:var(--ink);font-size:10px;display:block}.login-flow-copy p{color:var(--muted);margin:3px 0 0;font-size:8px;line-height:1.4}.login-flow-steps{z-index:5;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:6px;display:grid;position:relative}.login-flow-steps button{background:color-mix(in oklab, var(--evergreen) 5%, transparent);min-width:0;color:var(--muted);font:inherit;cursor:pointer;border:0;border-radius:6px;padding:5px 4px 7px;font-size:7px;font-weight:700;position:relative;overflow:hidden}.login-flow-steps button.is-active{background:color-mix(in oklab, var(--accent) 16%, transparent);color:var(--evergreen-deep)}.login-flow-steps button i{background:var(--evergreen);transform-origin:0;height:2px;position:absolute;inset:auto 0 0;transform:scaleX(0)}.login-flow-steps button.is-active i{animation:3.6s linear both loginFlowDwell}@keyframes loginStoryWalkAcross{0%{transform:translate(0)}to{transform:translate(350%)}}@keyframes loginStoryWalkBob{0%{translate:0}to{translate:0 -3px}}@keyframes loginStoryLegBack{0%{transform:rotate(24deg)}to{transform:rotate(-24deg)}}@keyframes loginStoryLegFront{0%{transform:rotate(-24deg)}to{transform:rotate(24deg)}}@keyframes loginStoryArm{0%{transform:rotate(18deg)}to{transform:rotate(-18deg)}}@keyframes loginStoryRaisePhone{0%{transform:rotate(-40deg)}to{transform:rotate(-96deg)}}@keyframes loginStoryPhoneIn{0%{opacity:0;transform:translate(18px)scale(.92)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes loginStoryTap{0%,18%{opacity:0;transform:scale(.45)}38%{opacity:.9;transform:scale(1)}70%,to{opacity:0;transform:scale(2.6)}}@keyframes loginStoryVerified{0%,50%{opacity:0;transform:translateY(8px)}68%,to{opacity:1;transform:translateY(0)}}@keyframes loginStoryRequestIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes loginStoryAdminClick{0%,12%{opacity:0;transform:translate(18px,15px)rotate(-18deg)}42%,70%{opacity:1;transform:translate(0)rotate(-18deg)}86%,to{opacity:0;transform:translate(0)rotate(-18deg)}}@keyframes loginStoryAdminApproved{0%,69%{opacity:0;transform:scale(.94)}84%,to{opacity:1;transform:scale(1)}}@keyframes loginStoryLine{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes loginStoryEvent{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes loginStorySeal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes loginStoryCut{0%{opacity:0;transform:translate(-105%)}42%{opacity:.82}to{opacity:0;transform:translate(105%)}}@keyframes loginFlowCopy{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes loginFlowDwell{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (width<=1080px){.login-story-building{right:3%}.login-story-phone-card{right:2%}.admin-story-monitor{width:61%;right:3%}}@media (width<=940px){.login-flow-story{display:none}}@media (height<=720px) and (width>=941px){.login-flow-cinema{height:132px}.login-story-scene{transform-origin:bottom;inset:-8% -9% 0;transform:scale(.84)}.login-flow-copy p{display:none}}@media (height<=600px){.login-flow-story{display:none}}@media (prefers-reduced-motion:reduce){.login-flow-story *,.login-flow-story :before,.login-flow-story :after{transition:none!important;animation:none!important}.login-story-worker{transform:translate(170%)}}