@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap);*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.block{display:block}.inline-flex{display:inline-flex}.table{display:table}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}button,input,select{font:inherit}.home-dashboard{color:#183552;padding:10px 4px 28px}.home-welcome{margin:5px 0 18px}.home-welcome h2{color:#183552;font-size:21px;margin:0}.home-welcome h2 span{font-size:19px}.home-welcome p{color:#6683a2;font-size:12px;margin:6px 0 0}.home-directory-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.home-directory-card{align-items:center;background:#f4f8ff;border:1px solid #d6e5f7;border-radius:7px;display:flex;gap:14px;min-height:114px;padding:16px;position:relative}.home-directory-icon{background:#e1edff;border-radius:50%;color:#216ee7;display:grid;height:45px;place-items:center;width:45px}.home-directory-copy{grid-gap:3px;display:grid;gap:3px}.home-directory-copy span{font-size:10px;font-weight:700;letter-spacing:.4px}.home-directory-copy strong{color:#183552;font-size:27px;line-height:1}.home-directory-copy small{color:#6580a0;font-size:10px}.home-directory-card button{background:#dceaff;border:0;border-radius:50%;color:#3175e2;display:grid;height:28px;place-items:center;position:absolute;right:15px;top:15px;width:28px}.home-two-column{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.home-panel{background:#fff;border:1px solid #edf0f5;border-radius:7px;box-shadow:0 2px 10px #d3e0ee35;min-height:154px;overflow:hidden}.home-panel-title{align-items:center;color:#183552;display:flex;font-size:11px;font-weight:800;gap:7px;padding:14px 15px 7px}.home-panel-title>span:first-child:before{background:#ff3850;border-radius:2px;content:"";display:inline-block;height:18px;margin-right:7px;transform:skew(-12deg);vertical-align:middle;width:5px}.home-panel-title small{color:#547799;font-size:10px;font-weight:600}.home-stat-row{display:grid;grid-template-columns:repeat(3,1fr);padding:10px 15px 18px}.home-stat{align-items:center;border-right:1px solid #edf2f8;display:flex;gap:11px;justify-content:center}.home-stat:last-child{border-right:0}.home-stat-icon{border-radius:50%;display:grid;height:34px;place-items:center;width:34px}.home-stat-icon.green{background:#e8f9ee;color:#13a151}.home-stat-icon.red{background:#ffebed;color:#f24d61}.home-stat div{grid-gap:8px;display:grid;gap:8px}.home-stat small{color:#5b7b9d;font-size:9px}.home-stat strong{color:#183552;font-size:15px}.home-yesterday{min-height:154px}.home-week-off{align-items:center;color:#a1b3c4;display:flex;height:98px;justify-content:center}.home-week-off span{filter:grayscale(1);font-size:32px}.home-week-off strong{font-size:22px}.home-period{min-height:140px}.home-period-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);padding:8px 13px 14px}.home-period-grid div{grid-gap:17px;border:1px solid #e0ebf8;border-radius:6px;display:grid;gap:17px;min-height:76px;padding:13px}.home-period-grid span{color:#527495;font-size:9px;font-weight:600}.home-period-grid strong{align-self:end;color:#183552;font-size:18px;text-align:center}.home-requests{padding-bottom:14px;position:relative}.home-request-tabs{background:#eef3f8;border-radius:5px;display:flex;left:118px;overflow:hidden;position:absolute;top:9px}.home-request-tabs button{background:#0000;border:0;color:#6e87a1;font-size:9px;padding:5px 14px}.home-request-tabs button.active{background:#ff354c;border-radius:5px;color:#fff}.home-request-row{align-items:center;border:1px solid #e3edf8;border-radius:6px;color:#65809e;display:flex;font-size:10px;gap:14px;margin:9px 14px 0;padding:13px}.home-request-row span{background:#e8f3ff;border-radius:5px;color:#2c6aa8;font-weight:700;padding:5px 9px}.home-request-row b{color:#7f9ab3}.home-request-row em{background:#ff4d5b;border-radius:6px;color:#fff;font-size:8px;font-style:normal;margin-left:auto;padding:5px 8px}.home-requests>small{color:#5f7c9c;margin-left:88px}.home-leave{min-height:143px}.home-empty{grid-gap:7px;align-content:center;color:#a2b5c7;display:grid;font-size:10px;gap:7px;height:89px;place-items:center}.home-empty svg{color:#a9c4dd}.home-directory-card button:hover,.home-request-tabs button:hover{filter:brightness(.96)}@media (max-width:900px){.home-directory-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){.home-dashboard{padding:6px 0 20px}.home-welcome h2{font-size:18px}.home-directory-grid,.home-two-column{grid-template-columns:1fr}.home-stat-row{padding-inline:8px}.home-stat{gap:7px}.home-period-grid{grid-template-columns:repeat(2,1fr)}.home-request-row{gap:7px}.home-request-tabs{left:104px}}.employee-shell{background:#f7faf8;color:#1f2d2b;display:flex;font-family:DM Sans,sans-serif;min-height:100vh}.employee-sidebar{background:#fff;border-right:1px solid #dce8e1;display:flex;flex:0 0 205px;flex-direction:column;width:205px}.employee-brand{align-items:center;border-bottom:1px solid #edf2ee;color:#172b27;display:flex;font-size:16px;gap:8px;height:68px;padding:0 20px}.employee-brand .logo-mark{background:#25a75c;border-radius:50%;color:#fff;display:grid;font-size:15px;height:29px;place-items:center;width:29px}.employee-nav{grid-gap:5px;display:grid;gap:5px;padding:18px 8px}.employee-nav button,.employee-side-bottom button{align-items:center;background:#0000;border:0;border-radius:9px;color:#6b7c78;cursor:pointer;display:flex;font:500 12px DM Sans,sans-serif;gap:12px;padding:10px 13px;text-align:left}.employee-nav button.active{background:#d9f4e1;color:#176b42}.employee-nav button:hover,.employee-side-bottom button:hover{background:#eff8f2;color:#176b42}.employee-side-bottom{grid-gap:5px;border-top:1px solid #edf2ee;display:grid;gap:5px;margin-top:auto;padding:14px 8px}.employee-main{flex:1 1;min-width:0}.employee-topbar{align-items:center;background:#fff;border-bottom:1px solid #e4ece7;display:flex;height:68px;justify-content:space-between;padding:0 24px}.employee-topbar strong{display:block;font-size:13px}.employee-topbar small{color:#85938e;display:block;font-size:10px;margin-top:3px}.employee-account{align-items:center;color:#52635e;display:flex;font-size:11px;gap:10px}.employee-account b{background:#d7f2df;border-radius:50%;color:#197047;display:grid;font-size:10px;height:25px;place-items:center;width:25px}.icon-action{background:#fff;border:1px solid #e1eae4;border-radius:50%;color:#63746f;display:grid;height:31px;place-items:center;width:31px}.employee-tabs{align-items:flex-end;background:#fff;border-bottom:1px solid #e4ece7;display:flex;gap:27px;height:49px;padding:0 24px}.employee-tabs button{background:#0000;border:0;border-bottom:2px solid #0000;color:#687a75;cursor:pointer;font:500 12px DM Sans,sans-serif;height:49px}.employee-tabs button.active{border-color:#26a45b;color:#183c2e}.employee-content{margin:0 auto;max-width:1120px;padding:20px 24px 36px}.employee-alert{align-items:center;background:#fff2d2;border:1px solid #f2d79d;border-radius:10px;color:#9b6700;display:flex;font-size:11px;gap:9px;min-height:44px;padding:0 14px}.employee-alert>span:first-child{background:#b27800;border-radius:50%;color:#fff;display:grid;font-weight:700;height:16px;place-items:center;width:16px}.employee-alert button{background:#fff;border:1px solid #e8c875;border-radius:15px;color:#9b6700;font:600 10px DM Sans,sans-serif;margin-left:auto;padding:6px 13px}.employee-heading{align-items:center;display:flex;justify-content:space-between;margin:22px 0 18px}.employee-heading>div{align-items:center;display:flex;gap:10px}.employee-heading h1{font-size:20px;letter-spacing:-.2px;margin:0}.live-pill,.target-pill{align-items:center;background:#ddf7e5;border-radius:15px;color:#168049;display:inline-flex;font-size:9px;font-weight:600;padding:5px 9px}.date-filter{align-items:center;background:#fff;border:1px solid #e0e9e3;border-radius:18px;color:#5d716b;display:flex;font:500 10px DM Sans,sans-serif;gap:7px;padding:8px 12px}.employee-panel{background:#fff;border:1px solid #e0e9e3;border-radius:16px;box-shadow:0 3px 12px #31564208}.employee-panel-title{color:#647772;font-size:10px;font-weight:600;letter-spacing:.8px;padding:16px 15px 4px}.month-overview{padding:0 14px 14px}.employee-metric-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,1fr);margin-top:13px}.employee-metric{border-radius:15px;min-height:84px;padding:12px;position:relative}.employee-metric>svg{position:absolute;right:13px;top:13px}.employee-metric>div span{color:#637772;display:block;font-size:9px;font-weight:600;letter-spacing:.7px}.employee-metric strong{color:#102824;display:block;font-size:23px;line-height:1;margin-top:7px}.employee-metric>small{bottom:11px;color:#62736f;font-size:8px;left:12px;position:absolute;right:12px}.employee-metric small b{background:#ffffffaa;border-radius:10px;color:#18734a;float:right;font-weight:600;padding:3px 5px}.employee-metric.mint{background:#d9f5e1}.employee-metric.sky{background:#d9f0ff}.employee-metric.amber{background:#fff0d2}.employee-metric.lilac{background:#eee7ff}.employee-metric.rose{background:#ffe2e2}.employee-metric.green{background:#dff5e2}.employee-dashboard-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(0,1.7fr) minmax(280px,.85fr);margin-top:16px}.weekly-panel{min-height:285px;padding:18px 15px}.employee-panel-head{align-items:flex-start;display:flex;justify-content:space-between}.employee-panel-kicker{color:#687b75;display:block;font-size:10px;font-weight:600;letter-spacing:.8px}.attendance-panel h2,.employee-panel-head h2{font-size:15px;margin:7px 0 0}.weekly-chart{align-items:flex-end;border-bottom:1px solid #e8efea;display:flex;height:198px;justify-content:space-around;padding:12px 8px 0}.chart-column{align-items:center;color:#7c8c87;display:flex;flex-direction:column;font-size:9px;gap:7px;height:100%;justify-content:flex-end;width:10%}.chart-track{align-items:flex-end;background:#f2f7f3;border-radius:8px 8px 0 0;display:flex;height:80%;overflow:hidden;width:22px}.chart-track i{background:#7ed69b;border-radius:8px 8px 0 0;display:block;width:100%}.chart-column small{font-size:10px}.attendance-panel{padding:0 15px 15px}.attendance-panel h2{padding:0 0 12px}.working-card{grid-gap:3px;background:#d9f5e1;border-radius:14px;display:grid;gap:3px;padding:14px}.working-card small{color:#28724e;font-size:10px}.working-card strong{font-size:27px;letter-spacing:-.5px}.working-card span{align-items:center;color:#5b786a;display:flex;font-size:9px;gap:4px}.employee-check-form{grid-gap:8px;display:grid;gap:8px;margin-top:13px}.employee-check-toggle{grid-gap:5px;background:#f0f5f1;border-radius:7px;display:grid;gap:5px;grid-template-columns:1fr 1fr;padding:3px}.employee-check-toggle button{background:#0000;border:0;border-radius:5px;color:#71817d;font:600 10px DM Sans,sans-serif;padding:7px}.employee-check-toggle button.active{background:#fff;box-shadow:0 1px 3px #43614b18;color:#167345}.employee-camera-button,.employee-check-button{align-items:center;border-radius:7px;cursor:pointer;display:flex;font:600 10px DM Sans,sans-serif;gap:7px;justify-content:center;padding:9px}.employee-camera-button{background:#f3fbf5;border:1px solid #cce6d5;color:#197347}.employee-check-button{background:#24a45a;border:0;color:#fff}.employee-check-button:disabled{cursor:not-allowed;opacity:.5}.timeline-panel{padding-bottom:11px}.timeline-list{padding:7px 15px 5px}.timeline-item{align-items:flex-start;border-bottom:1px solid #edf2ef;display:flex;gap:10px;padding:11px 0;position:relative}.timeline-item:last-child{border-bottom:0}.timeline-dot{border-radius:50%;height:8px;margin-top:4px;width:8px}.timeline-dot.green{background:#23a75b}.timeline-dot.blue{background:#4b9bd6}.timeline-item div{grid-gap:3px;display:grid;flex:1 1;gap:3px}.timeline-item strong{font-size:11px}.timeline-item small{color:#879792;font-size:9px}.timeline-item time{color:#7f8e89;font-size:9px}.requests-panel{grid-column:1;padding-bottom:8px}.requests-panel .employee-panel-title{display:flex;justify-content:space-between}.requests-panel .employee-panel-title button{background:#0000;border:0;color:#268451;font:600 10px DM Sans,sans-serif}.request-row{align-items:center;border-bottom:1px solid #edf2ef;display:flex;justify-content:space-between;margin:0 15px;padding:11px 0}.request-row:last-child{border-bottom:0}.request-row div{grid-gap:3px;display:grid;gap:3px}.request-row strong{font-size:11px}.request-row small{color:#85928e;font-size:9px}.request-status{border-radius:12px;font-size:9px;padding:4px 8px}.request-status.yellow{background:#fff0d2;color:#a36c00}.request-status.green{background:#dff5e5;color:#19804c}.request-status.red{background:#ffe1e1;color:#c94e4e}.payroll-panel{grid-column:2;grid-row:2/span 2;padding-bottom:15px}.payroll-total{background:#d9f0ff;border-radius:14px;margin:12px 15px;padding:14px}.payroll-total small,.payroll-total span{color:#4f7893;font-size:9px}.payroll-total strong{font-size:25px}.payroll-lines{grid-gap:10px;color:#7b8985;font-size:10px;gap:10px;padding:0 15px}.payroll-lines b{color:#273b35}.empty-state{color:#899792;font-size:10px;padding:18px 0}.camera-modal{z-index:60}@media (max-width:850px){.employee-sidebar{flex-basis:64px;width:64px}.employee-brand{justify-content:center;padding:0}.employee-brand strong,.employee-nav button,.employee-nav button:not(.active):after,.employee-side-bottom button{font-size:0}.employee-nav button,.employee-side-bottom button{justify-content:center;padding:11px}.employee-nav button.active{font-size:0}.employee-nav button svg,.employee-side-bottom button svg{margin:0}.employee-content{padding:16px}.employee-metric-grid{grid-template-columns:repeat(3,1fr)}.employee-dashboard-grid{grid-template-columns:1fr}.payroll-panel,.requests-panel{grid-column:auto;grid-row:auto}.employee-heading{align-items:flex-start}.employee-heading>div{grid-gap:7px;display:grid;gap:7px}.employee-tabs{gap:15px;overflow:auto;padding:0 16px}.employee-topbar{padding:0 16px}}@media (max-width:560px){.employee-sidebar{display:none}.employee-metric-grid{grid-template-columns:repeat(2,1fr)}.employee-heading h1{font-size:18px}.live-pill{font-size:8px}.employee-account span,.employee-account svg:last-child{display:none}.employee-alert{align-items:flex-start;font-size:10px;padding:10px}.employee-alert button{white-space:nowrap}.date-filter{font-size:9px}.employee-content{padding:12px}.employee-tabs{gap:20px}.employee-tabs button{white-space:nowrap}}.preview-button{background:#0000;border:0;color:#3978b8;font-size:10px;padding:0;text-align:left}.preview-button:disabled{color:#aab3bc;cursor:not-allowed}.selfie-preview{background:#101a29cc;display:grid;inset:0;padding:30px;place-items:center;position:fixed;z-index:40}.selfie-preview img{border-radius:8px;box-shadow:0 12px 40px #0008;max-height:80vh;max-width:min(640px,90vw)}.selfie-preview button{background:#ffffff18;border:1px solid #ffffff55;border-radius:5px;color:#fff;padding:8px 12px;position:absolute;right:24px;top:20px}.user-shell{background:#f6f7f8;min-height:100vh}.user-header{align-items:center;background:#fff;border-bottom:1px solid #e5e8ed;display:flex;height:64px;justify-content:space-between;padding:0 7%}.user-header-actions{align-items:center;color:#697583;display:flex;font-size:12px;gap:18px}.user-main{margin:auto;max-width:980px;padding:42px 24px}.user-welcome h1{color:#1d2b3b;font-size:29px;margin:0 0 8px}.user-welcome>p:last-child{color:#7a8695;font-size:13px;margin:0}.user-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1.15fr .85fr;margin-top:30px}.user-card{background:#fff;border:1px solid #e0e6ed;border-radius:9px;box-shadow:0 2px 7px #243b5a08;padding:22px}.user-card-title{align-items:flex-start;display:flex;justify-content:space-between}.user-card h2{color:#263547;font-size:17px;margin:0}.user-date{color:#8793a0;font-size:11px}.check-toggle{background:#f1f4f7;border-radius:7px;display:flex;gap:5px;margin:24px 0 20px;padding:4px}.check-toggle button{background:#0000;border:0;border-radius:5px;color:#738091;flex:1 1;font-size:11px;font-weight:600;padding:9px}.check-toggle button.active{background:#fff;box-shadow:0 1px 4px #20344a18;color:#1d5ef0}.check-form{grid-gap:14px;display:grid;gap:14px}.check-form label{grid-gap:7px;color:#5c6978;display:grid;font-size:11px;font-weight:600;gap:7px}.check-form input{border:1px dashed #cbd7e4;border-radius:6px;color:#728092;font-size:11px;padding:10px}.selfie-capture{grid-gap:8px;display:grid;gap:8px}.selfie-label{color:#5c6978;display:block}.camera-trigger,.selfie-label{font-size:11px;font-weight:600}.camera-trigger{background:#edf4ff;border:1px solid #cfe2ff;border-radius:6px;color:#1d5ef0;cursor:pointer;padding:10px 12px}.camera-modal{background:#0f172ab3;padding:20px}.camera-panel{border:1px solid #dfeafc;box-shadow:0 18px 50px #0f172a2e;width:min(520px,100%)}.camera-header strong{color:#263547;font-size:14px}.camera-panel video{background:#0f172a;border-radius:8px;display:block;max-height:60vh;width:100%}.selfie-preview-box{grid-gap:10px;background:#f8fbff;border:1px solid #dfeafc;border-radius:8px;display:grid;gap:10px;padding:10px}.selfie-preview-box img{border:1px solid #dfeafc;border-radius:6px;max-height:230px;object-fit:cover;width:100%}.selfie-preview-actions{display:flex;gap:8px;justify-content:flex-end}.user-status-list{grid-gap:10px;display:grid;gap:10px;margin-top:23px}.user-status{grid-gap:5px 10px;border-bottom:1px solid #edf0f3;color:#6f7c8b;display:grid;font-size:11px;gap:5px 10px;grid-template-columns:auto auto;padding:12px}.user-status small{color:#9aa5b0;font-size:10px;grid-column:1/-1}.status-good,.status-warning{color:#3c9252;font-weight:600}.status-warning{color:#c1842c}.empty-user{color:#9aa5b0;font-size:11px;line-height:1.6;margin:28px 0}.history-card{margin-top:16px}.history-list{margin-top:8px}.history-row{grid-gap:12px;border-top:1px solid #edf0f3;color:#657283;display:grid;font-size:11px;gap:12px;grid-template-columns:1.1fr 1fr 1fr 1.5fr;padding:13px 0}.history-row strong{color:#334357}.history-row small{color:#9aa5b0}.user-shell .form-message{margin:0}.user-shell .primary-action{justify-self:start}.table-subtext{color:#9aa5b0;display:block;font-size:9px;margin-top:3px}.table-action{background:#0000;border:0;color:#3978b8;font-size:10px;margin-right:10px;padding:3px}.table-action.danger{color:#c4515a}.modal-backdrop{background:#17263b66;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:30}.user-modal{background:#fff;border:1px solid #dce3eb;border-radius:10px;box-shadow:0 18px 50px #17263b40;max-height:90vh;overflow:auto;padding:22px;width:min(650px,100%)}.modal-head{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.modal-head h2{color:#263547;font-size:18px;margin:0}.modal-close{background:#0000;border:0;color:#82909e}.form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.form-grid label{grid-gap:6px;color:#5c6978;display:grid;font-size:10px;font-weight:600;gap:6px}.form-grid input,.form-grid select{background:#fff;border:1px solid #dce3eb;border-radius:5px;color:#263547;font-size:11px;outline:0;padding:10px;width:100%}.form-grid input:focus,.form-grid select:focus{border-color:#4c91dd}.form-message{background:#f4f8ff;color:#3978b8;font-size:10px;padding:8px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:22px}.permission-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);padding:20px}.permission-card{align-items:flex-start;background:#f7faff;border:1px solid #dce5ef;border-radius:7px;color:#3978b8;display:flex;gap:11px;padding:15px}.permission-card div{grid-gap:5px;display:grid;gap:5px}.permission-card strong{color:#334357;font-size:12px}.permission-card small{color:#818d9a;font-size:10px;line-height:1.4}.permission-note{color:#8894a0;font-size:10px;margin:0 20px 20px}.login-brand{font-size:15px}.login-submit,.primary-action{background:#1b65f2}.login-submit:hover,.primary-action:hover{background:#124fd1}.login-screen{background:linear-gradient(135deg,#f7fafc,#eef5ff);display:grid;min-height:100vh;padding:24px;place-items:center}.login-card{background:#fff;border:1px solid #e0e6ed;border-radius:12px;box-shadow:0 18px 50px #243b5a18;padding:36px;width:min(410px,100%)}.login-brand{align-items:center;color:#273447;display:flex;font-size:18px;gap:7px;margin-bottom:40px}.login-card h1{color:#1d2b3b;font-size:26px;margin:0 0 9px}.login-copy{color:#7a8695;font-size:12px;line-height:1.6;margin:0 0 26px}.login-card form{grid-gap:16px;display:grid;gap:16px}.login-card label{grid-gap:7px;color:#596879;display:grid;font-size:11px;font-weight:600;gap:7px}.login-card input{border:1px solid #dce3eb;border-radius:6px;color:#273447;font-size:12px;outline:0;padding:11px 12px;width:100%}.login-card input:focus{border-color:#4c91dd;box-shadow:0 0 0 3px #4c91dd18}.login-submit,.primary-action{background:#277bd1;border:0;border-radius:6px;color:#fff;font-size:12px;font-weight:600;padding:11px 15px}.login-submit:hover,.primary-action:hover{background:#1768bb}.login-submit:disabled{opacity:.65}.login-error{background:#fff0f0;border-radius:5px;color:#cb4e54;font-size:11px;margin:0;padding:9px}.login-api{color:#a0aab5;display:block;font-size:9px;margin-top:24px;word-break:break-all}.admin-view{min-height:330px;padding-bottom:16px}.admin-view-head{align-items:flex-start;border-bottom:1px solid #edf0f3;display:flex;justify-content:space-between;min-height:76px;padding:18px 20px 14px}.admin-view-head h2{color:#263547;font-size:16px;margin:0}.row-count{color:#87929f;font-size:10px;margin-top:10px}.outline-action{background:#fff;border:1px solid #d9e0e7;border-radius:5px;color:#3978b8;font-size:10px;font-weight:600;padding:8px 12px}.report-row,.settings-row{align-items:center;background:#f7faff;border:1px solid #e0e7ef;border-radius:7px;color:#4a78a8;display:flex;gap:13px;margin:20px;padding:18px}.report-row>div,.settings-row>div{grid-gap:5px;display:grid;flex:1 1;gap:5px}.report-row strong,.settings-row strong{color:#334357;font-size:12px}.report-row small,.settings-row small{color:#818d9a;font-size:10px;line-height:1.5}.admin-table-wrap{overflow:auto}.admin-table{border-collapse:collapse;white-space:nowrap;width:100%}.admin-table th{color:#8d98a5;font-size:9px;letter-spacing:.7px;padding:13px 20px;text-align:left}.admin-table td{border-top:1px solid #edf0f3;color:#647283;font-size:11px;padding:14px 20px}.table-status{background:#e5f4e6;border-radius:8px;color:#3c9252;display:inline-block;font-size:9px;padding:4px 7px}.empty-table{color:#9ba5af!important;padding:50px!important;text-align:center}:root{-webkit-font-smoothing:antialiased;background:#f6f7f8;color:#263244;font-family:DM Sans,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button{cursor:pointer;font:inherit}.crm-shell{background:#f6f7f8;display:flex;min-height:100vh}.crm-sidebar{background:#fff;border-right:1px solid #e5e8ed;display:flex;flex-direction:column;inset:0 auto 0 0;position:fixed;width:142px;z-index:5}.logo-row{align-items:center;border-bottom:1px solid #f0f1f3;color:#263244;display:flex;gap:6px;height:43px;padding:0 16px}.logo-row strong{font-size:14px;letter-spacing:-.3px}.logo-mark{background:#1d5ef0;border-radius:4px 4px 4px 1px;color:#fff;display:grid;font-size:11px;font-weight:700;height:17px;line-height:1;place-items:center;width:17px}.workspace{align-items:center;background:#0000;border:0;color:#344153;display:flex;font-size:10px;gap:5px;margin:0 8px;overflow:hidden;padding:12px 5px 8px;white-space:nowrap}.workspace span{overflow:hidden;text-overflow:ellipsis}.side-nav{grid-gap:2px;display:grid;gap:2px;padding:7px}.side-item{align-items:center;background:#0000;border:0;border-radius:5px;color:#6d7684;display:flex;font-size:11px;gap:8px;padding:8px;text-align:left;white-space:nowrap;width:100%}.side-item:hover{background:#eafaf0;color:#258f46}.side-item.selected{background:#d9f5e3;color:#16723a;font-weight:600}.more-item{margin-top:2px}.side-bottom{grid-gap:2px;border-top:1px solid #eef0f2;display:grid;gap:2px;margin-top:auto;padding:8px 7px 12px}.dashboard-bottom-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1.15fr .85fr;margin-top:16px}.event-list,.holiday-list{grid-gap:12px;display:grid;gap:12px;padding:16px 18px 6px}.event-item,.holiday-item{align-items:center;background:#f9fbff;border:1px solid #e7edf3;border-radius:8px;display:flex;gap:10px;padding:12px 10px}.event-item.blue{background:#e7f2ff;border-color:#bfd9ff}.event-item.green{background:#eafef2;border-color:#bfead0}.event-item.purple{background:#f1ebff;border-color:#d7c6ff}.holiday-item.red{background:#fff0f0;border-color:#f5c8c8}.holiday-item.orange{background:#fff5e7;border-color:#f8d4a1}.holiday-item.green{background:#eafef2;border-color:#bfead0}.event-dot{background:#1d5ef0;border-radius:50%;box-shadow:0 0 0 3px #1d5ef026;height:8px;width:8px}.event-item.green .event-dot{background:#1fa866;box-shadow:0 0 0 3px #1fa86624}.event-item.purple .event-dot{background:#7a5af8;box-shadow:0 0 0 3px #7a5af824}.event-copy{grid-gap:2px;display:grid;flex:1 1;gap:2px}.event-copy strong,.holiday-copy strong{color:#2d3b4d;font-size:12px}.event-copy small,.holiday-copy small{color:#7a8797;font-size:10px}.event-detail{color:#5f6d7c;font-size:10px;line-height:1.4;max-width:170px;text-align:right}.holiday-date{background:#fff;border-radius:6px;color:#4d5d6d;font-size:10px;font-weight:700;min-width:52px;padding:7px 8px;text-align:center}.holiday-copy{grid-gap:2px;display:grid;gap:2px}.close-mobile,.mobile-menu,.screen-cover{display:none}.crm-main{margin-left:142px;width:calc(100% - 142px)}.crm-header{align-items:center;background:#fff;border-bottom:1px solid #ebedf0;display:flex;height:43px;padding:0 29px}.header-spacer{flex:1 1}.notification{background:#0000;border:0;color:#5d6877;padding:5px;position:relative}.notification span{background:#df3e49;border-radius:50%;color:#fff;display:grid;font-size:8px;height:13px;place-items:center;position:absolute;right:-4px;top:-2px;width:13px}.quota{border:1px solid #e2e6eb;border-radius:50%;color:#a8b0ba;display:grid;font-size:9px;height:25px;margin:0 16px;place-items:center;width:25px}.account{align-items:center;color:#7c8490;display:flex;font-size:11px;gap:10px}.account b{background:#f2f3f5;border-radius:50%;color:#7b818a;display:grid;font-size:8px;height:21px;place-items:center;width:21px}.tabs{background:#fff;border-bottom:1px solid #e5e8ed;display:flex;gap:28px;height:41px;padding-left:29px}.tabs button{background:#0000;border:0;border-bottom:2px solid #0000;color:#747d89;font-size:11px;padding:0}.tabs button:hover{color:#263244}.tabs .tab-active{border-bottom-color:#2878d0;color:#253142;font-weight:600}.page-content{margin:auto;max-width:1400px;padding:9px 12px 48px}.alert{align-items:center;background:#fff1f1;border:1px solid #efcaca;border-radius:4px;color:#4e5360;display:flex;font-size:11px;gap:11px;height:35px;padding:0 19px}.alert-dot{background:#df343d;border-radius:50%;height:7px;width:7px}.alert button:not(.dismiss){background:#fff7f7;border:1px solid #e86b6e;border-radius:5px;color:#dc5358;font-size:10px;font-weight:600;margin-left:auto;padding:5px 17px}.alert .dismiss{background:#0000;border:0;color:#8e959e;padding:3px}.page-heading{align-items:center;display:flex;height:26px}.page-heading h1{color:#638dcc;display:inline;font-size:14px;margin:0 8px 0 0}.updated{background:#d8efd8;border-radius:7px;color:#31803b;font-size:9px;font-weight:600;padding:4px 7px}.quota-block{grid-gap:1px;background:#eaf2ff;border-radius:0 0 7px 7px;display:grid;gap:1px;margin-left:auto;min-width:100px;padding:7px 11px}.quota-block strong{color:#5b91d7;font-size:8px}.quota-block span{color:#4c87da;font-size:10px;font-weight:700}.quota-block small{color:#6e9ade;font-weight:400}.sync{background:#0000;border:0;color:#0000;cursor:pointer;display:inline-block;height:14px;margin-left:9px;padding:0;width:14px}.sync:disabled{opacity:.5}.sync:focus-visible{outline:2px solid #1d5ef0;outline-offset:2px}.panel{background:#fff;border:1px solid #e0e4e9;border-radius:8px;box-shadow:0 1px 2px #202a3a08}.overview{padding:0 14px 13px}.section-title{align-items:center;display:flex;height:43px;justify-content:space-between}.panel-title>span,.section-title>span{align-items:center;color:#68727e;display:flex;font-size:10px;font-weight:700;gap:7px;letter-spacing:1px}.panel-title svg,.section-title>span svg{color:#7b8490}.section-title button{align-items:center;background:#fff;border:1px solid #e4e7eb;border-radius:5px;color:#485464;display:flex;font-size:10px;gap:5px;padding:6px 10px}.metric-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,1fr)}.metric{background:#f1f6ff;border:1px solid #d7e4f6;border-radius:6px;height:88px;padding:13px 12px 9px}.metric.green{background:#f1f8f1;border-color:#dcebdc}.metric.rose{background:#fff3f3;border-color:#f2dada}.metric-top{align-items:center;color:#687586;display:flex;font-size:9px;font-weight:700;justify-content:space-between;letter-spacing:1px}.metric-top i{background:#dbeaff;border-radius:6px;color:#5092e9;display:grid;font-style:normal;height:22px;place-items:center;width:22px}.metric.green .metric-top i{background:#dff1d9;color:#49a85d}.metric.rose .metric-top i{background:#ffe1e2;color:#e46c73}.metric>strong{color:#233244;display:block;font-size:19px;line-height:1;margin-top:4px}.metric-bottom{align-items:center;display:flex;justify-content:space-between;margin-top:9px}.metric-bottom small{color:#84909d;font-size:8px;font-weight:700}.metric-bottom em{background:#f8dddd;border-radius:8px;color:#d85b65;font-size:8px;font-style:normal;font-weight:700;padding:3px 6px}.metric-bottom em.up{background:#dff2dd;color:#469751}.metric-bottom em.flat{background:#edf0f2;color:#9aa1a9}.lower-panels{grid-gap:13px;display:grid;gap:13px;grid-template-columns:1.05fr 1fr;margin-top:16px}.contacts,.segments{min-height:315px}.panel-title{align-items:center;display:flex;height:43px;padding:0 16px}.segment-list{padding:1px 16px}.segment{align-items:center;display:flex;gap:9px;height:37px}.segment-dot{background:#d22f2f;border-radius:50%;flex:none;height:7px;width:7px}.segment-dot.yellow{background:#f0b900}.segment-dot.green{background:#198f2c}.segment-dot.gray{background:#9fa8b2}.segment-copy{grid-gap:1px;display:grid;flex:1 1;gap:1px;min-width:0}.segment-copy strong{color:#2e3947;font-size:10px}.segment-copy small{color:#8b949e;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{border-radius:10px;font-size:8px;font-weight:600;padding:4px 8px}.badge.red{background:#ffe4e4;color:#d45359}.badge.yellow{background:#fff1d9;color:#ba8521}.badge.green{background:#e5f4dc;color:#419349}.badge.gray{background:#eef0f2;color:#66717d}.segment>b{color:#596675;font-size:10px;text-align:right;width:31px}.contact-highlight{align-items:center;background:#f5f1ff;border:1px solid #ddd8f7;border-radius:6px;color:#71658f;display:flex;font-size:10px;gap:4px;height:35px;margin:0 16px 15px;padding:0 12px}.contact-highlight svg{color:#7360ca;margin-right:5px}.contact-highlight strong{color:#59639a}.contact-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);padding:0 16px}.contact-card{background:#f2f6ff;border:1px solid #d9e5f6;border-radius:6px;height:96px;padding:12px;position:relative}.contact-card>div{grid-gap:4px;display:grid;gap:4px;padding-right:17px}.contact-card span{color:#71809a;font-size:8px;font-weight:700;letter-spacing:.8px}.contact-card strong{color:#253447;font-size:18px;line-height:1}.contact-card small{color:#7d8997;font-size:8px;line-height:1.35}.contact-card>i{background:#dbeaff;border-radius:5px;color:#4e8ee8;display:grid;font-style:normal;height:19px;place-items:center;position:absolute;right:10px;top:10px;width:19px}.chat-button{background:#101b32;border:0;border-radius:50%;bottom:14px;box-shadow:0 3px 12px #101b3240;color:#fff;display:grid;height:36px;place-items:center;position:fixed;right:18px;width:36px}.chat-button:hover{background:#245c9c}@media (max-width:900px){.crm-sidebar{width:122px}.crm-main{margin-left:122px;width:calc(100% - 122px)}.metric-grid{grid-template-columns:repeat(3,1fr)}.lower-panels{grid-template-columns:1fr}.page-content{padding-inline:9px}}@media (max-width:650px){.crm-sidebar{left:-142px;transition:left .2s;width:142px}.crm-sidebar.is-open{left:0}.close-mobile{background:#0000;border:0;color:#738090;display:block;margin-left:auto}.screen-cover{background:#19263966;border:0;display:block;inset:0;position:fixed;z-index:4}.crm-main{margin-left:0;width:100%}.crm-header{padding:0 14px}.mobile-menu{background:#0000;border:0;color:#697583;display:grid;place-items:center}.tabs{gap:20px;overflow:auto;padding-left:18px}.tabs button{flex:none}.page-content{padding:8px}.alert{font-size:9px;height:auto;min-height:36px;padding:7px 10px}.alert button:not(.dismiss){padding:4px 8px}.quota-block{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric{height:88px}.metric-top{font-size:8px}.segment{gap:6px}.segment-copy small{max-width:210px}.contact-grid{grid-template-columns:1fr}.account{font-size:0}.account b{font-size:8px}.page-heading h1{font-size:13px}}.crm-sidebar{width:188px}.crm-main{margin-left:188px;width:calc(100% - 188px)}.logo-row{height:55px;padding:0 20px}.logo-row strong{font-size:20px}.logo-mark{background:linear-gradient(145deg,#36c6db 0 45%,#704af2 46% 72%,#ef61bc 73%);border-radius:7px 7px 7px 2px;font-size:14px;height:25px;width:25px}.crm-header{height:55px;padding:0 20px}.search-box{align-items:center;background:#f5f9ff;border:1px solid;border-radius:7px;color:#6b9bd2;display:flex;gap:9px;height:34px;padding:0 12px;width:360px}.search-box input{background:#0000;border:0;color:#273447;font-size:11px;outline:0;width:100%}.search-box input::placeholder{color:#86a3c5}.account{color:#263e63}.account b{background:#e8eef8;color:#53709a;font-size:10px;height:28px;order:-1;width:28px}.account strong{font-size:11px}.home-dashboard{padding:9px 1px 28px}.home-welcome h2{font-size:24px;letter-spacing:-.4px}.home-welcome p{font-size:13px}.home-directory-grid{gap:13px}.home-directory-card{border-color:#cfe2ff;min-height:122px}.home-directory-copy{gap:5px}.home-directory-copy strong{font-size:29px}.home-directory-copy small{font-size:11px}.home-directory-icon{height:47px;width:47px}.home-stat-icon{height:38px;width:38px}.home-stat small{font-size:10px}.home-stat strong{font-size:16px}.home-request-row em,.home-request-tabs button.active{background:#3187f5}.home-page-heading,.home-route-tabs{display:none}@media (max-width:650px){.crm-sidebar{left:-188px;width:188px}.crm-sidebar.is-open{left:0}.crm-main{margin-left:0;width:100%}.search-box{width:min(360px,calc(100vw - 150px))}.crm-header{padding:0 14px}}.crm-header .search-box{position:relative}.global-search-results{background:#fff;border:1px solid #dce9f8;border-radius:7px;box-shadow:0 10px 24px #36557a24;left:0;max-height:310px;overflow:auto;padding:5px;position:absolute;top:calc(100% + 7px);width:360px;z-index:30}.global-search-results button{grid-gap:2px 8px;background:#0000;border:0;border-radius:5px;color:#273447;display:grid;gap:2px 8px;grid-template-columns:60px minmax(0,1fr);padding:9px 10px;text-align:left;width:100%}.global-search-results button:hover{background:#f5f9ff}.global-search-results button span{align-self:center;color:#6b9bd2;font-size:9px;font-weight:700;grid-row:1/span 2}.global-search-results button strong{font-size:11px}.global-search-results button small{color:#7d93ad;font-size:9px}.global-search-results p{color:#7d93ad;font-size:10px;margin:0;padding:11px}@media (max-width:650px){.global-search-results{width:min(360px,calc(100vw - 150px))}}.home-panel-title>span:first-child:before{display:none}.home-panel-title>svg{color:#234771;flex:none}.home-today .home-panel-title:after{color:#6f8cad;content:"12 Sep, 2026 (Sat)";font-size:10px;font-weight:600}.home-yesterday .home-panel-title small{font-size:0}.home-yesterday .home-panel-title small:after{content:"11 Sep, 2026 (Fri)";font-size:10px}.home-today .home-stat:first-child .home-stat-icon svg,.home-today .home-stat:nth-child(2) .home-stat-icon svg,.home-today .home-stat:nth-child(3) .home-stat-icon svg{display:none}.home-today .home-stat:first-child .home-stat-icon:after{content:"✓";font-size:20px;font-weight:700}.home-today .home-stat:nth-child(2) .home-stat-icon:after{content:"☕";font-size:17px}.home-today .home-stat:nth-child(3) .home-stat-icon:after{content:"⊘";font-size:22px;font-weight:700}.home-week-off span:after{color:#94abc0;content:"♙";font-family:Georgia,serif;font-size:46px}.sidebar-section-label{color:#7990a8;display:block;font-size:9px;font-weight:800;letter-spacing:.12em;padding:12px 9px 5px}.page-content:has(.attendance-page)>.page-heading{display:none}.attendance-page{color:#18312a;margin:26px auto 48px;max-width:1440px}.attendance-page-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.attendance-page-head h1{color:#102920;font-size:29px;letter-spacing:-1px;margin:0}.attendance-page-head p{color:#6d7e78;font-size:14px;margin:7px 0 0}.attendance-page-actions{display:flex;gap:10px}.attendance-page-actions button{align-items:center;border-radius:14px;display:inline-flex;font-size:13px;font-weight:700;gap:9px;padding:12px 17px}.attendance-filter{background:#fff;border:1px solid #dce5df;color:#193129}.attendance-add{background:#1ea653;border:1px solid #1ea653;color:#fff}.attendance-departments{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.attendance-departments button{background:#fff;border:1px solid #dce5df;border-radius:22px;color:#61736c;font-size:13px;padding:10px 17px}.attendance-departments button.active{background:#1fa654;border-color:#1fa654;color:#fff;font-weight:700}.attendance-filter-box{background:#fff;border:1.5px solid #d7e4f6;border-radius:12px;display:flex;flex-direction:column;gap:0;margin-bottom:20px;padding:14px 16px}.attendance-filter-box .attendance-filter-groups{margin-bottom:12px}.attendance-filter-box .attendance-search{margin:0;max-width:min(480px,100%);width:100%}.attendance-search{align-items:center;background:#f8faf8;border:1px solid #dce5df;border-radius:13px;color:#718078;display:flex;gap:10px;margin:0 0 20px;padding:0 15px;width:min(480px,100%)}.attendance-search input{background:#0000;border:0;color:#263e35;font:inherit;outline:0;width:100%}.attendance-search input::placeholder{color:#86938d}.attendance-table-wrap{border:1px solid #dce5df;border-radius:18px;box-shadow:0 8px 24px #1a5b3210;overflow:auto}.attendance-table{border-collapse:collapse;min-width:850px;text-align:left;width:100%}.attendance-table th{background:#fbfcfb;border-bottom:1px solid #dce5df;color:#61726b;font-size:11px;padding:16px 24px;text-transform:uppercase}.attendance-table td{border-bottom:1px solid #e1e8e3;color:#64766f;font-size:14px;padding:15px 24px}.attendance-table tbody tr:last-child td{border-bottom:0}.attendance-person{align-items:center;display:flex;gap:12px;min-width:255px}.attendance-person>span{background:#edf4ef;border-radius:14px;color:#183f2d;display:grid;font-size:12px;font-weight:800;height:44px;place-items:center;width:44px}.attendance-person div{grid-gap:3px;display:grid;gap:3px}.attendance-person strong{color:#102920;font-size:14px}.attendance-person small{color:#72827b;font-size:12px}.attendance-status{border-radius:17px;display:inline-block;font-size:12px;font-weight:700;padding:6px 12px}.attendance-status.present{background:#dcfae7;color:#087c3a}.attendance-status.remote{background:#dff3ff;color:#0874ad}.attendance-status.late{background:#fff1ce;color:#a86500}.attendance-status.absent{background:#ffe6e7;color:#d43845}.attendance-status.on-leave{background:#f0e8ff;color:#7953c5}.attendance-score{align-items:center;display:flex;gap:11px;min-width:125px}.attendance-score i{background:#e9efeb;border-radius:10px;display:block;height:8px;overflow:hidden;width:100px}.attendance-score b{background:#1fa654;border-radius:inherit;display:block;height:100%}.attendance-score strong{color:#183127;font-size:13px}.attendance-no-results{color:#718078;padding:38px!important;text-align:center}@media (max-width:760px){.attendance-page{margin-top:14px}.attendance-page-head{align-items:flex-start;flex-direction:column;gap:15px}.attendance-page-actions{width:100%}.attendance-page-actions button{flex:1 1;justify-content:center}.attendance-table td,.attendance-table th{padding:13px 16px}}.attendance-page-head h1,.attendance-person strong,.attendance-score strong{color:#183552}.attendance-page-head p,.attendance-person small,.attendance-table td{color:#6683a2}.attendance-filter{border-color:#d7e4f6;color:#294c76}.attendance-add,.attendance-departments button.active{background:#3187f5;border-color:#3187f5}.attendance-departments button{border-color:#d7e4f6;color:#547799}.attendance-search{background:#f8fbff;color:#5f7c9c}.attendance-table th{border-color:#dfe9f5}.attendance-table td{border-color:#e5edf6}.attendance-person>span{background:#e8f3ff;color:#2c6aa8}.attendance-table th{padding:12px 22px}.attendance-table td{padding:10px 22px}.attendance-person{min-width:230px}.attendance-person>span{border-radius:11px}.attendance-person div{gap:2px}.attendance-person strong{font-size:12px}.attendance-person small{font-size:10px}.attendance-score{gap:9px;min-width:110px}.attendance-score i{width:88px}.attendance-score strong{font-size:11px}.attendance-departments button{font-size:12px;padding:8px 15px}.attendance-search{font-size:12px;height:40px}.attendance-page-head h1{font-size:25px}.attendance-page-head p{font-size:12px}.attendance-page-actions{display:none}.attendance-filter-groups{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.attendance-filter-groups .attendance-departments{display:flex;margin:0}.attendance-filter-groups .attendance-departments+.attendance-departments{border-left:1px solid #d9e8df;margin-left:8px}.employee-directory-filters{align-items:end;display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.employee-directory-filters label{grid-gap:5px;color:#527065;display:grid;font-weight:700;gap:5px}.employee-directory-filters select{border:1px solid #d9e8df;font:600 12px DM Sans,Segoe UI,sans-serif;height:38px;min-width:175px;outline:0;padding:0 30px 0 11px}.employee-directory-filters select:focus{border-color:#8ccda4;box-shadow:0 0 0 3px #d9f5e380}.clear-directory-filters{background:#f4fbf6;border:1px solid #d1efdc;color:#16723a;font-size:11px;font-weight:700;height:38px;padding:0 12px}@media (max-width:560px){.employee-directory-filters{align-items:stretch}.employee-directory-filters label{flex:1 1 100%}.clear-directory-filters,.employee-directory-filters select{width:100%}}.attendance-page{color:#183552;font-family:DM Sans,Segoe UI,sans-serif;margin:0;max-width:none;padding:2px 2px 14px}.attendance-page-head{margin-bottom:8px}.attendance-page-head h1{color:#183552;font-size:26px;font-weight:700;letter-spacing:-.7px}.attendance-page-head p{color:#6683a2}.attendance-filter-groups{gap:10px;margin-bottom:10px}.attendance-filter-groups .attendance-departments{gap:8px}.attendance-filter-groups .attendance-departments+.attendance-departments{border-left-color:#dfe9f5;margin-left:2px;padding-left:14px}.attendance-custom-range,.attendance-departments button{background:#fff!important;border-color:#d7e4f6!important;border-radius:7px!important;color:#547799!important;font:600 11px DM Sans,Segoe UI,sans-serif!important}.attendance-departments button{padding:9px 15px}.attendance-custom-range.active,.attendance-departments button.active{background:#3187f5!important;border-color:#3187f5!important;box-shadow:0 2px 5px #3187f52b;color:#fff!important}.attendance-custom-range:disabled,.attendance-departments button:disabled{background:#f7f9fc!important;border-color:#e4ebf3!important;color:#a7b7c8!important}.attendance-custom-inputs{background:#fff;border-color:#d7e4f6;box-shadow:0 8px 20px #36557a18}.attendance-search{background:#fff;border-color:#d7e4f6;border-radius:7px;color:#5a82ae;font:500 12px DM Sans,Segoe UI,sans-serif;height:42px;margin-bottom:16px;width:min(600px,100%)}.attendance-search:focus-within{border-color:#75acec;box-shadow:0 0 0 3px #e7f1ff}.attendance-search input{color:#183552}.attendance-search input::placeholder{color:#8aa2bd}.employee-directory-filters{gap:12px;margin-bottom:16px}.employee-directory-filters label{color:#547799;font-size:10px;letter-spacing:.02em}.employee-directory-filters select{background:#fff;border-color:#d7e4f6;border-radius:7px;color:#294c76;font:600 11px DM Sans,Segoe UI,sans-serif;height:40px;min-width:180px}.employee-directory-filters select:focus{border-color:#75acec;box-shadow:0 0 0 3px #e7f1ff}.clear-directory-filters{background:#f4f8ff;border-color:#cfe2ff;border-radius:7px;color:#3175e2;font:700 10px DM Sans,Segoe UI,sans-serif;height:40px}.attendance-table-wrap{background:#fff;border-color:#d7e4f6;border-radius:8px;box-shadow:0 2px 10px #d3e0ee35}.attendance-table{font-family:DM Sans,Segoe UI,sans-serif}.attendance-table th{background:#f8fbff;border-bottom-color:#dfe9f5;color:#547799;font-size:10px;font-weight:800;letter-spacing:.07em;padding:13px 22px}.attendance-table td{border-bottom-color:#e5edf6;color:#6683a2;font-size:12px;padding:12px 22px}.attendance-table tbody tr{transition:background .15s ease}.attendance-selectable-row:hover,.attendance-table tbody tr:hover{background:#f7fbff!important}.attendance-person{gap:10px}.attendance-person>span{background:#e1edff;border-radius:50%;color:#216ee7;font-size:10px;height:36px;width:36px}.attendance-person strong,.attendance-score strong{color:#183552;font-size:12px}.attendance-status{border-radius:5px;font-size:10px;padding:5px 10px}.attendance-status.present{background:#ddf5e7;color:#168348}.attendance-status.absent{background:#ffe9ec;color:#d74c61}.attendance-score i{background:#e5edf6;height:7px}.attendance-score b{background:#3187f5}.attendance-back{background:#f4f8ff;border-color:#cfe2ff;color:#3175e2;font:700 10px DM Sans,Segoe UI,sans-serif}.attendance-no-results{color:#7890aa!important}@media (max-width:760px){.attendance-page{padding:18px 0 30px}.attendance-page-head h1{font-size:23px}.attendance-filter-groups .attendance-departments+.attendance-departments{border-left:0;margin-left:0;padding-left:0}.attendance-table td,.attendance-table th{padding:12px 16px}}.attendance-back{background:#fff;border:1px solid #d7e4f6;border-radius:6px;color:#2c6aa8;font-size:10px;font-weight:700;padding:7px 10px}.attendance-selectable-row{cursor:pointer}.attendance-selectable-row:hover{background:#f7fbff}.attendance-departments button{border-color:#d9e8df;color:#527065}.attendance-departments button.active{background:#d9f5e3;border-color:#d1efdc;color:#16723a}.attendance-back{border-color:#d1efdc;color:#16723a}.attendance-selectable-row:hover{background:#f5fbf7}.attendance-departments button:disabled{background:#f4f7f5;color:#8a9992;cursor:not-allowed;opacity:.45}.attendance-filter-groups .attendance-departments:last-child{flex-wrap:nowrap;position:relative}.attendance-filter-groups:has(.attendance-custom-inputs.is-visible){margin-bottom:70px}.attendance-custom-range{background:#fff;border:1px solid #d9e8df;border-radius:18px;color:#527065;font-size:12px;padding:8px 15px}.attendance-custom-range:disabled{background:#f4f7f5;cursor:not-allowed;opacity:.45}.attendance-custom-inputs{align-items:center;background:#f8fbff;border:1px solid #d7e4f6;border-radius:7px;box-shadow:0 4px 12px #d3e0ee45;color:#6683a2;display:none;font-size:10px;gap:8px;margin:0;padding:8px 10px;position:absolute;right:0;top:calc(100% + 10px);white-space:nowrap;z-index:2}.attendance-custom-inputs.is-visible{display:flex}.attendance-custom-inputs label{align-items:center;color:#547799;display:flex;font-size:10px;font-weight:700;gap:6px}.attendance-custom-inputs input{background:#fff!important;border:1px solid #d7e4f6!important;border-radius:5px!important;color:#547799!important;font:10px DM Sans,Segoe UI,sans-serif!important;height:30px!important;outline:0!important;padding:4px 7px!important;width:142px!important}.attendance-custom-inputs input:focus{border-color:#8db9ed!important;box-shadow:0 0 0 2px #e5f0ff!important}.admin-view:has(.admin-table th:nth-child(5)){background:#fff;border-color:#d7e4f6;border-radius:9px;box-shadow:0 2px 10px #d3e0ee35}.admin-view:has(.admin-table th:nth-child(5)) .admin-view-head{background:#f8fbff;border-color:#dfe9f5;min-height:68px;padding:15px 18px 11px}.admin-view:has(.admin-table th:nth-child(5)) .admin-view-head h2{color:#183552;font-size:15px}.admin-view:has(.admin-table th:nth-child(5)) .eyebrow{color:#547799;font-size:9px}.admin-view:has(.admin-table th:nth-child(5)) .primary-action{background:#3187f5;border-radius:6px;font-size:10px;padding:8px 12px}.admin-view:has(.admin-table th:nth-child(5)) .admin-table th{background:#f8fbff;color:#547799;font-size:9px;padding:11px 18px}.admin-view:has(.admin-table th:nth-child(5)) .admin-table td{border-color:#e5edf6;color:#6683a2;font-size:10px;padding:11px 18px}.admin-view:has(.admin-table th:nth-child(5)) .admin-table tr:hover td{background:#f7fbff}.admin-view:has(.admin-table th:nth-child(5)) .table-action{border-color:#d7e4f6;color:#2c6aa8;font-size:10px}.admin-view:has(.admin-table th:nth-child(5)) .table-status{background:#d9f5e3;color:#16723a;font-size:9px}.home-period-grid div:nth-child(4n+1){background:#f4f8ff;border-color:#cfe2ff}.home-period-grid div:nth-child(4n+2){background:#f3fcf7;border-color:#d0efdf}.home-period-grid div:nth-child(4n+3){background:#faf7ff;border-color:#e6d9ff}.home-period-grid div:nth-child(4n){background:#f2ffff;border-color:#c8eeee}.home-leave,.home-requests{margin-bottom:170px;overflow:visible;position:relative}.home-leave:after,.home-requests:after{background:#fff;border:1px solid #e0eaf5;box-shadow:0 2px 10px #d3e0ee35;color:#183552;font-size:11px;font-weight:800;left:0;min-height:132px;padding:15px;position:absolute;right:0;top:calc(100% + 16px);white-space:pre-line}.home-requests:after{content:"EVENTS\A\A 18 SEP   Employee Townhall\A          Operations and attendance review\A\A 22 SEP   Branch Safety Drill\A          Geofence and emergency check"}.home-leave:after{content:"HOLIDAYS\A\A 15 AUG   Independence Day\A          Public Holiday\A\A 01 NOV   Diwali\A          Festival"}.home-requests:after{background:#f4f8ff;border-color:#cfe2ff}.home-leave:after{background:#f3fcf7;border-color:#d0efdf}.home-directory-card.blue{background:#f4f8ff;border-color:#cfe2ff;color:#216ee7}.home-directory-card.blue .home-directory-icon{background:#e1edff;color:#216ee7}.home-directory-card.blue button{background:#dceaff;color:#3175e2}.home-directory-card.green{background:#f3fcf7;border-color:#d0efdf;color:#168348}.home-directory-card.green .home-directory-icon{background:#def6e8;color:#27a263}.home-directory-card.green button{background:#ddf5e7;color:#23a15f}.home-directory-card.purple{background:#faf7ff;border-color:#e6d9ff;color:#7852bb}.home-directory-card.purple .home-directory-icon{background:#eee5ff;color:#825bca}.home-directory-card.purple button{background:#eee6ff;color:#825bca}.home-directory-card.teal{background:#f2ffff;border-color:#c8eeee;color:#12969a}.home-directory-card.teal .home-directory-icon{background:#d9f5f4;color:#15999d}.home-directory-card.teal button{background:#daf4f3;color:#15999d}.account,.side-item,.tabs button,.workspace{font-weight:600}.staff-dashboard .employee-panel-title{align-items:center;display:flex;gap:7px}.staff-dashboard .employee-metric{min-height:104px}.staff-dashboard .employee-metric>svg{color:currentColor;opacity:.85}.staff-dashboard .employee-metric small{display:flex;gap:4px;justify-content:space-between}.staff-dashboard .employee-metric small b{background:#ffffffaa;border-radius:12px;padding:3px 6px}.staff-dashboard .employee-metric.gold{background:#fff0cf;color:#a66c00}.staff-dashboard .employee-metric.lilac{background:#f0eaff;color:#8060b7}.staff-dashboard .employee-metric.rose{background:#ffe5e5;color:#c85656}.staff-dashboard .employee-metric.blue{background:#dff2ff;color:#247bb7}.staff-dashboard .employee-metric.mint{background:#daf5e1;color:#27844c}.staff-dashboard .employee-metric.green{background:#dff4e6;color:#28834a}.staff-dashboard .staff-dashboard-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1.25fr .75fr;margin-top:16px}.staff-dashboard .weekly-panel{min-height:315px}.staff-dashboard .today-panel{grid-row:span 2}.staff-panel-head{align-items:flex-start;display:flex;justify-content:space-between;padding:20px 18px 0}.staff-panel-head>div>span,.staff-panel-head>span{align-items:center;color:#70827c;display:flex;font-size:10px;gap:6px;letter-spacing:.08em}.staff-panel-head h2{color:#1f342e;font-size:16px;margin:8px 0 0}.staff-panel-head>b{background:#dff4e5;border-radius:13px;color:#29804b;font-size:10px;padding:5px 9px}.staff-panel-head>button{background:#0000;border:0;color:#29804b;font-size:10px}.staff-chart{height:220px;padding:18px 26px 12px}.staff-bars,.staff-chart{align-items:flex-end;display:flex}.staff-bars{background:repeating-linear-gradient(0deg,#0000 0,#0000 43px,#edf3ef 44px);border-bottom:1px solid #e4eee7;height:175px;justify-content:space-around;width:100%}.staff-bar-column{align-items:center;color:#72817d;display:flex;flex-direction:column;font-size:10px;gap:7px;height:100%;justify-content:flex-end}.staff-bar-column strong{font-weight:500}.staff-bar-column small{margin-top:2px}.staff-bar{background:#55b77a;border-radius:5px 5px 0 0;max-height:150px;width:25px}.staff-bar-column:nth-child(2n) .staff-bar{background:#82c9e6}.staff-bar-column:nth-child(4n) .staff-bar{background:#b295e0}.staff-check-form{grid-gap:11px;display:grid;gap:11px;padding:14px 18px 18px}.staff-status-box{grid-gap:4px;background:#d9f5e1;border-radius:16px;color:#207346;display:grid;gap:4px;margin:16px 14px 0;padding:16px}.staff-status-box small{font-size:10px}.staff-status-box strong{color:#172f26;font-size:30px}.staff-status-box span{align-items:center;color:#5e8170;display:flex;font-size:10px;gap:4px}.staff-check-actions,.staff-selfie-row{display:flex;gap:8px}.staff-check-actions button,.staff-selfie-row button,.staff-submit{align-items:center;border:1px solid #dce9e0;border-radius:7px;display:flex;font-size:11px;font-weight:600;gap:6px;justify-content:center;padding:10px}.staff-check-actions button{flex:1 1}.staff-primary,.staff-submit{background:#25a75c;border-color:#25a75c!important;color:#fff}.staff-secondary{background:#fff;color:#39745a}.staff-primary:disabled,.staff-secondary:disabled{opacity:.45}.staff-camera{background:#edf8f1;color:#277a4b;flex:1 1}.staff-upload{background:#fff;color:#667972}.staff-submit{margin-top:2px;width:100%}.staff-submit:disabled{opacity:.5}.staff-message{background:#fff6df;border-radius:6px;color:#916a19;font-size:10px;margin:0;padding:8px}.staff-request{align-items:center;border-top:1px solid #edf2ef;display:flex;justify-content:space-between;padding:14px 18px}.staff-request div{grid-gap:3px;display:grid;gap:3px}.staff-request strong{color:#29423a;font-size:12px}.staff-request small{color:#83918d;font-size:10px}.staff-request>span{border-radius:12px;font-size:9px;padding:5px 9px}.staff-request .gold{background:#fff0cf;color:#a66c00}.staff-request .mint{background:#dcf5e4;color:#2b8750}.staff-request .rose{background:#ffe4e4;color:#c34d56}.payroll-total{grid-gap:4px;background:#dff2ff;border-radius:15px;color:#2778aa;display:grid;gap:4px;margin:16px 14px;padding:18px}.payroll-total small,.payroll-total span{font-size:10px}.payroll-total strong{color:#18374a;font-size:29px}.payroll-lines{grid-gap:12px;color:#71817d;display:grid;font-size:11px;gap:12px;padding:0 18px 18px}.payroll-lines span{display:flex;justify-content:space-between}.payroll-lines b{color:#263f37}.staff-close,.staff-cover,.staff-menu{display:none}.staff-dashboard .camera-panel video{background:#15221e;border-radius:8px;max-height:55vh;object-fit:cover;width:100%}.camera-actions{gap:8px;margin-top:12px}.camera-header{color:#263c34;margin-bottom:12px}.camera-header button{background:#0000;border:0;color:#70817a}@media (max-width:850px){.staff-dashboard .staff-dashboard-grid{grid-template-columns:1fr}.staff-dashboard .today-panel{grid-row:auto}.staff-dashboard .employee-content{max-width:none}.staff-dashboard .weekly-panel{min-height:270px}}@media (max-width:560px){.staff-dashboard .employee-sidebar{display:flex;left:-205px;position:fixed;transition:left .2s;z-index:10}.staff-dashboard .employee-sidebar.is-open{left:0}.staff-dashboard .staff-close,.staff-dashboard .staff-menu{background:#0000;border:0;color:#62756c;display:grid;place-items:center}.staff-dashboard .staff-menu{margin-right:8px}.staff-dashboard .staff-close{margin-left:auto}.staff-dashboard .staff-cover{background:#152a2255;border:0;display:block;inset:0;position:fixed;z-index:9}.staff-dashboard .employee-topbar{padding:0 12px}.staff-dashboard .employee-content{padding:12px}.staff-dashboard .employee-metric-grid{grid-template-columns:repeat(2,1fr)}.staff-dashboard .employee-metric{min-height:96px}.staff-dashboard .employee-account span,.staff-dashboard .employee-account svg:last-child{display:none}.staff-dashboard .staff-bar{width:18px}.staff-dashboard .staff-chart{padding-inline:8px}}.home-mock-today{padding:0 14px 14px}.home-mock-title{padding:12px 0 8px}.home-mock-title span{align-items:center;color:#2f3e4c;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.08em;text-transform:uppercase}.home-mock-title span:before{content:"";display:none}.home-mock-title small{color:#6d7d8d;font-size:10px;letter-spacing:0}.home-mock-stat-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:4px}.home-mock-pill{grid-gap:8px;align-items:center;background:#f7f9fb;border:1px solid #dde6ee;border-radius:8px;display:grid;gap:8px;grid-template-columns:auto 1fr auto;min-height:72px;padding:10px 12px}.home-mock-pill strong{color:#22364d;display:block;font-size:12px;font-weight:700;grid-column:2/span 2}.home-mock-pill span:not(.home-mock-icon){color:#52657a;font-size:9px;font-weight:700;letter-spacing:.08em}.home-mock-icon{border-radius:50%;display:grid;font-size:11px;font-weight:700;height:20px;place-items:center;width:20px}.home-mock-pill.green{background:#ebf9ef;border-color:#d5eddd}.home-mock-pill.green .home-mock-icon{background:#d4f1dc;color:#1f9858}.home-mock-pill.red{background:#fff0f0;border-color:#f4d7d8}.home-mock-pill.red .home-mock-icon{background:#ffdada;color:#da4c60}.home-today.home-mock-today{background:#f3f4f4;border:0;border-radius:26px;box-shadow:none;min-height:207px;overflow:visible;padding:26px 28px;position:relative}.home-today.home-mock-today:before{border:1px dashed #1d1d1d;content:"";inset:27px 28px;pointer-events:none;position:absolute}.home-today.home-mock-today .home-mock-stat-row,.home-today.home-mock-today .home-mock-title{position:relative;z-index:1}.home-today.home-mock-today .home-mock-title{padding:15px 0 8px}.home-today.home-mock-today .home-mock-title span{color:#0d1824;font-weight:500}.home-today.home-mock-today .home-mock-title small{color:#0d1824;font-size:12px;font-weight:400}.home-today.home-mock-today .home-mock-title:before{color:#0d1824;font-size:14px}.home-today.home-mock-today .home-mock-title:after{color:#0d1824;content:"[ ◉ CHECK IN ]";font-size:12px;font-weight:500;letter-spacing:.03em;position:absolute;right:0}.home-today.home-mock-today .home-mock-stat-row{margin-top:21px}.home-today.home-mock-today .home-mock-pill{align-items:flex-start;gap:7px;min-height:0}.home-today.home-mock-today .home-mock-pill strong{color:#111;font-size:13px;font-weight:400}.home-today.home-mock-today .home-mock-pill span:not(.home-mock-icon){color:#111;font-size:12px;font-weight:400;letter-spacing:.03em}.home-today.home-mock-today .home-mock-icon{background:#0000;color:#111;font-size:15px;height:auto;width:auto}.home-today.home-mock-today .home-mock-pill.green,.home-today.home-mock-today .home-mock-pill.red{background:#0000;border:0}.home-today.home-mock-today .home-mock-pill.red .home-mock-icon{background:#0000;color:#111}.home-today.home-mock-today .home-mock-pill.red:last-child .home-mock-icon{background:#fa4837;font-size:0;height:17px;width:17px}.home-today.home-mock-today .home-mock-pill strong,.home-today.home-mock-today .home-mock-pill:nth-child(2) strong,.home-today.home-mock-today .home-mock-pill:nth-child(3) strong{margin-top:29px}.staff-dashboard .employee-content{margin:0 auto;max-width:1120px;padding:24px 20px 32px}.page-content .attendance-page-head h1,.page-content .attendance-person strong,.page-content .attendance-score strong{color:#683dcc}.page-content .employee-directory-filters select{color:#6b9bd2}.page-content .admin-view:has(.admin-table th:nth-child(5)){border:1px solid #d7e4f6}.page-content .admin-view:has(.admin-table th:nth-child(5)) .eyebrow{color:#547799;font-size:9px;font-weight:800;letter-spacing:.08em;margin:0 0 4px}.page-content .admin-view:has(.admin-table th:nth-child(5)) .admin-table td{border-top-color:#e5edf6}.page-content .admin-view:has(.admin-table th:nth-child(5)) .table-subtext{color:#8aa2bd}.page-content .attendance-table.self-attendance-table th:first-child{color:#547799}.page-content .attendance-table.self-attendance-table th:nth-child(2){color:#4d91ed}.page-content .attendance-table.self-attendance-table th:nth-child(3){color:#638dcc}.page-content .attendance-table.self-attendance-table th:nth-child(4){color:#3c9b63}.page-content .attendance-table.self-attendance-table th:nth-child(5){color:#7852bb}.page-content .attendance-table:not(.self-attendance-table) th:first-child{color:#547799}.page-content .attendance-table:not(.self-attendance-table) th:nth-child(2){color:#4d91ed}.page-content .attendance-table:not(.self-attendance-table) th:nth-child(3){color:#638dcc}.page-content .attendance-table:not(.self-attendance-table) th:nth-child(4){color:#3c9b63}.page-content .attendance-table:not(.self-attendance-table) th:nth-child(5){color:#4d91ed}.page-content .attendance-table:not(.self-attendance-table) th:nth-child(6){color:#3c9b63}.page-content .attendance-table:not(.self-attendance-table) th:nth-child(7){color:#7852bb}.page-content:has(.admin-view .admin-table th:nth-child(5))>.page-heading{padding:26px 0 24px}.page-content:has(.admin-view .admin-table th:nth-child(5))>.page-heading h1{color:#183552;font-size:26px}.page-content .admin-view:has(.admin-table th:nth-child(5)) .admin-view-head{padding-block:15px}.page-content .attendance-custom-range.active,.page-content .attendance-departments button.active{background:#20a85a!important;border-color:#20a85a!important;box-shadow:0 2px 5px #20a85a2b}.page-content .attendance-back,.page-content .clear-directory-filters{background:#f1fbf5;border-color:#ccebd8;color:#168348}.page-content .attendance-custom-range.active,.page-content .attendance-departments button.active{background:#f5f9ff!important;border-color:#dce9f8!important;box-shadow:none;color:#6b9bd2!important}.page-content .attendance-back,.page-content .clear-directory-filters{background:#f5f9ff;border-color:#dce9f8;color:#6b9bd2}.home-today.home-mock-today{border:1px solid #edf0f5;box-shadow:0 2px 10px #d3e0ee35;overflow:hidden;padding:0 14px 14px;position:static}.home-today.home-mock-today:before{display:none}.home-today.home-mock-today .home-mock-title{padding:14px 0 10px;position:static}.home-today.home-mock-today .home-mock-title:after{content:none}.home-today.home-mock-today .home-mock-title span{color:#38536d;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.home-today.home-mock-today .home-mock-title small{color:#778aa0;font-size:9px}.home-today.home-mock-today .home-mock-title span:after{content:none}.home-today.home-mock-today .home-mock-stat-row{gap:12px;margin-top:0;position:static}.home-today.home-mock-today .home-mock-pill{grid-gap:10px;background:#f9fbff;border:1px solid #e3ebef;border-radius:8px;grid-template-columns:auto 1fr;min-height:60px;padding:12px 10px}.home-today.home-mock-today .home-mock-pill strong{color:#24344a;grid-column:auto;margin:3px 0 0}.home-today.home-mock-today .home-mock-pill span:not(.home-mock-icon){color:#75879a;font-size:9px;font-weight:700;letter-spacing:.08em}.home-today.home-mock-today .home-mock-icon{font-size:17px;height:32px;width:32px}.home-today.home-mock-today .home-mock-pill.green{background:#f3fcf7;border-color:#d0efdf}.home-today.home-mock-today .home-mock-pill.green .home-mock-icon{background:#dff5ea;color:#169b5b}.home-today.home-mock-today .home-mock-pill.red{background:#fff7f7;border-color:#f3dfe2}.home-today.home-mock-today .home-mock-pill.red .home-mock-icon{background:#ffe5e5;color:#dc4d62}.home-today.home-mock-today .home-mock-pill.red:last-child .home-mock-icon{background:#ffe5e5;border-radius:50%;color:#dc4d62;font-size:20px;height:32px;width:32px}.home-today.home-mock-today{background:#fff;border-radius:7px;min-height:239px;padding:0 20px}.home-today.home-mock-today .home-mock-title{align-items:center;color:#183552;display:flex;padding:17px 0 10px}.home-today.home-mock-today .home-mock-title:before{color:#234771;content:"▣";font-size:16px}.home-today.home-mock-today .home-mock-title span{color:#183552;font-size:12px}.home-today.home-mock-today .home-mock-title small{color:#547799;font-size:10px;margin-left:8px}.home-today.home-mock-today .home-mock-stat-row{gap:0;grid-template-columns:repeat(3,1fr);margin-top:27px;padding:0 45px}.home-today.home-mock-today .home-mock-pill{background:#0000;border:0;border-radius:0;display:flex;gap:10px;justify-content:center;min-height:52px;padding:0;position:relative}.home-today.home-mock-today .home-mock-pill:not(:last-child):after{border-right:1px solid #edf0f5;content:"";position:absolute;right:0}.home-today.home-mock-today .home-mock-pill strong{color:#183552;display:block;font-weight:700;left:calc(50% - 13px);margin:0;position:absolute;top:28px}.home-today.home-mock-today .home-mock-pill span:not(.home-mock-icon){color:#547799;font-size:10px;font-weight:500;letter-spacing:0}.home-today.home-mock-today .home-mock-icon{border-radius:50%;font-size:20px;height:34px;width:34px}.home-today.home-mock-today .home-mock-pill.green .home-mock-icon{background:#e4f8ed;color:#159b5b}.home-today.home-mock-today .home-mock-pill.red .home-mock-icon{background:#ffe9eb;color:#f24d61}.home-today.home-mock-today .home-mock-pill.red:last-child .home-mock-icon{background:#ffe9eb;color:#f24d61;font-size:21px;height:34px;width:34px}.home-today.home-mock-today .home-mock-pill{grid-gap:0 10px;align-items:center;background:#0000!important;display:grid;gap:0 10px;grid-template-columns:34px 1fr;grid-template-rows:auto auto;justify-content:normal}.home-today.home-mock-today .home-mock-pill .home-mock-icon{grid-row:1/span 2}.home-today.home-mock-today .home-mock-pill span:not(.home-mock-icon){grid-column:2;text-align:left}.home-today.home-mock-today .home-mock-pill strong{font-size:16px;grid-column:2;grid-row:2;margin-top:5px;position:static;text-align:left}.home-today.home-mock-today .home-mock-pill:not(:last-child):after{height:52px}.admin-attendance-action{background:#edf4ff;border:1px solid #cfe0ff;border-radius:5px;color:#1d65f2;font-size:10px;font-weight:700;letter-spacing:.04em;margin-left:auto;padding:7px 11px}.admin-attendance-action:hover{background:#e2edff;border-color:#1d65f2}.admin-attendance-action:disabled{cursor:wait;opacity:.6}.admin-attendance-action.is-check-in{background:#eafaf0;border-color:#bfead0;color:#159b5b}.admin-attendance-action.is-check-in:hover{background:#dff5e8;border-color:#159b5b}.admin-attendance-action.is-check-out{background:#fff0f2;border-color:#f5c5ca;color:#dc4d62}.admin-attendance-action.is-check-out:hover{background:#ffe5e8;border-color:#dc4d62}.home-today.home-mock-today .checkout-pill .home-mock-icon{background:#ffe9eb;color:#f24d61}.home-today.home-mock-today .home-mock-title:before{content:"▦";font-size:18px;margin-right:11px}.home-today.home-mock-today .home-mock-stat-row{align-items:start;padding:0 42px}.home-today.home-mock-today .home-mock-pill{column-gap:10px;grid-template-columns:42px minmax(0,1fr);min-width:0}.home-today.home-mock-today .home-mock-pill .home-mock-icon{align-self:start;justify-self:center}.home-today.home-mock-today .home-mock-pill span:not(.home-mock-icon),.home-today.home-mock-today .home-mock-pill strong{white-space:nowrap}.home-today.home-mock-today .home-mock-pill:not(:last-child):after{height:58px;top:0}.home-today.home-mock-today .home-mock-stat-row{grid-template-columns:repeat(3,150px);justify-content:space-around}.home-today.home-mock-today .home-mock-pill{grid-template-columns:42px 98px;min-width:150px}.home-today.home-mock-today .home-mock-title:before{background:linear-gradient(#234771 0 0) 0 5px/100% 1.5px no-repeat,linear-gradient(90deg,#234771 0 0) 4px 0/1.5px 5px no-repeat,linear-gradient(90deg,#234771 0 0) 11px 0/1.5px 5px no-repeat;border:1.5px solid #234771;border-radius:2px;content:"";display:inline-block;flex:none;height:17px;margin-right:10px;width:17px}.home-today.home-mock-today .home-mock-pill{justify-self:center;margin-inline:auto;width:150px}.home-today.home-mock-today .home-mock-pill span:not(.home-mock-icon),.home-today.home-mock-today .home-mock-pill strong{text-align:left}.home-today.home-mock-today .home-mock-title:before{display:none}.home-today.home-mock-today .home-mock-title>svg{color:#234771;flex:none;margin-right:1px}.home-today.home-mock-today .home-mock-pill{grid-template-rows:18px 22px;row-gap:0}.home-today.home-mock-today .home-mock-pill strong{line-height:22px;margin-top:0}.home-today.home-mock-today .home-mock-pill span:not(.home-mock-icon){align-self:start;grid-row:1;line-height:18px}.home-today.home-mock-today .home-mock-pill strong{align-self:start!important;display:block!important;grid-row:2!important;height:22px;left:auto!important;line-height:22px!important;margin:0!important;padding:0!important;position:static!important;top:auto!important;transform:none!important}@media (max-width:650px){.home-today.home-mock-today .home-mock-stat-row{gap:4px;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;padding:0 4px}.home-today.home-mock-today .home-mock-pill{column-gap:5px;grid-template-columns:28px minmax(0,1fr);min-width:0;width:auto}.home-today.home-mock-today .home-mock-pill span:not(.home-mock-icon){font-size:8px}.home-today.home-mock-today .home-mock-pill strong{font-size:13px}.home-today.home-mock-today .home-mock-pill:not(:last-child):after{height:52px}}.home-today.home-mock-today{min-height:154px}.home-today.home-mock-today .home-mock-stat-row{margin-top:15px}.account{position:relative}.account-toggle{background:#0000;border:0;color:#53709a;display:grid;padding:3px;place-items:center}.account-toggle:hover{color:#1d65f2}.account-menu{background:#fff;border:1px solid #dce9f8;border-radius:6px;box-shadow:0 8px 18px #243b5a18;min-width:88px;padding:5px;position:absolute;right:0;top:calc(100% + 9px);z-index:20}.header-logout{align-items:center;background:#f5f9ff;border:0;border-radius:4px;color:#6b9bd2;cursor:pointer;display:flex;font-size:10px;font-weight:600;gap:6px;padding:7px 9px;text-align:left;width:100%}.header-logout:hover{background:#edf4ff;color:#1d65f2}.admin-camera-modal{align-items:center;background:#17263b99;display:flex;flex-direction:column;gap:16px;inset:0;justify-content:center;padding:24px;position:fixed;z-index:60}.admin-camera-wrapper{border-radius:14px;box-shadow:0 12px 40px #0006;overflow:hidden;width:min(480px,90vw)}.admin-camera-video{display:block;max-height:55vh;object-fit:cover;transform:scaleX(-1);width:100%}.admin-selfie-preview{display:none;max-height:55vh;object-fit:cover}.admin-camera-modal canvas{display:none}.admin-camera-modal .admin-camera-actions{display:flex;gap:10px;justify-content:center;white-space:nowrap}.admin-camera-modal .outline-action,.admin-camera-modal .primary-action{border-radius:20px;cursor:pointer;font-size:12px;font-weight:600;height:38px;padding:0 20px}.admin-camera-modal .primary-action{background:#3187f5;border:none;color:#fff}.admin-camera-modal .outline-action{background:#ffffff22;border:1px solid #fff6;color:#fff}.attendance-visual-ui{grid-gap:20px;display:grid;gap:20px;margin-top:26px}.mock-attendance-card{background:#f3f4f5;border:1px solid #dfe4ea;border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff4d;padding:14px 18px 18px}.mock-attendance-card.is-checked{background:#f5f5f4}.mock-header-row{align-items:center;color:#3e4b58;display:flex;font-size:12px;font-weight:600;justify-content:space-between;margin-bottom:14px}.inline-action{background:#f9fafb;border:1px solid #d0d8df;border-radius:5px;color:#3d4a58;display:grid;height:26px;place-items:center;width:26px}.mock-timer-badge{background:#eef3f8;border:1px solid #dfe6ee;border-radius:6px;color:#3a4b5a;font-size:11px;font-weight:700;min-width:88px;padding:5px 10px;text-align:center}.mock-status-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.chip{align-items:center;background:#eef1f4;border:1px solid #dfe5ea;border-radius:6px;color:#3c4d5a;display:inline-flex;font-size:10px;font-weight:700;gap:6px;letter-spacing:.04em;padding:7px 12px}.chip.is-primary{background:#e7f0ff;border-color:#cfe0ff;color:#1f5ed4}.chip.is-muted{background:#f8f9fa;color:#586875}.mock-time-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.mock-time-box{grid-gap:5px;background:#f8f9fb;border:1px solid #d9e0e7;border-radius:6px;display:grid;gap:5px;min-height:60px;padding:12px 10px}.mock-time-box span{color:#5f6f7d;font-size:10px;font-weight:700;letter-spacing:.04em}.mock-time-box strong{color:#23384d;font-size:16px;font-weight:700}.mock-time-box.ghost{background:#0000}.mock-time-box.primary{background:#edf4ff;border-color:#dbe8ff}.mock-time-box.primary strong{color:#1a60d2}.mock-section-label{color:#2d3746;font-size:13px;font-weight:700;margin-top:4px}.mock-section-stack{grid-gap:10px;display:grid;gap:10px}.mock-section-stack h3{color:#2d3a46;font-size:15px;margin:0}.mock-preview-shell,.mock-selfie-shell{background:#f5f6f7;border:1px solid #dfe5ea;border-radius:10px;padding:18px 16px}.mock-selfie-panel{grid-gap:10px;background:#ffffff40;border:1px dashed #cfd8df;border-radius:8px;display:grid;gap:10px;min-height:82px;padding:12px 14px}.selfie-inline-label{color:#687785;font-size:11px;font-weight:600}.camera-action,.mini-action,.primary-action,.secondary-action{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;font-size:11px;font-weight:700;gap:6px;justify-content:center}.camera-action{background:#edf5ff;border:1px solid #d8e7ff;color:#1c5ed1;padding:8px 14px;width:max-content}.mock-preview-box{background:#ffffff59;border:1px dashed #cfd8df;border-radius:8px;color:#6b7682;display:grid;font-size:12px;font-weight:600;min-height:90px;place-items:center}.preview-sample{background:linear-gradient(135deg,#dfeafe,#cfd7ff);border-radius:8px;box-shadow:inset 0 0 0 1px #18396814;height:80px;max-width:120px;width:100%}.mock-actions-row{display:flex;gap:10px;justify-content:flex-start;margin-top:12px}.mini-action{background:#fff;border:1px solid #dce3eb;color:#3a4658;padding:8px 12px}.mini-action.primary{background:#1b5fe1;border-color:#cfe0ff;color:#fff}.mini-action:disabled{cursor:wait;opacity:.7}.mock-note{color:#4d5d6f;font-size:12px;font-weight:600;margin-top:6px}.mock-note p{margin:0}.mock-improvement{border-top:1px solid #dfe5ea;color:#303d4c;padding-top:16px}.mock-improvement h4{font-size:16px;margin:0 0 8px}.mock-improvement p{color:#4e5d6c;font-size:12px;line-height:1.6;margin:0 0 12px}.improvement-timer{align-items:center;background:#f3f8ff;border:1px solid #dfe8f9;border-radius:999px;color:#36568a;display:inline-flex;font-size:12px;font-weight:700;gap:8px;padding:6px 10px}.camera-modal{background:#101824b8;display:grid;inset:0;place-items:center;position:fixed;z-index:50}.camera-panel{background:#fff;border:1px solid #dce4ee;border-radius:12px;box-shadow:0 18px 50px #0e182633;padding:16px;width:min(520px,calc(100vw - 30px))}.camera-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.camera-header strong{color:#1f2d3a;font-size:15px}.camera-close{background:#0000;border:0;color:#5d6d7a;display:grid;place-items:center}.camera-box{background:linear-gradient(135deg,#eef3ff,#f7f8fa);border:1px solid #dfe7ef;border-radius:10px;display:grid;min-height:240px;place-items:center}.camera-placeholder{background:#ffffffa6;border-radius:50%;color:#3e5f92;display:grid;height:64px;place-items:center;width:64px}.camera-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.secondary-action{background:#fff;border:1px solid #dfe5eb;color:#415467;padding:9px 14px}.primary-action{background:#1b5fe1;border:0;color:#fff;padding:9px 16px}@media (max-width:768px){.staff-dashboard .employee-content{padding:16px 12px 28px}.mock-status-row{gap:8px}.mock-time-row{grid-template-columns:1fr}}.page-content .attendance-filter-groups .attendance-custom-range,.page-content .attendance-filter-groups .attendance-departments button{background:#fff!important;border-color:#dce9f8!important;box-shadow:none!important;color:#6b9bd2!important}.page-content .attendance-filter-groups .attendance-custom-range.active,.page-content .attendance-filter-groups .attendance-departments button.active{background:#e8f3ff!important;border-color:#cfe2ff!important;color:#3978b8!important;font-weight:700!important}.page-content .attendance-filter-groups .attendance-custom-range:disabled,.page-content .attendance-filter-groups .attendance-departments button:disabled{background:#f7f9fc!important;border-color:#e4ebf3!important;color:#a7b7c8!important}.page-content .attendance-page{color:#183552;font-family:DM Sans,Segoe UI,sans-serif}.page-content .attendance-page-head h1,.page-content .attendance-person strong,.page-content .attendance-score strong{color:#638dcc}.page-content .attendance-page-head p,.page-content .attendance-table td{color:#6683a2}.page-content .attendance-filter-groups .attendance-departments+.attendance-departments{border-left-color:#dfe9f5}.page-content .attendance-custom-range,.page-content .attendance-departments button{background:#fff!important;border-color:#d7e4f6!important;border-radius:7px!important;color:#547799!important;font-family:DM Sans,Segoe UI,sans-serif!important}.page-content .attendance-custom-range.active,.page-content .attendance-departments button.active{background:#3187f5!important;border-color:#3187f5!important;color:#fff!important}.page-content .attendance-search{background:#f5f9ff;border-color:#d7e4f6;color:#5a82ae}.page-content .attendance-search:focus-within{border-color:#75acec;box-shadow:0 0 0 3px #e7f1ff}.page-content .attendance-table-wrap{border-color:#d7e4f6;border-radius:8px;box-shadow:0 2px 10px #d3e0ee35}.page-content .attendance-table th{background:#f8fbff;border-color:#dfe9f5;color:#547799}.page-content .attendance-table td{border-color:#e5edf6}.page-content .attendance-person>span{background:#e1edff;border-radius:50%;color:#216ee7}.page-content .attendance-score i{background:#e5edf6}.page-content .attendance-score b{background:#3187f5}.page-content .attendance-status.present{background:#ddf5e7;color:#168348}.page-content .attendance-status.absent{background:#ffe9ec;color:#d74c61}.page-content .attendance-selectable-row:hover{background:#f7fbff!important}.page-content .employee-directory-filters label{color:#547799}.page-content .employee-directory-filters select{background:#fff;border-color:#d7e4f6;color:#294c76;font-family:DM Sans,Segoe UI,sans-serif}.page-content .clear-directory-filters{background:#f4f8ff;border-color:#cfe2ff;color:#3175e2}.page-content .admin-view:has(.admin-table th:nth-child(5)){background:#fff;border-color:#d7e4f6;border-radius:8px;box-shadow:0 2px 10px #d3e0ee35;font-family:DM Sans,Segoe UI,sans-serif;margin-top:18px;min-height:0}.page-content .admin-view:has(.admin-table th:nth-child(5)) .admin-view-head{align-items:center;background:#f8fbff;border-bottom-color:#dfe9f5;min-height:68px;padding:15px 18px 12px}.page-content .admin-view:has(.admin-table th:nth-child(5)) .eyebrow{display:none}.page-content .admin-view:has(.admin-table th:nth-child(5)) .admin-view-head h2{color:#183552;font-size:16px;letter-spacing:-.2px}.page-content .admin-view:has(.admin-table th:nth-child(5)) .primary-action{align-self:center;background:#e8f3ff;border:1px solid #cfe2ff;border-radius:6px;box-shadow:none;color:#3978b8;font:700 10px DM Sans,Segoe UI,sans-serif;padding:8px 12px}.page-content .admin-view:has(.admin-table th:nth-child(5)) .primary-action:hover{background:#dcecff}.page-content .admin-view:has(.admin-table th:nth-child(5)) .admin-table th{background:#f8fbff;border-bottom:1px solid #dfe9f5;color:#547799;font-size:9px;font-weight:800;letter-spacing:.07em;padding:12px 18px}.page-content .admin-view:has(.admin-table th:nth-child(5)) .admin-table td{border-top:1px solid #e5edf6;color:#6683a2;font-size:11px;padding:12px 18px}.page-content .admin-view:has(.admin-table th:nth-child(5)) .admin-table tbody tr:hover td{background:#f7fbff}.page-content .admin-view:has(.admin-table th:nth-child(5)) .table-status{background:#ddf5e7;border-radius:5px;color:#168348;font-size:9px}.page-content .admin-view:has(.admin-table th:nth-child(5)) .table-action{color:#3978b8;font:700 10px DM Sans,Segoe UI,sans-serif}.page-content .admin-view:has(.admin-table th:nth-child(5)) .table-action.danger{color:#d74c61}.page-content .admin-view:has(.admin-table th:nth-child(5)) .empty-table{color:#7890aa!important}.selfie-cell{align-items:center;display:flex;gap:5px}.selfie-thumb-btn{align-items:center;background:#eafaf0;border:1px solid #bfead0;border-radius:5px;color:#168348;cursor:pointer;display:inline-flex;font-size:10px;font-weight:700;justify-content:center;letter-spacing:.04em;padding:2px 8px}.selfie-thumb-btn.out{background:#f0f6ff;border-color:#cfe2ff;color:#2c6aa8}.selfie-thumb-btn:hover{opacity:.8}.selfie-none{color:#aab8c8;font-size:13px}.selfie-modal-backdrop{align-items:center;background:#00000060;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.selfie-modal{//padding:16px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:360px;position:relative;width:90%}.selfie-modal-close{align-items:center;background:#f0f4f8;border:none;border-radius:50%;color:#547799;cursor:pointer;display:flex;height:26px;justify-content:center;position:absolute;right:10px;top:10px;width:26px}.selfie-modal-img{border-radius:8px;display:block;width:100%}.selfie-modal-msg{color:#6683a2;font-size:13px;padding:24px 0;text-align:center}.selfie-modal-err{color:#c0392b}.page-content .attendance-page{margin:0;padding-top:0}.page-content .admin-view.panel,.page-content .employees-view{margin-top:0}.page-content .page-heading{padding-bottom:14px}.page-content .employees-view{margin-top:-8px;overflow:hidden}.page-content .employees-view .admin-table-wrap{border-radius:0 0 10px 10px;overflow:hidden}.admin-selfie-preview{border-radius:10px;display:block;margin-bottom:12px;width:100%}.admin-camera-actions{display:flex;gap:8px;justify-content:center}.selfie-modal-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:36px 24px}.selfie-modal-loading p{color:#6683a2;font-size:13px;font-weight:500;margin:0}.selfie-spinner{align-items:center;display:flex;gap:8px}.selfie-spinner span{animation:selfie-bounce 1.2s ease-in-out infinite;background:#3187f5;border-radius:50%;height:12px;width:12px}.selfie-spinner span:nth-child(2){animation-delay:.2s;background:#5fa8ff}.selfie-spinner span:nth-child(3){animation-delay:.4s;background:#a0cbff}@keyframes selfie-bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1.2)}}.page-content .attendance-page-head h1,.page-content:has(.admin-view .admin-table th:nth-child(5))>.page-heading h1{font-size:14px;font-weight:700;letter-spacing:-.7px}.page-content:has(.admin-view .admin-table th:nth-child(5)){padding-inline:10px}.page-content:has(.admin-view .admin-table th:nth-child(5))>.page-heading{height:auto;padding:0}.page-content:has(.admin-view .admin-table th:nth-child(5))>.page-heading h1{color:#638dcc;font-size:16px;font-weight:700;letter-spacing:-.7px}.page-content:has(.admin-view .admin-table th:nth-child(5)) .admin-view{background:#fff;border:1px solid #d7e4f6;border-radius:8px;box-shadow:0 2px 10px #d3e0ee35;font-family:DM Sans,Segoe UI,sans-serif}.page-content:has(.admin-view .admin-table th:nth-child(5)) .admin-table th{background:#f8fbff;border-bottom:1px solid #dfe9f5;color:#547799;font-size:11px;font-weight:800;letter-spacing:.07em}.page-content:has(.admin-view .admin-table th:nth-child(5)) .admin-table th:nth-child(2){color:#4d91ed}.page-content:has(.admin-view .admin-table th:nth-child(5)) .admin-table th:nth-child(3){color:#638dcc}.page-content:has(.admin-view .admin-table th:nth-child(5)) .admin-table th:nth-child(4){color:#3c9b63}.page-content:has(.admin-view .admin-table th:nth-child(5)) .admin-table th:nth-child(5){color:#7852bb}.page-content:has(.admin-view .admin-table th:nth-child(5)) .admin-table td{border-top-color:#e5edf6;color:#6683a2}.page-content:has(.admin-view .admin-table th:nth-child(5)) .admin-table tbody tr:hover td{background:#f7fbff}@media (max-width:650px){.page-content:has(.admin-view .admin-table th:nth-child(5)){padding-inline:8px}}.home-requests:after{content:"EVENTS\A\A  Praval­lika Thandr­ingi       Birthday\A  22 Nov, 2026\A\A  Hemanth Kumar Thota       1st Work Anniversary\A  03 Dec, 2025\A\A  Aurojyoti Swain             Birthday\A  05 Dec, 2026"}.home-leave:after{content:"HOLIDAYS\A\A  Vinayaka Chavithi                         Confirm\A  Mon 14 Sep, 2026\A\A  Gandhi Jayanthi                           Confirm\A  Fri 02 Oct, 2026\A\A  Dusshera                                  Confirm\A  Tue 20 Oct, 2026\A\A  Deepavali                                Confirm\A  Mon 09 Nov, 2026"}.home-leave:after,.home-requests:after{border-radius:7px;box-sizing:border-box;height:220px;line-height:1.35;min-height:220px;overflow-y:auto;padding:15px 12px}.home-requests:after{background:repeating-linear-gradient(180deg,#f4f8ff 0,#f4f8ff 58px,#cfe2ff 59px,#f4f8ff 60px)}.home-leave:after{background:repeating-linear-gradient(180deg,#f3fcf7 0,#f3fcf7 58px,#d0efdf 59px,#f3fcf7 60px)}.home-leave:after,.home-requests:after{content:none!important}.home-leave,.home-requests{margin-bottom:0;overflow:hidden}.home-extra-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:16px}.home-extra-panel{border-radius:9px;box-shadow:0 2px 10px #d3e0ee35;display:flex;flex-direction:column;height:282px;min-height:0;overflow:hidden}.home-extra-scroll{flex:1 1}.home-extra-scroll article{grid-gap:3px;border-bottom:1px solid #e2eaf3;display:grid;gap:3px;min-height:54px;padding:9px 95px 8px 0;position:relative}.home-extra-scroll article:last-child{border-bottom:0}.home-extra-scroll strong{color:#294c76;font-size:11px}.home-extra-scroll span{color:#5f7895;font-size:10px}.home-extra-scroll em{color:#2d9a5a;font-size:10px;font-style:normal;font-weight:700;position:absolute;right:0;top:17px}.events-panel{background:#fafdff;border-color:#c9dfff}.holidays-panel{background:#fbfffc;border-color:#c9e8d6}@media (max-width:650px){.home-extra-row{grid-template-columns:1fr}.home-extra-panel{min-height:220px}.home-extra-scroll{height:168px}}.home-requests>small{border:1px solid #e3edf8;border-radius:0 0 6px 6px;border-top:0;color:#6683a2;display:block;font-size:10px;margin:0 14px;padding:7px 13px 9px}.home-requests>small:before{color:#294c76;content:"Reason for leave: ";font-weight:700}.home-requests .home-request-row{border-bottom:0;border-radius:6px 6px 0 0;margin-bottom:0}.home-requests>small{background:#fff;margin-top:0}.home-requests .home-request-row>svg{display:none}.home-requests>small:before{content:none}.home-today .home-stat strong{left:14px;position:relative;transform:none}.home-requests>small{padding-top:2px}.home-requests .home-request-row{padding-bottom:8px;padding-top:8px}.home-requests>small{padding-bottom:5px;padding-top:1px}.home-leave .home-empty{display:block;height:auto;min-height:89px;padding:4px 14px 10px;text-align:left}.home-leave-list{grid-gap:7px;display:grid;gap:7px;text-align:left;width:100%}.home-leave-person{align-items:center;display:flex;gap:9px;justify-content:flex-start;padding:5px 0;text-align:left}.home-leave-avatar{border-radius:50%;color:#fff;display:grid;flex:none;font-size:9px;font-weight:700;height:29px;place-items:center;width:29px}.home-leave-avatar.blue{background:#78a9e3}.home-leave-avatar.green{background:#78c79a}.home-leave-avatar.purple{background:#ae91d0}.home-leave-person div{grid-gap:2px;display:grid;gap:2px;text-align:left}.home-leave-person strong{color:#294c76;font-size:10px}.home-leave-person small{color:#7891ab;font-size:9px}.home-extra-item-icon{font-size:16px;font-style:normal;left:0;position:absolute;top:13px;width:22px}.home-extra-scroll article{padding-left:38px}.home-extra-panel .home-panel-title span{color:#234771;font-weight:800}.home-extra-panel .home-panel-title{border-bottom:1px solid #e2eaf3;min-height:42px;padding:13px 16px 10px;width:100%}.events-panel .home-panel-title{background:#f3f8ff;border-bottom-color:#d7e6fb}.holidays-panel .home-panel-title{background:#f2fbf6;border-bottom-color:#d7ecdf}.events-panel .home-extra-scroll,.holidays-panel .home-extra-scroll{background:#fff}.events-panel .home-scrollbar{background:#e8f0fb}.holidays-panel .home-scrollbar{background:#e5f3ea}.holidays-panel .home-extra-scroll article{padding-left:0}.holidays-panel .home-panel-title>span{align-items:center!important;color:#0000!important;display:inline-flex!important;font-size:0!important}.holidays-panel .home-panel-title>span:before{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#000!important;color:initial!important;content:"\01F381 "!important;display:inline-block!important;font-family:Segoe UI Emoji,Apple Color Emoji,sans-serif!important;font-size:17px!important;height:auto!important;line-height:1!important;margin:0 8px 0 0!important;transform:none!important;width:auto!important}.holidays-panel .home-panel-title>span:after{color:#234771!important;content:"HOLIDAYS"!important;display:inline-block!important;font-size:10px!important;font-weight:800!important;letter-spacing:.08em!important;line-height:1!important}.holidays-panel .holiday-icon{display:none}.events-panel .home-extra-item-icon{background:#7ea9df;border-radius:50%;box-shadow:0 0 0 2px #e5effb;color:#fff;display:grid;font-size:0;height:28px;place-items:center;width:28px}.events-panel .home-extra-item-icon:after{font-size:9px;font-style:normal;font-weight:700}.events-panel article:first-child .home-extra-item-icon:after{content:"PT"}.events-panel article:nth-child(2) .home-extra-item-icon{background:#88c9a0}.events-panel article:nth-child(2) .home-extra-item-icon:after{content:"HT"}.events-panel article:nth-child(3) .home-extra-item-icon{background:#b89bd5}.events-panel article:nth-child(3) .home-extra-item-icon:after{content:"AS"}.events-panel article:nth-child(4) .home-extra-item-icon{background:#e7a66c}.events-panel article:nth-child(4) .home-extra-item-icon:after{content:"SK"}.events-panel article:nth-child(5) .home-extra-item-icon{background:#7eaec4}.events-panel article:nth-child(5) .home-extra-item-icon:after{content:"RV"}.events-panel article:nth-child(6) .home-extra-item-icon{background:#cf91bf}.events-panel article:nth-child(6) .home-extra-item-icon:after{content:"NP"}.events-panel article:nth-child(7) .home-extra-item-icon{background:#71bba5}.events-panel article:nth-child(7) .home-extra-item-icon:after{content:"AK"}.home-extra-panel{position:relative}.home-yesterday{background:#fffdf7}.home-yesterday .home-week-off{color:#7f858e;height:112px;overflow:hidden;position:relative}.home-yesterday .home-week-off span{background:#0000;border:0;border-radius:0;height:82px;position:relative}.home-yesterday .home-week-off span:before{color:#8b8f94;content:"☂";font-size:70px;left:35px;line-height:1;position:absolute;top:2px;transform:rotate(-8deg)}.home-yesterday .home-week-off span:after{color:#edcf91;content:"☀";font-size:43px;line-height:1;position:absolute;right:2px;top:-6px}.home-yesterday .home-week-off strong{color:#858991;font-family:Segoe Print,Bradley Hand,cursive;font-size:38px;font-style:normal;font-weight:400;position:relative;white-space:nowrap;z-index:1}.home-yesterday .home-week-off:after{border-radius:50%;border-top:3px solid #e7c99c;bottom:8px;box-shadow:0 10px 0 -1px #ecd5b1;content:"";height:28px;left:5%;position:absolute;right:5%}.home-week-off{gap:18px}.home-week-off span{background:#f3f8fd;border:2px solid #9eb9d2;border-radius:7px;font-size:0;height:42px;position:relative;width:48px}.home-week-off span:before{border-top:2px solid #9eb9d2;content:"";left:0;position:absolute;right:0;top:9px}.home-week-off span:after{color:#7f9db8;content:"OFF";font-size:9px;font-weight:800;inset:17px 0 0;letter-spacing:.5px;position:absolute;text-align:center}.home-week-off strong{color:#8da6c1;font-size:24px;font-style:italic;font-weight:400}.home-extra-scroll{height:270px;min-height:0;overflow-y:auto;padding:0 16px;scrollbar-width:none}.home-extra-scroll::-webkit-scrollbar{display:none;height:0;width:0}.home-scrollbar{background:#eef1f4;border-radius:4px;height:112px;position:absolute;right:7px;top:50px;width:4px}.home-scrollbar span{background:#b8bec6;border-radius:4px;display:block;height:48px;transform:translateY(0);transition:transform .05s linear;width:4px}.home-yesterday .home-panel-title small{font-size:10px}.home-yesterday .home-panel-title small:after{content:none}.home-yesterday-times{align-items:center;display:flex;gap:34px;height:112px;justify-content:center;padding:0 15px}.home-yesterday-times .home-stat{border-right:1px solid #edf2f8;flex:0 1 135px}.home-yesterday-times .home-stat:last-child{border-right:0}.home-yesterday-times .home-stat strong{font-size:16px;white-space:nowrap}.home-yesterday-times .home-stat-icon{flex:none;height:38px;width:38px}.home-yesterday{background:#faf8f2;min-height:192px}.home-yesterday .home-panel-title{background:#faf8f2;padding:14px 20px 7px}.home-yesterday .home-panel-title>svg{color:#ff384f}.home-yesterday .home-week-off{gap:24px}.home-yesterday .home-week-off span{height:100px;width:150px}.home-yesterday .home-week-off span:before{font-size:76px;top:10px}.home-yesterday .home-week-off span:after{font-size:46px;top:0}.home-yesterday .home-week-off strong{font-size:42px}.home-yesterday .home-week-off:after{bottom:12px}.home-yesterday .home-week-off{display:block;height:140px;padding:0}.home-yesterday .home-week-off:after{display:none}.home-yesterday .home-week-off img{display:block;height:140px;object-fit:cover;object-position:center;width:100%}.home-yesterday .home-week-off img+*{display:none}.home-today .home-stat-row{align-items:center;min-height:112px;padding:0 15px 10px}.home-today.home-mock-today .home-mock-pill:first-child{transform:translateX(-16px)}@media (max-width:650px){.home-yesterday-times{gap:8px;padding-inline:8px}.home-yesterday-times .home-stat{gap:6px}.home-yesterday-times .home-stat strong{font-size:14px}}
/*# sourceMappingURL=main.661564ad.css.map*/