:root{--primary:#b90e48;--primary-hover:#9e0b3c;--primary-soft:#fff0f5;--secondary:#0d9488;--secondary-soft:#e9f8f5;--accent:#7c3aed;--radius-card:20px;--radius-control:11px;--shadow-card:0 5px 24px #18212f08}.hrm{--surface:#fff;--canvas:#f8f7fa;--ink:#18212f;--muted:#747586;--line:#ece8ef;--tint:var(--primary-soft);font-family:var(--font-be-vietnam), "Segoe UI", sans-serif}.hrm.dark{--surface:#20202c;--canvas:#15151e;--ink:#f0edf5;--muted:#b1acbf;--line:#34313f;--primary:#ff80ad;--primary-hover:#ff9bc0;--primary-soft:#3a2130;--secondary:#66d8c6;--secondary-soft:#183e3b;--tint:var(--primary-soft);--shadow-card:none}.hrm .panel,.hrm .stat-card{border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.hrm input,.hrm select,.hrm .button{border-radius:var(--radius-control)}.hrm .button{min-height:39px;font-size:11px;font-weight:500}.hrm .primary-button{background:var(--primary);border-color:var(--primary);color:#fff}.hrm .primary-button:hover{background:var(--primary-hover)}.hrm.dark .primary-button{color:#26121b}.hrm .primary-button:disabled{opacity:.5}.hrm .brand-icon{background:linear-gradient(145deg,#b90e48,#da2c65);border-radius:12px}.hrm .brand{letter-spacing:-.8px;font-size:20px}.hrm .brand b{background:var(--primary-soft);color:var(--primary);font-weight:600}.hrm .sidebar{padding-top:28px}.hrm .sidebar nav{gap:6px}.hrm .sidebar nav button{border-radius:12px;min-height:46px;font-size:12px;position:relative}.hrm .sidebar nav button.active:before{content:"";background:var(--primary);border-radius:3px;width:3px;height:20px;position:absolute;left:0}.hrm .header{border-top:3px solid var(--primary);min-height:76px}.hrm .account-label{font-size:11px}.hrm .page-heading h1{letter-spacing:-1px;font-size:26px;line-height:1.4}.hrm .page-heading p{font-size:11px}.hrm .tabs{gap:25px}.hrm .tabs button{padding-bottom:14px;font-size:11px}.hrm .stat-card>div{font-size:11px}.hrm .stat-card>strong{font-weight:600}.hrm .panel-heading h2{letter-spacing:-.25px;font-size:13px}.hrm .panel-heading p{font-size:10px}.hrm th{letter-spacing:.1px;padding-top:14px;padding-bottom:14px;font-size:10px}.hrm td,.hrm .person strong,.hrm .hr-person strong{font-size:11px}.hrm .badge,.hrm .employee-status{border-radius:7px}.hrm .hr-notice.success{background:var(--secondary-soft);color:var(--secondary);border-color:color-mix(in srgb, var(--secondary) 20%, transparent)}.hrm .teal{color:var(--secondary)}.hrm .legend-present,.hrm .week-bar.series-0{background:var(--secondary)}.hrm .stat-present .stat-icon{background:var(--secondary-soft)}.hrm .stat-present .stat-icon svg{color:var(--secondary)}.hrm .empty-symbol{background:var(--tint);width:54px;height:54px;color:var(--primary);border-radius:18px;place-items:center;display:grid}.hrm .empty-symbol svg{opacity:1}.hrm .hr-drawer{border-radius:24px 0 0 24px}.hrm .hr-drawer>header{padding-top:27px}.hrm .form-grid label{font-size:11px}.hrm .form-grid input,.hrm .form-grid select{min-height:43px}.hrm .drawer-content fieldset{border-radius:15px}.login-layout{grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.login-story{color:#fff;background:radial-gradient(at 100% 10%,#ed668a40,#0000 55%),linear-gradient(145deg,#970c3d,#b90e48 55%,#d52a60);flex-direction:column;justify-content:space-between;padding:42px 9%;display:flex;position:relative;overflow:hidden}.login-story:after{content:"";pointer-events:none;border:1px solid #ffffff16;border-radius:50%;width:460px;height:460px;position:absolute;bottom:-200px;right:-190px;box-shadow:0 0 0 60px #ffffff05,0 0 0 120px #ffffff04}.login-brand{letter-spacing:-.7px;align-items:center;gap:12px;font-size:23px;font-weight:600;display:flex}.login-brand b{opacity:.9;font-weight:400}.login-story .brand-icon{background:#ffffff20;border:1px solid #ffffff35}.login-kicker{letter-spacing:1.7px;color:#ffe3eb;font-size:9px;font-weight:500}.login-story h1{letter-spacing:-1.8px;color:#fff;margin:22px 0 18px;font-size:clamp(30px,3vw,46px);line-height:1.45}.login-story>div>p{color:#ffe7ef;max-width:390px;font-size:13px;line-height:2}.login-benefits{gap:19px;margin-top:35px;display:grid}.login-benefits span{align-items:center;gap:12px;font-size:12px;display:flex}.login-benefits svg{color:#ffd1e0}.login-story>small{color:#ffdae6;font-size:10px}.login-form-side{place-items:center;padding:70px 30px;display:grid;position:relative}.login-theme{position:absolute;top:25px;right:28px}.login-form-side .access-card{background:0 0;border:0;width:min(410px,100%);padding:0}.access-card h2{letter-spacing:-.9px;margin:0 0 12px;font-size:25px;font-weight:600;line-height:1.5}.login-form-side .access-card>p:not(.eyebrow):not(.login-privacy){color:var(--muted);margin-bottom:30px;font-size:12px}.login-form-side .access-card form{gap:21px}.login-form-side .access-card input{min-height:47px;padding:12px 14px;font-size:12px}.password-input{display:block;position:relative}.password-input>.icon-button{position:absolute;bottom:6px;right:6px}.password-input>input{padding-right:45px!important}.login-form-side .access-card .primary-button{height:46px;margin-top:4px;font-size:12px}.login-privacy{color:var(--muted);align-items:flex-start;gap:7px;margin:23px 0;font-size:10px;line-height:1.8;display:flex}.login-privacy svg{flex-shrink:0;margin-top:1px}.install-link{color:var(--primary);align-items:center;gap:7px;font-size:11px;display:inline-flex}.login-mobile-mark{display:none}.access-loading{text-align:center;color:var(--muted);font-size:12px}.access-loading .brand-icon{margin:0 auto 17px}.access-loading strong{color:var(--ink);margin-bottom:12px;font-size:20px;display:block}.employee-app{background:var(--canvas);min-height:100dvh}.employee-frame{background:var(--canvas);max-width:520px;min-height:100dvh;margin:0 auto;position:relative}.employee-hero{color:#fff;padding:calc(21px + env(safe-area-inset-top)) 22px 43px;background:radial-gradient(circle at 95% 8%,#ee7a9c24 0,#0000 50%),linear-gradient(115deg,#a70c42,#b90e48 45%,#d92560);position:relative;overflow:hidden}.employee-hero:after{content:"";pointer-events:none;border:1px solid #ffffff10;border-radius:50%;width:220px;height:220px;position:absolute;top:60px;right:-95px;box-shadow:0 0 0 36px #ffffff04,0 0 0 72px #ffffff03}.employee-topline{z-index:1;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.employee-wordmark{letter-spacing:-.7px;white-space:nowrap;align-items:center;gap:7px;font-size:17px;font-weight:600;display:flex}.employee-wordmark svg{width:23px;height:23px;margin-right:1px}.employee-wordmark b{opacity:.9;font-weight:400}.employee-topline>div{align-items:center;gap:5px;display:flex}.hero-icon{color:#fff;background:#ffffff12;border:1px solid #ffffff20;border-radius:12px;place-items:center;width:36px;height:36px;padding:8px;display:grid;position:relative}.hero-icon i{background:#ffe3a8;border-radius:50%;width:5px;height:5px;position:absolute;top:8px;right:9px;box-shadow:0 0 0 2px #c31950}.employee-greeting{z-index:1;justify-content:space-between;align-items:center;gap:13px;margin:24px 0 21px;display:flex;position:relative}.employee-greeting>div{min-width:0}.employee-greeting p{color:#ffe2ec;margin:0 0 7px;font-size:10px}.employee-greeting h1{letter-spacing:-.7px;overflow-wrap:anywhere;margin:0 0 7px;font-size:21px;font-weight:600;line-height:1.5}.employee-greeting>div>span{color:#ffe2ec;font-size:9px;line-height:1.8;display:block}.employee-avatar{color:#fff;background:#ffffff20;border:2px solid #ffffff65;border-radius:18px;place-items:center;width:54px;min-width:54px;height:54px;font-size:17px;font-weight:600;display:grid}.employee-search{color:#96909b;z-index:1;background:#fff;border-radius:13px;align-items:center;gap:9px;height:43px;padding:0 13px;display:flex;position:relative}.employee-search input{color:#18212f;background:0 0;border:0;border-radius:0;flex:1;width:0;min-width:0;padding:10px 0;font-size:11px}.employee-search input::placeholder{color:#96909b;opacity:1}.employee-search>span{white-space:nowrap;border:1px solid #eee8ef;border-radius:5px;padding:3px 6px;font-size:8px}.employee-content{padding:0 17px calc(102px + env(safe-area-inset-bottom));z-index:2;margin-top:-22px;position:relative}.employee-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:20px;min-width:0;margin-bottom:17px;padding:20px}.employee-section-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px;display:flex}.employee-section-heading h2{letter-spacing:-.3px;margin:0;font-size:13px;font-weight:600;line-height:1.65}.employee-section-heading p{color:var(--muted);margin:5px 0 0;font-size:9px;line-height:1.8}.employee-section-heading>span{color:var(--muted);white-space:nowrap;font-size:9px}.employee-section-heading>button{color:var(--primary);white-space:nowrap;background:0 0;border:0;align-items:center;gap:2px;padding:5px 0;font-size:9px;display:flex}.today-heading{align-items:center;gap:10px;display:flex}.today-icon{background:var(--primary-soft);width:39px;height:42px;color:var(--primary);border-radius:13px;flex-shrink:0;place-items:center;display:grid}.today-heading small{color:var(--muted);margin-top:3px;font-size:9px;display:block}.employee-status{color:var(--secondary);background:var(--secondary-soft);text-align:center;border-radius:6px;max-width:110px;padding:5px 7px;font-size:8px;font-weight:500;line-height:1.6;display:inline-flex}.employee-status.attention{color:#976516;background:#fff4e2}.dark .employee-status.attention{color:#edc47f;background:#3d301f}.today-clock{grid-template-columns:1fr 1fr;margin:19px 0 18px;display:grid}.today-clock>div{text-align:center;padding:0 8px}.today-clock>div+div{border-left:1px solid var(--line)}.today-clock>div>span{color:var(--muted);justify-content:center;align-items:center;gap:4px;font-size:10px;display:flex}.today-clock>div>span>svg{color:var(--secondary)}.today-clock strong{letter-spacing:-1px;font-variant-numeric:tabular-nums;margin:7px 0 4px;font-size:30px;font-weight:600;line-height:1.4;display:block}.today-clock small{color:var(--muted);font-size:8px}.today-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding-top:13px;display:flex}.today-footer>span{color:var(--muted);max-width:160px;font-size:8px;line-height:1.7}.today-footer>button{color:var(--primary);white-space:nowrap;background:0 0;border:0;align-items:center;gap:3px;padding:3px 0;font-size:9px;display:inline-flex}.employee-summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px;display:grid}.employee-summary .employee-card{padding:17px 15px 13px;position:relative}.summary-symbol{border-radius:11px;place-items:center;width:33px;height:33px;display:grid}.summary-symbol.teal,.update-icon.teal{color:var(--secondary);background:var(--secondary-soft)}.summary-symbol.purple,.update-icon.purple{color:#8b5cd6;background:#f2edfc}.dark .summary-symbol.purple,.dark .update-icon.purple{color:#c5a2ff;background:#322540}.employee-summary p{color:var(--muted);margin:10px 0 5px;font-size:10px}.employee-summary strong{letter-spacing:-.7px;font-variant-numeric:tabular-nums;font-size:26px;font-weight:600;line-height:1.5;display:block}.employee-summary strong small{color:var(--muted);letter-spacing:0;font-size:9px;font-weight:400}.employee-summary button{color:var(--muted);background:0 0;border:0;align-items:center;gap:2px;margin-top:10px;padding:0;font-size:8px;display:inline-flex}.utility-panel{padding:20px 17px 16px}.utility-panel .employee-section-heading{margin:0 3px 20px}.utility-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 9px;display:grid}.utility-grid>button{background:0 0;border:0;flex-direction:column;align-items:center;gap:9px;min-width:0;padding:0;display:flex}.utility-grid>button>span:last-child{text-align:center;max-width:70px;min-height:30px;color:var(--ink);font-size:9px;line-height:1.65}.utility-icon{color:#fff;border-radius:16px;place-items:center;width:49px;height:49px;display:grid;box-shadow:0 5px 10px #18212f14}.utility-icon.pink{background:linear-gradient(140deg,#e65c8e,#bd2356)}.utility-icon.blue{background:linear-gradient(140deg,#60b4f2,#3475d6)}.utility-icon.teal{background:linear-gradient(140deg,#39c7ad,#0b9387)}.utility-icon.orange{background:linear-gradient(140deg,#f1b363,#e97f36)}.utility-icon.purple{background:linear-gradient(140deg,#bc8df3,#8650d0)}.utility-icon.indigo{background:linear-gradient(140deg,#8498f4,#5262cb)}.utility-icon.rose{background:linear-gradient(140deg,#ef8a9e,#dd5277)}.utility-icon.cyan{background:linear-gradient(140deg,#67c6da,#219eb7)}.employee-updates>button{text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;align-items:center;gap:11px;width:100%;padding:14px 0;display:flex}.employee-updates>button:last-child{border-bottom:0;padding-bottom:0}.employee-updates>button:first-child{padding-top:0}.update-icon{border-radius:12px;flex-shrink:0;place-items:center;width:35px;height:37px;display:grid}.employee-updates>button>span:nth-child(2){flex:1;min-width:0}.employee-updates strong{font-size:10px;font-weight:500;line-height:1.8;display:block}.employee-updates small{color:var(--muted);margin-top:3px;font-size:8px;line-height:1.9;display:block}.employee-updates>button>svg{color:var(--muted);flex-shrink:0}.employee-install-callout{background:var(--primary-soft);border:1px solid color-mix(in srgb, var(--primary) 10%, transparent);border-radius:18px;align-items:center;gap:12px;padding:17px 15px;display:flex}.employee-install-callout>span{color:var(--primary)}.employee-install-callout>div{flex:1}.employee-install-callout strong{font-size:10px;font-weight:600;display:block}.employee-install-callout small{color:var(--muted);margin-top:5px;font-size:8px;display:block}.employee-install-callout>svg{color:var(--primary)}.employee-footer{color:var(--muted);justify-content:center;align-items:center;gap:6px;padding:25px 0 0;font-size:8px;display:flex}.employee-footer svg{width:16px;height:16px;color:var(--primary)}.employee-bottom-nav{z-index:30;width:min(100%,520px);padding:11px 9px calc(10px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 25px #18212f08}.employee-bottom-nav button{color:var(--muted);background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:4px;min-height:45px;padding:0;display:flex}.employee-bottom-nav button>span{border-radius:11px;place-items:center;width:46px;height:28px;display:grid}.employee-bottom-nav button small{font-size:8px}.employee-bottom-nav button[aria-current=page]{color:var(--primary)}.employee-bottom-nav button[aria-current=page]>span{background:var(--primary-soft)}.employee-hero.compact{padding-bottom:48px}.employee-page-title{z-index:1;align-items:center;gap:12px;margin-top:23px;display:flex;position:relative}.employee-page-title h1{letter-spacing:-.6px;margin:0;font-size:20px;font-weight:600}.employee-demo{color:#916917;background:#fff3df;border-radius:10px;align-items:center;gap:6px;margin:0 0 13px;padding:10px 12px;font-size:9px;display:flex}.dark .employee-demo{color:#edc47f;background:#362b1d}.employee-month{color:var(--muted);font-size:8px}.employee-month input{width:126px;margin-top:5px;padding:6px;font-size:10px;display:block}.personal-timesheets article{border-bottom:1px solid var(--line);padding:16px 0}.personal-timesheets article:last-child{border:0;padding-bottom:0}.personal-timesheets article>div,.employee-request-list article>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.personal-timesheets article>div>strong{font-size:12px;font-weight:600}.personal-timesheets dl,.employee-profile-block dl{margin:12px 0 0;font-size:10px}.personal-timesheets dl>div{justify-content:space-between;gap:12px;padding:6px 0;display:flex}.personal-timesheets dt,.employee-profile-block dt{color:var(--muted)}.personal-timesheets dd,.employee-profile-block dd{text-align:right;margin:0}.employee-text-action{color:var(--primary);background:0 0;border:0;align-items:center;gap:3px;margin-top:10px;padding:0;font-size:9px;display:flex}.employee-privacy{color:var(--muted);align-items:flex-start;gap:7px;padding:0 10px;font-size:9px;line-height:1.9;display:flex}.employee-privacy svg{flex-shrink:0;margin-top:2px}.employee-request-tabs{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.employee-request-tabs button{border:1px solid var(--line);background:var(--surface);color:var(--muted);white-space:nowrap;border-radius:9px;flex:1;padding:8px 9px;font-size:9px}.employee-request-tabs button[aria-pressed=true]{background:var(--primary-soft);color:var(--primary);border-color:color-mix(in srgb, var(--primary) 20%, transparent)}.employee-capability{color:var(--muted);border:1px dashed var(--line);border-radius:10px;margin:15px 0;padding:13px;font-size:9px;line-height:1.9}.employee-capability svg{float:left;color:var(--primary);margin:2px 7px 0 0}.employee-request-list article{border-bottom:1px solid var(--line);padding:17px 0}.employee-request-list article:last-child{border:0}.employee-request-list strong{font-size:12px;font-weight:600}.employee-request-list p{overflow-wrap:anywhere;margin:12px 0 8px;font-size:11px;line-height:1.9}.employee-request-list small{color:var(--muted);font-size:9px}.employee-profile-heading{text-align:center;border-bottom:1px solid var(--line);padding:3px 0 19px}.profile-avatar{background:var(--primary-soft);width:64px;height:64px;color:var(--primary);border-radius:23px;place-items:center;margin:0 auto 13px;font-size:21px;font-weight:600;display:grid}.employee-profile-heading h2{letter-spacing:-.5px;margin:0 0 9px;font-size:18px;font-weight:600}.employee-profile-heading p{color:var(--muted);margin:0;font-size:10px;line-height:1.8}.employee-profile-block h3{margin:21px 0 10px;font-size:13px;font-weight:600}.employee-profile-block dl>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:15px;padding:13px 0;display:flex}.employee-profile-block dd{overflow-wrap:anywhere;max-width:65%}.employee-profile-block>p{color:var(--muted);margin:16px 0 0;font-size:10px;line-height:1.9}.personal-contract{background:var(--canvas);border-radius:12px;margin-top:10px;padding:14px}.personal-contract strong{font-size:11px;font-weight:600}.personal-contract p,.personal-contract small{color:var(--muted);margin:6px 0;font-size:9px}.employee-preferences>button,.employee-preferences>a{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;align-items:center;gap:11px;width:100%;padding:15px 0;font-size:11px;display:flex}.employee-preferences>:first-child{padding-top:0}.employee-preferences>:last-child{color:var(--primary);border:0;padding-bottom:0}.employee-preferences>*>svg:first-child{color:var(--primary)}.employee-preferences>*>svg:last-child{color:var(--muted);margin-left:auto}.unlinked-profile>svg{color:var(--primary)}.unlinked-profile h2{margin:10px 0;font-size:15px;font-weight:600;line-height:1.8}.unlinked-profile p{color:var(--muted);font-size:11px;line-height:1.9}.employee-content .empty{min-height:185px;padding:24px 0}.employee-content .empty strong{font-size:12px}.employee-content .empty p{max-width:300px;font-size:10px;line-height:1.9}.employee-loading{text-align:center;color:var(--muted);font-size:11px}.skeleton-wide{background:var(--surface);border:1px solid var(--line);border-radius:20px;height:185px;margin-bottom:17px;display:block}.employee-loading p{padding:15px 0}@media (min-width:900px){.employee-frame{border:1px solid var(--line);border-radius:28px;min-height:calc(100dvh - 48px);margin:24px auto;overflow:hidden;box-shadow:0 20px 70px #18212f09}.employee-bottom-nav{border:1px solid var(--line);border-bottom:0;border-radius:20px 20px 0 0;bottom:0}}@media (max-width:760px){.hrm .hr-drawer{border-radius:0}.hrm .brand{font-size:19px}.hrm .page-heading h1{font-size:23px}.login-layout{background:var(--canvas);display:block}.login-story{padding:calc(25px + env(safe-area-inset-top)) 25px 42px;border-radius:0 0 28px 28px;min-height:240px}.login-story .login-brand{font-size:20px}.login-story>div{margin-top:25px}.login-story h1{letter-spacing:-.7px;margin:11px 0;font-size:25px;line-height:1.45}.login-story>div>p,.login-benefits,.login-story>small,.login-kicker{display:none}.login-form-side{min-height:auto;margin-top:-21px;padding:0 20px 35px}.login-theme{color:#fff;top:-207px;right:25px}.login-form-side .access-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:22px;padding:25px 23px}.access-card h2{font-size:21px}.login-form-side .access-card>p:not(.eyebrow):not(.login-privacy){margin-bottom:24px;font-size:11px}.login-form-side .access-card form{gap:19px}}@media (max-width:374px){.employee-hero{padding-left:17px;padding-right:17px}.employee-content{padding-left:12px;padding-right:12px}.employee-card{padding:16px}.utility-grid{gap:17px 6px}.utility-icon{border-radius:14px;width:44px;height:44px}.utility-grid>button>span:last-child{font-size:8px}.employee-greeting h1{font-size:19px}.employee-section-heading h2{font-size:12px}.employee-status{font-size:7px}.today-footer>span{max-width:130px}.employee-topline{gap:10px}.employee-wordmark{font-size:16px}}.install-content{max-width:920px;margin:0 auto;padding:35px 24px 60px}.install-back{color:var(--muted);align-items:center;gap:8px;margin-bottom:40px;font-size:12px;display:inline-flex}.install-content>header{max-width:550px;margin-bottom:27px}.install-content>header .brand-icon{border-radius:16px;width:52px;height:55px;margin-bottom:25px}.install-content h1{letter-spacing:-1px;font-size:32px;line-height:1.5}.install-content>header>p:last-child{color:var(--muted);margin-top:17px;font-size:13px;line-height:1.9}.install-primary{margin-bottom:25px;padding:13px 20px!important}.install-browser-note{color:var(--muted);max-width:550px;margin-bottom:25px;font-size:11px;line-height:1.9}.install-steps{grid-template-columns:1fr 1fr;gap:20px;margin:25px 0;display:grid}.install-steps>section{padding:25px}.install-platform{background:var(--primary-soft);width:45px;height:48px;color:var(--primary);border-radius:14px;place-items:center;margin-bottom:20px;display:grid}.install-steps h2{margin:0 0 16px;font-size:17px;font-weight:600}.install-steps ol{color:var(--muted);margin:0;padding-left:18px;font-size:12px;line-height:2}.install-steps li{margin-bottom:12px;padding-left:4px}.install-steps li>svg{vertical-align:middle;color:var(--primary);display:inline-block}.install-safety{background:var(--secondary-soft);border-radius:18px;align-items:flex-start;gap:15px;padding:24px;display:flex}.install-safety>svg{color:var(--secondary);flex-shrink:0}.install-safety h2{margin:0 0 10px;font-size:13px;font-weight:600}.install-safety p{color:var(--muted);margin:0 0 10px;font-size:11px;line-height:1.9}.pwa-update{bottom:calc(90px + env(safe-area-inset-bottom));z-index:90;color:#fff;width:min(90%,420px);font-size:11px;font-family:var(--font-be-vietnam), sans-serif;background:#262432;border:1px solid #ffffff20;border-radius:15px;align-items:center;gap:15px;padding:15px 18px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #0003}.pwa-update button{color:#4a1027;white-space:nowrap;background:#ffb8d1;border:0;border-radius:8px;padding:8px 11px;font-weight:600}@media (max-width:760px){.install-content{padding-top:calc(23px + env(safe-area-inset-top))}.install-content h1{font-size:27px}.install-steps{grid-template-columns:1fr}.install-back{margin-bottom:30px;font-size:11px}.install-content>header>p:last-child{font-size:12px}}.hrm .utility-icon{color:#fff}.employee-app{display:flow-root}.employee-app .employee-card{margin-bottom:13px}.employee-app .today-clock{margin:13px 0 12px}.employee-app .today-explanation{text-align:center;color:var(--muted);margin:4px 0 12px;font-size:11px;line-height:1.5}.employee-app .today-explanation.warning{color:#a96512;font-weight:600}.employee-app .today-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.employee-app .today-actions button{color:var(--primary);background:0 0;border:0;align-items:center;gap:4px;padding:5px 0;font-size:11px;display:inline-flex}.employee-app .today-actions .explain-action{color:#a96512;font-weight:600}.employee-app .today-footer{flex-wrap:wrap}.employee-app .utility-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 4px}.employee-app .utility-grid>button{min-width:0}.employee-app .utility-icon{border-radius:19px;width:min(60px,15vw);height:min(60px,15vw)}.employee-app .utility-grid>button>span:last-child{overflow-wrap:anywhere;font-size:11px;line-height:1.35}.employee-app .employee-bottom-nav button small{font-size:10px}@media (max-width:374px){.employee-app .utility-icon{border-radius:15px;width:48px;height:48px}.employee-app .utility-grid>button>span:last-child{font-size:10px}}.hrm.employee-app{--canvas:#f4f6f9;--surface:#fff;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--shadow-card:0 4px 20px -2px #0f172a0d, 0 2px 6px -1px #0f172a08}.hrm.employee-app.dark{--canvas:#0f1117;--surface:#1a1d27;--ink:#f1f5f9;--muted:#94a3b8;--line:#2e3346;--shadow-card:0 4px 20px #00000040}.employee-app .employee-wordmark{letter-spacing:-.5px;font-size:18px}.employee-app .hero-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#ffffff24;border:1px solid #ffffff38;border-radius:12px;width:38px;height:38px;transition:transform .15s,background .15s}.employee-app .hero-icon:active{background:#ffffff3d;transform:scale(.94)}.employee-app .employee-greeting{margin:22px 0 18px}.employee-app .employee-greeting p{color:#ffffffd9;margin-bottom:4px;font-size:12px}.employee-app .employee-greeting h1{letter-spacing:-.5px;margin-bottom:6px;font-size:22px;font-weight:700}.employee-app .employee-greeting>div>span{color:#ffffffe6;background:#0000001f;border-radius:99px;padding:3px 10px;font-size:12px;display:inline-block}.employee-app .employee-avatar{cursor:pointer;background:#fff3;border:2px solid #ffffffbf;border-radius:18px;width:52px;min-width:52px;height:52px;font-size:17px;font-weight:700;box-shadow:0 4px 12px #0000001f}.employee-app .employee-search{background:#fff;border-radius:14px;height:46px;padding:0 14px;box-shadow:0 8px 20px #00000014}.employee-app .employee-search input{font-size:13px}.employee-app .employee-search>span{color:var(--primary);background:var(--primary-soft);border:none;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:500}.employee-app .employee-demo{color:#b45309;background:#fff8eb;border:1px solid #fde6b8;border-radius:14px;margin-bottom:14px;padding:11px 14px;font-size:12px;font-weight:500;box-shadow:0 2px 8px #b453090d}.employee-app .employee-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:22px;margin-bottom:14px;padding:18px}.employee-app .employee-section-heading{margin-bottom:16px}.employee-app .employee-section-heading h2{color:var(--ink);font-size:15px;font-weight:700}.employee-app .employee-section-heading p,.employee-app .employee-section-heading>span{color:var(--muted);font-size:12px}.employee-app .employee-section-heading>button{font-size:12px;font-weight:600}.employee-app .today-icon{border-radius:14px;width:42px;height:42px}.employee-app .today-heading small{margin-top:2px;font-size:12px}.employee-app .employee-status{border-radius:99px;max-width:none;padding:5px 10px;font-size:11px;font-weight:600}.employee-app .today-clock{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 14px;display:grid}.employee-app .today-clock>div{background:var(--canvas);border:1px solid var(--line);text-align:center;border-radius:16px;padding:14px 10px}.employee-app .today-clock>div+div{border-left:1px solid var(--line)}.employee-app .today-clock>div>span{font-size:12px;font-weight:500}.employee-app .today-clock strong{color:var(--ink);margin:6px 0 4px;font-size:28px;font-weight:700}.employee-app .today-clock small{color:var(--muted);font-size:11px}.employee-app .today-explanation{background:var(--canvas);border-radius:10px;margin:0 0 14px;padding:8px 12px;font-size:12px}.employee-app .today-footer{padding-top:12px}.employee-app .today-footer>span{max-width:none;font-size:11px}.employee-app .today-actions button{cursor:pointer;font-size:12px;font-weight:600}.employee-app .employee-summary{gap:14px;margin-bottom:14px}.employee-app .employee-summary .employee-card{flex-direction:column;justify-content:space-between;margin-bottom:0;padding:16px;display:flex}.employee-app .summary-symbol{border-radius:12px;width:38px;height:38px}.employee-app .employee-summary p{margin:12px 0 4px;font-size:12px;font-weight:500}.employee-app .employee-summary strong{font-size:26px;font-weight:700}.employee-app .employee-summary strong small{font-size:12px;font-weight:500}.employee-app .employee-summary button{color:var(--primary);cursor:pointer;margin-top:12px;font-size:11px;font-weight:500}.employee-app .utility-panel{padding:18px 16px}.employee-app .utility-grid{gap:18px 8px}.employee-app .utility-grid>button{cursor:pointer;transition:transform .15s}.employee-app .utility-grid>button:active{transform:scale(.93)}.employee-app .utility-icon{border-radius:18px;width:54px;height:54px;box-shadow:0 6px 14px #18212f1a}.employee-app .utility-grid>button>span:last-child{max-width:85px;color:var(--ink);font-size:12px;font-weight:500;line-height:1.35}.employee-app .employee-updates strong{font-size:13px;font-weight:600}.employee-app .employee-updates small{font-size:11px}.employee-app .employee-install-callout{border-radius:20px;padding:16px}.employee-app .employee-install-callout strong{font-size:13px}.employee-app .employee-install-callout small{font-size:11px}.employee-app .employee-footer{padding:20px 0 8px;font-size:11px}.employee-app .employee-bottom-nav{background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(16px);padding:8px 10px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #0f172a0d}.employee-app .employee-bottom-nav button{cursor:pointer;gap:3px}.employee-app .employee-bottom-nav button>span{border-radius:12px;width:48px;height:30px;transition:background .2s,transform .15s}.employee-app .employee-bottom-nav button[aria-current=page]>span{transform:translateY(-1px)}.employee-app .employee-bottom-nav button small{font-size:11px;font-weight:500}.employee-app .employee-bottom-nav button[aria-current=page] small{font-weight:700}.ess-toast{top:calc(16px + env(safe-area-inset-top));z-index:120;color:#fff;background:#0f172a;border-radius:99px;align-items:center;gap:8px;padding:10px 16px;font-size:12px;font-weight:600;display:inline-flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0003}.ess-toast svg{color:#2dd4bf}.ess-create-btn{cursor:pointer;border-radius:10px;align-items:center;gap:4px;font-weight:600;display:inline-flex;background:var(--primary)!important;color:#fff!important;padding:7px 12px!important;font-size:12px!important}.request-item-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.cancel-req-btn{color:#b91c1c;cursor:pointer;background:#fee2e2;border:0;border-radius:8px;align-items:center;gap:4px;padding:4px 9px;font-size:11px;font-weight:600;display:inline-flex}.ess-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.ess-modal-sheet{background:var(--surface);width:min(100%,520px);padding:20px 18px calc(22px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;animation:.2s ease-out essSlideUp;box-shadow:0 -10px 40px #0000002e}@keyframes essSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ess-modal-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.ess-modal-header h3{margin:0;font-size:16px;font-weight:700}.ess-modal-header button{background:var(--canvas);width:32px;height:32px;color:var(--muted);cursor:pointer;border:0;border-radius:10px;place-items:center;display:grid}.ess-form{gap:12px;display:grid}.ess-form label{color:var(--ink);gap:6px;font-size:12px;font-weight:600;display:grid}.ess-form input,.ess-form select,.ess-form textarea{box-sizing:border-box;border:1px solid var(--line);background:var(--canvas);width:100%;color:var(--ink);border-radius:12px;padding:10px 12px;font-family:inherit;font-size:13px}.ess-time-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ess-modal-actions{grid-template-columns:1fr 2fr;gap:10px;margin-top:6px;display:grid}.payslip-eye{background:var(--canvas)!important;color:var(--ink)!important;border:1px solid var(--line)!important}.payslip-net{color:#fff;text-align:center;background:linear-gradient(135deg,#9e0b3c,#d92560);border-radius:16px;margin-bottom:14px;padding:16px}.payslip-net span{opacity:.9;margin-bottom:4px;font-size:11px;display:block}.payslip-net strong{letter-spacing:-.5px;font-size:24px;font-weight:700}.payslip-details{margin:0;font-size:12px}.payslip-details>div{border-bottom:1px solid var(--line);justify-content:space-between;padding:10px 0;display:flex}.payslip-details dt{color:var(--muted)}.payslip-details dd{margin:0;font-weight:600}.payslip-details dd.deduct{color:#dc2626}.payslip-note{color:var(--muted);align-items:flex-start;gap:6px;margin:12px 0 0;font-size:11px;line-height:1.5;display:flex}.profile-edit-bar{justify-content:space-between;align-items:center;margin:14px 0 8px;display:flex}.profile-edit-bar h3{margin:0!important}.profile-edit-bar button{background:var(--primary-soft);color:var(--primary);cursor:pointer;border:0;border-radius:8px;align-items:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.employee-app button,.employee-app input,.employee-app select,.employee-app textarea,.employee-app a{-webkit-tap-highlight-color:transparent;outline:none!important}.hik-scan-strip{background:var(--secondary-soft);color:var(--secondary);border-radius:12px;align-items:center;gap:8px;margin-bottom:12px;padding:9px 12px;font-size:11px;font-weight:600;display:flex}.hik-log-list{gap:10px;display:grid}.hik-log-item{background:var(--canvas);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.hik-log-item strong{font-size:12px;font-weight:600;display:block}.hik-log-item small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.contract-list{gap:10px;display:grid}.contract-row-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.summary-top{justify-content:space-between;align-items:center;width:100%;display:flex}.pending-pill{border-radius:99px;font-weight:600;color:#b45309!important;background:#fff4e2!important;padding:4px 10px!important;font-size:11px!important}.spin{animation:.8s linear infinite essSpin}@keyframes essSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}nextjs-portal,[data-nextjs-toast],[data-nextjs-dialog-overlay]{display:none!important}.ess-cancel-btn{cursor:pointer;border-radius:12px;min-height:42px;transition:background .15s,transform .1s;border:1px solid var(--line)!important;background:var(--canvas)!important;color:var(--ink)!important;font-size:13px!important;font-weight:600!important}.ess-cancel-btn:active{transform:scale(.97)}.ess-modal-actions .primary-button{cursor:pointer;border-radius:12px;min-height:42px;font-size:13px!important;font-weight:600!important}.employee-app .employee-hero{padding:calc(16px + env(safe-area-inset-top)) 18px 22px!important;background:radial-gradient(circle at 100% 0,#ffffff29 0%,#0000 45%),linear-gradient(135deg,#7a092e 0%,#a50e3f 52%,#c81d57 100%)!important;border-radius:0 0 26px 26px!important;box-shadow:0 12px 28px -8px #7a092e59!important}.employee-app .employee-hero:after{display:none!important}.employee-app .hero-toolbar{align-items:center;gap:6px;display:flex}.ess-hero-profile-card{-webkit-backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff38;border-radius:18px;margin-top:16px;padding:14px}.ess-hero-user{align-items:center;gap:13px;display:flex}.ess-hero-user .employee-avatar{background:#ffffff38;border:1.5px solid #fffc;border-radius:16px;width:52px;min-width:52px;height:52px;font-size:17px;font-weight:700;position:relative}.online-dot{background:#22c55e;border:2px solid #9e0b3c;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.ess-hero-meta{flex:1;min-width:0}.ess-greeting-line{font-weight:500;color:#ffffffd9!important;margin:0 0 3px!important;font-size:11px!important}.ess-hero-meta h1{letter-spacing:-.4px;color:#fff!important;margin:0 0 8px!important;font-size:19px!important;font-weight:700!important;line-height:1.3!important}.ess-hero-badges{flex-wrap:wrap;gap:6px;display:flex}.ess-badge-pill{color:#fffffff2;background:#0003;border-radius:99px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:500;display:inline-flex}.vn-month-switcher{background:var(--canvas);border:1px solid var(--line);border-radius:11px;align-items:center;gap:4px;padding:4px 6px;display:inline-flex}.vn-month-switcher button{background:var(--surface);width:26px;height:26px;color:var(--ink);cursor:pointer;border:0;border-radius:8px;place-items:center;display:grid}.vn-month-switcher button:active{transform:scale(.92)}.vn-month-switcher span{color:var(--ink);white-space:nowrap;padding:0 6px;font-size:12px;font-weight:700}.ess-progress-box{background:var(--canvas);border:1px solid var(--line);border-radius:14px;margin-bottom:14px;padding:11px 13px}.ess-progress-labels{justify-content:space-between;align-items:center;margin-bottom:7px;font-size:11px;display:flex}.ess-progress-labels span{color:var(--muted)}.ess-progress-labels strong{color:var(--ink);font-weight:700}.ess-progress-track{background:var(--line);border-radius:99px;height:7px;overflow:hidden}.ess-progress-fill{background:linear-gradient(90deg, var(--primary), #0d9488);border-radius:99px;height:100%;transition:width .3s}.ess-calendar-wrap{margin-top:6px}.ess-calendar-weekdays{text-align:center;color:var(--muted);grid-template-columns:repeat(7,1fr);margin-bottom:6px;font-size:11px;font-weight:700;display:grid}.ess-calendar-grid{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.ess-cal-cell{border:1px solid var(--line);background:var(--canvas);cursor:pointer;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;min-height:48px;padding:4px 2px;display:flex;position:relative}.ess-cal-cell.empty{cursor:default;background:0 0;border-color:#0000}.ess-cal-cell.today{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.ess-cal-cell strong{color:var(--ink);font-size:12px;font-weight:700}.ess-cal-cell small{color:var(--muted);margin-top:1px;font-size:9px}.cal-dot{border-radius:50%;width:6px;height:6px;margin-top:3px;display:inline-block}.cal-dot.ok{background:#10b981}.cal-dot.warn{background:#f59e0b}.cal-dot.leave{background:#8b5cf6}.cal-dot.none{background:0 0}.ess-calendar-legend{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:12px;padding-top:10px;font-size:11px;display:flex}.ess-calendar-legend span{align-items:center;gap:5px;display:inline-flex}.profile-action-pill{cursor:pointer;border:0;border-radius:9px;font-weight:600;background:var(--primary-soft)!important;color:var(--primary)!important;padding:6px 11px!important;font-size:11px!important}.payslip-actions-row{margin-top:12px}.ess-secondary-btn{border:1px solid var(--line);background:var(--canvas);width:100%;min-height:40px;color:var(--ink);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.ess-clean-header{background:var(--surface);border-bottom:1px solid var(--line);padding:calc(12px + env(safe-area-inset-top)) 16px 12px;z-index:25;position:sticky;top:0}.ess-topbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.ess-brand{color:var(--ink);letter-spacing:-.4px;align-items:center;gap:8px;font-size:16px;font-weight:700;display:inline-flex}.ess-brand svg{width:22px;height:22px}.ess-brand b{color:var(--primary);font-weight:700}.ess-back-btn{color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;font-size:16px;font-weight:700;display:inline-flex}.ess-top-actions{align-items:center;gap:6px;display:flex}.ess-icon-btn{border:1px solid var(--line);background:var(--canvas);width:34px;height:34px;color:var(--ink);cursor:pointer;border-radius:10px;place-items:center;transition:transform .12s;display:grid;position:relative}.ess-icon-btn:active{transform:scale(.93)}.ess-bell-btn.has-alert{border-color:color-mix(in srgb, var(--primary) 30%, var(--line));background:var(--primary-soft);color:var(--primary)}.ess-bell-badge{color:#fff;background:#e11d48;border-radius:99px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:-5px;right:-5px;box-shadow:0 2px 6px #e11d4866}.ess-user-strip{border-top:1px dashed var(--line);align-items:center;gap:11px;margin-top:12px;padding-top:10px;display:flex}.ess-avatar-compact{border:1px solid color-mix(in srgb, var(--primary) 25%, transparent);background:var(--primary-soft);width:40px;min-width:40px;height:40px;color:var(--primary);cursor:pointer;border-radius:12px;place-items:center;font-size:14px;font-weight:700;display:grid;position:relative}.ess-status-dot{border:2px solid var(--surface);background:#10b981;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}.ess-user-info{flex:1;min-width:0}.ess-user-info h1{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:700;line-height:1.3;overflow:hidden}.ess-user-info p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:11px;overflow:hidden}.ess-push-Chip{color:#b45309;white-space:nowrap;cursor:pointer;background:#fffbeb;border:1px solid #fde68a;border-radius:99px;align-items:center;gap:4px;padding:5px 9px;font-size:11px;font-weight:600;display:inline-flex}.ess-alert-banner{color:#92400e;cursor:pointer;background:#fffbeb;border:1px solid #fde68a;border-radius:16px;align-items:center;gap:10px;margin-bottom:12px;padding:11px 13px;display:flex}.dark .ess-alert-banner{color:#fcd34d;background:#3b2a14;border-color:#78350f}.ess-alert-banner>div{flex:1;min-width:0}.ess-alert-banner strong{font-size:12px;font-weight:700;display:block}.ess-alert-banner span{opacity:.85;margin-top:1px;font-size:11px;display:block}.employee-app .employee-card{border-radius:18px!important;margin-bottom:11px!important;padding:14px!important}.today-compact-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.today-icon-sm{background:var(--primary-soft);width:34px;height:34px;color:var(--primary);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.today-clock-compact{grid-template-columns:1fr 1fr;gap:10px;margin:11px 0;display:grid}.clock-pill{background:var(--canvas);border:1px solid var(--line);border-radius:13px;justify-content:space-between;align-items:center;padding:9px 12px;display:flex}.clock-pill-top span{color:var(--muted);align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.clock-pill-top span svg{color:var(--secondary)}.clock-pill-top small{color:var(--muted);margin-top:2px;font-size:10px;display:block}.clock-pill strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.today-footer-compact{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding-top:9px;font-size:11px;display:flex}.ess-summary-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:11px;display:grid}.ess-stat-compact{text-align:left;cursor:pointer;gap:10px;flex-direction:row!important;align-items:center!important;margin-bottom:0!important;padding:12px!important;display:flex!important}.ess-stat-body{flex:1;min-width:0}.ess-stat-body strong{color:var(--ink);font-size:18px;font-weight:700;line-height:1.2;display:block}.ess-stat-body strong small{color:var(--muted);font-size:11px;font-weight:500}.ess-stat-body span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:11px;display:block;overflow:hidden}.ess-stat-arrow{color:var(--muted);flex-shrink:0}.utility-grid-compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.utility-grid-compact>button{background:var(--canvas);cursor:pointer;border:0;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;transition:transform .12s;display:flex}.utility-grid-compact>button:active{transform:scale(.95)}.utility-icon-sm{color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.utility-icon-sm.blue{background:linear-gradient(140deg,#60b4f2,#3475d6)}.utility-icon-sm.teal{background:linear-gradient(140deg,#39c7ad,#0b9387)}.utility-icon-sm.orange{background:linear-gradient(140deg,#f1b363,#e97f36)}.utility-icon-sm.purple{background:linear-gradient(140deg,#bc8df3,#8650d0)}.utility-grid-compact>button>span:last-child{color:var(--ink);text-align:center;font-size:11px;font-weight:600;line-height:1.25}.update-icon.amber{color:#d97706;background:#fef3c7}.ess-confirm-box{background:var(--canvas);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:11px 13px;display:flex}.ess-confirm-box strong{color:var(--ink);font-size:12px;font-weight:700;display:block}.ess-confirm-box small{color:var(--muted);margin-top:2px;font-size:11px;line-height:1.4;display:block}.ess-confirm-btn{background:var(--secondary);color:#fff;white-space:nowrap;cursor:pointer;border:0;border-radius:10px;align-items:center;gap:5px;padding:7px 12px;font-size:11px;font-weight:700;display:inline-flex}.ess-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.ess-clean-header{background:var(--surface);box-shadow:0 4px 20px #0f172a08;padding:calc(16px + env(safe-area-inset-top)) 18px 16px!important;border-bottom:none!important}.ess-user-strip{border-top:1px solid var(--line)!important;gap:14px!important;margin-top:14px!important;padding-top:14px!important}.ess-avatar-compact{border-radius:14px!important;width:46px!important;min-width:46px!important;height:46px!important;font-size:16px!important}.ess-user-info h1{margin-bottom:3px!important;font-size:16px!important}.ess-user-info p{font-size:12px!important}.employee-app .employee-content{padding:0 16px calc(100px + env(safe-area-inset-bottom))!important;margin-top:16px!important}.employee-app .employee-card{border-radius:20px!important;margin-bottom:16px!important;padding:18px!important;box-shadow:0 6px 24px #0f172a0a!important}.today-clock-compact{gap:12px!important;margin:14px 0 12px!important}.clock-pill{border-radius:15px!important;padding:12px 14px!important}.today-footer-compact{margin-top:4px;padding-top:12px!important}.ess-summary-row{gap:12px!important;margin-bottom:16px!important}.ess-stat-compact{border-radius:20px!important;padding:15px!important}.utility-panel-compact{padding:18px!important}.utility-grid-compact{gap:12px!important}.utility-grid-compact>button{border-radius:16px!important;padding:12px 6px!important}.ess-confirm-dialog-body{color:var(--ink);align-items:flex-start;gap:14px;font-size:13px;line-height:1.6;display:flex}.dialog-icon-box{background:var(--primary-soft);width:44px;min-width:44px;height:44px;color:var(--primary);border-radius:14px;place-items:center;display:grid}.dialog-warning-box{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:11px;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;font-size:11px;font-weight:600;display:flex}.dialog-note{color:var(--muted);margin-top:8px;font-size:11px}.ess-floating-test-btn{bottom:calc(75px + env(safe-area-inset-bottom));z-index:999;color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#4f46e5);border:0;border-radius:99px;align-items:center;gap:6px;padding:9px 15px;font-size:12px;font-weight:700;transition:transform .15s;display:inline-flex;position:fixed;right:16px;box-shadow:0 4px 16px #7c3aed73}.ess-floating-test-btn:active{transform:scale(.95)}.ess-test-actions-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.test-scenario-btn{border:1px solid var(--line);background:var(--canvas);cursor:pointer;text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;gap:3px;padding:12px;transition:transform .1s;display:flex}.test-scenario-btn:active{transform:scale(.97)}.test-scenario-btn strong{color:var(--ink);font-size:13px;font-weight:700}.test-scenario-btn small{color:var(--muted);font-size:10px;line-height:1.4}.test-scenario-btn.success{border-left:4px solid #10b981}.test-scenario-btn.warning{border-left:4px solid #f59e0b}.test-scenario-btn.danger{border-left:4px solid #ef4444}.ess-v2{--ess-v2-wine:#a7093f;--ess-v2-line:color-mix(in srgb, var(--ink) 9%, transparent)}.ess-v2 .employee-frame{max-width:520px}.ess-v2 .ess-v2-hero{border-radius:21px 21px 16px 16px!important;padding:13px 14px!important;box-shadow:0 8px 19px #90073b29!important}.ess-v2 .ess-v2-hero>div:first-child{margin-bottom:12px!important}.ess-v2 .ess-v2-profile-card{box-shadow:0 3px 11px #1f172517;color:#192235!important;background:#fff!important;border-radius:14px!important;gap:10px!important;padding:11px 12px!important}.ess-v2 .ess-v2-profile-card>div:first-child{width:44px!important;min-width:44px!important;height:44px!important;box-shadow:none!important;color:#ad104b!important;background:#f9e4ee!important;border-radius:14px!important;font-size:15px!important}.ess-v2 .ess-v2-profile-card>div:nth-child(2)>div:first-child span:first-child,.ess-v2 .ess-v2-profile-card>div:nth-child(2)>div:nth-child(3){color:#718096!important}.ess-v2 .ess-v2-profile-card>div:nth-child(2)>div:nth-child(2){color:#172033!important;font-size:16px!important}.ess-v2 .ess-v2-profile-card>svg{color:#94a3b8!important}.ess-v2 .ess-v2-content{margin-top:11px!important;padding-left:14px!important;padding-right:14px!important}.ess-v2 .ess-v2-content .employee-card{border-color:var(--ess-v2-line)!important;border-radius:17px!important;box-shadow:0 3px 12px #1a1e2b09!important}.ess-v2 .ess-v2-today{padding:14px!important}.ess-v2 .ess-v2-today h2,.ess-v2 .ess-v2-quick h2,.ess-v2 .ess-v2-attention h2{font-size:14px!important}.ess-v2 .ess-v2-today>div:nth-child(2){gap:9px!important;margin:13px 0 10px!important}.ess-v2 .ess-v2-today>div:nth-child(2)>div{background:#e9f8f4!important;border-radius:12px!important;padding:11px 9px!important}.ess-v2 .ess-v2-today>div:nth-child(2)>div:last-child{background:#eaf1fc!important}.ess-v2.dark .ess-v2-today>div:nth-child(2)>div{background:#173d3b!important}.ess-v2.dark .ess-v2-today>div:nth-child(2)>div:last-child{background:#233147!important}.ess-v2 .ess-v2-today>div:nth-child(2) strong{margin-top:5px!important;font-size:22px!important}.ess-v2 .ess-v2-stats{gap:9px!important;margin-bottom:11px!important}.ess-v2 .ess-v2-stats .employee-card{padding:13px 12px!important}.ess-v2 .ess-v2-stats .employee-card>div:nth-child(2){margin-top:6px!important;font-size:21px!important}.ess-v2 .ess-v2-quick,.ess-v2 .ess-v2-attention{padding:14px!important}.ess-v2 .ess-v2-quick .utility-icon-sm{width:49px!important;height:49px!important;box-shadow:none!important;border-radius:15px!important}.ess-v2 .ess-v2-quick button{min-height:67px}.ess-v2 .ess-v2-attention .employee-updates>button{padding:10px 0!important}@media (max-width:360px){.ess-v2 .ess-v2-profile-card{padding:9px!important}.ess-v2 .ess-v2-quick .utility-icon-sm{width:44px!important;height:44px!important}}.ess-tinted-action:active .utility-icon-tinted{transform:scale(.92)}.hrm.dark .utility-icon-tinted.blue{color:#60a5fa!important;background:#2563eb33!important}.hrm.dark .utility-icon-tinted.teal{color:#34d399!important;background:#05966933!important}.hrm.dark .utility-icon-tinted.orange{color:#fb923c!important;background:#ea580c33!important}.hrm.dark .utility-icon-tinted.purple{color:#c084fc!important;background:#7c3aed33!important}.login-form-side .access-card form+button,.access-card form button:not([type=submit]):not(.icon-button){display:none!important}.ess-password-heading-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.ess-password-visibility{cursor:pointer;flex-direction:row!important;align-items:center!important;gap:8px!important;display:inline-flex!important}.ess-password-visibility input[type=checkbox]{accentColor:var(--primary);width:16px!important;height:16px!important;margin:0!important}.hrm.admin-v2{--primary:#b90e48;--primary-hover:#9e0b3c;--primary-soft:#fff0f5;--secondary:#0d9488;--secondary-soft:#ecfdf5;--amber:#d97706;--amber-soft:#fffbeb;--surface:#fff;--canvas:#f3f4f8;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--radius-card:18px;--radius-control:11px;--shadow-card:0 1px 3px #0f172a0a, 0 4px 16px #0f172a06;--shadow-hover:0 10px 28px -6px #0f172a14, 0 4px 12px -2px #0f172a0a}.hrm.admin-v2.dark{--surface:#131824;--canvas:#0b0f17;--ink:#f8fafc;--muted:#94a3b8;--line:#1e293b;--primary:#fb7185;--primary-hover:#fda4af;--primary-soft:#e11d4829;--secondary:#34d399;--secondary-soft:#10b98126;--amber:#fbbf24;--amber-soft:#f59e0b26;--shadow-card:0 2px 10px #00000059}.hrm.admin-v2 .sidebar{background:var(--surface);border-right:1px solid var(--line);width:256px;padding:24px 16px 18px;box-shadow:2px 0 16px #0f172a04}.hrm.admin-v2.collapsed .sidebar{width:78px;padding-left:12px;padding-right:12px}.hrm.admin-v2 .main-shell{margin-left:256px;transition:margin .22s}.hrm.admin-v2.collapsed .main-shell{margin-left:78px}.hrm.admin-v2 .main-shell.with-pwa-drawer{margin-right:356px}.hrm.admin-v2 .brand{border-bottom:1px solid var(--line);margin-bottom:14px;padding:0 8px 24px}.hrm.admin-v2 .brand-icon{background:linear-gradient(145deg,#a7093f,#d61f5c);border-radius:13px;box-shadow:0 6px 14px #b90e4840}.hrm.admin-v2 .sidebar nav button{border-radius:12px;min-height:44px;padding:10px 14px;font-size:13px;font-weight:500;transition:all .15s}.hrm.admin-v2 .sidebar nav button:hover{background:var(--canvas);color:var(--ink)}.hrm.admin-v2 .sidebar nav button.active{background:var(--primary-soft);color:var(--primary);font-weight:650}.hrm.admin-v2 .count.count-amber{background:var(--amber-soft);color:var(--amber);font-weight:700}.hrm.admin-v2 .workspace-note{background:var(--canvas);border:1px solid var(--line);border-radius:14px;padding:13px 14px}.hrm.admin-v2 .workspace-note-header{align-items:center;gap:8px;font-size:12px;display:flex}.hrm.admin-v2 .pulse-dot{background:var(--secondary);box-shadow:0 0 0 3px var(--secondary-soft);margin-right:0}.hrm.admin-v2 .sidebar-pwa-links{gap:6px;margin-top:10px;display:grid}.hrm.admin-v2 .pwa-preview-trigger{border:1px solid color-mix(in srgb, var(--primary) 24%, transparent);background:var(--primary-soft);width:100%;color:var(--primary);border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.hrm.admin-v2 .pwa-preview-trigger:hover{background:var(--primary);color:#fff}.hrm.admin-v2 .install-pwa-link{color:var(--muted);justify-content:space-between;align-items:center;padding:8px 10px 0!important;font-size:11px!important;display:flex!important}.hrm.admin-v2 .header{z-index:18;background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:3px solid var(--primary);border-bottom:1px solid var(--line);min-height:70px;padding:12px 32px;position:sticky;top:0}.hrm.admin-v2 .breadcrumb{gap:8px;font-size:13px}.hrm.admin-v2 .breadcrumb-sub{color:var(--primary);font-weight:600}.hrm.admin-v2 .header-search-wrap{flex:0 360px;position:relative}.hrm.admin-v2 .header-search{background:var(--canvas);border:1px solid var(--line);height:38px;color:var(--muted);border-radius:11px;align-items:center;gap:9px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.hrm.admin-v2 .header-search:focus-within{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px var(--primary-soft)}.hrm.admin-v2 .header-search input{background:0 0;border:0;outline:none;width:100%;padding:0;font-size:12px}.hrm.admin-v2 .clear-search{color:var(--muted);background:0 0;border:0;padding:2px}.hrm.admin-v2 .quick-search-dropdown{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-hover);z-index:40;border-radius:14px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;right:0}.hrm.admin-v2 .quick-search-head{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);padding:6px 10px;font-size:10px;font-weight:700}.hrm.admin-v2 .quick-search-dropdown button{text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.hrm.admin-v2 .quick-search-dropdown button:hover{background:var(--canvas)}.hrm.admin-v2 .quick-search-meta{flex:1;min-width:0}.hrm.admin-v2 .quick-search-meta strong{font-size:12px;display:block}.hrm.admin-v2 .quick-search-meta small{color:var(--muted);font-size:10px;display:block}.hrm.admin-v2 .pwa-header-pill{border:1px solid var(--line);background:var(--canvas);color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:11px;font-weight:600;display:inline-flex}.hrm.admin-v2 .pwa-header-pill.active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.hrm.admin-v2 .bell-button{position:relative}.hrm.admin-v2 .bell-dot{background:var(--primary);color:#fff;border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;display:grid;position:absolute;top:3px;right:3px}.hrm.admin-v2 .account-pill{border-left:1px solid var(--line);align-items:center;gap:10px;padding-left:14px;display:flex}.hrm.admin-v2 .account-avatar{color:#fff;background:linear-gradient(135deg,#a7093f,#e11d48);border-radius:10px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.hrm.admin-v2 .account-label{border-left:0;padding-left:0}.hrm.admin-v2 .account-label strong{font-size:12px;font-weight:650;display:block}.hrm.admin-v2 .content{max-width:1560px;padding:26px 32px 36px}.hrm.admin-v2 .eyebrow-row{align-items:center;gap:10px;margin-bottom:6px;display:flex}.hrm.admin-v2 .eyebrow-row .eyebrow{margin-bottom:0!important}.hrm.admin-v2 .sync-status-chip{background:var(--secondary-soft);color:var(--secondary);border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:10px;font-weight:650;display:inline-flex}.hrm.admin-v2 .heading-actions{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:14px;padding:8px 12px}.hrm.admin-v2 .period{flex-direction:row;align-items:center;gap:8px;font-size:11px;font-weight:500}.hrm.admin-v2 .period input{background:var(--canvas);padding:7px 10px;font-weight:600}.hrm.admin-v2 .work-dashboard .stats{gap:18px;margin-bottom:22px}.hrm.admin-v2 .work-dashboard .stat-card{border-radius:var(--radius-card);border:1px solid var(--line);box-shadow:var(--shadow-card);cursor:pointer;flex-direction:column;justify-content:space-between;min-height:148px;padding:20px 22px;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex}.hrm.admin-v2 .work-dashboard .stat-card:hover{box-shadow:var(--shadow-hover);border-color:color-mix(in srgb, var(--primary) 30%, var(--line));transform:translateY(-2px)}.hrm.admin-v2 .stat-card-top{color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.hrm.admin-v2 .stat-icon{border-radius:12px;width:38px;height:38px}.hrm.admin-v2 .stat-card-main{justify-content:space-between;align-items:baseline;gap:10px;margin:12px 0 10px;display:flex}.hrm.admin-v2 .stat-card-main strong{letter-spacing:-1.2px;color:var(--ink);font-variant-numeric:tabular-nums;font-size:34px;font-weight:750;line-height:1}.hrm.admin-v2 .stat-trend{white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:650}.hrm.admin-v2 .stat-trend.neutral{background:var(--canvas);color:var(--muted)}.hrm.admin-v2 .stat-trend.positive{background:var(--secondary-soft);color:var(--secondary)}.hrm.admin-v2 .stat-trend.warning{background:var(--amber-soft);color:var(--amber)}.hrm.admin-v2 .stat-trend.brand{background:var(--primary-soft);color:var(--primary)}.hrm.admin-v2 .stat-card-foot{border-top:1px dashed var(--line);justify-content:space-between;align-items:center;gap:8px;padding-top:10px;display:flex}.hrm.admin-v2 .stat-card-foot.with-progress{flex-direction:column;align-items:stretch;gap:6px}.hrm.admin-v2 .stat-progress-track{background:var(--canvas);border-radius:999px;height:6px;overflow:hidden}.hrm.admin-v2 .stat-progress-fill{background:linear-gradient(90deg,#0d9488,#10b981);border-radius:999px;height:100%}.hrm.admin-v2 .stat-avatar-stack{align-items:center;display:flex}.hrm.admin-v2 .mini-avatar{background:var(--primary-soft);width:24px;height:24px;color:var(--primary);border:2px solid var(--surface);border-radius:50%;place-items:center;margin-left:-7px;font-size:9px;font-weight:700;display:grid}.hrm.admin-v2 .mini-avatar:first-child{margin-left:0}.hrm.admin-v2 .mini-avatar.more{background:var(--canvas);color:var(--muted)}.hrm.admin-v2 .panel-title-row{align-items:center;gap:10px;margin-bottom:4px;display:flex}.hrm.admin-v2 .panel-title-row h2{margin:0;font-size:15px;font-weight:700}.hrm.admin-v2 .chart-avg-pill{background:var(--secondary-soft);color:var(--secondary);border-radius:6px;padding:3px 8px;font-size:10px;font-weight:650}.hrm.admin-v2 .week-chart{height:256px;padding:32px 24px 12px}.hrm.admin-v2 .chart-day{border-radius:12px;padding:6px 6px 4px;transition:background .15s}.hrm.admin-v2 .chart-day:hover{background:var(--canvas)}.hrm.admin-v2 .chart-day.selected{background:color-mix(in srgb, var(--primary) 5%, transparent)}.hrm.admin-v2 .week-bar{border-radius:6px 6px 2px 2px;width:min(20px,30%);transition:height .25s}.hrm.admin-v2 .week-bar.zero-bar{width:0;min-width:0}.hrm.admin-v2 .work-task-list{gap:12px;max-height:390px;padding:14px 20px;display:grid}.hrm.admin-v2 .work-task-card{border:1px solid var(--line);background:var(--canvas);border-radius:14px;padding:12px 14px;transition:border-color .15s,background .15s}.hrm.admin-v2 .work-task-card:hover{background:var(--surface);border-color:color-mix(in srgb, var(--primary) 35%, var(--line))}.hrm.admin-v2 .work-task-main{cursor:pointer;align-items:center;gap:12px;display:flex}.hrm.admin-v2 .work-task-actions{border-top:1px dashed var(--line);justify-content:flex-end;align-items:center;gap:8px;margin-top:10px;padding-top:10px;display:flex}.hrm.admin-v2 .task-quick-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.hrm.admin-v2 .task-quick-btn:hover{border-color:var(--primary);color:var(--primary)}.hrm.admin-v2 .task-quick-btn.sent{background:var(--secondary-soft);color:var(--secondary);border-color:#0000}.hrm.admin-v2 .task-quick-btn.primary{background:var(--primary-soft);color:var(--primary);border-color:#0000}.hrm.admin-v2 .task-quick-btn.primary:hover{background:var(--primary);color:#fff}.hrm.admin-v2 .alert-figure.has-warning{background:var(--amber-soft);color:var(--amber)}.hrm.admin-v2 .alert-figure.has-brand{background:var(--primary-soft);color:var(--primary)}.hrm.admin-v2 .daily-mini-roster{border-top:1px solid var(--line);background:color-mix(in srgb, var(--canvas) 55%, transparent);padding:14px 22px 18px}.hrm.admin-v2 .daily-mini-roster-head{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.hrm.admin-v2 .daily-mini-pills{flex-wrap:wrap;gap:8px;display:flex}.hrm.admin-v2 .roster-chip{background:var(--surface);border:1px solid var(--line);border-radius:10px;align-items:center;gap:8px;padding:6px 10px;font-size:11px;display:inline-flex}.hrm.admin-v2 .roster-chip.missing{border-left:3px solid var(--amber)}.hrm.admin-v2 .roster-chip.present{border-left:3px solid var(--secondary)}.hrm.admin-v2 .roster-avatar{background:var(--primary-soft);width:24px;height:24px;color:var(--primary);border-radius:7px;place-items:center;font-size:9px;font-weight:700;display:grid}.hrm.admin-v2 .roster-chip strong{font-size:11px;display:block}.hrm.admin-v2 .roster-chip small{color:var(--muted);font-size:9px;display:block}.hrm.admin-v2 .hik-badge-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.hrm.admin-v2 .hik-device-pill{background:var(--canvas);border:1px solid var(--line);border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:650;display:inline-flex}.hrm.admin-v2 .hik-live-stream{background:var(--canvas);border:1px solid var(--line);border-radius:12px;margin:12px 0;padding:10px 12px}.hrm.admin-v2 .hik-stream-title{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:8px;font-size:10px;font-weight:700}.hrm.admin-v2 .hik-stream-item{border-top:1px dashed var(--line);align-items:center;gap:8px;padding:5px 0;font-size:11px;display:flex}.hrm.admin-v2 .hik-stream-item:first-of-type{border-top:0}.hrm.admin-v2 .hik-stream-dot{background:var(--secondary);border-radius:50%;width:6px;height:6px}.hrm.admin-v2 .hik-stream-user{font-weight:600}.hrm.admin-v2 .hik-stream-source{background:var(--surface);color:var(--muted);border-radius:5px;padding:2px 6px;font-size:10px}.hrm.admin-v2 .hik-stream-item time{font-variant-numeric:tabular-nums;color:var(--muted);margin-left:auto;font-size:10px}.hrm.admin-v2 .hik-footer-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.pwa-companion-drawer{background:var(--surface);border-left:1px solid var(--line);z-index:35;flex-direction:column;gap:14px;width:356px;padding:18px 16px;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-10px 0 30px #0f172a0f}.pwa-companion-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.pwa-live-badge{letter-spacing:.8px;background:var(--primary-soft);color:var(--primary);border-radius:999px;margin-bottom:4px;padding:2px 7px;font-size:9px;font-weight:700;display:inline-block}.pwa-companion-header strong{font-size:13px;display:block}.pwa-phone-mockup{background:var(--canvas);border:6px solid #1e293b;border-radius:32px;overflow:hidden;box-shadow:0 14px 34px #0f172a24}.pwa-phone-Hero{color:#fff;background:linear-gradient(145deg,#970c3d,#b90e48 60%,#d52a60);border-radius:0 0 20px 20px;padding:16px 14px}.pwa-phone-top{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;font-weight:700;display:flex}.pwa-role-chip{background:#fff3;border-radius:999px;padding:3px 8px;font-size:10px}.pwa-profile-mini{color:#0f172a;background:#fff;border-radius:14px;align-items:center;gap:10px;padding:11px 12px;display:flex}.pwa-avatar-box{color:#ad104b;background:#f9e4ee;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:13px;font-weight:700;display:grid}.pwa-profile-mini small{color:#64748b;font-size:10px;display:block}.pwa-profile-mini strong{margin-top:2px;font-size:13px;display:block}.pwa-phone-body{gap:10px;padding:12px;display:grid}.pwa-card-mini{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px}.pwa-card-mini-head{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;display:flex}.pwa-card-mini-head span{color:var(--muted);font-size:10px}.pwa-checkin-boxes{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pwa-box-in,.pwa-box-out{color:#0f172a;background:#e9f8f4;border-radius:12px;padding:10px}.pwa-box-out{background:#fff1f2}.pwa-box-in small,.pwa-box-out small{color:#475569;font-size:10px;display:block}.pwa-box-in strong,.pwa-box-out strong{margin-top:4px;font-size:20px;display:block}.pwa-mini-item{border-top:1px solid var(--line);align-items:center;gap:9px;padding:8px 0;font-size:11px;display:flex}.pwa-mini-item strong{font-size:11px;display:block}.pwa-mini-item small{color:var(--muted);font-size:10px;display:block}.pwa-open-ess-btn{background:var(--primary-soft);color:var(--primary);border-radius:10px;justify-content:center;align-items:center;gap:6px;margin-top:10px;padding:9px;font-size:11px;font-weight:600;display:flex}@media (max-width:1150px){.hrm.admin-v2 .header-search-wrap{display:none}.hrm.admin-v2 .main-shell.with-pwa-drawer{margin-right:0}}.hr-kpi-ribbon{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.hr-kpi-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);cursor:pointer;box-shadow:var(--shadow-card);align-items:flex-start;gap:14px;padding:16px 18px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.hr-kpi-box:hover,.hr-kpi-box.active{border-color:var(--primary);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.hr-kpi-icon{border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.hr-kpi-icon.brand{background:var(--primary-soft);color:var(--primary)}.hr-kpi-icon.emerald{background:var(--secondary-soft);color:var(--secondary)}.hr-kpi-icon.amber{color:#d97706;background:#fffbeb}.hr-kpi-info span{color:var(--muted);font-size:11px;font-weight:600;display:block}.hr-kpi-info strong{letter-spacing:-.8px;font-variant-numeric:tabular-nums;margin:4px 0;font-size:24px;font-weight:750;display:block}.hr-kpi-sub{color:var(--muted);font-size:13px;font-style:normal;font-weight:600}.hr-kpi-info small{color:var(--muted);font-size:10px;display:block}.hr-header-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.view-toggle-group{background:var(--canvas);border:1px solid var(--line);border-radius:10px;padding:3px;display:inline-flex}.view-toggle-group button{color:var(--muted);background:0 0;border:0;border-radius:7px;align-items:center;gap:5px;padding:6px 11px;font-size:11px;font-weight:600;display:inline-flex}.view-toggle-group button.active{background:var(--surface);color:var(--primary);box-shadow:0 1px 3px #0000000f}.hr-status-pills{flex-wrap:wrap;align-items:center;gap:8px;padding:14px 22px 0;display:flex}.hr-pill-btn{border:1px solid var(--line);background:var(--canvas);color:var(--muted);border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex}.hr-pill-btn b{background:var(--surface);color:var(--ink);border-radius:999px;padding:1px 6px;font-size:10px}.hr-pill-btn.active{background:var(--primary-soft);border-color:color-mix(in srgb, var(--primary) 35%, transparent);color:var(--primary)}.hr-pill-btn.active b{background:var(--primary);color:#fff}.hik-code-tag{background:var(--canvas);border:1px solid var(--line);color:var(--ink);border-radius:5px;padding:2px 6px;font-size:10px}.hr-employee-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:18px 22px;display:grid}.hr-emp-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;flex-direction:column;justify-content:space-between;gap:14px;padding:16px;transition:transform .15s,border-color .15s;display:flex}.hr-emp-card:hover{border-color:color-mix(in srgb, var(--primary) 35%, var(--line));transform:translateY(-2px)}.hr-emp-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.avatar-lg{border-radius:12px;width:42px;height:42px;font-size:13px;font-weight:700}.avatar-xl{border-radius:18px;width:60px;height:60px;font-size:18px;font-weight:750}.hr-emp-card-body{background:var(--canvas);color:var(--muted);border-radius:12px;gap:8px;padding:12px;font-size:11px;display:grid}.hr-emp-card-body>div{align-items:center;gap:8px;display:flex}.hr-emp-card-foot{border-top:1px dashed var(--line);justify-content:space-between;align-items:center;padding-top:10px;display:flex}.hr-profile-360-layout{grid-template-columns:290px minmax(0,1fr);align-items:start;gap:20px;display:grid}.hr-profile-sidebar-head{border-bottom:1px solid var(--line);padding:16px 18px}.hr-profile-sidebar-head strong{font-size:13px;display:block}.hr-profile-sidebar-head small{color:var(--muted);font-size:10px}.hr-profile-QuickList{gap:4px;max-height:620px;padding:8px;display:grid;overflow-y:auto}.hr-profile-QuickList button{text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.hr-profile-QuickList button:hover{background:var(--canvas)}.hr-profile-QuickList button.active{background:var(--primary-soft)}.hr-profile-hero{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;display:flex}.hr-profile-hero-left{align-items:center;gap:16px;display:flex}.hr-profile-badges{align-items:center;gap:8px;margin-bottom:6px;display:flex}.hr-chip-code{letter-spacing:.6px;background:var(--canvas);color:var(--muted);border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700}.hr-profile-hero h2{margin:0 0 4px;font-size:22px;font-weight:750}.hr-profile-hero p{color:var(--muted);margin:0;font-size:12px}.hr-profile-highlights{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.hr-profile-highlights>div{background:var(--canvas);border:1px solid var(--line);border-radius:14px;padding:13px 14px}.hr-profile-highlights small{color:var(--muted);font-size:10px;display:block}.hr-profile-highlights strong{margin:5px 0 3px;font-size:14px;font-weight:700;display:block}.hr-profile-highlights span{color:var(--muted);font-size:10px;display:block}.hr-subtabs{border-bottom:1px solid var(--line);gap:18px;margin-bottom:18px;display:flex}.hr-subtabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 2px;font-size:12px;font-weight:600}.hr-subtabs button.active{color:var(--primary);border-color:var(--primary)}.hr-info-block{margin-bottom:22px}.hr-info-block h3{color:var(--primary);align-items:center;gap:8px;margin:0 0 10px;font-size:13px;display:flex}.hr-timeline-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.hr-contract-timeline{border-left:2px solid var(--line);gap:14px;margin-left:10px;padding-left:18px;display:grid}.hr-timeline-item{position:relative}.hr-timeline-dot{background:var(--primary);width:10px;height:10px;box-shadow:0 0 0 4px var(--primary-soft);border-radius:50%;position:absolute;top:14px;left:-24px}.hr-timeline-card{background:var(--canvas);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.hr-timeline-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.hr-timeline-card-top strong{margin-bottom:4px;font-size:13px;display:block}.hr-timeline-card-top small{color:var(--muted);font-size:11px}.hr-timeline-salary{border-top:1px dashed var(--line);color:var(--muted);margin-top:10px;padding-top:10px;font-size:11px}.hr-bento-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px 22px;display:grid}.hr-dept-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;flex-direction:column;justify-content:space-between;gap:14px;padding:18px;display:flex}.hr-dept-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.hr-dept-card h3{margin:6px 0 0;font-size:16px;font-weight:700}.hr-dept-progress-labels{justify-content:space-between;margin-bottom:6px;font-size:11px;display:flex}.hr-dept-avatars{align-items:center;min-height:28px;display:flex}.hr-dept-card-actions{border-top:1px dashed var(--line);align-items:center;gap:8px;padding-top:12px;display:flex}.hr-shift-specs{background:var(--canvas);border-radius:11px;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;display:grid}.hr-shift-specs small{color:var(--muted);font-size:9px;display:block}.hr-shift-specs strong{margin-top:3px;font-size:11px;display:block}.primary-soft-btn{background:var(--primary-soft);color:var(--primary);border-color:#0000}@media (max-width:1150px){.hr-kpi-ribbon,.hr-profile-highlights,.hr-employee-card-grid,.hr-bento-grid{grid-template-columns:repeat(2,1fr)}.hr-profile-360-layout{grid-template-columns:1fr}}@media (max-width:760px){.hr-kpi-ribbon,.hr-employee-card-grid,.hr-bento-grid,.hr-profile-highlights{grid-template-columns:1fr}}.pc-admin-shell{background:var(--canvas);min-height:100dvh;color:var(--ink);grid-template-columns:248px minmax(0,1fr);display:grid}.pc-sidebar{background:var(--surface);border-right:1px solid var(--line);box-sizing:border-box;flex-direction:column;height:100dvh;padding:20px 16px;display:flex;position:sticky;top:0}.pc-brand{cursor:pointer;align-items:center;gap:10px;padding:4px 6px 20px;display:flex}.pc-brand-logo{color:#fff;background:linear-gradient(140deg,#b90e48,#e11d48);border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.pc-brand strong{letter-spacing:-.4px;color:var(--ink);font-size:15px;font-weight:800;display:block}.pc-brand small{color:var(--muted);margin-top:2px;font-size:9px;font-weight:600;display:block}.pc-nav{gap:6px;display:grid}.pc-nav button{width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:11px;padding:11px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex;position:relative}.pc-nav button:hover{background:var(--canvas);color:var(--ink)}.pc-nav button.active{background:var(--primary-soft);color:var(--primary)}.pc-nav button.active:before{content:"";background:var(--primary);border-radius:0 4px 4px 0;width:4px;position:absolute;top:9px;bottom:9px;left:0}.pc-nav-pill{background:var(--primary);color:#fff;border-radius:99px;margin-left:auto;padding:2px 7px;font-size:10px;font-style:normal;font-weight:700}.pc-sidebar-promo{margin-top:auto;padding-top:16px}.pc-promo-card{background:linear-gradient(145deg,#fff0f5,#ffe4ee);border:1px solid #fecdd3;border-radius:16px;padding:14px}.hrm.dark .pc-promo-card{background:#2d1a24;border-color:#4c2336}.pc-promo-card strong{color:var(--primary);font-size:11px;font-weight:800;display:block}.pc-promo-card p{color:var(--muted);margin:4px 0 10px;font-size:11px;line-height:1.4}.pc-promo-graphic{align-items:center;gap:10px;display:flex}.pc-promo-circle{background:conic-gradient(#e11d48 0% 68%,#fda4af 68% 100%);border-radius:50%;width:32px;height:32px}.pc-promo-bars{background:#e11d481f;border-radius:6px;flex:1;height:20px}.pc-sidebar-copy{color:var(--muted);justify-content:space-between;margin-top:12px;padding:0 4px;font-size:10px;display:flex}.pc-main-area{flex-direction:column;min-width:0;display:flex}.pc-topbar{background:var(--surface);border-bottom:1px solid var(--line);z-index:20;justify-content:space-between;align-items:center;gap:20px;height:68px;padding:0 28px;display:flex;position:sticky;top:0}.pc-global-search{background:var(--canvas);border:1px solid var(--line);width:min(420px,100%);height:40px;color:var(--muted);border-radius:99px;align-items:center;gap:10px;padding:0 16px;display:flex}.pc-global-search input{width:100%;color:var(--ink);background:0 0;border:0;outline:none;font-size:13px}.pc-topbar-actions{align-items:center;gap:10px;display:flex}.pc-icon-btn{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--ink);cursor:pointer;border-radius:11px;place-items:center;display:grid;position:relative}.pc-icon-btn.active{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}.pc-bell-dot{background:#e11d48;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:8px}.pc-user-chip{border-left:1px solid var(--line);align-items:center;gap:10px;padding-left:10px;display:flex}.pc-user-avatar{background:var(--primary-soft);width:36px;height:36px;color:var(--primary);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.pc-user-meta strong{font-size:13px;line-height:1.2;display:block}.pc-user-meta small{color:var(--muted);font-size:11px}.pc-logout-mini{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:6px}.pc-workspace{padding:24px 28px 48px}.pc-sub-eyebrow{align-items:center;gap:14px;margin-bottom:6px;font-size:11px;font-weight:700;display:flex}.pc-eyebrow-red{color:var(--primary)}.pc-eyebrow-green{color:#10b981}.pc-page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.pc-page-header h1{letter-spacing:-.6px;margin:0 0 4px;font-size:24px;font-weight:800}.pc-page-header p{color:var(--muted);margin:0;font-size:13px}.pc-header-controls{align-items:center;gap:10px;display:flex}.pc-month-picker{background:var(--surface);border:1px solid var(--line);border-radius:11px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex}.pc-month-picker button{background:var(--canvas);cursor:pointer;border:0;border-radius:6px;width:24px;height:24px}.pc-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.pc-kpi-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);cursor:pointer;border-radius:18px;padding:18px 20px;transition:transform .15s}.pc-kpi-card:hover{transform:translateY(-2px)}.pc-kpi-icon{border-radius:12px;place-items:center;width:40px;height:40px;margin-bottom:12px;display:grid}.pc-kpi-icon.blue{color:#2563eb;background:#eff6ff}.pc-kpi-icon.amber{color:#d97706;background:#fffbeb}.pc-kpi-icon.teal{color:#0d9488;background:#f0fdf4}.pc-kpi-icon.green{color:#16a34a;background:#ecfdf5}.pc-kpi-icon.purple{color:#7c3aed;background:#f5f3ff}.pc-kpi-icon.red{color:#e11d48;background:#fff1f2}.pc-kpi-card strong{font-size:26px;font-weight:800;line-height:1.2;display:block}.pc-kpi-label{color:var(--muted);margin-top:4px;font-size:13px;display:block}.pc-kpi-trend{margin-top:8px;font-size:11px;font-weight:600;display:inline-block}.pc-kpi-trend.up{color:#10b981}.pc-kpi-trend.down{color:#ef4444}.pc-kpi-trend.warn{color:#d97706}.pc-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:20px;margin-bottom:20px;padding:20px 22px}.pc-card-head h2{margin:0 0 16px;font-size:15px;font-weight:700}.pc-charts-row{grid-template-columns:1fr 1.2fr;gap:18px;display:grid}.pc-donut-layout{justify-content:space-around;align-items:center;gap:20px;padding:10px 0;display:flex}.pc-donut-ring{border-radius:50%;flex-shrink:0;place-items:center;width:156px;height:156px;display:grid}.pc-donut-hole{background:var(--surface);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:104px;height:104px;display:flex}.pc-donut-hole strong{font-size:24px;font-weight:800}.pc-donut-hole small{color:var(--muted);font-size:11px}.pc-donut-legend{flex:1;gap:10px;max-width:210px;margin:0;padding:0;list-style:none;display:grid}.pc-donut-legend li{align-items:center;gap:8px;font-size:12px;display:flex}.pc-legend-name{color:var(--muted);flex:1}.pc-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.pc-dot.blue{background:#3b82f6}.pc-dot.amber{background:#f59e0b}.pc-dot.gray{background:#cbd5e1}.pc-bar-chart{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;height:165px;padding:12px 10px 0;display:flex}.pc-bar-group{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.pc-bars-wrap{align-items:flex-end;gap:4px;height:130px;display:flex}.pc-bar{border-radius:4px 4px 0 0;width:10px}.pc-bar.blue{background:#3b82f6}.pc-bar.amber{background:#f59e0b}.pc-bar.gray{background:#e2e8f0}.pc-chart-footer-legend{color:var(--muted);justify-content:center;gap:20px;margin-top:12px;font-size:12px;display:flex}.pc-urgent-banner{background:var(--surface);border:1px solid #fecdd3;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;display:flex}.pc-urgent-left{align-items:center;gap:14px;display:flex}.pc-urgent-icon{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.pc-urgent-left strong{color:var(--primary);font-size:14px;display:block}.pc-urgent-left small{color:var(--muted);font-size:12px}.pc-btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:11px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;display:inline-flex}.pc-btn-green{color:#fff;cursor:pointer;background:#10b981;border:0;border-radius:11px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;display:inline-flex}.pc-btn-outline{background:var(--surface);color:var(--ink);border:1px solid var(--line);cursor:pointer;border-radius:11px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;display:inline-flex}.pc-tabs-bar{border-bottom:1px solid var(--line);gap:24px;margin-bottom:16px;display:flex}.pc-tabs-bar button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 2px 12px;font-size:13px;font-weight:600}.pc-tabs-bar button.active{color:var(--primary);border-bottom-color:var(--primary)}.pc-filter-row{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.pc-filter-row select,.pc-filter-row input{border:1px solid var(--line);background:var(--canvas);height:38px;color:var(--ink);border-radius:10px;padding:0 12px;font-size:13px}.pc-date-range-pill{border:1px solid var(--line);background:var(--canvas);border-radius:10px;align-items:center;gap:7px;height:38px;padding:0 12px;font-size:12px;display:inline-flex}.pc-table-wrap{overflow-x:auto}.pc-table{border-collapse:collapse;width:100%;font-size:13px}.pc-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:12px 10px;font-weight:600}.pc-table td{border-bottom:1px solid var(--line);padding:12px 10px}.pc-table-total-row td{background:var(--canvas);padding:14px 10px;font-size:14px}.pc-person-cell{color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-weight:600;display:inline-flex}.pc-avatar-sm{background:var(--primary-soft);width:28px;height:28px;color:var(--primary);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.pc-badge{border-radius:99px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.pc-badge-green{color:#059669;background:#ecfdf5}.pc-badge-amber{color:#d97706;background:#fffbeb}.pc-badge-red{color:#dc2626;background:#fef2f2}.pc-badge-blue{color:#2563eb;background:#eff6ff}.pc-badge-purple{color:#7c3aed;background:#f5f3ff}.pc-row-actions{gap:6px;display:inline-flex}.pc-row-actions button{border:1px solid var(--line);background:var(--canvas);cursor:pointer;color:var(--ink);border-radius:8px;padding:5px 8px}.pc-approve-mini{align-items:center;gap:4px;font-size:11px;font-weight:600;display:inline-flex;color:#059669!important;background:#ecfdf5!important;border-color:#a7f3d0!important}.pc-reject-mini{color:#dc2626!important;background:#fef2f2!important;border-color:#fecaca!important}.pc-pagination{color:var(--muted);justify-content:space-between;align-items:center;padding-top:14px;font-size:12px;display:flex}.pc-page-numbers{gap:6px;display:flex}.pc-page-numbers button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:8px;width:30px;height:30px;font-weight:600}.pc-page-numbers button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pc-breadcrumb{color:var(--muted);align-items:center;gap:8px;margin-bottom:14px;font-size:12px;display:flex}.pc-breadcrumb button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0}.pc-emp-detail-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.pc-emp-detail-left{align-items:center;gap:16px;display:flex}.pc-avatar-lg{background:var(--primary-soft);width:64px;height:64px;color:var(--primary);border-radius:50%;place-items:center;font-size:20px;font-weight:800;display:grid}.pc-emp-name-row{align-items:center;gap:10px;display:flex}.pc-emp-name-row h2{margin:0;font-size:20px}.pc-detail-two-cols{grid-template-columns:1fr 1fr;gap:18px;display:grid}.pc-detail-box{background:var(--canvas);border:1px solid var(--line);border-radius:16px;padding:18px}.pc-detail-box h3{margin:0 0 12px;font-size:14px}.pc-detail-box dl{gap:10px;margin:0;font-size:13px;display:grid}.pc-detail-box dl>div{border-bottom:1px dashed var(--line);justify-content:space-between;padding-bottom:8px;display:flex}.pc-detail-box dt{color:var(--muted)}.pc-detail-box dd{margin:0;font-weight:600}.pc-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.pc-setting-item{background:var(--surface);border:1px solid var(--line);text-align:left;cursor:pointer;border-radius:18px;align-items:center;gap:14px;padding:20px;transition:border-color .15s,transform .15s;display:flex}.pc-setting-item:hover{border-color:var(--primary);transform:translateY(-2px)}.pc-setting-item .pc-kpi-icon{margin-bottom:0}.pc-setting-item strong{color:var(--ink);font-size:14px;display:block}.pc-setting-item small{color:var(--muted);font-size:12px}.pc-wizard-steps{align-items:center;gap:12px;margin-bottom:24px;display:flex}.pc-step{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.pc-step span{background:var(--canvas);border-radius:50%;place-items:center;width:26px;height:26px;font-weight:700;display:grid}.pc-step.active{color:var(--primary)}.pc-step.active span{background:var(--primary);color:#fff}.pc-step-line{background:var(--line);flex:1;height:1px}.pc-wizard-form{gap:16px;display:grid}.pc-form-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.pc-wizard-form label{gap:6px;font-size:13px;font-weight:600;display:grid}.pc-wizard-form input,.pc-wizard-form select,.pc-wizard-form textarea{border:1px solid var(--line);background:var(--canvas);color:var(--ink);border-radius:11px;padding:10px 12px;font-size:13px}.pc-wizard-footer{justify-content:space-between;padding-top:12px;display:flex}.pc-notif-pills{gap:8px;margin-bottom:16px;display:flex}.pc-notif-pills button{border:1px solid var(--line);background:var(--canvas);cursor:pointer;border-radius:99px;padding:6px 14px;font-size:12px;font-weight:600}.pc-notif-pills button.active{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}.pc-notif-list{gap:12px;display:grid}.pc-notif-item{background:var(--canvas);border:1px solid var(--line);border-radius:14px;align-items:center;gap:14px;padding:14px;display:flex}.pc-notif-item .pc-kpi-icon{margin-bottom:0}.pc-notif-item strong{font-size:14px;display:block}.pc-notif-item p{color:var(--muted);margin:3px 0 0;font-size:12px}.pc-toast{z-index:200;color:#fff;background:#0f172a;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;display:inline-flex;position:fixed;top:20px;right:24px;box-shadow:0 10px 30px #0003}@media (max-width:1024px){.pc-admin-shell{grid-template-columns:1fr}.pc-sidebar{display:none}.pc-kpi-grid,.pc-charts-row,.pc-detail-two-cols,.pc-settings-grid{grid-template-columns:1fr}}.pc-title-icon-pink{background:var(--primary-soft);width:48px;height:48px;color:var(--primary);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.pc-kpi-grid-6{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.pc-kpi-top-line{align-items:center;gap:10px;margin-bottom:10px;display:flex}.pc-kpi-top-line .pc-kpi-icon{border-radius:10px;width:36px;height:36px;margin-bottom:0}.pc-kpi-top-title{color:var(--muted);font-size:12px;font-weight:600}.pc-kpi-subnote{color:var(--muted);margin-top:2px;font-size:11px;display:block}.pc-att-analytics-row{grid-template-columns:1.45fr 1.15fr .95fr 215px;align-items:stretch;gap:14px;display:grid}.pc-card-head-flex{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.pc-card-head-flex h2{margin:0;font-size:14px;font-weight:700}.pc-mini-legend{color:var(--muted);align-items:center;gap:10px;font-size:11px;display:flex}.pc-dot.red{background:#ef4444}.pc-line-chart-box{width:100%;overflow:hidden}.pc-svg-chart{width:100%;height:165px;display:block}.pc-cal-month-nav{justify-content:center;align-items:center;gap:14px;margin-bottom:10px;font-size:12px;display:flex}.pc-cal-month-nav button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:14px}.pc-mini-cal-weekdays{text-align:center;color:var(--muted);grid-template-columns:repeat(7,1fr);margin-bottom:6px;font-size:10px;font-weight:600;display:grid}.pc-mini-cal-grid{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.pc-mini-cal-day{color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:4px 2px;font-size:11px;font-weight:600;display:flex}.pc-mini-cal-day:hover{background:var(--canvas)}.pc-mini-cal-day.active{background:var(--primary);color:#fff}.pc-mini-cal-dots{gap:2px;height:4px;display:flex}.pc-mini-cal-dots i{border-radius:50%;width:3.5px;height:3.5px;display:inline-block}.pc-mini-cal-dots i.green{background:#10b981}.pc-mini-cal-dots i.amber{background:#f59e0b}.pc-mini-cal-dots i.red{background:#ef4444}.pc-mini-cal-day.active .pc-mini-cal-dots i{background:#fff}.pc-att-side-actions{flex-direction:column;gap:10px;display:flex}.pc-att-action-primary{justify-content:center;width:100%;height:42px;box-shadow:0 6px 16px #b90e4838}.pc-att-action-btn{background:var(--surface);border:1px solid var(--line);width:100%;height:40px;color:var(--ink);cursor:pointer;border-radius:12px;align-items:center;gap:9px;padding:0 14px;font-size:12px;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.pc-att-action-btn:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.pc-att-filter-bar{grid-template-columns:repeat(4,1fr) 1.5fr;align-items:end;gap:12px;margin-bottom:16px;display:grid}.pc-att-filter-bar label{color:var(--muted);gap:5px;font-size:11px;font-weight:600;display:grid}.pc-att-filter-bar select,.pc-att-filter-bar input{border:1px solid var(--line);background:var(--canvas);height:38px;color:var(--ink);box-sizing:border-box;border-radius:10px;width:100%;padding:0 10px;font-size:12px}.pc-att-search-group{gap:8px;display:flex}.pc-input-with-icon{align-items:center;display:flex;position:relative}.pc-input-with-icon svg{color:var(--muted);position:absolute;left:10px}.pc-input-with-icon input{padding-left:30px!important}.pc-dots-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 6px}.pc-dots-btn:hover{background:var(--canvas);color:var(--ink)}.pc-modal-backdrop{z-index:150;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.pc-modal-box{background:var(--surface);border:1px solid var(--line);border-radius:20px;width:min(100%,520px);padding:22px 24px;box-shadow:0 24px 60px #00000038}.pc-modal-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.pc-modal-head h3{margin:0;font-size:17px;font-weight:700}.pc-modal-head button{border:1px solid var(--line);background:var(--canvas);cursor:pointer;width:32px;height:32px;color:var(--muted);border-radius:8px;place-items:center;display:grid}@media (max-width:1280px){.pc-kpi-grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}.pc-att-analytics-row,.pc-att-filter-bar{grid-template-columns:1fr 1fr}}.pc-compact-analytics-card{flex-direction:column;justify-content:flex-start;display:flex;margin-bottom:0!important;padding:14px 16px!important}.pc-mini-cal-grid{grid-template-columns:repeat(7,1fr);align-content:start;gap:2px;display:grid}.pc-mini-cal-day{border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:1px;height:28px;padding:2px 0;font-size:11px;font-weight:600;display:flex}.pc-modal-table-wrap{width:100%;overflow-x:auto}.hrm .pc-modal-table{table-layout:auto;width:100%!important;min-width:0!important}.hrm .pc-modal-table th,.hrm .pc-modal-table td{white-space:nowrap;padding:10px 8px;font-size:12.5px}.pc-bell-count{color:#fff;min-width:17px;height:17px;box-shadow:0 0 0 2px var(--surface);background:#e11d48;border-radius:99px;place-items:center;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:-4px;right:-4px}.pc-mobile-menu-trigger,.pc-mobile-overlay{display:none}@media (max-width:1024px){.pc-mobile-menu-trigger{flex-shrink:0;display:grid}.pc-sidebar{z-index:160;width:260px;transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);display:flex!important}.pc-sidebar.mobile-open{transform:translate(0);box-shadow:20px 0 50px #00000040}.pc-mobile-overlay{z-index:155;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;display:block;position:fixed;inset:0}.pc-topbar{padding:0 14px}.pc-user-meta{display:none}.pc-workspace{padding:16px 14px 40px}.pc-kpi-grid,.pc-kpi-grid-6{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.pc-kpi-card{border-radius:14px!important;padding:14px!important}.pc-kpi-card strong{font-size:20px!important}.pc-page-header{flex-direction:column;align-items:flex-start;gap:12px}.pc-header-controls{flex-wrap:wrap;width:100%}.pc-att-analytics-row,.pc-charts-row,.pc-detail-two-cols,.pc-settings-grid,.pc-form-grid-2{grid-template-columns:1fr!important}}.hrm .pc-cal-table{border-collapse:collapse;table-layout:fixed;margin-top:2px;width:100%!important;min-width:0!important}.hrm .pc-cal-table th{text-align:center;color:var(--muted);font-size:10.5px;font-weight:700;border:0!important;padding:4px 0 6px!important}.hrm .pc-cal-table td{text-align:center;vertical-align:middle;border:0!important;padding:1px!important}.pc-cal-day-btn{width:100%;height:27px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0;font-size:11px;font-weight:600;display:flex}.pc-cal-day-btn:hover{background:var(--canvas)}.pc-cal-day-btn.today{box-shadow:inset 0 0 0 1.5px var(--primary);color:var(--primary)}.pc-cal-day-btn.active{background:var(--primary)!important;color:#fff!important}.pc-cal-day-btn.active .pc-mini-cal-dots i{background:#fff!important}.pc-att-action-btn.active{font-weight:700;border-color:var(--primary)!important;background:var(--primary-soft)!important;color:var(--primary)!important}.pc-modal-head button.pc-modal-close-btn{border:1px solid var(--line);background:var(--canvas);cursor:pointer;width:32px;height:32px;color:var(--muted);border-radius:8px;place-items:center;display:grid}.pc-btn-primary,.pc-btn-green,.pc-btn-outline,.pc-month-picker{flex-shrink:0;white-space:nowrap!important}.pc-tabs-bar button{white-space:nowrap}.pc-table th,.pc-table td{vertical-align:middle}