.employee-page-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:-2px 0 18px;padding:24px 26px;border-radius:16px;color:#fff;background:linear-gradient(125deg,#0e294c,#123f72 68%,#185998);box-shadow:0 12px 30px rgba(15,48,86,.17)}.employee-page-hero:before{content:"";position:absolute;width:190px;height:190px;border:42px solid rgba(255,255,255,.055);border-radius:50%;right:120px;top:-110px}.employee-page-hero:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-24px;bottom:-42px;background:#f79009;opacity:.8}.employee-page-hero>a,.employee-page-hero>div{position:relative;z-index:1}.employee-page-hero h1{margin:5px 0 7px;font-size:27px;letter-spacing:-.025em}.employee-page-hero p{margin:0;max-width:740px;color:#d8e7f7;font-size:12px;line-height:1.55}.employee-kicker{font-size:10px;font-weight:900;letter-spacing:.14em;color:#ffbd66}.hero-back{border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.1);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-back:hover{background:#fff;color:#123f72}.employee-add-btn{border:0;background:#f79009;color:#fff;padding:11px 16px;box-shadow:0 8px 18px rgba(247,144,9,.25)}.employee-add-btn:hover{background:#dc6803}.employee-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:14px}.employee-summary-grid>div{display:flex;align-items:center;gap:12px;min-height:76px;padding:13px 15px;border:1px solid #e4eaf1;border-radius:12px;background:#fff;box-shadow:0 2px 7px rgba(16,24,40,.035)}.employee-summary-grid i{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;font-style:normal;font-size:18px}.employee-summary-grid b,.employee-summary-grid small,.employee-summary-grid span{display:block}.employee-summary-grid b{font-size:21px;color:#17243a}.employee-summary-grid small{margin-top:2px;color:#667085;font-size:10px}.summary-total i{background:#edf4ff;color:#175cd3}.summary-active i{background:#eafaf1;color:#067647}.summary-probation i{background:#fff4e5;color:#b54708}.summary-other i{background:#f4f0ff;color:#6941c6}.employee-list-card{border-radius:13px!important;box-shadow:0 5px 18px rgba(16,24,40,.055)}.employee-search-line{position:relative;align-items:center!important;padding:16px 17px!important;background:linear-gradient(180deg,#fff,#fbfcfe)!important}.employee-search-line>span{position:absolute;left:29px;font-size:23px;color:#8090a5;transform:rotate(-18deg);z-index:1}.employee-search-line>input{padding-left:43px!important;border-color:#ccd8e5!important}.employee-search-line>.employee-clear-search{position:absolute;right:103px;width:26px;height:26px;border:0;border-radius:50%;background:#eef2f6;color:#667085;font-size:18px;cursor:pointer}.employee-search-line>.btn{min-width:92px;min-height:42px}.employee-table-head{border-top:1px solid #edf1f5;background:#f3f7fb!important;color:#52657b!important}.employee-row{transition:background .15s,transform .15s}.employee-row:hover{background:#f5f9ff!important;box-shadow:inset 3px 0 #2e73bb}.employee-identity .avatar{border:2px solid #fff;box-shadow:0 0 0 1px #dbe4ee,0 3px 8px rgba(16,24,40,.12)}.employee-identity b{font-size:12.5px!important}.employee-email{color:#42617f}.status-badge{gap:6px;padding:5px 9px!important}.status-badge u{width:7px;height:7px;border-radius:50%;background:currentColor;text-decoration:none;box-shadow:0 0 0 3px rgba(255,255,255,.6)}.status-badge.probation{background:#fff4e5;color:#b54708}.status-badge.intern{background:#eef4ff;color:#3538cd}.status-badge.collaborator{background:#f4f0ff;color:#6941c6}.employee-create-form{border:1px solid #dfe7f0!important;border-radius:15px!important;box-shadow:0 9px 30px rgba(16,42,76,.08)!important}.employee-form-quicknav{position:-webkit-sticky;position:sticky;top:62px;z-index:7;display:grid;grid-template-columns:repeat(8,minmax(82px,1fr));grid-gap:1px;gap:1px;padding:9px;background:#fff;border-bottom:1px solid #e4eaf1;border-radius:15px 15px 0 0;box-shadow:0 5px 13px rgba(16,24,40,.045)}.employee-form-quicknav a{display:flex;align-items:center;justify-content:center;gap:5px;min-height:40px;padding:6px 7px;border-radius:8px;color:#475467;font-size:10px;font-weight:800;transition:.15s}.employee-form-quicknav a:hover{color:var(--tone);background:var(--soft);transform:translateY(-1px)}.employee-form-quicknav i{font-style:normal;font-size:15px}.employee-code-banner{position:relative;display:grid!important;grid-template-columns:48px 175px 1fr auto;grid-gap:14px!important;gap:14px!important;align-items:center!important;margin:18px!important;padding:15px 17px!important;border:1px solid #f5c06d!important;border-radius:12px!important;background:linear-gradient(100deg,#fffaf1,#fff5df)!important;box-shadow:inset 4px 0 #f79009}.employee-code-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;background:#f79009;color:#fff;font-size:24px;font-weight:900}.employee-code-banner>div:nth-child(2) span{font-size:9px!important;font-weight:900;letter-spacing:.08em;color:#8a5107!important}.employee-code-banner>div:nth-child(2) b{font-size:26px!important;color:#17365d!important;line-height:1.05}.employee-code-banner em{display:block;margin-top:3px;color:#b54708;font-size:9px;font-style:normal;font-weight:700}.employee-code-banner p{padding-left:15px;border-left:1px solid #f1d39f!important;color:#5b4a31!important}.employee-code-banner p strong{color:#17365d}.safe-code-badge{padding:7px 10px;border-radius:999px;background:#e9f8ef;color:#067647;font-size:10px;font-weight:900;white-space:nowrap}.employee-form-section{position:relative;margin:12px 18px 0;padding:20px!important;border:1px solid #e3e9f0!important;border-radius:13px;background:linear-gradient(110deg,var(--soft) 0,rgba(255,255,255,.98) 190px);scroll-margin-top:125px;box-shadow:0 2px 8px rgba(16,24,40,.035)}.employee-form-section:before{content:"";position:absolute;left:-1px;top:15px;bottom:15px;width:4px;border-radius:0 5px 5px 0;background:var(--tone)}.employee-section-title{align-items:flex-start!important;margin-bottom:18px!important;padding-bottom:13px;border-bottom:1px solid color-mix(in srgb,var(--tone) 16%,#e5e7eb)}.employee-section-title>span{width:38px!important;height:38px!important;background:var(--soft)!important;color:var(--tone)!important;font-size:18px!important;border:1px solid color-mix(in srgb,var(--tone) 25%,#fff)}.employee-section-title small{display:block;color:var(--tone);font-size:8px;font-weight:900;letter-spacing:.1em}.employee-section-title h2{margin:2px 0 0!important;color:#17243a!important;font-size:15px!important}.employee-section-title p{margin:3px 0 0;color:#718096;font-size:10px}.employee-form-grid>label>span,.static-label{color:#33445a!important}.employee-form-grid input,.employee-form-grid select{border-color:#cbd7e4!important;transition:border-color .15s,box-shadow .15s,background .15s}.employee-form-grid input:hover,.employee-form-grid select:hover{border-color:color-mix(in srgb,var(--tone) 50%,#cbd7e4)!important}.employee-form-grid input:focus,.employee-form-grid select:focus{border-color:var(--tone)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--tone) 12%,transparent)!important}.employee-org-picker{border-color:#cbd7e4!important}.employee-org-row.selected{background:var(--soft)!important;box-shadow:inset 3px 0 var(--tone)}.tone-blue{--tone:#2563b9;--soft:#edf5ff}.tone-cyan{--tone:#087ca7;--soft:#eaf9fd}.tone-violet{--tone:#6941c6;--soft:#f3efff}.tone-amber{--tone:#b65d08;--soft:#fff5e7}.tone-green{--tone:#087a52;--soft:#eaf9f2}.tone-rose{--tone:#c4325a;--soft:#fff0f4}.tone-teal{--tone:#087f79;--soft:#e9faf8}.tone-indigo{--tone:#4148b8;--soft:#eef0ff}.employee-form-actions{align-items:center!important;justify-content:space-between!important;padding:14px 22px!important;border-radius:0 0 15px 15px}.employee-form-actions>span b,.employee-form-actions>span small{display:block}.employee-form-actions>span b{font-size:10px;color:#475467}.employee-form-actions>span b i{color:#d92d20;font-style:normal}.employee-form-actions>span small{margin-top:3px;color:#98a2b3;font-size:9px}.employee-form-actions>div{display:flex;gap:8px}.employee-save-btn{border:1px solid #087a52;background:#087a52;color:#fff;padding:9px 16px;font-weight:800}.employee-save-btn:hover{background:#05603f}.employee-save-btn:disabled{opacity:.55}@media(max-width:1150px){.employee-form-quicknav{grid-template-columns:repeat(4,1fr)}.employee-summary-grid{grid-template-columns:repeat(2,1fr)}.employee-code-banner{grid-template-columns:48px 150px 1fr}.safe-code-badge{grid-column:2/-1;justify-self:start}}@media(max-width:760px){.employee-page-hero{align-items:flex-start;flex-direction:column;padding:20px}.employee-page-hero h1{font-size:23px}.employee-page-hero>a{width:100%;text-align:center}.employee-form-quicknav{position:static;grid-template-columns:repeat(2,1fr)}.employee-form-quicknav a{justify-content:flex-start}.employee-summary-grid{grid-template-columns:1fr 1fr}.employee-code-banner{grid-template-columns:42px 1fr!important}.employee-code-banner p,.safe-code-badge{grid-column:1/-1}.employee-code-banner p{padding:12px 0 0!important;border-top:1px solid #f1d39f;border-left:0!important}.employee-form-section{margin:10px 10px 0;padding:16px!important}.employee-form-actions{align-items:stretch!important;flex-direction:column}.employee-form-actions>div{display:grid;grid-template-columns:1fr 1fr}.employee-form-actions .btn{text-align:center}.employee-search-line>.employee-clear-search{right:104px}}.employee-list-toolbar{display:flex;align-items:center;gap:10px;padding-right:17px;background:linear-gradient(180deg,#fff,#fbfcfe);border-bottom:1px solid #edf1f5}.employee-list-toolbar .employee-search-line{flex:1 1;border-bottom:0!important}.employee-export-btn{min-width:100px;border-color:#b8c8da;background:#fff;color:#173f6b;font-weight:800}.employee-export-btn:hover{background:#eef5fc}.employee-wide-scroll{overflow-x:auto}.employee-wide-table{min-width:1660px}.employee-wide-head,.employee-wide-row{display:grid;grid-template-columns:54px minmax(300px,1.55fr) minmax(190px,1fr) 145px 130px minmax(220px,1.1fr) 115px 125px 145px minmax(190px,1fr);grid-gap:12px;gap:12px;align-items:center}.employee-wide-head{padding:10px 16px;background:#f3f7fb;color:#52657b;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.035em;border-top:1px solid #edf1f5}.employee-wide-row{min-height:70px;padding:10px 16px;border-top:1px solid #edf0f4;color:#334155;font-size:11px;transition:background .15s,box-shadow .15s}.employee-wide-row:hover{background:#f5f9ff;box-shadow:inset 3px 0 #2e73bb}.employee-wide-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.employee-stt{text-align:center;color:#667085;font-weight:800}.employee-wide-row .employee-identity b{font-size:11.5px!important}.employee-wide-row .employee-identity small{font-size:10px}.employee-wide-row .status-badge{white-space:nowrap}.employee-pagination{display:flex;align-items:center;justify-content:flex-end;gap:14px}.employee-page-buttons{display:flex;gap:5px}.employee-page-buttons button{width:28px;height:26px;border:1px solid #d0d9e4;border-radius:6px;background:#fff;color:#344054;cursor:pointer}.employee-page-buttons button:disabled{opacity:.35;cursor:not-allowed}@media(max-width:760px){.employee-list-toolbar{align-items:stretch;flex-direction:column;padding:0 12px 12px}.employee-list-toolbar .employee-search-line{padding:12px 0 0!important}.employee-export-btn{width:100%}.employee-wide-scroll{border-top:1px solid #edf1f5}.employee-pagination{justify-content:space-between}}.employee-simple-code{max-width:420px;margin:18px 0 8px;padding:0}.employee-simple-code label{display:block}.employee-simple-code input{font-size:18px;font-weight:700}.employee-simple-code small{display:block;margin-top:6px;color:#64748b}.employee-status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-weight:700;font-size:12px;line-height:1.2;background:#eaf2ff;color:#175cd3}.employee-status-badge.active{background:#e8f7ee;color:#087a3f}.employee-status-badge.inactive{background:#feecec;color:#b42318}.employee-status-badge.other{background:#eaf2ff;color:#175cd3}.employee-list-card{overflow:visible!important}.employee-list-toolbar{position:relative;z-index:12}.employee-wide-scroll{width:100%;max-height:calc(100vh - 355px);overflow:auto;scrollbar-gutter:stable;border-bottom:1px solid #e3eaf2}.employee-wide-table{width:100%;min-width:0!important}.employee-wide-head,.employee-wide-row{grid-template-columns:3.2% minmax(210px,18%) minmax(120px,11.5%) minmax(108px,9%) minmax(90px,7.5%) minmax(150px,13.5%) minmax(82px,7.2%) minmax(86px,7.6%) minmax(96px,8.5%) minmax(105px,10%);gap:6px;padding-left:12px;padding-right:12px}.employee-wide-head{position:-webkit-sticky;position:sticky;top:0;z-index:10;min-height:38px;padding-top:8px;padding-bottom:8px;background:#eaf1f8!important;color:#314b67!important;font-size:9.5px!important;line-height:1.15;letter-spacing:.015em!important;box-shadow:0 2px 5px rgba(16,24,40,.1)}.employee-wide-head>span{white-space:normal;overflow:visible;text-overflow:clip}.employee-wide-row{min-height:58px!important;padding-top:7px!important;padding-bottom:7px!important;font-size:10.5px!important;line-height:1.25;background:#fff}.employee-wide-row:nth-child(2n){background:#f7faff}.employee-wide-row:nth-child(odd){background:#fff}.employee-wide-row:hover{background:#eaf4ff!important;box-shadow:inset 4px 0 #2468ad!important}.employee-wide-row>span{white-space:nowrap}.employee-wide-row .employee-identity{gap:8px}.employee-wide-row .employee-identity .avatar{width:34px!important;height:34px!important;min-width:34px!important;font-size:9px!important}.employee-wide-row .employee-identity b{font-size:10.8px!important;line-height:1.2}.employee-wide-row .employee-identity small{font-size:9.3px!important;margin-top:2px!important;color:#66778b}.employee-wide-row .status-badge{font-size:9px!important;padding:4px 7px!important;gap:4px!important}.employee-wide-row .status-badge u{width:6px;height:6px}.employee-wide-row .employee-email{font-size:9.8px;color:#315b83}.employee-pagination{position:relative;z-index:11;background:#f8fafc!important;padding:8px 14px!important}@media(max-width:1450px){.employee-wide-head,.employee-wide-row{grid-template-columns:34px minmax(190px,18%) minmax(105px,11%) minmax(100px,9%) 82px minmax(135px,13%) 76px 80px 90px minmax(96px,9%);gap:4px;padding-left:8px;padding-right:8px}.employee-wide-head{font-size:8.7px!important}.employee-wide-row{font-size:9.7px!important}.employee-wide-row .employee-identity b{font-size:10px!important}.employee-wide-row .employee-email,.employee-wide-row .employee-identity small{font-size:8.8px!important}}@media(max-width:1180px){.employee-wide-table{min-width:1120px!important}}.employee-search-select,.employee-search-select-box{position:relative}.employee-search-select-box>input{width:100%;padding-right:36px!important}.employee-search-select-box>button{position:absolute;right:1px;top:1px;bottom:1px;width:34px;border:0;border-left:1px solid #e1e7ef;background:#fff;border-radius:0 7px 7px 0;color:#667085;cursor:pointer;font-size:16px}.employee-search-options{position:absolute;z-index:60;left:0;right:0;top:calc(100% + 4px);max-height:260px;overflow:auto;padding:5px;border:1px solid #cbd7e4;border-radius:9px;background:#fff;box-shadow:0 12px 28px rgba(16,24,40,.16)}.employee-search-options>button{display:block;width:100%;padding:9px 10px;border:0;border-radius:6px;background:#fff;text-align:left;color:#25364d;cursor:pointer;font-size:11px}.employee-search-options>button:hover{background:#eef6ff}.employee-search-options>button b{color:#175cd3}.employee-search-empty{padding:10px;color:#98a2b3;font-size:10px;text-align:center}.employee-page-hero.employee-list-hero{min-height:116px;margin:0 0 14px;padding:20px 24px 20px 128px;border:1px solid #f7d9c9;border-radius:14px;color:#9f3210;background:linear-gradient(115deg,#fff7f2,#fff1e9 56%,#fff8f4);box-shadow:0 5px 16px rgba(242,101,36,.08)}.employee-page-hero.employee-list-hero:before{content:"👥";position:absolute;left:26px;top:50%;transform:translateY(-50%);width:76px;height:76px;border:0;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#F26524,#ff7a35);color:#fff;font-size:36px;opacity:1;box-shadow:0 8px 18px rgba(242,101,36,.18)}.employee-page-hero.employee-list-hero:after{content:"";right:0;top:0;bottom:0;width:38%;height:auto;border-radius:0;background:linear-gradient(135deg,transparent 20%,rgba(242,101,36,.045) 0,rgba(242,101,36,.045) 42%,transparent 0,transparent 57%,rgba(242,101,36,.035) 0,rgba(242,101,36,.035) 76%,transparent 0);opacity:1}.employee-page-hero.employee-list-hero .employee-kicker{color:#d94d13;font-size:10px;letter-spacing:.11em}.employee-page-hero.employee-list-hero h1{color:#e84f13;font-size:27px;margin:4px 0 5px}.employee-page-hero.employee-list-hero p{color:#667085;font-size:11.5px}.employee-page-hero.employee-list-hero .employee-add-btn{background:#F26524;color:#fff;border:1px solid #f26524;box-shadow:0 7px 16px rgba(242,101,36,.2);padding:12px 18px}.employee-page-hero.employee-list-hero .employee-add-btn:hover{background:#dc4f16;border-color:#dc4f16}.employee-list-card{border:1px solid #eee3dd!important;box-shadow:0 5px 18px rgba(80,42,20,.055)!important}.employee-list-toolbar{padding:10px 14px 10px 0;background:#fffaf7!important;border-bottom:1px solid #f3e5dc!important}.employee-search-line{background:transparent!important;padding:8px 10px 8px 16px!important}.employee-search-line>span{left:28px;color:#F26524}.employee-search-line>input{min-height:42px;border-color:#e5d7cf!important;background:#fff!important;border-radius:8px!important}.employee-search-line>input:focus{border-color:#F26524!important;box-shadow:0 0 0 3px rgba(242,101,36,.1)!important}.employee-search-line>.btn.primary{background:#F26524!important;border-color:#F26524!important;color:#fff!important}.employee-export-btn{border-color:#efc5b1!important;color:#c94a17!important;background:#fff!important}.employee-export-btn:hover{background:#fff4ee!important;border-color:#F26524!important}.employee-wide-head{color:#b94114!important;border-top-color:#f5d7c7!important;box-shadow:0 2px 5px rgba(90,44,18,.07)!important}.employee-wide-row:nth-child(2n){background:#fffaf7!important}.employee-wide-row:nth-child(odd){background:#fff!important}.employee-wide-row:hover{background:#fff2e9!important;box-shadow:inset 4px 0 #F26524!important}.employee-wide-row .employee-email{color:#8f4b2f!important}.employee-pagination{background:#fffaf7!important;border-top-color:#f2e1d7!important}.employee-page-buttons button{border-color:#ead7cc!important}.employee-page-buttons button:not(:disabled):hover{border-color:#F26524;color:#d94d13;background:#fff2e9}@media(max-width:760px){.employee-page-hero.employee-list-hero{padding:88px 18px 18px}.employee-page-hero.employee-list-hero:before{left:18px;top:16px;transform:none;width:58px;height:58px;font-size:28px}}.employee-page-hero:not(.employee-list-hero){min-height:124px;margin:-2px 0 18px;padding:24px 26px;border:1px solid #f07a35;border-radius:16px;color:#fff;background:linear-gradient(112deg,#c83c0b,#ed590f 42%,#ff7b31);box-shadow:0 10px 26px rgba(199,65,13,.18)}.employee-page-hero:not(.employee-list-hero):before{content:"";width:190px;height:190px;right:120px;top:-112px;border:38px solid rgba(255,255,255,.08);background:transparent}.employee-page-hero:not(.employee-list-hero):after{content:"";width:88px;height:88px;right:-25px;bottom:-42px;background:#ffad55;opacity:.55}.employee-page-hero:not(.employee-list-hero) .employee-kicker{color:#ffd49f}.employee-page-hero:not(.employee-list-hero) p{color:#fff1e8}.employee-page-hero:not(.employee-list-hero) .hero-back{border-color:rgba(255,255,255,.55);background:rgba(126,38,4,.13);color:#fff}.employee-page-hero:not(.employee-list-hero) .hero-back:hover{background:#fff;color:#d94d13}.employee-create-form{border-color:#eedfd6!important;box-shadow:0 9px 28px rgba(88,45,20,.07)!important}.employee-create-form .employee-form-quicknav{border-bottom-color:#f0e2d9;box-shadow:0 5px 13px rgba(80,42,20,.045)}.employee-create-form .employee-form-quicknav a{color:#475467}.employee-create-form .employee-form-quicknav a:hover{color:#d94d13;background:#fff1e8}.employee-create-form .employee-form-quicknav a:first-child{color:#d94d13;background:#fff3eb;box-shadow:inset 0 -2px #F26524}.employee-create-form .employee-simple-code{margin:18px 18px 8px;max-width:420px}.employee-create-form .employee-simple-code input{border-color:#e5d3c9!important}.employee-create-form .employee-simple-code input:focus{border-color:#F26524!important;box-shadow:0 0 0 3px rgba(242,101,36,.1)!important}.employee-create-form .employee-simple-code small{color:#8b6c5d}.employee-create-form .employee-form-section{--tone:#F26524;--soft:#fff5ef;border-color:#eedfd6!important;background:linear-gradient(110deg,#fff7f2,rgba(255,255,255,.99) 210px);box-shadow:0 2px 8px rgba(80,42,20,.035)}.employee-create-form .employee-form-section:before{background:#F26524}.employee-create-form .employee-section-title{border-bottom-color:#f2d7c8}.employee-create-form .employee-section-title>span{background:#fff0e7!important;color:#d94d13!important;border-color:#f6cbb5}.employee-create-form .employee-section-title small{color:#ed5a19}.employee-create-form .employee-section-title h2{color:#39291f!important}.employee-create-form .employee-section-title p{color:#8a7062}.employee-create-form .employee-form-grid>label>span,.employee-create-form .static-label{color:#3f342e!important}.employee-create-form .employee-form-grid input,.employee-create-form .employee-form-grid select,.employee-create-form .employee-search-select-box>input{border-color:#decfc7!important;background:#fff}.employee-create-form .employee-form-grid input:hover,.employee-create-form .employee-form-grid select:hover,.employee-create-form .employee-search-select-box>input:hover{border-color:#ef9d73!important}.employee-create-form .employee-form-grid input:focus,.employee-create-form .employee-form-grid select:focus,.employee-create-form .employee-search-select-box>input:focus{border-color:#F26524!important;box-shadow:0 0 0 3px rgba(242,101,36,.1)!important}.employee-create-form .employee-search-select-box>button{border-left-color:#eadbd2;color:#b85a2d}.employee-create-form .employee-search-options{border-color:#efc5b1;box-shadow:0 12px 28px rgba(80,42,20,.14)}.employee-create-form .employee-search-options>button:hover{background:#fff1e8}.employee-create-form .employee-search-options>button b{color:#d94d13}.employee-create-form .employee-org-picker{border-color:#decfc7!important}.employee-create-form .employee-org-row.selected{background:#fff0e7!important;box-shadow:inset 3px 0 #F26524}.employee-create-form .avatar-editor{border-color:#eadbd2!important;background:#fffaf7!important}.employee-create-form .avatar-frame{border-color:#e6c7b7!important;background:#fff!important}.employee-create-form .required{color:#e54818!important}.employee-create-form .employee-form-actions{border-top-color:#f0e2d9!important;background:#fffdfb!important}.employee-create-form .employee-save-btn{border-color:#e85a19;background:#F26524;box-shadow:0 5px 12px rgba(242,101,36,.18)}.employee-create-form .employee-save-btn:hover{background:#dc4f16}.content:has(.employee-list-hero){padding:14px 16px 16px!important}.employee-list-hero{margin-bottom:10px!important;padding:13px 18px!important;min-height:76px!important}.employee-list-hero h1{font-size:22px!important;margin:3px 0!important}.employee-list-hero p{margin:2px 0 0!important}.employee-list-card{width:100%;margin:0!important}.employee-list-toolbar{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 12px!important}.employee-filter-zone{display:grid;grid-template-columns:minmax(340px,1fr) minmax(260px,360px) 104px;grid-gap:9px;gap:9px;align-items:center;flex:1 1;min-width:0}.employee-list-toolbar .employee-search-line{padding:0!important;background:transparent!important;border:0!important;min-width:0}.employee-list-toolbar .employee-search-line>span{left:13px}.employee-list-toolbar .employee-search-line>.employee-clear-search{right:8px}.employee-list-actions{display:flex;gap:8px;flex:0 0 auto}.employee-find-btn{height:42px!important}.employee-org-filter{position:relative;z-index:50}.employee-org-filter-trigger{width:100%;height:42px;border:1px solid #e0cfc4;border-radius:9px;background:#fff;display:flex;align-items:center;gap:8px;padding:5px 9px;color:#5c4031;cursor:pointer;text-align:left}.employee-org-filter-trigger>span{font-size:17px;color:#f26524}.employee-org-filter-trigger>div{min-width:0;flex:1 1}.employee-org-filter-trigger b,.employee-org-filter-trigger small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-org-filter-trigger small{font-size:7.5px;letter-spacing:.08em;color:#a07863}.employee-org-filter-trigger b{font-size:10.5px;margin-top:2px}.employee-org-filter-trigger em{font-style:normal;color:#a07863}.employee-org-filter-trigger.selected{border-color:#f26524;background:#fff8f4}.employee-org-filter-pop{position:absolute;top:47px;left:0;width:min(480px,75vw);max-height:480px;background:#fff;border:1px solid #ead9ce;border-radius:11px;box-shadow:0 16px 38px #4b2a1826;overflow:hidden}.employee-org-filter-search{display:flex;gap:6px;padding:9px;border-bottom:1px solid #f0e4dc;background:#fffaf7}.employee-org-filter-search input{min-width:0;flex:1 1;border:1px solid #ddcfc6;border-radius:7px;padding:8px 9px;font-size:11px}.employee-org-filter-search button{border:0;background:#fff0e7;color:#c64c0f;border-radius:7px;padding:0 9px;font-size:10px;font-weight:700;cursor:pointer}.employee-org-filter-tree{max-height:390px;overflow:auto;padding:6px}.employee-org-filter-row{display:flex;align-items:center;min-height:30px;border-radius:6px}.employee-org-filter-row.selected,.employee-org-filter-row:hover{background:#fff2e9}.employee-org-filter-row>button:first-child{width:24px;border:0;background:transparent;color:#a76846;cursor:pointer}.employee-org-filter-row>i{width:24px;text-align:center;color:#d0a58d}.employee-org-filter-row>button:last-child,.employee-org-search-result{display:flex;gap:7px;align-items:center;min-width:0;flex:1 1;border:0;background:transparent;padding:6px;text-align:left;cursor:pointer;color:#4b3a31}.employee-org-filter-row b,.employee-org-search-result b{font-size:9.5px;color:#d65315}.employee-org-filter-row span,.employee-org-search-result span{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-org-search-result{width:100%;border-radius:6px}.employee-org-search-result:hover{background:#fff2e9}.employee-wide-scroll{max-height:calc(100vh - 300px)!important;min-height:390px}.employee-wide-head{top:0!important;z-index:20!important;background:#fff0e7!important;color:#9a3e16!important;box-shadow:0 2px 7px #5c2e161a!important}.employee-pagination,.employee-wide-head{position:-webkit-sticky!important;position:sticky!important}.employee-pagination{bottom:0!important;z-index:21!important}@media(max-width:1250px){.employee-filter-zone{grid-template-columns:minmax(260px,1fr) minmax(220px,300px) 94px}.employee-list-toolbar{align-items:stretch!important}.employee-list-actions{flex-direction:column}.employee-list-actions .btn{padding:5px 9px!important}}.employee-doc-progress{height:9px;background:#ffe9de;border-radius:20px;margin:16px 0;overflow:hidden}.employee-doc-progress>div{height:100%;background:#e85a1a;transition:width .2s}.employee-doc-table{min-width:1000px;width:100%;border-collapse:collapse}.employee-doc-table th{background:#b93e15;color:white;padding:10px;text-align:left;white-space:nowrap}.employee-doc-table td{padding:9px;border-bottom:1px solid #e9e4e1}.employee-doc-table td:nth-child(4),.employee-doc-table td:nth-child(6),.employee-doc-table td:nth-child(7){text-align:center}.employee-doc-table input[type=number]{width:70px;max-width:100%;padding:7px;border:1px solid #e1d6ce;border-radius:6px}.employee-doc-table input[type=text],.employee-doc-table td:last-child input{width:100%;min-width:120px;padding:7px;border:1px solid #e1d6ce;border-radius:6px}.employee-doc-table input[type=checkbox]{width:17px;height:17px;accent-color:#e85a1a}.employee-doc-files{margin-top:20px;padding:17px;background:#fff8f4;border:1px solid #ffdac6;border-radius:12px}.employee-doc-files h3{margin:0 0 8px}.employee-doc-file-list{margin-top:12px;display:grid;grid-gap:8px;gap:8px}.employee-doc-file-list>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px;background:white;border-radius:8px}.employee-doc-actions{display:flex;justify-content:flex-end;margin-top:18px}:root{--nc-brand:#f26524;--nc-brand-hover:#d95116;--nc-brand-strong:#c7470e;--nc-brand-soft:#fff3eb;--nc-ink:#20354b;--nc-muted:#66758a;--nc-bg:#f5f7fa;--nc-stroke:#e3e8ef;--nc-radius:10px;--nc-focus-ring:0 0 0 3px rgb(242 101 36/14%);--nc-sidebar-size:228px;--nc-header-size:52px}.app-shell{background:var(--nc-bg);min-width:0}.app-shell .sidebar{background:linear-gradient(180deg,#fff,#fffaf7 75%,#fff4ed);border-right:1px solid #efdcd0;box-shadow:2px 0 12px rgb(28 49 73/4%)}.app-shell .sidebar nav{flex:1 1 auto;min-height:0;padding-top:5px;scrollbar-width:thin;scrollbar-color:#e8c8b4 transparent}.app-shell .brand{min-height:72px!important;margin:0 0 6px;padding:5px 10px!important;border-bottom:1px solid var(--nc-stroke);border-radius:0;background:transparent}.app-shell .brand-logo{width:180px!important;height:58px!important;max-width:100%!important;object-fit:contain!important}.app-shell .nav-accordion{margin:2px 0}.app-shell .nav-group-title{margin:5px 0 2px;min-height:35px;padding:7px 10px;border:1px solid #f3e3da;border-radius:8px;color:#934522;background:#fff7f2;box-shadow:inset 3px 0 0 #edab86;font-size:10px;letter-spacing:.035em;line-height:1.28}.app-shell .nav-accordion.open .nav-group-title{background:#ffede2;border-color:#f2cdbb;color:#aa3b0b;box-shadow:inset 3px 0 0 var(--nc-brand)}.app-shell .nav-accordion.closed .nav-group-title{background:#fffaf6;border-color:#f2e9e3;box-shadow:inset 3px 0 0 #f1c3a8}.app-shell .nav-group-toggle:hover{background:#ffece0;color:#a83b0c}.app-shell .nav-group-inner>.nav-item{width:calc(100% - 7px);margin:1px 0 1px 7px}.app-shell .nav-item{padding:7px 10px;min-height:32px;border-radius:7px;color:#475569;font-size:11.5px;line-height:1.45;transform:none}.app-shell .nav-item:hover:not(.active):not(.disabled){color:#bd470f;background:#fff2e9;transform:none}.app-shell .nav-item.active{color:#fff;background:var(--nc-brand-strong);box-shadow:inset 3px 0 0 #a53b0c,0 2px 6px rgb(242 101 36/10%)}.app-shell .sidebar-user{padding:10px 2px 0;gap:8px;border-top-color:#f0e3da}.app-shell .sidebar-user-text strong{color:var(--nc-ink)}.app-shell .sidebar-user-text span{color:var(--nc-muted)}.app-shell .topbar{height:var(--nc-header-size);min-height:var(--nc-header-size);padding:0 16px;background:rgb(255 255 255/97%);border-bottom:1px solid var(--nc-stroke);box-shadow:0 2px 9px rgb(25 50 75/4%)}.app-shell .topbar>div:first-child{min-width:0}.app-shell .crumb{color:#8995a5;font-size:11px}.app-shell .crumb-current{color:var(--nc-ink);font-size:12px}.app-shell .topbar-status{white-space:nowrap;font-size:10.5px}.app-shell>.main{min-width:0}.app-shell .content{width:100%;max-width:none;min-width:0;margin:0;padding:13px 16px}.app-shell :is(a,button,input,select,textarea):focus-visible{outline:2px solid var(--nc-brand);outline-offset:2px}@media (min-width:801px){.app-shell .sidebar{width:var(--nc-sidebar-size);padding:10px 11px}.app-shell>.main{margin-left:var(--nc-sidebar-size);width:calc(100% - var(--nc-sidebar-size))}}@media (max-width:800px){.app-shell .sidebar{width:72px;padding:10px 7px}.app-shell>.main{margin-left:72px;width:calc(100% - 72px)}.app-shell .brand{min-height:65px!important;padding:4px!important}.app-shell .brand-logo{width:55px!important;height:53px!important}.app-shell .content{padding:11px 10px}.app-shell .topbar{padding:0 10px}.app-shell .topbar-status{display:none}}.app-shell .employee-smart-hero{gap:12px;min-height:74px;margin-bottom:9px;padding:12px 17px;border:1px solid #f1dfd2;border-left:4px solid var(--nc-brand);border-radius:var(--nc-radius);background:linear-gradient(110deg,#fff6f0,#fff 72%,#fffaf7);box-shadow:0 2px 10px rgb(32 53 75/4%)}.app-shell .employee-smart-hero:after{opacity:.3}.app-shell .employee-smart-hero span{color:#c04a15;font-size:9px;letter-spacing:.07em}.app-shell .employee-smart-hero h1{font-size:21px;line-height:1.22;margin:2px 0;color:var(--nc-ink)}.app-shell .employee-smart-hero p{font-size:11px;color:var(--nc-muted);line-height:1.4}.app-shell .employee-smart-add{flex-shrink:0;padding:8px 12px!important;border-radius:8px!important;font-size:11px;box-shadow:none}.app-shell .employee-kpi-grid{gap:7px;margin-bottom:9px}.app-shell .employee-kpi-grid button{gap:9px;min-width:0;min-height:60px;padding:9px 11px;border:1px solid var(--nc-stroke);border-radius:var(--nc-radius);box-shadow:0 2px 8px rgb(32 53 75/3%);transition:background .15s ease,border-color .15s ease}.app-shell .employee-kpi-grid button.selected,.app-shell .employee-kpi-grid button:hover{border-color:#f1b190;background:var(--nc-brand-soft);box-shadow:inset 0 0 0 1px rgb(242 101 36/8%);transform:none}.app-shell .employee-kpi-grid i{width:30px;height:30px;flex:0 0 30px;border-radius:8px}.app-shell .employee-kpi-grid b{font-size:18px;line-height:1.1;color:var(--nc-ink)}.app-shell .employee-kpi-grid small{font-size:10px;line-height:1.25;color:var(--nc-muted)}.app-shell .employee-smart-card{min-width:0;border:1px solid var(--nc-stroke);border-radius:var(--nc-radius);box-shadow:0 3px 12px rgb(32 53 75/4%)}.app-shell .employee-smart-toolbar{grid-template-columns:minmax(210px,1.7fr) minmax(175px,1fr) minmax(130px,.8fr) minmax(145px,.9fr) auto auto;gap:7px;padding:9px 10px;background:#fff;border-bottom-color:var(--nc-stroke)}.app-shell .employee-org-filter-trigger,.app-shell .employee-quick-select,.app-shell .employee-smart-search input,.app-shell .employee-smart-toolbar>.btn{height:36px;min-height:36px;border-radius:8px;font-size:11px}.app-shell .employee-smart-search input{border-color:#d5dde7}.app-shell .employee-smart-search input:focus{box-shadow:var(--nc-focus-ring)}.app-shell .employee-org-filter-trigger{padding:3px 9px;border-color:#d5dde7}.app-shell .employee-org-filter-pop{top:40px}.app-shell .employee-org-filter-trigger b{font-size:10px}.app-shell .employee-quick-select{border-color:#d5dde7}.app-shell .employee-smart-toolbar>.btn{padding:6px 10px;white-space:nowrap;grid-column:auto}.app-shell .employee-advanced-panel{padding:10px 12px;background:#fbfcfe}.app-shell .employee-advanced-panel>div{gap:8px;margin-bottom:8px}.app-shell .employee-advanced-panel :is(select,input[type=date]){height:36px;border-color:#d5dde7}.app-shell .employee-list-subbar{min-height:43px;padding:7px 10px;gap:8px;border-bottom-color:var(--nc-stroke)}.app-shell .employee-filter-chips>span{padding:4px 7px}.app-shell .employee-filter-chips em{color:var(--nc-muted)}.app-shell .employee-list-actions{flex-wrap:wrap;gap:6px}.app-shell .employee-list-actions .btn{padding:5px 9px!important;min-height:31px;border-radius:7px;font-size:10.5px;white-space:nowrap}.app-shell .employee-columns-pop{top:calc(100% + 5px);border-color:var(--nc-stroke)}.app-shell .employee-smart-table-wrap{position:relative;width:100%;max-height:max(280px,calc(100dvh - 315px));min-height:260px;overflow:auto;scrollbar-gutter:stable;border-bottom:1px solid var(--nc-stroke)}.app-shell .employee-smart-table{width:100%;min-width:1100px;border-spacing:0;font-size:11px}.app-shell .employee-smart-table thead th{position:-webkit-sticky;position:sticky;top:0;z-index:5;height:36px;padding:7px 9px;color:#384e63!important;background:#edf3f8!important;border-bottom:1px solid #d9e2ec;font-size:10px;line-height:1.25;letter-spacing:.015em;box-shadow:0 1px 0 #d9e2ec}.app-shell .employee-smart-table tbody td{height:42px;padding:4px 9px;border-bottom:1px solid #edf0f4;color:#35475c;line-height:1.35}.app-shell .employee-smart-table tbody tr:nth-child(2n){background:#f8fafc}.app-shell .employee-smart-table tbody tr:hover{background:#fff4ec}.app-shell .employee-smart-person{gap:7px;min-width:210px}.app-shell .employee-smart-person .avatar{width:32px!important;height:32px!important;flex:0 0 32px!important}.app-shell .employee-smart-person b{font-size:11px}.app-shell .employee-smart-person small{font-size:10px;margin-top:1px}.app-shell .employee-contract-pill{padding:3px 6px;border-radius:6px}.app-shell .employee-pagination{padding:8px 11px;background:#fff;color:var(--nc-muted);border-radius:0 0 var(--nc-radius) var(--nc-radius);font-size:11px}.app-shell .employee-detail-head{gap:10px;align-items:center;margin-bottom:11px}.app-shell .employee-detail-head h1{margin:3px 0;font-size:21px;line-height:1.25;color:var(--nc-ink)}.app-shell .employee-detail-head p{font-size:11px;line-height:1.45}.app-shell .employee-detail-head .toolbar{flex-wrap:wrap;gap:7px}.app-shell .employee-detail-head .btn{padding:7px 11px;font-size:11px}.app-shell .employee-detail-layout{grid-template-columns:224px minmax(0,1fr);gap:11px}.app-shell .employee-profile-sidebar{top:calc(var(--nc-header-size) + 10px)!important;max-height:calc(100dvh - var(--nc-header-size) - 22px);overflow-y:auto!important;border:1px solid var(--nc-stroke);border-radius:var(--nc-radius);box-shadow:0 3px 12px rgb(32 53 75/4%)}.app-shell .employee-profile-identity{padding:13px 10px 11px;background:linear-gradient(180deg,#fff8f3,#fff 90%)}.app-shell .employee-profile-identity>.avatar{width:70px!important;height:70px!important}.app-shell .employee-profile-identity h2{margin:7px 7px 3px;font-size:14px}.app-shell .employee-profile-identity .employee-code{margin-bottom:6px}.app-shell .employee-profile-menu-title{padding:10px 12px 7px;font-size:9px}.app-shell .employee-profile-menu>button{min-height:44px;padding:7px 11px;border-radius:0;line-height:1.4}.app-shell .employee-profile-menu>button b{font-size:11px}.app-shell .employee-profile-menu>button span{font-size:9.5px;line-height:1.35}.app-shell .employee-profile-menu>button.active{color:#b5430c;background:#fff2e9;box-shadow:inset 3px 0 0 var(--nc-brand)}.app-shell .employee-detail-main{min-width:0}.app-shell .employee-detail-columns{gap:10px}.app-shell .employee-detail-main .card{min-width:0;padding:12px 14px;border:1px solid var(--nc-stroke);border-radius:var(--nc-radius);box-shadow:0 2px 10px rgb(32 53 75/3%)}.app-shell .employee-detail-main .emp-detail-row{gap:8px;padding:6px 3px;border-bottom-color:#edf1f5;font-size:11px;line-height:1.45}.app-shell .employee-detail-main .emp-detail-row>span{color:var(--nc-muted)}.app-shell .employee-leave-kpis{gap:6px}.app-shell .employee-leave-kpis>div{min-height:68px;padding:9px 7px;border-radius:8px}.app-shell .employee-leave-kpis b{font-size:19px}.app-shell .employee-leave-kpis small,.app-shell .employee-leave-kpis span{font-size:9px}.app-shell .employee-page-hero:not(.employee-list-hero){min-height:85px;padding:14px 18px;margin-bottom:10px;border-radius:var(--nc-radius)}.app-shell .employee-page-hero:not(.employee-list-hero) h1{font-size:22px}.app-shell .employee-create-form{border-radius:var(--nc-radius)}.app-shell .employee-form-quicknav{top:var(--nc-header-size);gap:2px;padding:5px;border-radius:var(--nc-radius) var(--nc-radius) 0 0}.app-shell .employee-form-quicknav a{min-height:34px;padding:5px 6px}.app-shell .employee-create-form .employee-form-section{margin:9px 12px 0;padding:13px 15px!important;border-radius:9px}.app-shell .employee-create-form .employee-section-title{margin-bottom:12px!important;padding-bottom:8px}.app-shell .employee-create-form .employee-form-grid{gap:10px 12px}.app-shell .employee-create-form .employee-form-grid :is(input,select){min-height:36px;padding-top:6px;padding-bottom:6px}.app-shell .employee-create-form .employee-form-actions{padding:10px 14px!important}@media (max-width:1400px){.app-shell .employee-smart-toolbar{grid-template-columns:minmax(200px,1.5fr) minmax(165px,1fr) minmax(125px,.8fr) minmax(140px,.9fr) auto auto}}@media (max-width:1240px){.app-shell .employee-smart-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.app-shell .employee-smart-toolbar>.btn.primary{grid-column:auto}.app-shell .employee-detail-columns{grid-template-columns:1fr}}@media (max-width:1100px){.app-shell .employee-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app-shell .employee-detail-layout{grid-template-columns:1fr}.app-shell .employee-profile-sidebar{position:static!important;max-height:none}.app-shell .employee-smart-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.app-shell .employee-smart-hero{flex-direction:column;align-items:stretch}.app-shell .employee-smart-add{align-self:stretch;text-align:center}.app-shell .employee-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell .employee-smart-toolbar{grid-template-columns:1fr}.app-shell .employee-list-subbar{align-items:stretch}.app-shell .employee-list-actions{justify-content:flex-start}.app-shell .employee-advanced-panel>div,.app-shell .employee-advanced-panel>div:first-child{grid-template-columns:1fr}.app-shell .employee-detail-head{align-items:flex-start}.app-shell .employee-form-quicknav{position:static}.app-shell .employee-create-form .employee-form-section{margin:8px 7px 0;padding:11px!important}}@media (prefers-reduced-motion:reduce){.app-shell .employee-kpi-grid button,.app-shell .nav-item{transition:none}}.app-shell .employee-kpi-grid button{--nc-kpi-accent:#477fb6;--nc-kpi-tint:#f0f6ff;border-color:color-mix(in srgb,var(--nc-kpi-accent) 19%,white);border-left:3px solid var(--nc-kpi-accent);background:linear-gradient(105deg,var(--nc-kpi-tint) 0,#fff 75%);padding:7px 10px;min-height:55px}.app-shell .employee-kpi-grid button:nth-child(4n+1){--nc-kpi-accent:#477fb6;--nc-kpi-tint:#eef5ff}.app-shell .employee-kpi-grid button:nth-child(4n+2){--nc-kpi-accent:#2e9471;--nc-kpi-tint:#ebf8f1}.app-shell .employee-kpi-grid button:nth-child(4n+3){--nc-kpi-accent:#b4832f;--nc-kpi-tint:#fff8e9}.app-shell .employee-kpi-grid button:nth-child(4n+4){--nc-kpi-accent:#c66b62;--nc-kpi-tint:#fff0ed}.app-shell .employee-kpi-grid button i{background:color-mix(in srgb,var(--nc-kpi-accent) 12%,white);color:var(--nc-kpi-accent)}.app-shell .employee-kpi-grid button:is(:hover,.selected){border-color:var(--nc-kpi-accent);background:var(--nc-kpi-tint);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--nc-kpi-accent) 10%,transparent)}.app-shell .attendance-summary{gap:8px;margin:9px 0}.app-shell .attendance-summary>div{background:linear-gradient(110deg,var(--nc-tile-tint),#fff 83%);border:1px solid #e2e8ef;border-left:3px solid var(--nc-tile-accent);border-radius:9px;padding:8px 11px;min-height:55px}.app-shell .attendance-summary>div,.app-shell .attendance-summary>div:nth-child(4n+1){--nc-tile-accent:#477fb6;--nc-tile-tint:#eef5ff}.app-shell .attendance-summary>div:nth-child(4n+2){--nc-tile-accent:#2e9471;--nc-tile-tint:#ebf8f1}.app-shell .attendance-summary>div:nth-child(4n+3){--nc-tile-accent:#b4832f;--nc-tile-tint:#fff8e9}.app-shell .attendance-summary>div:nth-child(4n+4){--nc-tile-accent:#c66b62;--nc-tile-tint:#fff0ed}.app-shell .attendance-summary>div b{color:var(--nc-ink);font-size:18px;line-height:1.2}.app-shell .attendance-summary>div span{color:var(--nc-muted);font-size:11px;margin-top:2px}@media (max-width:720px){.app-shell .attendance-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--nc-control-height:36px;--nc-table-head:#c9470c;--nc-table-head-strong:#ae3705;--nc-row-alt:#fffaf6;--nc-row-hover:#fff1e8}.app-shell :is(.page-heading,.page-header){align-items:center;gap:12px;margin-bottom:10px}.app-shell :is(.page-heading,.page-header) h1{margin:0 0 3px;color:var(--nc-ink);font-size:20px;line-height:1.25}.app-shell :is(.page-heading,.page-header) p{margin:0;color:var(--nc-muted);font-size:11px;line-height:1.45}.app-shell :is(.card,.table-card){min-width:0;border-radius:var(--nc-radius)}.app-shell :is(.table-card,.modern-table-card,.machine-card,.salary-report-card,.report-center-card){overflow:hidden}.app-shell :is(.toolbar,.table-toolbar,.list-toolbar,.machine-toolbar,.filter-line){gap:7px;align-items:end}.app-shell :is(.toolbar,.table-toolbar,.list-toolbar,.machine-toolbar,.filter-line) label{min-width:0;color:#5d5049;font-size:10.5px;font-weight:750;line-height:1.3}.app-shell :is(.toolbar,.table-toolbar,.list-toolbar,.machine-toolbar,.filter-line) :is(input:not([type=checkbox]):not([type=radio]),select,.picker-btn,.nano-combo-trigger,.btn){min-height:var(--nc-control-height);height:var(--nc-control-height);border-radius:8px;font-size:11.5px}.app-shell :is(.toolbar,.table-toolbar,.list-toolbar,.machine-toolbar,.filter-line) label:has(input[type=date]){flex:0 1 154px}.app-shell :is(.toolbar,.table-toolbar,.list-toolbar,.machine-toolbar,.filter-line) :is(input[type=search],input:not([type]):not([size])){min-width:150px}.app-shell :is(.toolbar,.table-toolbar,.list-toolbar,.machine-toolbar,.filter-line) .btn{flex:0 0 auto;padding:0 11px;white-space:nowrap}.app-shell .nano-combo{min-width:150px;max-width:300px}.app-shell .nano-combo-trigger{padding:0 9px}.app-shell .nano-table-viewport{position:relative;width:100%;max-width:100%;max-height:max(260px,calc(100dvh - 285px));overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border-block:1px solid #eadfd8;scrollbar-width:thin;scrollbar-color:#d98a5d #fff5ef}.app-shell table.nano-standard-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:auto;color:#2c3e50;font-size:11.5px;line-height:1.3}.app-shell table.nano-standard-table thead th{position:-webkit-sticky;position:sticky;top:var(--nc-header-size);z-index:7;min-width:max-content;height:34px;padding:6px 8px;border-right:1px solid rgb(255 255 255/22%);border-bottom:1px solid var(--nc-table-head-strong);background:linear-gradient(180deg,var(--nc-table-head),var(--nc-table-head-strong))!important;box-shadow:0 1px 0 rgb(104 36 7/18%);color:#fff!important;font-size:10.5px;font-weight:800;line-height:1.2;letter-spacing:.015em;text-transform:uppercase;white-space:nowrap}.app-shell table.nano-contained-table thead th{top:0}.app-shell table.nano-contained-table thead tr:nth-child(n+2) th{top:34px}.app-shell table.nano-standard-table:not(.nano-contained-table) thead tr:nth-child(n+2) th{top:calc(var(--nc-header-size) + 34px)}.app-shell table.nano-standard-table tbody td{height:34px;padding:5px 8px;border-right:1px solid #f0e6df;border-bottom:1px solid #eee5df;background:#fff;vertical-align:middle}.app-shell table.nano-standard-table tbody tr:nth-child(2n) td{background:var(--nc-row-alt)}.app-shell table.nano-standard-table tbody tr:hover td{background:var(--nc-row-hover)}.app-shell table.nano-standard-table :is(th,td):last-child{border-right:0}.app-shell table.nano-standard-table td small{margin-top:2px;font-size:9.5px}.app-shell table.nano-standard-table [data-nano-col-kind=index]{width:1%;min-width:48px;max-width:64px;text-align:center;white-space:nowrap}.app-shell table.nano-standard-table [data-nano-col-kind=code]{width:1%;min-width:76px;max-width:135px;white-space:nowrap}.app-shell table.nano-standard-table [data-nano-col-kind=date]{width:1%;min-width:100px;max-width:132px;white-space:nowrap}.app-shell table.nano-standard-table [data-nano-col-kind=time]{width:1%;min-width:82px;max-width:120px;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.app-shell table.nano-standard-table [data-nano-col-kind=number]{width:1%;min-width:74px;max-width:132px;text-align:right;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.app-shell table.nano-standard-table [data-nano-col-kind=status]{width:1%;min-width:100px;max-width:170px;white-space:nowrap}.app-shell table.nano-standard-table [data-nano-col-kind=action]{width:1%;min-width:96px;max-width:190px;white-space:nowrap}.app-shell table.nano-standard-table [data-nano-col-kind=name]{min-width:150px;max-width:260px;white-space:normal;overflow-wrap:anywhere}.app-shell table.nano-standard-table [data-nano-col-kind=text]{min-width:105px;max-width:280px;white-space:normal;overflow-wrap:anywhere}.app-shell table.nano-standard-table :is(input:not([type=checkbox]):not([type=radio]),select,.nano-combo-trigger){width:100%;min-width:0;height:29px;min-height:29px;padding:0 7px;border-radius:7px;font-size:10.5px}.app-shell table.nano-standard-table .btn.small{min-height:28px;padding:4px 7px;font-size:10px}.app-shell :is(.machine-foot,.employee-pagination,.nano-pagination){display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:7px 10px;border-top:1px solid #eadfd8;background:#fff;color:var(--nc-muted);font-size:10.5px;line-height:1.35}.app-shell :is(.machine-foot,.employee-pagination,.nano-pagination) .btn{min-height:30px;padding:4px 9px;font-size:10.5px}.app-shell :is(.machine-foot,.employee-pagination,.nano-pagination) :is(b,strong){color:var(--nc-ink)}.app-shell .machine-table.nano-standard-table{width:max-content;min-width:100%}.app-shell .machine-table.nano-standard-table thead th{top:0}.app-shell .machine-table.nano-standard-table thead .column-filters th{top:31px}.app-shell .machine-table.nano-standard-table [data-nano-col-kind]{max-width:none}.app-shell .machine-table-wrap.nano-table-viewport{max-height:calc(100dvh - 235px)}@media (max-width:1100px){.app-shell .nano-table-viewport{max-height:max(260px,calc(100dvh - 320px))}.app-shell table.nano-standard-table{min-width:880px}.app-shell :is(.toolbar,.table-toolbar,.list-toolbar,.filter-line){flex-wrap:wrap}}@media (max-width:720px){.app-shell :is(.page-heading,.page-header){align-items:flex-start}.app-shell :is(.toolbar,.table-toolbar,.list-toolbar,.filter-line)>*{flex:1 1 100%;max-width:none}.app-shell .nano-combo{width:100%;max-width:none}.app-shell :is(.machine-foot,.employee-pagination,.nano-pagination){align-items:flex-start;flex-direction:column}}.app-shell :is(.page-heading,.page-header,.attendance-hero,.employee-smart-hero,.employee-page-hero,.att-home-hero){position:relative;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:100%!important;max-width:100%!important;min-height:54px!important;margin:0 0 8px!important;padding:9px 14px!important;overflow:hidden!important;border:0!important;border-radius:12px!important;color:#fff!important;background:linear-gradient(110deg,#a93806,#d95413 52%,#f27028)!important;box-shadow:0 6px 18px rgba(184,75,23,.14)!important}.app-shell :is(.page-heading,.page-header,.attendance-hero,.employee-smart-hero,.employee-page-hero,.att-home-hero):after,.app-shell :is(.page-heading,.page-header,.attendance-hero,.employee-smart-hero,.employee-page-hero,.att-home-hero):before{display:none!important}.app-shell :is(.page-heading,.page-header,.attendance-hero,.employee-smart-hero,.employee-page-hero,.att-home-hero)>:first-child{position:relative;z-index:1;display:flex!important;flex:1 1 auto;flex-wrap:wrap;align-items:baseline;gap:2px 12px;min-width:0;max-width:none!important}.app-shell :is(.attendance-hero,.employee-smart-hero,.att-home-hero)>:first-child>span,.app-shell :is(.page-heading,.page-header,.attendance-hero,.employee-smart-hero,.employee-page-hero,.att-home-hero) :is(.eyebrow,.employee-kicker){flex:0 0 auto;color:#ffe7d8!important;font-size:9.5px!important;font-weight:900!important;line-height:1.3!important;letter-spacing:.065em!important;white-space:nowrap}.app-shell :is(.page-heading,.page-header,.attendance-hero,.employee-smart-hero,.employee-page-hero,.att-home-hero) h1{flex:0 0 auto;margin:0!important;color:#fff!important;font-size:20px!important;letter-spacing:-.015em!important}.app-shell :is(.page-heading,.page-header,.attendance-hero,.employee-smart-hero,.employee-page-hero,.att-home-hero) p{flex:1 1 280px;min-width:180px;margin:0!important;color:rgba(255,255,255,.84)!important;font-size:10.5px!important;line-height:1.35!important}.app-shell :is(.page-heading,.page-header,.attendance-hero,.employee-smart-hero,.employee-page-hero,.att-home-hero)>:not(:first-child){position:relative;z-index:1;flex:0 0 auto}.app-shell :is(.page-heading,.page-header,.attendance-hero,.employee-smart-hero,.employee-page-hero,.att-home-hero) .btn{min-height:34px;padding:7px 11px;border-color:rgba(255,255,255,.72)!important;background:#fff!important;color:#bc430d!important;box-shadow:0 4px 12px rgba(125,39,7,.16)!important}.app-shell .att-home-hero-art{display:none!important}@media (max-width:900px){.app-shell :is(.page-heading,.page-header,.attendance-hero,.employee-smart-hero,.employee-page-hero,.att-home-hero){align-items:flex-start!important;flex-direction:column!important;flex-wrap:nowrap;padding:9px 12px!important}.app-shell :is(.page-heading,.page-header,.attendance-hero,.employee-smart-hero,.employee-page-hero,.att-home-hero)>:first-child{flex:0 0 auto;width:100%}.app-shell :is(.page-heading,.page-header,.attendance-hero,.employee-smart-hero,.employee-page-hero,.att-home-hero)>:not(:first-child){max-width:100%}.app-shell :is(.page-heading,.page-header,.attendance-hero,.employee-smart-hero,.employee-page-hero,.att-home-hero) :is(.page-actions,.ot-actions){display:flex;max-width:100%;gap:6px;overflow-x:auto}}@media (max-width:560px){.app-shell :is(.page-heading,.page-header,.attendance-hero,.employee-smart-hero,.employee-page-hero,.att-home-hero) h1{font-size:18px!important}.app-shell :is(.page-heading,.page-header,.attendance-hero,.employee-smart-hero,.employee-page-hero,.att-home-hero) p{flex-basis:100%;min-width:0}}.app-shell .topbar{background:#fff!important;isolation:isolate}.app-shell .content,.app-shell>.main{background:var(--nc-bg);isolation:isolate}.app-shell table.nano-standard-table>thead{position:static!important;top:auto!important;z-index:auto!important}.app-shell table.nano-standard-table tbody td{height:auto;min-height:36px;overflow-wrap:anywhere}.app-shell table.nano-standard-table tbody td>:is(b,strong,small){display:block;max-width:100%}.app-shell table.nano-standard-table tbody td>small{margin-top:2px;line-height:1.25}.app-shell table.nano-standard-table [data-nano-col-kind=name]{min-width:200px;max-width:280px}.app-shell .attendance-crud-table [data-nano-col-kind=name],.app-shell .employee-smart-table [data-nano-col-kind=name]{min-width:230px}.app-shell table.nano-standard-table [data-nano-col-kind=code]{min-width:84px;max-width:145px}.app-shell table.nano-standard-table [data-nano-col-kind=text]{min-width:120px;max-width:300px}.app-shell table.nano-standard-table tbody [data-nano-col-kind=code]>*,.app-shell table.nano-standard-table tbody [data-nano-col-kind=name]>*,.app-shell table.nano-standard-table tbody [data-nano-col-kind=text]>*{max-width:100%}.app-shell .employee-smart-person{width:100%;min-width:0;max-width:100%}.app-shell .employee-smart-person>span{min-width:0;max-width:100%}.app-shell .employee-smart-person :is(b,small){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root{--nc-brand:#ff6426;--nc-brand-hover:#ed5017;--nc-brand-strong:#e84b11;--nc-brand-soft:#fff2ea;--nc-ink:#122b50;--nc-muted:#64748b;--nc-bg:#f6f8fc;--nc-surface:#ffffff;--nc-stroke:#dfe6ef;--nc-table-head:#f45b1d;--nc-table-head-strong:#dd430b;--nc-focus-ring:0 0 0 3px rgb(255 100 38/15%);--nc-font:"Be Vietnam Pro",Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif}body,button,html,input,select,textarea{font-family:var(--nc-font)!important}body,html{color:var(--nc-ink);background:var(--nc-bg);font-size:14px;line-height:1.45;font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.app-shell{color:var(--nc-ink);background:linear-gradient(135deg,#f8faff,#f4f7fb)}.app-shell .sidebar{background:#ffffff!important;border-right-color:#e1e7ef!important;box-shadow:3px 0 16px rgb(20 43 80/4%)!important}.app-shell .brand{border-bottom-color:#e9edf3!important}.app-shell .nav-group-title{color:#8b3d1d!important;background:#fffaf7!important;border-color:#f3e7df!important;box-shadow:inset 3px 0 0 #ffc09e!important;font-weight:800}.app-shell .nav-accordion.open .nav-group-title{color:#a83b0c!important;background:#fff2ea!important;border-color:#ffd4bd!important;box-shadow:inset 3px 0 0 var(--nc-brand)!important}.app-shell .nav-group-toggle:hover{color:#9f350b!important;background:#fff0e7!important}.app-shell .nav-item{color:#52637c!important;font-weight:500}.app-shell .nav-item:hover:not(.active):not(.disabled){color:#d9470d!important;background:#fff3ec!important}.app-shell .nav-item.active{color:#ffffff!important;background:linear-gradient(100deg,#f45116,#ff6a30)!important;box-shadow:0 5px 14px rgb(232 75 17/20%)!important;font-weight:750}.app-shell .sidebar-user{border-top-color:#e7ebf1!important}.app-shell .topbar{color:var(--nc-ink);background:rgb(255 255 255/96%)!important;border-bottom-color:#e2e8f0!important;box-shadow:0 1px 8px rgb(20 43 80/3%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-shell .crumb{color:#718096!important}.app-shell .crumb-current{color:var(--nc-ink)!important;font-weight:750}.app-shell .topbar-status{color:#64748b!important}.app-shell .content,.app-shell>.main{background:linear-gradient(145deg,#f8faff,#f5f7fb)!important}.app-shell :is(.page-heading,.page-header,.attendance-hero,.employee-smart-hero,.employee-page-hero,.att-home-hero){color:var(--nc-ink)!important;background:linear-gradient(105deg,#ffb68c,#ffd0b7 47%,#ffeadf)!important;border-color:#ffc7a8!important;box-shadow:0 8px 22px rgb(205 76 20/10%)!important}.app-shell :is(.attendance-hero,.employee-smart-hero,.att-home-hero)>:first-child>span,.app-shell :is(.page-heading,.page-header,.attendance-hero,.employee-smart-hero,.employee-page-hero,.att-home-hero) :is(.eyebrow,.employee-kicker){color:#9d3a12!important;font-weight:850!important}.app-shell :is(.page-heading,.page-header,.attendance-hero,.employee-smart-hero,.employee-page-hero,.att-home-hero) h1{color:#102a4c!important;font-weight:800!important;letter-spacing:-.018em!important}.app-shell :is(.page-heading,.page-header,.attendance-hero,.employee-smart-hero,.employee-page-hero,.att-home-hero) p{color:#644f46!important}.app-shell :is(.page-heading,.page-header,.attendance-hero,.employee-smart-hero,.employee-page-hero,.att-home-hero) .btn{color:#db460e!important;background:rgb(255 255 255/94%)!important;border-color:#ff6b32!important;box-shadow:0 4px 12px rgb(185 61 13/10%)!important}.app-shell :is(.page-heading,.page-header,.attendance-hero,.employee-smart-hero,.employee-page-hero,.att-home-hero) .btn:hover{color:#b93608!important;background:#fff7f2!important}.app-shell .btn{color:#263b5b;background:#ffffff;border-color:#d6dee9;font-weight:700;box-shadow:0 1px 2px rgb(20 43 80/3%)}.app-shell .btn:hover:not(:disabled){color:#d9470d;background:#fff7f2;border-color:#ff9b70}.app-shell .btn.primary{color:#ffffff!important;background:linear-gradient(100deg,#f45116,#ff6b30)!important;border-color:#ee5118!important;box-shadow:0 6px 14px rgb(232 75 17/18%)!important}.app-shell .btn.primary:hover:not(:disabled){background:linear-gradient(100deg,#df420b,#f45a1f)!important}.app-shell :is(input,select,textarea,.nano-combo-trigger){color:#193454;background-color:#ffffff;border-color:#d7e0eb}.app-shell :is(input,textarea)::placeholder{color:#94a3b8;opacity:1}.app-shell .nano-combo-trigger[aria-expanded=true],.app-shell :is(input,select,textarea,.nano-combo-trigger):focus{border-color:#ff8b5b!important;box-shadow:var(--nc-focus-ring)!important;outline:none!important}.app-shell .field-label,.app-shell label{color:#2e405d}.app-shell :is(.card,.tree-panel,.detail-panel,.table-card,.ot-card,.machine-card,.employee-smart-card,.attendance-card){background-color:#ffffff;border-color:#e0e6ee!important;box-shadow:0 4px 16px rgb(20 43 80/5%)}.app-shell :is(.summary-strip,.attendance-summary,.report-kpis,.employee-kpi-grid,.salary-report-kpis)>:is(div,button,article){color:var(--nc-ink);background:#ffffff;border-color:#e0e6ee;box-shadow:0 3px 12px rgb(20 43 80/5%)}.app-shell :is(.summary-strip,.attendance-summary,.report-kpis,.employee-kpi-grid,.salary-report-kpis)>:is(div,button,article):nth-child(5n+1){--nc-pro-accent:#ea580c;--nc-pro-tint:#fff2e9;background:linear-gradient(120deg,var(--nc-pro-tint),#ffffff)!important;border-color:#ffd8c1!important}.app-shell :is(.summary-strip,.attendance-summary,.report-kpis,.employee-kpi-grid,.salary-report-kpis)>:is(div,button,article):nth-child(5n+2){--nc-pro-accent:#2563c5;--nc-pro-tint:#edf5ff;background:linear-gradient(120deg,var(--nc-pro-tint),#ffffff)!important;border-color:#d8e8ff!important}.app-shell :is(.summary-strip,.attendance-summary,.report-kpis,.employee-kpi-grid,.salary-report-kpis)>:is(div,button,article):nth-child(5n+3){--nc-pro-accent:#d9343b;--nc-pro-tint:#fff0f1;background:linear-gradient(120deg,var(--nc-pro-tint),#ffffff)!important;border-color:#ffdadd!important}.app-shell :is(.summary-strip,.attendance-summary,.report-kpis,.employee-kpi-grid,.salary-report-kpis)>:is(div,button,article):nth-child(5n+4){--nc-pro-accent:#07845d;--nc-pro-tint:#eaf9f3;background:linear-gradient(120deg,var(--nc-pro-tint),#ffffff)!important;border-color:#ceeee2!important}.app-shell :is(.summary-strip,.attendance-summary,.report-kpis,.employee-kpi-grid,.salary-report-kpis)>:is(div,button,article):nth-child(5n){--nc-pro-accent:#0f7490;--nc-pro-tint:#eaf8fb;background:linear-gradient(120deg,var(--nc-pro-tint),#ffffff)!important;border-color:#d0edf3!important}.app-shell :is(.summary-strip,.attendance-summary,.report-kpis,.employee-kpi-grid,.salary-report-kpis)>:is(div,button,article) b{color:var(--nc-pro-accent,var(--nc-ink))!important;font-weight:800}.app-shell :is(.summary-strip,.attendance-summary,.report-kpis,.employee-kpi-grid,.salary-report-kpis)>:is(div,button,article) :is(span,small){color:#64748b!important}.app-shell .machine-mini-summary{color:#5d6573!important;background:#fffaf7!important;border-bottom-color:#f2ded2!important}.app-shell .machine-mini-summary b{color:#c8440e!important}.app-shell :is(.salary-report-card,.report-table,.modern-table-card) table>thead>tr>th,.app-shell table.nano-standard-table>thead>tr:first-child>th,.app-shell table.nano-standard-table>thead>tr>th{background:linear-gradient(180deg,#f86527,#ea4d10)!important;border-color:rgb(255 255 255/25%)!important;font-weight:800!important;text-shadow:0 1px 1px rgb(120 34 0/12%)}.app-shell table.nano-standard-table>thead>tr.column-filters>th,.app-shell table.nano-standard-table>thead>tr:nth-child(2)>th{color:#243a59!important;background:#fff6f0!important;border-color:#f0ddd2!important;text-shadow:none}.app-shell :is(.salary-report-card,.report-table,.modern-table-card) table tbody td,.app-shell table.nano-standard-table tbody td{color:#1d3553;border-color:#e2e8f0!important}.app-shell :is(.salary-report-card,.report-table,.modern-table-card) table tbody tr:nth-child(2n) td,.app-shell table.nano-standard-table tbody tr:nth-child(2n) td{background:#f9fbfd}.app-shell :is(.salary-report-card,.report-table,.modern-table-card) table tbody tr:hover td,.app-shell table.nano-standard-table tbody tr:hover td{background:#fff4ed!important}.app-shell :is(.salary-report-card,.report-table,.modern-table-card) table tbody :is(b,strong),.app-shell table.nano-standard-table tbody :is(b,strong){color:#163255;font-weight:750}.app-shell table.nano-standard-table tbody small{color:#748399}.app-shell :is(.badge,.status-badge,.engine-status,.report-pill){font-weight:750}.app-shell :is(.alert,.info-alert,.report-note){border-color:#dbe5f1;box-shadow:0 2px 8px rgb(20 43 80/4%)}.app-shell :is(.btn,input,select,textarea,.nano-combo-trigger,table){letter-spacing:0}.app-shell table.nano-standard-table{font-size:11px;line-height:1.35}@media (max-width:760px){body,html{font-size:13px}.app-shell :is(.page-heading,.page-header,.attendance-hero,.employee-smart-hero,.employee-page-hero,.att-home-hero){background:linear-gradient(120deg,#ffbf9b,#ffe2d2)!important}}:root{--nc-brand:#e45a28;--nc-brand-hover:#d54a1b;--nc-brand-strong:#cf4719;--nc-brand-soft:#fff3ed;--nc-table-head:#d85828;--nc-table-head-strong:#c7471c;--nc-font:Inter,Arial,system-ui,sans-serif}body,button,html,input,select,textarea{font-family:Inter,Arial,system-ui,sans-serif!important}.app-shell :is(.page-heading,.page-header,.attendance-hero,.employee-smart-hero,.employee-page-hero,.att-home-hero){background:linear-gradient(105deg,#ffc5a6,#ffdcc9 52%,#fff1e9)!important;border-color:#ffd5bf!important;box-shadow:0 6px 18px rgb(164 65 25/8%)!important}.app-shell :is(.page-heading,.page-header,.attendance-hero,.employee-smart-hero,.employee-page-hero,.att-home-hero) h1{font-size:21px!important;font-weight:700!important;line-height:1.2!important}.app-shell :is(.attendance-hero,.employee-smart-hero,.att-home-hero)>:first-child>span,.app-shell :is(.page-heading,.page-header,.attendance-hero,.employee-smart-hero,.employee-page-hero,.att-home-hero) :is(.eyebrow,.employee-kicker){color:#93401f!important;font-size:11px!important;font-weight:600!important}.app-shell :is(.page-heading,.page-header,.attendance-hero,.employee-smart-hero,.employee-page-hero,.att-home-hero) p{color:#66554d!important;font-size:12px!important;font-weight:400!important}.app-shell .content label,.app-shell .field-label,.app-shell :is(.filter-label,.machine-filter label,.report-filters label,.ot-filter label,.leave-filter label){font-size:12px!important;font-weight:600!important;line-height:1.3!important}.app-shell .btn,.app-shell :is(input,select,textarea,.nano-combo-trigger){font-size:12.5px!important}.app-shell .btn,.app-shell .nano-combo-trigger{font-weight:600!important}.app-shell .btn.primary{background:linear-gradient(100deg,#d94d1e,#e96532)!important;border-color:#d34a1d!important;box-shadow:0 4px 11px rgb(180 66 24/15%)!important}.app-shell .btn.primary:hover:not(:disabled){background:linear-gradient(100deg,#c94317,#dd5827)!important}.app-shell .nav-item.active{background:linear-gradient(100deg,#d64b1c,#e8602d)!important;box-shadow:0 4px 12px rgb(177 61 20/16%)!important}.app-shell :is(.page-heading,.page-header,.attendance-hero,.employee-smart-hero,.employee-page-hero,.att-home-hero) .btn{color:#c94317!important;border-color:#df6a39!important;box-shadow:0 3px 9px rgb(154 54 17/8%)!important}.app-shell :is(.summary-strip,.attendance-summary,.report-kpis,.employee-kpi-grid,.salary-report-kpis)>:is(div,button,article) b{font-size:19px!important;font-weight:700!important;line-height:1.15!important}.app-shell :is(.summary-strip,.attendance-summary,.report-kpis,.employee-kpi-grid,.salary-report-kpis)>:is(div,button,article) :is(span,small){font-size:11.5px!important;font-weight:400!important;line-height:1.3!important}.app-shell :is(.salary-report-card,.report-table,.modern-table-card) table>thead>tr>th,.app-shell table.nano-standard-table>thead>tr:first-child>th,.app-shell table.nano-standard-table>thead>tr>th{color:#ffffff!important;background:linear-gradient(180deg,#d95a2a,#c9481c)!important;font-size:11.5px!important;font-weight:600!important;line-height:1.25!important;text-shadow:none!important}.app-shell table.nano-standard-table>thead>tr.column-filters>th,.app-shell table.nano-standard-table>thead>tr:nth-child(2)>th{color:#263b59!important;background:#fff5ef!important;font-weight:600!important}.app-shell :is(.salary-report-card,.report-table,.modern-table-card) table,.app-shell table.nano-standard-table{font-size:12px!important;line-height:1.3!important}.app-shell :is(.salary-report-card,.report-table,.modern-table-card) table tbody tr,.app-shell table.nano-standard-table tbody tr{height:36px}.app-shell :is(.salary-report-card,.report-table,.modern-table-card) table tbody td,.app-shell table.nano-standard-table tbody td{height:36px;min-height:34px;padding-top:5px!important;padding-bottom:5px!important;font-size:12px!important;font-weight:400!important;line-height:1.3!important}.app-shell :is(.salary-report-card,.report-table,.modern-table-card) table tbody :is(b,strong),.app-shell table.nano-standard-table tbody :is(b,strong){font-weight:600!important}.app-shell table.nano-standard-table tbody small{font-size:10.5px!important;font-weight:400!important}.app-shell table.nano-standard-table>thead>tr.column-filters,.app-shell table.nano-standard-table>thead>tr:nth-child(2){height:36px}.app-shell table.nano-standard-table>thead>tr.column-filters>th,.app-shell table.nano-standard-table>thead>tr:nth-child(2)>th{height:36px!important;padding-top:4px!important;padding-bottom:4px!important}@media (max-width:760px){.app-shell :is(.page-heading,.page-header,.attendance-hero,.employee-smart-hero,.employee-page-hero,.att-home-hero) h1{font-size:20px!important}.app-shell :is(.salary-report-card,.report-table,.modern-table-card) table,.app-shell table.nano-standard-table{font-size:12px!important}}.app-shell table.nano-column-resize{width:max-content;min-width:100%}.app-shell table.nano-column-resize thead th:not([style*=sticky]){isolation:isolate}.app-shell table.nano-column-resize :is(th,td){box-sizing:border-box}.app-shell .nano-col-grip{position:absolute;right:0;top:0;bottom:0;width:9px;z-index:45;cursor:col-resize;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.app-shell .nano-col-grip:after{content:"";position:absolute;right:2px;top:22%;height:56%;width:2px;border-radius:2px;background:transparent}.app-shell .nano-col-grip.dragging:after,.app-shell .nano-col-grip:hover:after{background:#f26a2c}body.nano-resize-active,body.nano-resize-active *{cursor:col-resize!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.app-shell :is(button,.btn,input[type=button],input[type=submit]):is(.primary,.btn-primary,.orange,.accent),.app-shell :is(button,.btn,input[type=button],input[type=submit])[style*="background-color: rgb(234, 8"],.app-shell :is(button,.btn,input[type=button],input[type=submit])[style*="background: rgb(234, 8"]{color:#fff!important}.app-shell :is(button,.btn).btn-primary :is(span,b,strong,i,svg),.app-shell :is(button,.btn).primary :is(span,b,strong,i,svg){color:inherit!important}.app-shell .schedule-grid{--nano-schedule-emp:285px}.app-shell .schedule-grid .emp{left:0}.app-shell .schedule-grid .shift{left:var(--nano-schedule-emp)}.app-shell .schedule-grid thead th{z-index:12!important;background:#cf4c1e!important;color:#fff!important}.app-shell .schedule-grid thead th.sticky-col{z-index:35!important;background:#c74618!important}.app-shell .schedule-grid tbody td.sticky-col{z-index:18!important;background:#fff!important}.app-shell .schedule-grid tbody tr:nth-child(2n) td.sticky-col{background:#f8fafc!important}.app-shell .schedule-grid thead .sticky-col.shift{box-shadow:5px 0 8px #00000018}.app-shell .nano-device-catalog-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:nowrap!important}.app-shell .nano-device-catalog-title>.list-toolbar{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important}.app-shell .nano-device-catalog-title>.list-toolbar,.app-shell .nano-device-catalog-title>.list-toolbar .btn{white-space:nowrap!important;flex-shrink:0!important}@media(max-width:760px){.app-shell .nano-device-catalog-title{overflow-x:auto!important}}:root{--nc-unified-heading-orange:#c94b1e;--nc-unified-heading-strong:#a93610}.app-shell :is(.page-heading,.page-header,.attendance-hero,.employee-smart-hero,.employee-page-hero,.att-home-hero){background:linear-gradient(105deg,var(--nc-unified-heading-orange),var(--nc-unified-heading-strong))!important;border-color:var(--nc-unified-heading-strong)!important}.app-shell :is(.page-heading,.page-header,.attendance-hero,.employee-smart-hero,.employee-page-hero,.att-home-hero) :is(h1,h2,h3,p,.eyebrow,.employee-kicker,small),.app-shell :is(.page-heading,.page-header,.attendance-hero,.employee-smart-hero,.employee-page-hero,.att-home-hero)>:first-child>span{color:#fff!important}.app-shell :is(.page-heading,.page-header,.attendance-hero,.employee-smart-hero,.employee-page-hero,.att-home-hero) a:not(.btn){color:#fff!important}.app-shell table thead tr:not(.column-filters):not(.filter-row):not(.filters-row)>td,.app-shell table thead tr:not(.column-filters):not(.filter-row):not(.filters-row)>th{background:linear-gradient(180deg,var(--nc-unified-heading-orange),var(--nc-unified-heading-strong))!important;color:#fff!important;border-bottom-color:var(--nc-unified-heading-strong)!important}.app-shell table thead tr:not(.column-filters):not(.filter-row):not(.filters-row)>:is(th,td) :is(span,b,strong,small,label,em,i,a,button:not(.btn)){color:#fff!important}.app-shell table thead :is(input,select,option,textarea,.nano-combo-trigger),.app-shell table thead :is(input,select,textarea)::placeholder{color:#34465a!important}.app-shell table thead :is(.column-filters,.filter-row,.filters-row)>:is(th,td){background:#fff5ef!important;color:#703518!important}.app-shell table thead tr:not(.column-filters):not(.filter-row):not(.filters-row)>:is(th,td).fixed-col,.app-shell table thead tr:not(.column-filters):not(.filter-row):not(.filters-row)>:is(th,td).sticky-col{background:#a93610!important;color:#fff!important}