@import "https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box}html,body,#root{color:#16365f;background:#eef6ff;min-height:100%;margin:0;font-family:Lexend Deca,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow-x:hidden}.authPage{background:radial-gradient(circle at 12% 18%,#489cff2e,#0000 24%),radial-gradient(circle at 85% 82%,#1972ff1a,#0000 22%),linear-gradient(135deg,#f7fbff 0%,#edf6ff 48%,#f8fcff 100%);justify-content:center;align-items:center;gap:42px;min-height:100vh;padding:32px 24px;display:flex}.authBrandPanel,.authFormPanel{justify-content:center;align-items:center;padding:0;display:flex}.authBrandCard{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffdb;border:1px solid #d9ebff;border-radius:28px;width:560px;max-width:100%;padding:34px 36px;box-shadow:0 18px 55px #1c52921a}.authFormCard{background:#fff;border:1px solid #d9ebff;border-radius:26px;width:420px;max-width:100%;padding:32px;box-shadow:0 18px 55px #1c529224}.authLogoBox{background:#102b4e;border:1px solid #ffffff2e;border-radius:22px;justify-content:center;align-items:center;width:220px;height:76px;margin-bottom:24px;display:flex;overflow:hidden;box-shadow:0 14px 34px #102b4e2e}.authLogoBox img{object-fit:contain;width:178px;height:auto}.authMiniLogo{background:#102b4e;border:1px solid #dcecff;border-radius:18px;justify-content:center;align-items:center;width:160px;height:58px;margin-bottom:18px;display:none;overflow:hidden}.authMiniLogo img{object-fit:contain;width:128px;height:auto}.authBrandTitle{letter-spacing:-.8px;color:#173a68;margin:0;font-size:34px;line-height:1.15}.authBrandTitle span{color:#2388ff}.authBrandText{color:#5f7894;max-width:470px;margin:14px 0 0;font-size:15px;line-height:1.8}.authFeatureList{gap:14px;margin-top:28px;display:grid}.authFeatureItem{color:#2f4f72;align-items:center;gap:10px;font-size:14px;display:flex}.authFeatureDot{color:#2388ff;background:#e7f3ff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:inline-flex}.authFormTitle{color:#143b67;margin:0;font-size:25px;line-height:1.2}.authFormSubtext{color:#6a84a2;margin:10px 0 24px;font-size:13.5px;line-height:1.7}.authForm{gap:16px;display:grid}.formGroup{gap:8px;display:grid}.formGroup label{color:#244b74;font-size:13px;font-weight:600}.formGroup input{color:#173a68;background:#f8fbff;border:1px solid #cfe3f8;border-radius:14px;outline:none;width:100%;height:47px;padding:0 14px;font-family:inherit;font-size:14px;transition:all .18s}.formGroup input:focus{background:#fff;border-color:#3292ff;box-shadow:0 0 0 4px #3292ff1a}.formGroup input:disabled{color:#8aa0b8;cursor:not-allowed;background:#f2f7fc}.primaryBtn,.secondaryBtn{cursor:pointer;border:none;border-radius:14px;width:100%;height:48px;font-family:inherit;font-size:14px;font-weight:700;transition:all .18s}.primaryBtn{color:#fff;background:linear-gradient(135deg,#2a94ff,#166de8);box-shadow:0 10px 24px #166de838}.primaryBtn:hover{transform:translateY(-1px)}.secondaryBtn{color:#166de8;background:#eef6ff;border:1px solid #d2e5fb}.primaryBtn:disabled,.secondaryBtn:disabled{opacity:.7;cursor:not-allowed;transform:none}.authMessage{border-radius:14px;padding:12px 14px;font-size:13px;line-height:1.6}.authMessage.error{color:#b42318;background:#fff2f2;border:1px solid #ffd3d3}.authMessage.success{color:#067647;background:#effdf5;border:1px solid #c8f3dc}.authLinksRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;display:flex}.authLink,.authFooterNote a{color:#1675ea;font-size:13px;font-weight:600;text-decoration:none}.authLink:hover,.authFooterNote a:hover{text-decoration:underline}.authFooterNote{text-align:center;color:#6d849f;margin-top:18px;font-size:13px}.otpInfoBox{color:#365a80;background:#f3f9ff;border:1px solid #d6e9fc;border-radius:14px;padding:12px 14px;font-size:13px;line-height:1.6}@media (width<=1100px){.authPage{gap:24px}.authBrandCard{width:500px}.authFormCard{width:390px}}@media (width<=920px){.authPage{flex-direction:column;gap:18px;padding:20px}.authBrandCard,.authFormCard{width:100%;max-width:680px;padding:26px}.authMiniLogo{display:flex}}@media (width<=600px){.authBrandPanel{display:none}.authPage{padding:18px}.authFormCard{border-radius:22px;padding:24px 20px}.authFormTitle{font-size:23px}.authLinksRow{flex-direction:column;align-items:flex-start}}.twoFactorSetupBox{background:#f8faff;border:1px solid #0e287724;border-radius:16px;justify-items:center;gap:18px;margin:20px 0;padding:18px;display:grid}.twoFactorQr{background:#fff;border-radius:14px;width:min(220px,100%);height:auto;padding:10px;display:block;box-shadow:0 8px 24px #0e28771a}.twoFactorSetupText{color:#344054;width:100%;font-size:14px;line-height:1.6}.twoFactorSetupText p{margin:0 0 8px}.twoFactorSetupText details{margin-top:12px}.twoFactorSetupText summary{cursor:pointer;color:#0e2877;font-weight:600}.twoFactorManualKey{overflow-wrap:anywhere;color:#0e2877;background:#eef2ff;border-radius:10px;margin-top:10px;padding:12px;font-size:13px;display:block}.twoFactorRecoveryGrid{background:#f8faff;border:1px solid #0e287724;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0;padding:16px;display:grid}.twoFactorRecoveryGrid code{color:#0e2877;text-align:center;letter-spacing:.04em;background:#fff;border-radius:9px;padding:10px;font-size:13px;font-weight:700}.secondaryBtn{color:#0e2877;cursor:pointer;background:#fff;border:1px solid #0e2877;border-radius:10px;width:100%;min-height:44px;margin-top:10px;font-weight:700}.secondaryBtn:disabled{cursor:not-allowed;opacity:.65}.authTextButton{color:#0e2877;cursor:pointer;background:0 0;border:0;width:100%;margin-top:12px;font-weight:600}.authTextButton:disabled{cursor:not-allowed;opacity:.65}@media (width<=520px){.twoFactorRecoveryGrid{grid-template-columns:1fr}}@media (width<=420px){.authPage{padding:12px}.authFormCard{border-radius:18px;padding:20px 16px}.authMiniLogo{width:140px;height:52px}.authMiniLogo img{width:112px}.authFormTitle{font-size:21px}.formGroup input,.primaryBtn,.secondaryBtn{min-width:0}.twoFactorSetupBox,.twoFactorRecoveryGrid{padding:14px}}.appShell{background:#f4f8fd;grid-template-columns:280px minmax(0,1fr);min-height:100vh;font-family:Lexend Deca,system-ui,sans-serif;display:grid}.appSidebar{box-sizing:border-box;color:#fff;background:#152e7e;flex-direction:column;gap:14px;height:100vh;min-height:0;padding:18px 16px;display:flex;position:sticky;top:0;overflow:hidden}.sidebarLogoRow{flex:none}.sidebarLogo{background:#ffffff1a;border-radius:16px;flex:none;justify-content:center;align-items:center;width:100%;height:58px;display:flex;overflow:hidden}.sidebarLogo img{object-fit:contain;width:145px;height:auto}.mobileSidebarToggle,.mobileSidebarClose,.mobileSidebarBackdrop{display:none}.sidebarProfile{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:16px;flex:none;padding:14px}.sidebarProfileName{margin:0;font-size:15px;font-weight:700}.sidebarProfileMeta{color:#d8e4ff;margin:6px 0 0;font-size:12px}.sidebarMenuScroll{scrollbar-width:thin;scrollbar-color:#ffffff57 transparent;overscroll-behavior:contain;flex:auto;min-height:0;padding:2px 6px 10px 0;overflow:hidden auto}.sidebarMenuScroll::-webkit-scrollbar{width:6px}.sidebarMenuScroll::-webkit-scrollbar-track{background:0 0}.sidebarMenuScroll::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:999px}.sidebarMenuScroll::-webkit-scrollbar-thumb:hover{background:#ffffff75}.sidebarSection+.sidebarSection{margin-top:16px}.sidebarSectionTitle{letter-spacing:.08em;color:#b9caff;text-transform:uppercase;margin:2px 8px 7px;font-size:11px}.sidebarMenu{gap:4px;display:grid}.sidebarLink{box-sizing:border-box;color:#edf3ff;cursor:pointer;background:0 0;border:none;border-radius:11px;align-items:center;gap:10px;width:100%;min-height:38px;padding:9px 11px;font-size:13px;text-decoration:none;display:flex}.sidebarLink:hover{color:#fff;background:#ffffff1f}.sidebarLink.active{color:#fff;background:#fff3;box-shadow:inset 3px 0 #ffffffe6}.sidebarLink.locked{opacity:.42;cursor:not-allowed}.sidebarLogout{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff38;border-radius:14px;flex:none;min-height:42px;margin-top:0;font-family:inherit}.appMain{flex-direction:column;min-width:0;min-height:100vh;display:flex}.appTopbar{background:#fff;border-bottom:1px solid #ddeaf8;justify-content:space-between;align-items:center;gap:14px;height:76px;padding:0 28px;display:flex}.appTopbarTitle{color:#143b67;margin:0;font-size:21px}.appTopbarSub{color:#6b849f;margin:4px 0 0;font-size:13px}.appContent{padding:28px}.pageCard{background:#fff;border:1px solid #ddeaf8;border-radius:24px;padding:24px;box-shadow:0 14px 40px #1d538f14}.pageHeader{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.pageTitle{color:#143b67;margin:0;font-size:24px}.pageSubtext{color:#6b849f;margin:7px 0 0;font-size:13.5px;line-height:1.6}.tableWrap{overflow-x:auto}.adminTable{border-collapse:collapse;width:100%;font-size:13px}.adminTable th{text-align:left;color:#48617c;background:#f3f8ff;border-bottom:1px solid #ddeaf8;padding:12px;font-size:12px}.adminTable td{color:#244b74;border-bottom:1px solid #edf3fa;padding:13px 12px}.statusBadge{border-radius:999px;align-items:center;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.statusPending{color:#9a5b00;background:#fff7e6}.statusApproved{color:#067647;background:#ecfff7}.statusRejected{color:#b42318;background:#fff1f1}.smallBtn{cursor:pointer;border:none;border-radius:10px;padding:8px 11px;font-family:inherit;font-size:12px;font-weight:700}.approveBtn{color:#067647;background:#ecfff7}.rejectBtn{color:#b42318;background:#fff1f1}.emptyState{text-align:center;color:#6b849f;background:#f8fbff;border:1px dashed #cfe3f8;border-radius:18px;padding:36px}@media (width<=900px){.appShell{grid-template-columns:1fr}.appSidebar{z-index:40;width:min(86vw,320px);height:100dvh;transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:18px 0 45px #152e7e38}.appShell.sidebarOpen .appSidebar{transform:translate(0)}.mobileSidebarBackdrop{z-index:35;cursor:pointer;background:#09173775;border:0;width:100%;height:100%;position:fixed;inset:0}.appShell.sidebarOpen .mobileSidebarBackdrop{display:block}.sidebarLogoRow{align-items:center;gap:10px;display:flex}.sidebarLogo{flex:auto}.mobileSidebarClose{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff38;border-radius:12px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.appTopbar{justify-content:flex-start;height:auto;min-height:72px;padding:0 18px}.mobileSidebarToggle{color:#143b67;cursor:pointer;background:#fff;border:1px solid #d6e6f7;border-radius:12px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;box-shadow:0 8px 22px #1d538f14}.appTopbarTitle{font-size:18px}.appTopbarSub{font-size:12px}.appContent{padding:18px}}.employeeCardsGrid{gap:16px}.employeeMiniCard{margin-bottom:2px}.adminInput.wide{min-width:260px}.roleCheckboxGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.roleCheckItem{color:#244b74;cursor:pointer;background:#f8fbff;border:1px solid #d7e8f8;border-radius:13px;align-items:center;gap:9px;min-height:38px;padding:9px 11px;font-size:12.5px;display:flex}.roleCheckItem input{width:15px;height:15px}.roleCheckItem:has(input:checked){color:#166de8;background:#eef6ff;border-color:#2388ff;font-weight:700}.roleCheckItem:has(input:disabled){opacity:.55;cursor:not-allowed}@media (width<=650px){.roleCheckboxGrid{grid-template-columns:1fr}.adminInput.wide{min-width:100%}}.layoutLoadingCard,.lockedDashboardCard{text-align:center;background:#fff;border:1px solid #dbe7ff;border-radius:24px;max-width:760px;margin:40px auto;padding:34px;box-shadow:0 18px 45px #1c2d5a1f}.layoutLoadingIcon,.lockedIcon{background:#eef5ff;border-radius:22px;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 18px;font-size:32px;display:flex}.layoutLoadingCard h2,.lockedDashboardCard h2{color:#1c2d5a;margin:0 0 10px;font-size:28px;font-weight:800}.layoutLoadingCard p,.lockedDashboardCard p{color:#667085;max-width:560px;margin:0 auto 22px;line-height:1.6}.lockedStatusBox{background:#f4f7fc;border:1px solid #e4ecfb;border-radius:16px;justify-content:space-between;gap:16px;max-width:390px;margin:0 auto 24px;padding:16px 18px;display:flex}.lockedStatusBox span{color:#667085;font-size:14px}.lockedStatusBox strong{color:#1c2d5a;font-size:14px}.lockedPrimaryBtn{color:#fff;cursor:pointer;background:#1c2d5a;border:none;border-radius:14px;padding:12px 22px;font-weight:700}.lockedPrimaryBtn:hover{background:#2d4a8a}.sidebarButtonLink{text-align:left;cursor:pointer;border:none;width:100%;font-family:inherit}.appMain *,.appMain :before,.appMain :after{box-sizing:border-box}.appContent{min-width:0}.appContent img,.appContent video,.appContent canvas,.appContent svg{max-width:100%}.appContent input,.appContent select,.appContent textarea,.appContent button{max-width:100%;font-family:inherit}.appContent table{max-width:100%}.appContent th,.appContent td,.appContent p,.appContent span,.appContent strong,.appContent h1,.appContent h2,.appContent h3{overflow-wrap:anywhere}.appContent [class*=TableWrap],.appContent [class*=tableWrap],.appContent [class*=TableContainer],.appContent [class*=tableContainer]{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.appContent [class*=Grid],.appContent [class*=grid],.appContent [class*=Card],.appContent [class*=card],.appContent [class*=Panel],.appContent [class*=panel]{min-width:0}@media (width<=900px){.appContent [class*=Header],.appContent [class*=header],.appContent [class*=TopRow],.appContent [class*=Topbar],.appContent [class*=Toolbar],.appContent [class*=toolbar],.appContent [class*=ActionRow],.appContent [class*=Actions]{max-width:100%}.pageHeader{flex-direction:column;align-items:stretch}.pageCard,.layoutLoadingCard,.lockedDashboardCard{border-radius:18px;padding:18px}}@media (width<=760px){.appContent{padding:14px}.appContent [class*=Page],.appContent [class*=page]{max-width:100%}.appContent [class*=Header],.appContent [class*=header],.appContent [class*=TopRow],.appContent [class*=Toolbar],.appContent [class*=toolbar],.appContent [class*=Filter],.appContent [class*=filter]{gap:12px}.appContent [class*=Grid],.appContent [class*=grid],.appContent [class*=TwoCols],.appContent [class*=twoCols],.appContent [class*=TwoColumns],.appContent [class*=FormGrid],.appContent [class*=formGrid]{grid-template-columns:1fr}.appContent [class*=ActionRow],.appContent [class*=Actions],.appContent [class*=ButtonRow],.appContent [class*=buttonRow]{flex-wrap:wrap}.appContent [class*=Toolbar] input,.appContent [class*=Toolbar] select,.appContent [class*=Toolbar] button,.appContent [class*=toolbar] input,.appContent [class*=toolbar] select,.appContent [class*=toolbar] button,.appContent [class*=Actions] input,.appContent [class*=Actions] select,.appContent [class*=Actions] button,.appContent [class*=Filter] input,.appContent [class*=Filter] select,.appContent [class*=Filter] button{width:100%;min-width:0}.appContent [class*=Card],.appContent [class*=card],.appContent [class*=Panel],.appContent [class*=panel]{padding-left:16px;padding-right:16px}.appContent table{white-space:nowrap}.appContent textarea{min-width:0}}@media (width<=520px){.appTopbar{padding:12px 14px}.appTopbarTitle{font-size:16px;line-height:1.25}.appTopbarSub{line-height:1.4}.appContent{padding:12px}.pageTitle,.appContent h1{font-size:22px;line-height:1.25}.appContent h2{font-size:20px;line-height:1.3}.appContent h3{font-size:17px;line-height:1.35}.appContent [class*=Card],.appContent [class*=card],.appContent [class*=Panel],.appContent [class*=panel]{border-radius:14px}.appContent [class*=Btn],.appContent [class*=Button],.appContent button{min-height:42px}.lockedStatusBox{text-align:left;flex-direction:column;align-items:stretch}}.empMgmtPage{background:#f8fafc;width:100%;padding:24px 28px}.empMgmtHeader{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.empMgmtTitle{color:#0f172a;margin:0;font-size:22px;font-weight:800}.empMgmtBanner{color:#1d4ed8;background:#dbeafe;border-left:4px solid #2563eb;border-radius:10px;margin-bottom:20px;padding:14px 18px;font-size:15px}.empMgmtStatsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.empMgmtStatCard{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:center;min-height:110px;padding:22px 20px;display:flex}.empMgmtStatCard span{color:#64748b;margin-bottom:12px;font-size:14px}.empMgmtStatCard strong{color:#0f172a;font-size:28px;font-weight:800;line-height:1}.empMgmtDirectoryCard{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px}.empMgmtDirectoryHeader{margin-bottom:16px}.empMgmtDirectoryHeader h3{color:#0f172a;margin:0;font-size:18px;font-weight:800}.empMgmtToolbar{grid-template-columns:minmax(0,1fr) 180px 120px;gap:12px;margin-bottom:18px;display:grid}.empMgmtSearchInput,.empMgmtFilterSelect{color:#0f172a;background:#fff;border:1px solid #dbe2ea;border-radius:10px;outline:none;width:100%;height:44px;padding:0 14px;font-size:14px}.empMgmtSearchInput:focus,.empMgmtFilterSelect:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.empMgmtPrimaryBtn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;height:44px;font-size:14px;font-weight:700}.empMgmtPrimaryBtn:hover{background:#1d4ed8}.empMgmtTableWrap{width:100%;overflow-x:auto}.empMgmtTable{border-collapse:collapse;width:100%}.empMgmtTable thead th{text-align:left;color:#475569;letter-spacing:.04em;border-bottom:1px solid #e2e8f0;padding:14px 10px;font-size:12px;font-weight:800}.empMgmtTable tbody td{vertical-align:middle;border-bottom:1px solid #edf2f7;padding:16px 10px}.empMgmtNameCell{flex-direction:column;gap:4px;display:flex}.empMgmtNameCell strong{color:#0f172a;font-size:16px;font-weight:800}.empMgmtNameCell span{color:#64748b;font-size:14px}.empMgmtTextCell{color:#0f172a;font-size:15px}.empMgmtRolesWrap{flex-wrap:wrap;gap:8px;display:flex}.empMgmtRoleBadge{color:#2563eb;background:#dbeafe;border-radius:999px;align-items:center;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.empMgmtMuted{color:#94a3b8;font-size:14px}.empMgmtEditBtn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:9px 16px;font-size:13px;font-weight:700}.empMgmtEditBtn:hover{background:#1d4ed8}@media (width<=1200px){.empMgmtStatsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.empMgmtPage{padding:18px}.empMgmtStatsGrid,.empMgmtToolbar{grid-template-columns:1fr}}.managerActionAlert{border-radius:10px;margin:14px 0;padding:12px 14px;font-size:14px;font-weight:800}.managerActionAlert.success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.managerActionAlert.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.managerInlineActions{flex-wrap:wrap;gap:8px;display:flex}.managerSmallBtn.approve{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.managerSmallBtn.reject{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.managerStatusPill{text-transform:capitalize;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.managerStatusPill.approved{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.managerStatusPill.rejected{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.managerStatusPill.pending,.managerStatusPill.pending_hr,.managerStatusPill.pending_manager{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.managerStatusPill.skipped{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.reviewInfoBanner{color:#1d4ed8;background:#dbeafe;border-left:4px solid #2563eb;border-radius:14px;margin-bottom:20px;padding:14px 16px;font-size:14px;font-weight:700}.reviewToolbar{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.adminInput{color:#1e3654;background:#fff;border:1px solid #cfdced;border-radius:12px;min-height:40px;padding:0 12px;font-family:inherit}.viewBtn{color:#1675ea;background:#eef6ff}.tableMiniText{color:#6b849f;margin-top:4px;font-size:12px}.miniProgressList{color:#48617c;gap:3px;font-size:11.5px;display:grid}.statusHold{color:#3538cd;background:#eef2ff}.reviewSuccessBanner,.reviewErrorBanner{border-radius:14px;margin-bottom:18px;padding:13px 15px;font-size:13px;font-weight:800}.reviewSuccessBanner{color:#067647;background:#ecfff7}.reviewErrorBanner{color:#b42318;background:#fff1f1}.detailHeroCard{background:#f8fbff;border:1px solid #ddeaf8;border-radius:20px;justify-content:space-between;gap:18px;margin-bottom:20px;padding:22px;display:flex}.detailHeroCard h3{color:#102b4e;margin:0 0 8px;font-size:22px}.detailHeroCard p{color:#48617c;margin:5px 0;font-size:13px}.detailHeroRight{flex-direction:column;align-items:flex-end;gap:14px;display:flex}.detailGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.detailBox{background:#fff;border:1px solid #ddeaf8;border-radius:18px;padding:18px}.detailBox.full{grid-column:1/-1}.detailBox h3{color:#102b4e;margin:0 0 12px;font-size:16px}.detailBox p{color:#425a74;margin:7px 0;font-size:13px;line-height:1.5}.documentsList{gap:10px;display:grid}.documentItem{background:#f8fbff;border:1px solid #edf3fa;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:13px;display:flex}.documentItem p{margin:4px 0 0}.progressGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;display:grid}@media (width<=760px){.detailHeroCard{flex-direction:column}.detailHeroRight{align-items:flex-start}.detailGrid,.progressGrid{grid-template-columns:1fr}}.approvedInfoBox{color:#166534;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:14px;flex-direction:column;gap:4px;margin-top:12px;padding:12px 14px;font-size:13px;display:flex}.approvedInfoBox b{font-size:15px}.approvedInfoBox small{color:#475569}.approvedInfoBox p{color:#475569;margin:4px 0 0}.approvedMiniText{color:#166534;white-space:nowrap;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;padding:7px 10px;font-size:12px}.clickableDocument{cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.clickableDocument:hover{border-color:#2563eb;transform:translateY(-1px);box-shadow:0 8px 22px #2563eb1f}.clickableDocument .viewBtn{margin-top:8px}.bankProofBox{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:12px;display:flex}.bankProofBox p{color:#475569;word-break:break-word;margin:5px 0 0;font-size:13px}@media (width<=700px){.bankProofBox{flex-direction:column;align-items:flex-start}}.reviewActionGroup{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.editOnboardingBtn{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.editOnboardingBtn:hover{background:#ffedd5}.editNoticeBox{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.editNoticeBox p{color:#9a3412;margin:6px 0 0}.editSectionBox label{color:#385370;flex-direction:column;gap:7px;margin-bottom:12px;font-size:12px;font-weight:800;display:flex}.editSectionBox input,.editSectionBox textarea,.editSectionBox select{color:#1e3654;background:#fff;border:1px solid #cfdced;border-radius:12px;outline:none;width:100%;padding:10px 12px;font-family:inherit}.editSectionBox input:focus,.editSectionBox textarea:focus,.editSectionBox select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.editGrid{gap:14px;display:grid}.editGrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.editGrid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.editGrid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.reviewEditFooterInline{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}@media (width<=900px){.editGrid.two,.editGrid.three,.editGrid.four{grid-template-columns:1fr}.reviewEditFooterInline{flex-wrap:wrap;justify-content:flex-start}}.dashboardPage{background:#f8fafc;width:100%;min-height:calc(100vh - 80px);padding:24px 32px}.dashboardHeaderRow{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.dashboardHeaderRow h1{color:#0f172a;margin:0;font-size:26px;font-weight:800}.dashboardHeaderRow p{color:#64748b;margin:6px 0 0;font-size:13px}.dashboardWelcome{background:#d1fae5;border-left:4px solid #10b981;border-radius:8px;margin-bottom:22px;padding:18px 20px}.dashboardWelcome h2{color:#065f46;margin:0 0 8px;font-size:18px}.dashboardWelcome p{color:#065f46;margin:0 0 6px;font-size:14px}.dashboardWelcome small{color:#047857}.dashboardAlertBox{color:#1e40af;background:#dbeafe;border-left:4px solid #2563eb;border-radius:8px;margin-bottom:22px;padding:18px 20px}.dashboardAlertBox h3{margin:0 0 12px;font-size:16px}.dashboardAlertBox ul{margin:0;padding-left:20px}.dashboardAlertBox li{margin-bottom:7px;font-size:14px}.dashboardCards{gap:18px;margin-bottom:22px;display:grid}.dashboardCardsThree{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboardStatCard{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;justify-content:center;min-height:120px;padding:24px;display:flex}.dashboardStatCard span{color:#64748b;margin-bottom:14px;font-size:13px}.dashboardStatCard strong{color:#020617;font-size:32px;line-height:1}.dashboardStatCard p{color:#64748b;margin:12px 0 0;font-size:13px}.dashboardStatCard.success strong{color:#10b981}.dashboardQuickPanel{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:22px;padding:22px 24px}.dashboardQuickPanel h3{color:#0f172a;margin:0 0 18px;font-size:18px}.actionRow{flex-wrap:wrap;gap:12px;display:flex}.smallBtn{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:700}.refreshBtn{color:#fff;background:#2563eb}.refreshBtn:hover{background:#1d4ed8}.smallBtn:disabled{opacity:.6;cursor:not-allowed}@media (width<=900px){.dashboardPage{padding:18px}.dashboardCardsThree{grid-template-columns:1fr}.dashboardHeaderRow{flex-direction:column;align-items:flex-start;gap:12px}}.onboardingPage{justify-content:center;align-items:flex-start;min-height:calc(100vh - 132px);padding:18px;display:flex}.onboardingCard{background:#fff;border:1px solid #ddeaf8;border-radius:26px;width:min(880px,100%);padding:34px;box-shadow:0 18px 50px #1d538f1f}.onboardingHeader{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.onboardingHeader h1{color:#1c2d5a;margin:0;font-size:30px;font-weight:800}.onboardingHeader p{color:#52677e;margin:8px 0 0;font-size:14px}.onboardingStatusPill{color:#166de8;white-space:nowrap;background:#eef6ff;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:800}.onboardingProgressOuter{background:#e8eef7;border-radius:999px;height:8px;margin-top:22px;overflow:hidden}.onboardingProgressInner{border-radius:inherit;background:#2563eb;height:100%;transition:width .25s}.onboardingStepper{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:28px 0 30px;display:grid;position:relative}.onboardingStepItem{text-align:center;color:#718096;font-size:12px}.onboardingStepItem span{color:#52677e;background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin:0 auto 8px;font-weight:800;display:flex}.onboardingStepItem.active span{color:#fff;background:#2563eb}.onboardingStepItem.completed span{color:#fff;background:#10b981}.onboardingStepItem p{margin:0}.onboardingFormArea h2{color:#102b4e;margin:0 0 14px;font-size:20px}.onboardingGrid{gap:16px;display:grid}.onboardingGrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.onboardingGrid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.onboardingField{margin-bottom:17px}.onboardingField label{color:#1e3654;margin-bottom:8px;font-size:13.5px;font-weight:800;display:block}.onboardingField label b{color:#dc2626}.onboardingField input,.onboardingField select,.onboardingField textarea{color:#1e3654;box-sizing:border-box;background:#fff;border:1px solid #cfdced;border-radius:12px;outline:none;width:100%;padding:12px 13px;font-family:inherit;font-size:13.5px}.onboardingField textarea{resize:vertical}.onboardingField input:focus,.onboardingField select:focus,.onboardingField textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.onboardingError{color:#b42318;margin:7px 0 0;font-size:12px;font-weight:700}.fileNameText{color:#2563eb;margin-top:7px;font-size:12px;font-weight:700;display:inline-block}.reviewNotice{color:#1d4ed8;background:#dbeafe;border-left:4px solid #2563eb;border-radius:12px;margin-bottom:20px;padding:14px 16px;font-size:14px}.reviewGrid{gap:16px;display:grid}.reviewBox{background:#fff;border:1px solid #ddeaf8;border-radius:18px;padding:18px}.reviewBox h3{color:#102b4e;margin:0 0 10px;font-size:15px}.reviewBox p{color:#425a74;margin:7px 0;font-size:13px;line-height:1.5}.reviewBox ul{color:#425a74;margin:0;padding-left:18px;font-size:13px;line-height:1.8}.onboardingSuccess{color:#067647;background:#ecfff7;border-radius:14px;margin-top:18px;padding:14px 16px;font-size:13px;font-weight:800}.onboardingActions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.onboardingBtn{cursor:pointer;border:none;border-radius:13px;padding:13px 22px;font-family:inherit;font-size:14px;font-weight:800}.onboardingBtn.primary{color:#fff;background:#2563eb}.onboardingBtn.primary:hover{background:#1d4ed8}.onboardingBtn.secondary{color:#1e3654;background:#fff;border:1px solid #cfdced}.onboardingBtn.secondary:hover{background:#f4f8fd}.onboardingBtn.success{color:#fff;background:#10b981}.onboardingBtn.success:hover{background:#059669}@media (width<=760px){.onboardingCard{padding:22px}.onboardingHeader{flex-direction:column}.onboardingGrid.two,.onboardingGrid.three{grid-template-columns:1fr}.onboardingStepper{grid-template-columns:repeat(3,minmax(0,1fr))}}.managerPage{color:#0f172a;background:#f8fafc;min-height:100vh;padding:28px 32px}.managerHeader{justify-content:space-between;align-items:center;margin-bottom:38px;display:flex}.managerHeader h1{color:#020617;margin:0;font-size:28px;font-weight:800}.managerWelcome{color:#065f46;background:#d1fae5;border-left:4px solid #10b981;border-radius:8px;margin-bottom:24px;padding:18px 20px}.managerWelcome strong{margin-bottom:6px;font-size:16px;display:block}.managerWelcome p{margin:0;font-size:15px;font-weight:600}.managerPendingBox{color:#1e40af;background:#dbeafe;border-left:4px solid #2563eb;border-radius:8px;margin-bottom:24px;padding:18px 20px}.managerPendingBox strong{margin-bottom:10px;font-size:16px;display:block}.managerPendingBox ul{margin:0;padding-left:20px}.managerPendingBox li{margin-bottom:6px;font-size:15px}.managerPendingBox p{margin:0;font-size:15px}.teamInfo{margin-bottom:24px}.managerStatsGrid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:18px;margin-bottom:30px;display:grid}.managerStatCard{background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-height:96px;padding:24px}.managerStatCard span{color:#475569;margin-bottom:14px;font-size:13px;display:block}.managerStatCard strong{color:#020617;font-size:32px;font-weight:800;display:block}.managerGreen{color:#10b981!important}.managerPanel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.managerPanel h2{color:#020617;margin:0 0 18px;font-size:20px;font-weight:800}.managerPanel p{color:#475569;margin:0;font-size:14px}.managerPanelTop{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.managerActionRow{flex-wrap:wrap;gap:12px;display:flex}.managerPrimaryBtn,.managerOutlineBtn,.managerSmallBtn{cursor:pointer;border-radius:8px;font-weight:800;transition:all .2s}.managerPrimaryBtn{color:#fff;background:#2563eb;border:none;padding:12px 20px}.managerPrimaryBtn:hover{background:#1d4ed8}.managerOutlineBtn{color:#1e293b;background:#fff;border:1px solid #cbd5e1;padding:12px 20px}.managerOutlineBtn:hover{background:#f1f5f9}.managerSmallBtn{color:#1d4ed8;background:#eff6ff;border:none;padding:8px 12px;font-size:12px}.managerSmallBtn:hover{background:#dbeafe}.managerTableWrap{width:100%;overflow-x:auto}.managerTable{border-collapse:collapse;width:100%;font-size:14px}.managerTable thead{background:#f8fafc}.managerTable th{text-align:left;text-transform:uppercase;color:#334155;border-bottom:1px solid #e2e8f0;padding:14px 12px;font-size:12px}.managerTable td{color:#0f172a;vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:15px 12px}.managerTable td strong{color:#020617;font-size:14px;display:block}.managerTable td small{color:#64748b;margin-top:3px;font-size:12px;display:block}.statusPill{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:12px;font-weight:800;display:inline-flex}.statusPill.present{color:#047857;background:#d1fae5}.statusPill.neutral{color:#0369a1;background:#e0f2fe}.statusPill.leave{color:#92400e;background:#fef3c7}.managerEmpty{text-align:center;color:#64748b!important;padding:30px!important}@media (width<=1100px){.managerStatsGrid{grid-template-columns:repeat(2,1fr)}.managerPanelTop{flex-direction:column}}@media (width<=700px){.managerPage{padding:20px}.managerHeader{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:24px}.managerStatsGrid{grid-template-columns:1fr}}.managerProfilePage{background:radial-gradient(circle at 100% 0,#1e40af12,#0000 34%),#f5f7fb}.managerProfileHeader{margin-bottom:24px}.managerProfileBackBtn{color:#1e3a8a;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin-bottom:18px;padding:0;font-size:14px;font-weight:800;display:inline-flex}.managerProfileBackBtn:hover{color:#0f172a}.managerProfileTitleBlock{flex-direction:column;gap:5px;display:flex}.managerProfileEyebrow{color:#1e40af;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.managerProfileTitleBlock h1{color:#0f172a;margin:0;font-size:30px;font-weight:800;line-height:1.2}.managerProfileTitleBlock p{color:#64748b;margin:0;font-size:14px;line-height:1.6}.managerProfileHero{background:linear-gradient(135deg,#0f172afa,#1e3a8af5);border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:24px;margin-bottom:24px;padding:28px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #0f172a29}.managerProfileHero:after{content:"";background:#ffffff12;border-radius:50%;width:220px;height:220px;position:absolute;top:-110px;right:-80px}.managerProfileAvatar{color:#1e3a8a;z-index:1;background:#fff;border-radius:22px;place-items:center;width:82px;min-width:82px;height:82px;font-size:34px;font-weight:900;display:grid;box-shadow:0 12px 28px #02061747}.managerProfileHeroContent{z-index:1;flex:1;min-width:0}.managerProfileHeroTop{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.managerProfileCode{color:#bfdbfe;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:12px;font-weight:800;display:block}.managerProfileHero h2{color:#fff;margin:0;font-size:27px;font-weight:800;line-height:1.25}.managerProfileHero p{color:#dbeafe;margin:6px 0 0;font-size:14px}.managerProfileStatus{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #fff3;gap:7px;color:#fff!important;background:#ffffff1f!important}.managerProfileStatusDot{background:#34d399;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #34d39924}.managerProfileQuickInfo{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.managerProfileQuickInfo>div{background:#ffffff12;border:1px solid #ffffff1f;border-radius:12px;min-width:0;padding:12px 14px}.managerProfileQuickInfo span,.managerProfileQuickInfo strong{display:block}.managerProfileQuickInfo span{color:#bfdbfe;margin-bottom:5px;font-size:11px}.managerProfileQuickInfo strong{color:#fff;overflow-wrap:anywhere;font-size:13px;font-weight:700}.managerProfileGrid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px;display:grid}.managerProfileSection,.managerProfilePrivacy{border:1px solid #dbe3ef;border-radius:16px;box-shadow:0 8px 24px #0f172a0d}.managerProfileSection{padding:0;overflow:hidden}.managerProfileSectionHeading{background:#f8fafc;border-bottom:1px solid #e5eaf2;align-items:center;gap:13px;padding:20px 22px;display:flex}.managerProfileSectionIcon{background:#e8eefc;border-radius:12px;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.managerProfileSectionHeading span{color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px;font-size:11px;font-weight:700;display:block}.managerProfileSectionHeading h2{color:#0f172a;margin:0;font-size:18px}.managerProfileSection .profileInfoList{padding:6px 22px 12px}.managerProfileInfoRow{border-bottom:1px solid #eef2f7;grid-template-columns:minmax(130px,.8fr) minmax(0,1.2fr);align-items:start;gap:18px;padding:15px 0;display:grid}.managerProfileInfoRow:last-child{border-bottom:0}.managerProfileInfoRow span{color:#64748b;font-size:13px;font-weight:600}.managerProfileInfoRow strong{color:#0f172a;text-align:right;overflow-wrap:anywhere;font-size:13px;font-weight:750}.managerProfilePrivacy{background:#eff6ff;border-color:#bfdbfe;align-self:stretch;align-items:center;gap:16px;min-height:100%;padding:24px;display:flex}.managerProfilePrivacy>div:last-child{max-width:620px}.managerProfilePrivacyIcon{background:#dbeafe;border-radius:13px;place-items:center;width:45px;min-width:45px;height:45px;font-size:20px;display:grid}.managerProfilePrivacy span{color:#1d4ed8;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.managerProfilePrivacy h2{color:#1e3a8a;margin:0 0 7px;font-size:18px}.managerProfilePrivacy p{color:#475569;line-height:1.65}.managerProfilePrivacyBottom{box-sizing:border-box;align-items:center;width:100%;margin-top:20px}@media (width<=1180px){.managerProfileGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.managerProfileGrid{grid-template-columns:1fr}.managerProfileQuickInfo{grid-template-columns:1fr 1fr}}@media (width<=650px){.managerProfileHero{border-radius:16px;flex-direction:column;align-items:flex-start;padding:22px}.managerProfileHeroTop{flex-direction:column;gap:14px}.managerProfileQuickInfo{grid-template-columns:1fr}.managerProfileTitleBlock h1{font-size:25px}.managerProfileInfoRow{grid-template-columns:1fr;gap:5px}.managerProfileInfoRow strong{text-align:left}.managerProfileSectionHeading{padding:18px}.managerProfileSection .profileInfoList{padding-left:18px;padding-right:18px}}.employeeStaffPage{color:#0f172a;background:#f8fafc;min-height:100vh;padding:28px 32px}.employeeStaffLoading{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:22px;font-weight:800}.employeeStaffHeader{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.employeeStaffHeader h1{color:#020617;margin:0;font-size:28px;font-weight:900}.employeeStaffHeader p{color:#64748b;margin:8px 0 0;font-size:14px;font-weight:600}.employeeStaffWelcomeCard{color:#065f46;background:linear-gradient(135deg,#d1fae5,#ecfeff);border:1px solid #a7f3d0;border-left:5px solid #10b981;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:20px 22px;display:flex}.employeeStaffWelcomeCard strong{margin-bottom:7px;font-size:17px;display:block}.employeeStaffWelcomeCard p{margin:0;font-size:15px;font-weight:700}.employeeStaffStatusBadge{color:#047857;text-transform:uppercase;white-space:nowrap;background:#fff;border:1px solid #a7f3d0;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:900}.employeeStaffNotificationCard{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe;border-left:5px solid #2563eb;border-radius:14px;margin-bottom:24px;padding:18px 20px}.employeeStaffNotificationCard strong{margin-bottom:10px;font-size:16px;display:block}.employeeStaffNotificationCard ul{margin:0;padding-left:20px}.employeeStaffNotificationCard li{margin-bottom:6px;font-size:15px;font-weight:600}.employeeStaffStatsGrid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:18px;margin-bottom:28px;display:grid}.employeeStaffStatCard{background:#fff;border:1px solid #e2e8f0;border-radius:14px;min-height:125px;padding:24px;box-shadow:0 1px 3px #0f172a0a}.employeeStaffStatCard span{color:#475569;margin-bottom:14px;font-size:13px;font-weight:800;display:block}.employeeStaffStatCard strong{color:#020617;font-size:32px;font-weight:900;line-height:1.1;display:block}.employeeStaffStatCard em{color:#475569;font-size:14px;font-style:normal;font-weight:800}.employeeStaffStatCard small{color:#94a3b8;margin-top:12px;font-size:12px;font-weight:700;display:block}.employeeStaffSmallValue{text-transform:capitalize;font-size:20px!important}.employeeStaffPanel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 1px 3px #0f172a0a}.employeeStaffPanelHeader{justify-content:space-between;gap:16px;margin-bottom:18px;display:flex}.employeeStaffPanel h2{color:#020617;margin:0;font-size:20px;font-weight:900}.employeeStaffPanel p{color:#64748b;margin:6px 0 0;font-size:14px;font-weight:600}.employeeStaffActionGrid{grid-template-columns:repeat(4,minmax(170px,1fr));gap:14px;display:grid}.employeeStaffActionCard{text-align:left;border-radius:14px;min-height:132px;padding:18px;transition:all .2s}.employeeStaffActionCard span{margin-bottom:14px;font-size:26px;display:block}.employeeStaffActionCard strong{color:#020617;margin-bottom:7px;font-size:15px;font-weight:900;display:block}.employeeStaffActionCard small{color:#64748b;font-size:12px;font-weight:700;display:block}.employeeStaffActionCard.active{cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe}.employeeStaffActionCard.active:hover{background:#dbeafe;transform:translateY(-2px)}.employeeStaffActionCard.disabled{cursor:not-allowed;opacity:.72;background:#f8fafc;border:1px dashed #cbd5e1}.employeeStaffTimeline{flex-direction:column;gap:18px;display:flex}.employeeStaffTimelineItem{gap:14px;display:flex}.employeeStaffTimelineItem>span{background:#fff;border:3px solid #10b981;border-radius:50%;flex:none;width:16px;height:16px;margin-top:3px}.employeeStaffTimelineItem div{flex-direction:column;display:flex}.employeeStaffTimelineItem strong{color:#020617;font-size:15px}.employeeStaffTimelineItem small{color:#64748b;margin-top:6px;font-size:13px}.employeeStaffEmptyState{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:18px;font-weight:700}@media (width<=1150px){.employeeStaffActionGrid{grid-template-columns:repeat(2,minmax(170px,1fr))}}@media (width<=900px){.employeeStaffStatsGrid{grid-template-columns:1fr}.employeeStaffWelcomeCard{flex-direction:column;align-items:flex-start}}@media (width<=650px){.employeeStaffPage{padding:20px}.employeeStaffHeader h1{font-size:24px}.employeeStaffActionGrid{grid-template-columns:1fr}}.leavePage{width:100%}.leaveTitle{color:#0f172a;margin:0 0 6px;font-size:26px;font-weight:800}.leaveCard{background:#fff;border:1px solid #dde3ee;border-radius:12px;padding:24px;box-shadow:0 1px 2px #0f172a0a}.leaveCardTitle{color:#0f172a;margin:0 0 22px;font-size:18px;font-weight:800}.leaveField{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.leaveField label{color:#1e293b;font-size:14px;font-weight:700}.leaveField input,.leaveField select,.leaveField textarea{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cfd8e3;border-radius:7px;outline:none;width:100%;padding:12px 14px;font-size:14px}.leaveField input:focus,.leaveField select:focus,.leaveField textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.leaveTwoCols{grid-template-columns:1fr 1fr;gap:18px;display:grid}.leaveSubmitBtn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;padding:13px 20px;font-size:14px;font-weight:800}.leaveSubmitBtn:disabled{opacity:.7;cursor:not-allowed}.leaveAlert{border-radius:8px;margin-bottom:18px;padding:12px 14px;font-size:14px;font-weight:700}.leaveAlert.success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.leaveAlert.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}@media (width<=768px){.leaveTwoCols{grid-template-columns:1fr;gap:0}.leaveCard{padding:18px}}.leaveHeaderRow{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.leaveSubtitle{color:#64748b;margin:0;font-size:14px;font-weight:500}.leaveRefreshBtn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:800}.leaveRefreshBtn:hover{background:#f8fafc}.leaveInfoBox{color:#475569;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;padding:18px;font-weight:700}.leaveTableWrap{width:100%;overflow-x:auto}.leaveTable{border-collapse:collapse;width:100%;min-width:900px}.leaveTable th{text-align:left;color:#334155;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:13px 14px;font-size:13px;font-weight:800}.leaveTable td{color:#0f172a;vertical-align:top;border-bottom:1px solid #e2e8f0;padding:14px;font-size:14px}.leaveTypeCell{color:#0f172a;font-weight:800}.leaveReasonCell{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:260px;margin-top:4px;font-size:12px;overflow:hidden}.leaveStatusPill,.leaveMiniStatus{text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.leaveStatusPill.pending,.leaveMiniStatus.pending{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.leaveStatusPill.approved,.leaveMiniStatus.approved{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.leaveStatusPill.rejected,.leaveMiniStatus.rejected{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.leaveStatusPill.cancelled{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.leaveMiniStatus.skipped{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe}@media (width<=768px){.leaveHeaderRow{flex-direction:column}.leaveRefreshBtn{width:100%}}.leaveApprovalList{flex-direction:column;gap:18px;display:flex}.leaveApprovalCard{background:#fff;border:1px solid #dbe3ef;border-radius:14px;padding:18px;box-shadow:0 1px 2px #0f172a0a}.leaveApprovalTop{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.leaveApprovalTop h3{color:#0f172a;margin:0;font-size:18px;font-weight:900}.leaveApprovalTop p{color:#64748b;margin:5px 0 0;font-size:13px;font-weight:700}.leaveStageBadge{color:#1d4ed8;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900}.leaveApprovalGrid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.leaveApprovalGrid div,.leaveStatusFlow div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px}.leaveApprovalGrid span,.leaveStatusFlow span,.leaveReasonBox span{color:#64748b;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.leaveApprovalGrid strong{color:#0f172a;font-size:14px;font-weight:900}.leaveReasonBox{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:14px;padding:12px}.leaveReasonBox p{color:#0f172a;margin:0;font-size:14px;font-weight:600;line-height:1.5}.leaveStatusFlow{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;display:grid}.leaveCommentField{margin-top:6px}.leaveApprovalActions{gap:10px;margin-top:12px;display:flex}.leaveApproveBtn,.leaveRejectBtn{cursor:pointer;border:none;border-radius:8px;padding:11px 18px;font-size:14px;font-weight:900}.leaveApproveBtn{color:#fff;background:#10b981}.leaveRejectBtn{color:#fff;background:#ef4444}.leaveApproveBtn:disabled,.leaveRejectBtn:disabled{opacity:.7;cursor:not-allowed}.leaveMiniStatus.pending_manager,.leaveMiniStatus.pending_hr{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}@media (width<=900px){.leaveApprovalGrid,.leaveStatusFlow{grid-template-columns:1fr 1fr}.leaveApprovalTop{flex-direction:column}}@media (width<=640px){.leaveApprovalGrid,.leaveStatusFlow{grid-template-columns:1fr}.leaveApprovalActions{flex-direction:column}.leaveApproveBtn,.leaveRejectBtn{width:100%}}.leaveTabs{border-bottom:1px solid #e2e8f0;gap:10px;margin-bottom:22px;padding-bottom:12px;display:flex}.leaveTabs button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:9px 15px;font-size:13px;font-weight:900}.leaveTabs button.active{color:#fff;background:#2563eb;border-color:#2563eb}.leaveHistoryTimeline{flex-direction:column;gap:22px;display:flex}.leaveHistoryDay{grid-template-columns:150px 1fr;gap:16px;display:grid}.leaveHistoryDate{color:#1d4ed8;text-align:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;height:fit-content;padding:12px;font-size:13px;font-weight:900}.leaveHistoryItems{flex-direction:column;gap:12px;display:flex}.leaveHistoryItem{background:#fff;border:1px solid #dbe3ef;border-radius:14px;padding:16px}.leaveHistoryMain{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.leaveHistoryMain h3{color:#0f172a;margin:0;font-size:16px;font-weight:900}.leaveHistoryMain p{color:#64748b;margin:5px 0 0;font-size:13px;font-weight:700}.leaveHistoryMeta{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.leaveHistoryMeta span{color:#334155;text-transform:capitalize;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.leaveHistoryComment{color:#334155;background:#f8fafc;border-left:4px solid #2563eb;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:13px;font-weight:700}.leaveReasonBox.compact{background:#fdfdfd;margin-bottom:0}@media (width<=768px){.leaveTabs{flex-direction:column}.leaveTabs button{width:100%}.leaveHistoryDay{grid-template-columns:1fr}.leaveHistoryDate{text-align:left}.leaveHistoryMain{flex-direction:column}}.leaveHistoryTopRow{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.leaveHistoryTopRow .leaveCardTitle{margin-bottom:0}.leaveGroupToggle{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;gap:8px;padding:5px;display:flex}.leaveGroupToggle button{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:900}.leaveGroupToggle button.active{color:#fff;background:#2563eb}.leaveHistoryGrid{margin-top:14px;margin-bottom:12px}@media (width<=768px){.leaveHistoryTopRow{flex-direction:column;align-items:stretch}.leaveGroupToggle{width:100%}.leaveGroupToggle button{flex:1}}.leaveNoticeBox{color:#1e3a8a;background:linear-gradient(135deg,#eff6ff,#f8fbff);border:1px solid #bfdbfe;border-radius:10px;margin-bottom:24px;padding:13px 16px;font-size:14px;font-weight:700}.leaveBalanceGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.leaveBalanceGrid .fullWidth{grid-column:1/-1}.leaveBalanceCard{background:#fff;border:1px solid #dbe3ef;border-radius:14px;padding:20px;position:relative;overflow:hidden;box-shadow:0 8px 20px #0f172a0f}.leaveBalanceCard:before{content:"";background:linear-gradient(90deg,#10b981,#2563eb);width:100%;height:4px;position:absolute;top:0;left:0}.leaveBalanceTop{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.leaveBalanceLabel{color:#0f172a;margin:0 0 10px;font-size:16px;font-weight:900}.leaveBalanceTop h2{color:#0f172a;margin:0;font-size:34px;font-weight:900;line-height:1}.leaveBalanceTop span{color:#64748b;margin-top:7px;font-size:13px;font-weight:700;display:block}.leaveBalanceStats{border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;grid-template-columns:repeat(3,1fr);margin:2px -4px 14px;padding:14px 0;display:grid}.leaveBalanceStats div{text-align:center;border-right:1px solid #e2e8f0}.leaveBalanceStats div:last-child{border-right:none}.leaveBalanceStats strong{color:#0f172a;margin-bottom:5px;font-size:22px;font-weight:900;display:block}.leaveBalanceStats span{color:#64748b;font-size:12px;font-weight:800;display:block}.leaveAvailableLine{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;padding:10px 12px;font-size:13px;font-weight:800}.leaveAvailableLine strong{color:#047857;font-weight:900}.leaveBalanceHelp{color:#475569;margin:0 0 22px;font-size:13px;font-weight:700}.leaveBalanceHelp strong{color:#0f172a}.leaveSelectedInfo{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px;display:grid}.leaveSelectedInfo div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px}.leaveSelectedInfo span{color:#64748b;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.leaveSelectedInfo strong{color:#0f172a;font-size:14px;font-weight:900;display:block}@media (width<=1100px){.leaveBalanceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.leaveNoticeBox{font-size:13px}.leaveBalanceGrid{grid-template-columns:1fr}.leaveBalanceCard{padding:18px}.leaveSelectedInfo{grid-template-columns:1fr}.leaveBalanceTop h2{font-size:30px}}.compOffBalanceCard{background:#fffaf5;border-color:#fed7aa}.compOffBalanceCard:before{background:linear-gradient(90deg,#f97316,#2563eb)}.leaveCompOffHelpBox{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;margin:0 0 18px;padding:13px 15px}.leaveCompOffHelpBox strong{color:#7c2d12;margin-bottom:6px;font-size:14px;font-weight:900;display:block}.leaveCompOffHelpBox p{color:#9a3412;margin:0;font-size:13px;font-weight:700;line-height:1.5}.leaveCompOffDurationOptions{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.leaveCompOffDurationCard{cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.leaveCompOffDurationCard.active{background:#fff7ed;border-color:#f97316;box-shadow:0 0 0 3px #f973161f}.leaveCompOffDurationCard input{width:auto;margin:0}.leaveCompOffDurationCard span{color:#334155;font-size:14px;font-weight:900}.leaveCompOffDurationCard strong{color:#ea580c;margin-left:auto;font-size:14px;font-weight:950}@media (width<=640px){.leaveCompOffDurationOptions{grid-template-columns:1fr}.leaveCompOffDurationCard{align-items:flex-start}}.attendancePage{width:100%}.attendanceHeaderRow{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.attendanceTitle{color:#0f172a;margin:0 0 8px;font-size:26px;font-weight:900}.attendanceSubtitle{color:#64748b;margin:0;font-size:14px;font-weight:600}.attendanceRefreshBtn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:900}.attendanceRefreshBtn:disabled{opacity:.7;cursor:not-allowed}.attendanceAlert{border-radius:10px;margin-bottom:18px;padding:12px 14px;font-size:14px;font-weight:800}.attendanceAlert.success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.attendanceAlert.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.attendanceGrid{grid-template-columns:1.5fr .9fr;gap:18px;margin-bottom:18px;display:grid}.attendanceMainCard,.attendanceSummaryCard,.attendanceCard{background:#fff;border:1px solid #dde3ee;border-radius:16px;padding:24px;box-shadow:0 1px 2px #0f172a0a}.attendanceStatusTop{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.attendanceSmallLabel{color:#64748b;margin:0 0 6px;font-size:13px;font-weight:800}.attendanceStatusTop h2,.attendanceSummaryCard h2,.attendanceCardTitle{color:#0f172a;margin:0;font-size:20px;font-weight:900}.attendanceStatusPill{border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900}.attendanceStatusPill.in{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.attendanceStatusPill.out{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.attendanceTimerBox{text-align:center;background:linear-gradient(135deg,#eff6ff,#ecfdf5);border:1px solid #bfdbfe;border-radius:18px;margin:28px 0 20px;padding:26px}.attendanceTimerBox p{color:#475569;margin:0 0 8px;font-size:14px;font-weight:800}.attendanceTimerBox strong{color:#0f172a;letter-spacing:2px;font-size:46px;font-weight:950}.attendanceClockInfo{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;margin-bottom:18px;padding:13px 14px}.attendanceClockInfo span{color:#64748b;margin-bottom:5px;font-size:12px;font-weight:800;display:block}.attendanceClockInfo strong{color:#0f172a;font-size:14px;font-weight:900}.attendanceActionRow{gap:12px;display:flex}.attendancePrimaryBtn,.attendanceDangerBtn{cursor:pointer;border:none;border-radius:10px;padding:13px 22px;font-size:15px;font-weight:950}.attendancePrimaryBtn{color:#fff;background:#10b981}.attendanceDangerBtn{color:#fff;background:#ef4444}.attendancePrimaryBtn:disabled,.attendanceDangerBtn:disabled{opacity:.7;cursor:not-allowed}.attendanceSummaryCard{flex-direction:column;gap:14px;display:flex}.attendanceSummaryItem{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px}.attendanceSummaryItem span{color:#64748b;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.attendanceSummaryItem strong{color:#0f172a;font-size:22px;font-weight:950}.attendanceInfoBox{color:#475569;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;padding:18px;font-weight:800}.attendanceTableWrap{width:100%;margin-top:18px;overflow-x:auto}.attendanceTable{border-collapse:collapse;width:100%;min-width:700px}.attendanceTable th{text-align:left;color:#334155;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:13px 14px;font-size:13px;font-weight:900}.attendanceTable td{color:#0f172a;border-bottom:1px solid #e2e8f0;padding:14px;font-size:14px}.attendanceMiniStatus{text-transform:capitalize;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.attendanceMiniStatus.clocked_in{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.attendanceMiniStatus.clocked_out{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}@media (width<=900px){.attendanceGrid{grid-template-columns:1fr}.attendanceTimerBox strong{font-size:36px}}@media (width<=768px){.attendanceHeaderRow{flex-direction:column}.attendanceRefreshBtn{width:100%}.attendanceMainCard,.attendanceSummaryCard,.attendanceCard{padding:18px}}.attendanceManualCard{margin-bottom:18px}.attendanceManualNote{color:#64748b;margin:8px 0 20px;font-size:13px;font-weight:700;line-height:1.4}.attendanceManualForm{grid-template-columns:180px minmax(300px,1fr) auto;align-items:end;gap:14px;display:grid}.attendanceField{flex-direction:column;gap:8px;display:flex}.attendanceField label{color:#1e293b;font-size:13px;font-weight:900}.attendanceField input,.attendanceField textarea{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cfd8e3;border-radius:8px;outline:none;width:100%;padding:11px 13px;font-size:14px}.attendanceField textarea{resize:vertical;min-height:74px}.attendanceManualBtn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:9px;min-height:48px;margin-bottom:0;padding:13px 18px;font-size:14px;font-weight:950}.attendanceManualWarning{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;grid-column:1/-1;margin:0;padding:10px 12px;font-size:13px;font-weight:800}@media (width<=900px){.attendanceManualForm{grid-template-columns:1fr;align-items:stretch}.attendanceManualBtn{width:100%}}.attendanceServerClockCard{background:linear-gradient(135deg,#eff6ff,#f8fafc);border:1px solid #bfdbfe;border-radius:14px;grid-template-columns:1fr 1fr auto;align-items:center;gap:16px;margin-bottom:18px;padding:16px 18px;display:grid}.attendanceServerClockCard span{color:#64748b;margin-bottom:5px;font-size:12px;font-weight:900;display:block}.attendanceServerClockCard strong{color:#0f172a;font-size:20px;font-weight:950}.attendanceServerClockCard p{color:#475569;margin:0;font-size:13px;font-weight:800}@media (width<=768px){.attendanceServerClockCard{grid-template-columns:1fr}}.attendanceReportTop{justify-content:flex-start;margin-bottom:18px;display:flex}.attendanceGroupToggle{background:#fff;border:1px solid #dde3ee;border-radius:999px;flex-wrap:wrap;gap:8px;padding:6px;display:flex}.attendanceGroupToggle button{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:900}.attendanceGroupToggle button.active{color:#fff;background:#2563eb}.attendanceReportSummaryGrid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px;display:grid}.attendanceReportList{flex-direction:column;gap:18px;margin-top:18px;display:flex}.attendanceReportGroup{background:#fff;border:1px solid #dbe3ef;border-radius:14px;overflow:hidden}.attendanceReportGroupHeader{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.attendanceReportGroupHeader h3{color:#0f172a;margin:0;font-size:17px;font-weight:950}.attendanceReportGroupHeader p{color:#64748b;margin:5px 0 0;font-size:13px;font-weight:800}.attendanceReportGroupHeader>span{color:#047857;white-space:nowrap;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:950}.attendanceMobileList{display:none}.attendanceMobileCard{border-top:1px solid #e2e8f0;gap:10px;padding:14px;display:grid}.attendanceMobileCard div{flex-direction:column;gap:4px;display:flex}.attendanceMobileCard span{color:#64748b;font-size:12px;font-weight:900}.attendanceMobileCard strong{color:#0f172a;font-size:14px;font-weight:900}@media (width<=900px){.attendanceReportSummaryGrid{grid-template-columns:1fr}.attendanceGroupToggle{border-radius:14px;width:100%}.attendanceGroupToggle button{flex:1}}@media (width<=768px){.attendanceReportGroup .attendanceTableWrap{display:none}.attendanceMobileList{display:block}.attendanceReportGroupHeader{flex-direction:column;align-items:flex-start}}.attendanceReportSummaryGrid.compact{grid-template-columns:repeat(2,1fr)}.attendanceSimpleReportList{flex-direction:column;gap:18px;margin-top:18px;display:flex}.attendanceSimpleGroup{background:#fff;border:1px solid #dbe3ef;border-radius:14px;overflow:hidden}.attendanceSimpleGroupHeader{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.attendanceSimpleGroupHeader h3{color:#0f172a;margin:0;font-size:17px;font-weight:950}.attendanceSimpleGroupHeader p{color:#64748b;margin:5px 0 0;font-size:13px;font-weight:800}.attendanceSimpleGroupHeader>span{color:#047857;white-space:nowrap;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:950}.attendanceSimpleRows{flex-direction:column;display:flex}.attendanceSimpleRow{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:14px;padding:15px 18px;display:flex}.attendanceSimpleRow:last-child{border-bottom:none}.attendanceSimpleRow span{color:#0f172a;font-size:14px;font-weight:850}.attendanceSimpleRow strong{color:#0f172a;font-size:14px;font-weight:950}@media (width<=768px){.attendanceReportSummaryGrid.compact{grid-template-columns:1fr}.attendanceSimpleGroupHeader{flex-direction:column;align-items:flex-start}.attendanceSimpleRow{align-items:flex-start}}.attendanceAdminBanner{color:#1d4ed8;background:#dbeafe;border-left:4px solid #2563eb;border-radius:8px;margin-bottom:18px;padding:16px 18px;font-size:14px;font-weight:900}.attendanceAdminSummaryGrid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px;display:grid}.attendanceAdminCardHeader{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.attendanceAdminSubText{color:#64748b;margin:6px 0 0;font-size:13px;font-weight:700}.attendanceAdminActions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.attendanceAdminActions input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:11px 12px;font-size:14px;font-weight:700}.attendanceAdminActions button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:11px 16px;font-size:14px;font-weight:900}.attendanceAdminActions button.primary{color:#fff;background:#2563eb;border-color:#2563eb}.attendanceAdminActions button:disabled{opacity:.65;cursor:not-allowed}.attendanceEmployeeCell{flex-direction:column;gap:4px;display:flex}.attendanceEmployeeCell strong{color:#0f172a;font-size:14px;font-weight:900}.attendanceEmployeeCell span{color:#64748b;font-size:12px;font-weight:700}.attendanceAdminStatus{text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;padding:7px 11px;font-size:12px;font-weight:900;display:inline-flex}@media (width<=1000px){.attendanceAdminSummaryGrid{grid-template-columns:repeat(2,1fr)}.attendanceAdminCardHeader{flex-direction:column}}@media (width<=640px){.attendanceAdminSummaryGrid{grid-template-columns:1fr}.attendanceAdminActions,.attendanceAdminActions input,.attendanceAdminActions button{width:100%}}.attendanceKpiGrid{grid-template-columns:repeat(7,minmax(130px,1fr));gap:12px;margin-bottom:18px;display:grid}.attendanceKpiCard{background:#fff;border:1px solid #dde3ee;border-radius:14px;align-items:center;gap:14px;min-height:92px;padding:18px 16px;display:flex;box-shadow:0 1px 2px #0f172a0a}.attendanceKpiIcon{background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.attendanceKpiCard span{color:#475569;margin-bottom:6px;font-size:13px;font-weight:800;display:block}.attendanceKpiCard strong{color:#0f172a;font-size:24px;font-weight:950;line-height:1}.attendanceKpiCard strong small{color:#475569;font-size:13px;font-weight:800}.attendanceKpiCard.blue strong,.attendanceKpiCard.blue .attendanceKpiIcon{color:#2563eb}.attendanceKpiCard.green strong,.attendanceKpiCard.green .attendanceKpiIcon{color:#059669}.attendanceKpiCard.orange strong,.attendanceKpiCard.orange .attendanceKpiIcon{color:#ea580c}.attendanceKpiCard.amber strong,.attendanceKpiCard.amber .attendanceKpiIcon{color:#d97706}.attendanceKpiCard.red strong,.attendanceKpiCard.red .attendanceKpiIcon{color:#dc2626}.attendanceKpiCard.purple strong,.attendanceKpiCard.purple .attendanceKpiIcon{color:#9333ea}.attendanceModernTableCard{padding:0;overflow:hidden}.attendanceModernToolbar{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.attendanceFilterTitle{color:#2563eb;align-items:center;gap:9px;font-size:15px;font-weight:950;display:flex}.attendanceFilterTitle span{font-size:16px}.attendanceExportBtn{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #d8e2f0;border-radius:9px;padding:10px 15px;font-size:14px;font-weight:950}.attendanceExportBtn:hover{background:#eff6ff;border-color:#bfdbfe}.attendanceExportBtn:disabled{opacity:.6;cursor:not-allowed}.attendanceModernTable{min-width:1280px;margin-top:0}.attendanceModernTable th{color:#0f172a;white-space:nowrap;background:#f8fafc;border-right:1px solid #e5eaf2;font-size:13px;font-weight:950}.attendanceModernTable th:last-child,.attendanceModernTable td:last-child{border-right:none}.attendanceModernTable td{vertical-align:middle;border-right:1px solid #e5eaf2}.attendanceFilterRow th{background:#fbfdff;padding:10px 12px 16px}.attendanceFilterRow input,.attendanceFilterRow select{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #d7e0ec;border-radius:9px;outline:none;width:100%;min-height:40px;padding:10px 11px;font-size:13px;font-weight:750}.attendanceFilterRow input:focus,.attendanceFilterRow select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.attendanceFilterRow input::placeholder{color:#64748b;font-weight:700}.attendanceFilterRow input:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc}.attendanceFilterRow select{cursor:pointer}.attendanceInlineActions{align-items:center;gap:8px;display:flex}.attendanceInlineActions button{color:#334155;cursor:pointer;background:#fff;border:1px solid #d7e0ec;border-radius:8px;min-height:40px;padding:10px 12px;font-size:13px;font-weight:950}.attendanceInlineActions button.primary{color:#fff;background:#2563eb;border-color:#2563eb}.attendanceInlineActions button:hover{background:#f8fafc}.attendanceInlineActions button.primary:hover{background:#1d4ed8}.attendanceInlineActions button:disabled{opacity:.65;cursor:not-allowed}.attendanceRoleCell{flex-direction:column;gap:4px;display:flex}.attendanceRoleCell strong{color:#0f172a;font-size:14px;font-weight:900}.attendanceRoleCell span{color:#64748b;font-size:12px;font-weight:750}.attendanceViewBtn{color:#2563eb;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d7e0ec;border-radius:9px;padding:9px 13px;font-size:13px;font-weight:950}.attendanceViewBtn:hover{background:#eff6ff;border-color:#bfdbfe}.attendanceTableFooter{color:#475569;background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:14px;padding:14px 20px;font-size:13px;font-weight:800;display:flex}.attendanceModernTable .attendanceInfoBox{margin:8px}.attendanceAdminStatus.present{color:#047857;background:#dcfce7;border:1px solid #bbf7d0}.attendanceAdminStatus.clocked_in{color:#1d4ed8;background:#dbeafe;border:1px solid #bfdbfe}.attendanceAdminStatus.on_leave{color:#7e22ce;background:#f3e8ff;border:1px solid #e9d5ff}.attendanceAdminStatus.absent{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}.attendanceAdminStatus.manual_adjusted{color:#b45309;background:#fef3c7;border:1px solid #fde68a}@media (width<=1400px){.attendanceKpiGrid{grid-template-columns:repeat(4,minmax(150px,1fr))}}@media (width<=1000px){.attendanceKpiGrid{grid-template-columns:repeat(2,minmax(150px,1fr))}.attendanceModernToolbar{flex-direction:column;align-items:stretch}.attendanceExportBtn{width:100%}}@media (width<=640px){.attendanceKpiGrid{grid-template-columns:1fr}.attendanceKpiCard{min-height:auto}.attendanceTableFooter{flex-direction:column;align-items:flex-start}}.attendanceManualHeader{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.attendanceManualHeader .attendanceManualNote{margin-bottom:0}.attendanceManualHoursBox{text-align:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:13px;min-width:150px;padding:13px 14px}.attendanceManualHoursBox span{color:#475569;margin-bottom:6px;font-size:12px;font-weight:900;display:block}.attendanceManualHoursBox strong{color:#1d4ed8;font-size:24px;font-weight:950}.attendanceManualLeftGrid{grid-template-columns:1fr;gap:13px;display:grid}.attendanceManualTimeRow{grid-template-columns:1fr 1fr;gap:13px;display:grid}.attendanceManualCommentField textarea{min-height:106px}.attendanceManualSubmitCol{flex-direction:column;align-items:stretch;gap:10px;display:flex}.attendanceManualSubmitCol .attendanceManualBtn{min-width:180px;margin-bottom:0}.attendanceManualHint{color:#64748b;max-width:190px;margin:0;font-size:12px;font-weight:800;line-height:1.35}.attendanceManualFormV2 .attendanceManualWarning{grid-column:1/-1}@media (width<=1100px){.attendanceManualFormV2{grid-template-columns:1fr 1fr}.attendanceManualSubmitCol{grid-column:1/-1}.attendanceManualSubmitCol .attendanceManualBtn{width:100%}.attendanceManualHint{text-align:center;max-width:none}}@media (width<=768px){.attendanceManualHeader{flex-direction:column}.attendanceManualHoursBox{width:100%}.attendanceManualFormV2,.attendanceManualTimeRow{grid-template-columns:1fr}}.attendanceManualFormV2{grid-template-columns:180px minmax(280px,1fr) minmax(280px,1fr) 170px auto;align-items:end;gap:14px;display:grid}.attendanceTimePair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.attendanceCalculatedBox{box-sizing:border-box;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;min-height:48px;padding:11px 13px}.attendanceCalculatedBox span{color:#64748b;margin-bottom:4px;font-size:12px;font-weight:900;display:block}.attendanceCalculatedBox strong{color:#0f172a;font-size:15px;font-weight:950}.attendanceCompOffCard{background:#fffaf5;border-color:#fed7aa}.attendanceCompOffBtn{background:#ea580c}.attendanceMiniStatus.pending,.attendanceMiniStatus.pending_manager,.attendanceMiniStatus.pending_hr{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.attendanceMiniStatus.approved{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.attendanceMiniStatus.rejected{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}@media (width<=1200px){.attendanceManualFormV2{grid-template-columns:1fr 1fr}.attendanceManualFormV2 .attendanceField:nth-child(3){grid-column:1/-1}}@media (width<=768px){.attendanceManualFormV2,.attendanceTimePair{grid-template-columns:1fr}.attendanceManualFormV2 .attendanceField:nth-child(3){grid-column:auto}.attendanceManualBtn{width:100%}}.attendanceCompOffSummaryGrid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;margin-bottom:18px;display:grid}.attendanceCompOffAdminCard{margin-bottom:18px}.attendanceCompOffTable{min-width:1100px}.attendanceCompOffTable th{white-space:nowrap}.attendanceCompOffTable td{vertical-align:middle}.attendanceHistorySelect{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;min-height:42px;padding:11px 12px;font-size:14px;font-weight:800}.attendanceInlineActions button.approve,.attendanceInlineActions button.primary.approve{color:#fff;background:#10b981;border-color:#10b981}.attendanceInlineActions button.approve:hover,.attendanceInlineActions button.primary.approve:hover{background:#059669}.attendanceInlineActions button.reject{color:#fff;background:#ef4444;border-color:#ef4444}.attendanceInlineActions button.reject:hover{background:#dc2626}.attendanceAdminStatus.approved{color:#047857;background:#dcfce7;border:1px solid #bbf7d0}.attendanceAdminStatus.rejected{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}.attendanceAdminStatus.pending,.attendanceAdminStatus.pending_hr,.attendanceAdminStatus.pending_manager{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.attendanceAdminStatus.skipped{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}@media (width<=1000px){.attendanceCompOffSummaryGrid{grid-template-columns:1fr}}.attendanceMissingClockOutBanner{background:linear-gradient(135deg,#fffbeb 0%,#fff 75%);border:1px solid #f59e0b;border-radius:16px;align-items:flex-start;gap:16px;margin-bottom:18px;padding:18px;display:flex;box-shadow:0 8px 28px #f59e0b14}.attendanceMissingClockOutIcon{color:#fff;background:#f59e0b;border-radius:13px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;font-weight:950;display:flex;box-shadow:0 8px 18px #f59e0b38}.attendanceMissingClockOutContent{flex:1;min-width:0}.attendanceMissingClockOutTitleRow{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.attendanceMissingClockOutTitleRow h3{color:#92400e;margin:0 0 5px;font-size:17px;font-weight:950}.attendanceMissingClockOutTitleRow p{color:#78350f;margin:0;font-size:13px;font-weight:750;line-height:1.5}.attendanceMissingClockOutCount{white-space:nowrap;color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:999px;align-items:center;padding:7px 11px;font-size:12px;font-weight:950;display:inline-flex}.attendanceMissingClockOutList{gap:9px;margin-top:14px;display:grid}.attendanceMissingClockOutItem{background:#ffffffe0;border:1px solid #fde68a;border-radius:12px;grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px;padding:12px 14px;display:grid}.attendanceMissingClockOutItem div{min-width:0}.attendanceMissingClockOutItem span{color:#92400e;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:11px;font-weight:850;display:block}.attendanceMissingClockOutItem strong{color:#0f172a;font-size:13px;font-weight:950}.attendanceMissingClockOutItem strong.missing{color:#dc2626}.attendanceMissingClockOutFooter{border-top:1px dashed #fcd34d;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;padding-top:12px;font-size:12px;line-height:1.4;display:flex}.attendanceMissingClockOutFooter span{color:#78350f;font-weight:750}.attendanceMissingClockOutFooter strong{color:#047857;font-weight:950}.attendanceAdminStatus.missing_clock_out{color:#c2410c;background:#fff7ed;border:1px solid #fdba74}.attendanceRowActionStack{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.attendanceFixClockOutBtn{color:#92400e;cursor:pointer;white-space:nowrap;background:#fffbeb;border:1px solid #f59e0b;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:950}.attendanceFixClockOutBtn:hover{background:#fef3c7;border-color:#d97706}.attendanceModalBackdrop{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a94;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.attendanceFixModal{background:#fff;border:1px solid #e2e8f0e6;border-radius:22px;width:min(720px,100%);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 30px 80px #0f172a42}.attendanceFixModalHeader{background:linear-gradient(135deg,#eff6ff 0%,#fff 68%);border-bottom:1px solid #e2e8f0;grid-template-columns:auto 1fr auto;align-items:flex-start;gap:14px;padding:22px 22px 18px;display:grid}.attendanceFixModalIcon{background:#2563eb;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;font-size:21px;display:flex;box-shadow:0 8px 20px #2563eb33}.attendanceFixModalEyebrow{color:#2563eb;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:11px;font-weight:950;display:block}.attendanceFixModalHeader h2{color:#0f172a;margin:0;font-size:21px;font-weight:950}.attendanceFixModalHeader p{color:#64748b;margin:6px 0 0;font-size:13px;font-weight:700;line-height:1.45}.attendanceModalClose{color:#64748b;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:10px;width:36px;height:36px;font-size:24px;line-height:1}.attendanceFixEmployeeCard{background:#f8fbff;border:1px solid #dbeafe;border-radius:14px;grid-template-columns:1.4fr repeat(3,1fr);gap:10px;margin:18px 22px 0;padding:14px;display:grid}.attendanceFixEmployeeCard div{min-width:0}.attendanceFixEmployeeCard span,.attendanceFixEmployeeCard small{color:#64748b;font-size:11px;font-weight:800;display:block}.attendanceFixEmployeeCard strong{color:#0f172a;margin-top:4px;font-size:13px;font-weight:950;display:block}.attendanceFixEmployeeCard small{margin-top:3px}.attendanceMissingText{color:#dc2626!important}.attendanceFixModalForm{gap:16px;padding:20px 22px 22px;display:grid}.attendanceFixModalForm .attendanceField small{color:#64748b;font-size:11px;font-weight:700;line-height:1.4}.attendanceFixModalNotice{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 13px;display:flex}.attendanceFixModalNotice span{font-size:16px}.attendanceFixModalNotice p{color:#1e3a8a;margin:0;font-size:12px;font-weight:750;line-height:1.45}.attendanceFixModalActions{justify-content:flex-end;gap:10px;padding-top:3px;display:flex}.attendanceModalCancelBtn,.attendanceModalSaveBtn{cursor:pointer;border-radius:10px;min-height:44px;padding:11px 17px;font-size:13px;font-weight:950}.attendanceModalCancelBtn{color:#334155;background:#fff;border:1px solid #d7e0ec}.attendanceModalSaveBtn{color:#fff;background:#2563eb;border:1px solid #2563eb}.attendanceModalSaveBtn:hover{background:#1d4ed8}.attendanceModalCancelBtn:disabled,.attendanceModalSaveBtn:disabled,.attendanceModalClose:disabled{opacity:.6;cursor:not-allowed}@media (width<=760px){.attendanceMissingClockOutTitleRow,.attendanceMissingClockOutFooter{flex-direction:column;align-items:flex-start}.attendanceMissingClockOutItem{grid-template-columns:1fr}.attendanceFixEmployeeCard{grid-template-columns:1fr 1fr}.attendanceFixModalActions{flex-direction:column-reverse}.attendanceModalCancelBtn,.attendanceModalSaveBtn{width:100%}}@media (width<=520px){.attendanceMissingClockOutBanner{flex-direction:column}.attendanceFixEmployeeCard{grid-template-columns:1fr}.attendanceFixModalHeader{grid-template-columns:auto 1fr}.attendanceModalClose{grid-column:1/-1;width:100%}}.leavePolicyPage{background:#f8fafc;min-height:100vh;padding:28px 32px}.leavePolicyPage h1{color:#0f172a;margin:0 0 28px;font-size:24px;font-weight:800}.leavePolicyCard{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 8px 24px #0f172a0a}.leavePolicyHeader h2{color:#0f172a;margin:0 0 18px;font-size:18px;font-weight:800}.leavePolicyHeader p{color:#334155;margin:0 0 24px;font-size:14px}.leavePolicyGrid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:20px 16px;margin-bottom:20px;display:grid}.leavePolicyField{flex-direction:column;gap:8px;display:flex}.leavePolicyField span{color:#1e293b;font-size:14px;font-weight:700}.leavePolicyField input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;height:42px;padding:0 12px;font-size:14px}.leavePolicyField input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.leavePolicyActions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px;display:flex}.leavePolicyBtn{color:#fff;cursor:pointer;background:#0e2877;border:none;border-radius:10px;min-height:42px;padding:0 22px;font-family:inherit;font-size:14px;font-weight:600;transition:transform .18s,box-shadow .18s,opacity .18s}.leavePolicyBtn:active:not(:disabled){transform:translateY(0)}.leavePolicyBtn:disabled{opacity:.55;cursor:not-allowed}@media (width<=1024px){.leavePolicyGrid{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media (width<=640px){.leavePolicyPage{padding:20px 16px}.leavePolicyGrid{grid-template-columns:1fr}}.exitProcessPage{color:#0f172a;background:#f8fafc;min-height:100vh;padding:28px 32px}.exitTopbar{margin-bottom:22px}.exitTopbar h1{color:#0f172a;margin:0 0 6px;font-size:24px;font-weight:800}.exitTopbar p{color:#475569;margin:0;font-size:14px}.exitNotice{background:#fff4c2;border-left:4px solid #f59e0b;border-radius:8px;margin-bottom:18px;padding:14px 16px}.exitNotice strong{color:#92400e;margin-bottom:4px;font-size:14px;font-weight:800;display:block}.exitNotice p{color:#92400e;margin:0;font-size:13px}.exitAlert{border-radius:8px;margin-bottom:16px;padding:12px 14px;font-size:14px;font-weight:700}.exitAlert.error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.exitAlert.success{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.exitCard{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:22px;box-shadow:0 8px 22px #0f172a0a}.exitCardHeader{margin-bottom:18px}.exitCardHeader h2{color:#0f172a;margin:0 0 8px;font-size:16px;font-weight:800}.exitCardHeader p{color:#64748b;margin:0;font-size:13px}.exitGrid{grid-template-columns:repeat(2,minmax(240px,1fr));gap:16px;display:grid}.exitField{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.exitField span{color:#1e293b;font-size:13px;font-weight:800}.exitField input,.exitField select,.exitField textarea{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px}.exitField input,.exitField select{height:42px}.exitField textarea{resize:vertical;min-height:110px}.exitField input:focus,.exitField select:focus,.exitField textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.exitSubmitBtn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:11px 18px;font-size:14px;font-weight:800}.exitSubmitBtn:disabled{opacity:.65;cursor:not-allowed}.exitChecklist{flex-direction:column;gap:10px;display:flex}.exitChecklistItem{color:#334155;background:#f8fafc;border-radius:8px;align-items:center;gap:10px;padding:12px;font-size:14px;font-weight:600;display:flex}.exitChecklistItem input{width:16px;height:16px}.exitChecklistItem.readonly{opacity:.85}.exitCard.submitted{border-left:4px solid #2563eb}.exitStatusGrid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px;display:grid}.exitStatusItem{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px}.exitStatusItem span{color:#64748b;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.exitStatusItem strong{color:#0f172a;font-size:15px}.exitCommentsBox{background:#f8fafc;border-radius:10px;margin-top:16px;padding:14px}.exitCommentsBox strong{margin-bottom:6px;font-size:13px;display:block}.exitCommentsBox p{color:#334155;margin:0;font-size:14px}@media (width<=900px){.exitGrid,.exitStatusGrid{grid-template-columns:1fr}.exitProcessPage{padding:22px 16px}}.exitVerificationList{flex-direction:column;gap:10px;display:flex}.exitVerificationItem{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;display:flex}.exitVerificationItem strong{color:#0f172a;font-size:14px;font-weight:800;display:block}.exitVerificationItem small{color:#64748b;margin-top:4px;font-size:12px;display:block}.exitVerifyBadge{white-space:nowrap;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.exitVerifyBadge.pending{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa}.exitVerifyBadge.progress{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.exitVerifyBadge.verified{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}@media (width<=640px){.exitVerificationItem{flex-direction:column;align-items:flex-start}}.exitMgmtPage{color:#0f172a;background:#f8fafc;min-height:100vh;padding:24px}.exitMgmtTopbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.exitMgmtTopbar h1{color:#020617;margin:0;font-size:24px;font-weight:800}.exitMgmtTopbar p{color:#64748b;margin:6px 0 0;font-size:14px}.exitMgmtFilter{color:#0f172a;background:#fff;border:1px solid #dbe3ef;border-radius:12px;outline:none;min-width:180px;padding:11px 14px;font-weight:700}.exitMgmtNotice{color:#1e3a8a;background:#dbeafe;border-left:4px solid #2563eb;border-radius:10px;flex-direction:column;gap:4px;margin-bottom:18px;padding:14px 16px;display:flex}.exitMgmtNotice strong{font-size:14px}.exitMgmtNotice span{font-size:13px}.exitMgmtAlert{border-radius:12px;margin-bottom:16px;padding:12px 14px;font-size:14px;font-weight:700}.exitMgmtAlert.error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.exitMgmtAlert.success{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.exitMgmtStatsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.exitMgmtStatCard{background:#fff;border:1px solid #e2e8f0;border-radius:14px;min-height:92px;padding:22px;box-shadow:0 8px 22px #0f172a0a}.exitMgmtStatCard span{color:#475569;margin-bottom:12px;font-size:13px;display:block}.exitMgmtStatCard strong{color:#020617;font-size:30px;font-weight:900;line-height:1}.exitMgmtStatCard strong.orange{color:#f59e0b}.exitMgmtStatCard em{color:#475569;margin-left:8px;font-size:13px;font-style:normal}.exitMgmtCard{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 8px 22px #0f172a0a}.exitMgmtCardHeader{justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.exitMgmtCardHeader h2{color:#020617;margin:0;font-size:17px}.exitMgmtRefreshBtn{color:#1d4ed8;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:10px;padding:9px 13px;font-weight:800}.exitMgmtRefreshBtn:disabled{opacity:.6;cursor:not-allowed}.exitMgmtEmpty{color:#64748b;text-align:center;padding:28px 20px;font-weight:700}.exitMgmtTableWrap{padding:0 20px 20px;overflow-x:auto}.exitMgmtTable{border-collapse:collapse;width:100%;min-width:850px}.exitMgmtTable th{color:#334155;text-transform:uppercase;letter-spacing:.04em;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:13px 10px;font-size:12px}.exitMgmtTable td{color:#0f172a;border-bottom:1px solid #e2e8f0;padding:14px 10px;font-size:14px}.exitEmployeeCell{flex-direction:column;gap:4px;display:flex}.exitEmployeeCell strong{color:#020617}.exitEmployeeCell span{color:#64748b;font-size:12px}.exitClearanceBadge,.exitStatusBadge{white-space:nowrap;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.exitClearanceBadge.low{color:#c2410c;background:#ffedd5}.exitClearanceBadge.medium{color:#92400e;background:#fef3c7}.exitClearanceBadge.complete{color:#166534;background:#dcfce7}.exitStatusBadge.pending{color:#0369a1;background:#e0f2fe}.exitStatusBadge.progress{color:#6d28d9;background:#ede9fe}.exitStatusBadge.hold{color:#92400e;background:#fef3c7}.exitStatusBadge.approved{color:#166534;background:#dcfce7}.exitStatusBadge.rejected{color:#991b1b;background:#fee2e2}.exitMgmtActionBtn{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:9px;padding:8px 12px;font-size:12px;font-weight:900}.exitMgmtActionBtn:hover{background:#1d4ed8}.exitMgmtModalOverlay{z-index:999;background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.exitMgmtModal{background:#fff;border-radius:18px;width:min(920px,100%);max-height:90vh;padding:22px;overflow-y:auto;box-shadow:0 30px 80px #0f172a40}.exitMgmtModalHeader{border-bottom:1px solid #e2e8f0;justify-content:space-between;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.exitMgmtModalHeader h2{color:#020617;margin:0;font-size:22px}.exitMgmtModalHeader p{color:#64748b;margin:5px 0 0;font-size:14px}.exitMgmtCloseBtn{color:#0f172a;cursor:pointer;background:#f1f5f9;border:0;border-radius:999px;width:36px;height:36px;font-size:24px;line-height:1}.exitMgmtDetailGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.exitMgmtDetailItem{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.exitMgmtDetailItem span{color:#64748b;margin-bottom:6px;font-size:12px;display:block}.exitMgmtDetailItem strong{color:#0f172a;font-size:14px}.exitMgmtCommentBox{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;margin-bottom:16px;padding:12px 14px}.exitMgmtCommentBox strong{color:#1e3a8a;font-size:13px}.exitMgmtCommentBox p{color:#1e40af;margin:6px 0 0;font-size:14px}.exitMgmtChecklist{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.exitMgmtCheckItem{background:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:22px 1fr auto;align-items:center;gap:12px;padding:13px 14px;display:grid}.exitMgmtCheckItem input{accent-color:#2563eb;width:18px;height:18px}.exitMgmtCheckItem strong{color:#0f172a;font-size:14px;display:block}.exitMgmtCheckItem span{color:#64748b;margin-top:4px;font-size:12px;display:block}.exitMgmtCheckItem em{color:#2563eb;background:#dbeafe;border-radius:999px;padding:6px 9px;font-size:12px;font-style:normal;font-weight:900}.exitMgmtTextareaField{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.exitMgmtTextareaField span{color:#334155;font-size:13px;font-weight:800}.exitMgmtTextareaField textarea{resize:vertical;color:#0f172a;border:1px solid #dbe3ef;border-radius:12px;outline:none;padding:12px;font-family:inherit}.exitMgmtTextareaField textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.exitMgmtModalActions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.exitMgmtModalActions button{cursor:pointer;border:0;border-radius:10px;padding:10px 14px;font-weight:900}.exitMgmtModalActions button:disabled{opacity:.55;cursor:not-allowed}.exitMgmtSecondaryBtn{color:#0369a1;background:#e0f2fe}.exitMgmtHoldBtn{color:#92400e;background:#fef3c7}.exitMgmtRejectBtn{color:#991b1b;background:#fee2e2}.exitMgmtApproveBtn{color:#fff;background:#2563eb}.exitMgmtHint{color:#92400e;text-align:right;margin:12px 0 0;font-size:13px;font-weight:700}@media (width<=900px){.exitMgmtStatsGrid,.exitMgmtDetailGrid{grid-template-columns:1fr}.exitMgmtTopbar{flex-direction:column;align-items:stretch}.exitMgmtFilter{width:100%}.exitMgmtModal{padding:18px}.exitMgmtCheckItem{grid-template-columns:22px 1fr}.exitMgmtCheckItem em{grid-column:2/3;width:fit-content}}.contractorStaffPage{color:#071f45;background:#f8fafc;min-height:calc(100vh - 70px);padding:28px}.contractorStaffTitle{margin:0 0 28px;font-size:22px;font-weight:800}.contractorStaffWelcome{color:#064e3b;background:#d1fae5;border-left:4px solid #10b981;border-radius:8px;margin-bottom:34px;padding:18px 22px;font-size:14px}.contractorStaffWelcome strong{margin-bottom:6px;display:block}.contractorStaffQuickBox{background:#fff;border:1px solid #dbe4ef;border-radius:10px;min-height:78px;padding:24px}.contractorStaffQuickBox h3{color:#071f45;margin:0;font-size:15px;font-weight:800}.contractorStaffActions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.contractorStaffActions button{cursor:pointer;border:none;border-radius:8px;padding:10px 14px;font-weight:700}.contractorStaffActions .activeAction{color:#fff;background:#2563eb}.contractorStaffActions .disabledAction{color:#6b7280;cursor:not-allowed;background:#e5e7eb}.contractorStaffCard,.contractorStaffError{background:#fff;border:1px solid #dbe4ef;border-radius:10px;padding:18px}.contractorStaffError{color:#b91c1c;background:#fee2e2}.cstPage{color:#020617;background:#f8fafc;min-height:calc(100vh - 70px);padding:28px}.cstTitle{margin:0 0 28px;font-size:22px;font-weight:800}.cstWelcome,.cstActionAlert,.cstNotificationBox,.cstCard,.cstMetricCard,.cstError{border-radius:8px}.cstWelcome{color:#064e3b;background:#d1fae5;border-left:4px solid #10b981;flex-direction:column;gap:6px;margin-bottom:20px;padding:18px 20px;font-size:14px;display:flex}.cstActionAlert{color:#92400e;background:#fef3c7;border-left:4px solid #f59e0b;margin-bottom:20px;padding:16px 20px;font-size:14px}.cstActionAlert p{margin:0 0 8px}.cstActionAlert p:last-child{margin-bottom:0}.cstNotificationBox{color:#1d4ed8;background:#dbeafe;border-left:4px solid #2563eb;margin-bottom:20px;padding:16px 20px;font-size:14px}.cstNotificationBox h3,.cstCard h3{color:#020617;margin:0 0 12px;font-size:16px;font-weight:800}.cstNotificationBox ul{margin:0;padding-left:18px}.cstNotificationBox li{margin:5px 0}.cstStatsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:26px;display:grid}.cstMetricCard,.cstCard{background:#fff;border:1px solid #dbe4ef}.cstMetricCard{padding:22px}.cstMetricCard span{color:#475569;margin-bottom:12px;font-size:13px;display:block}.cstMetricCard strong{font-size:28px;line-height:1.1}.cstCard{margin-bottom:20px;padding:24px}.cstQuickActions{min-height:76px}.cstActionRow{flex-wrap:wrap;gap:10px;display:flex}.cstActionBtn{color:#fff;cursor:pointer;border:0;border-radius:7px;min-height:34px;padding:9px 16px;font-weight:800}.cstActionBtn.primary{background:#2563eb}.cstActionBtn.success{background:#10b981}.cstActionBtn:disabled{cursor:not-allowed;background:#cbd5e1}.cstTimeline{gap:22px;padding-left:24px;display:grid;position:relative}.cstTimeline:before{content:"";background:#cbd5e1;width:1px;position:absolute;top:8px;bottom:8px;left:6px}.cstTimelineItem{flex-direction:column;gap:5px;display:flex;position:relative}.cstTimelineItem:before{content:"";background:#fff;border:3px solid #10b981;border-radius:999px;width:12px;height:12px;position:absolute;top:2px;left:-23px}.cstTimelineItem strong{font-size:15px}.cstTimelineItem span{color:#64748b;font-size:12px}.cstError{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;padding:18px}@media (width<=900px){.cstStatsGrid{grid-template-columns:1fr}}.csta-page{color:#061739;background:#f5f8fc;min-height:100vh;padding:26px 28px 70px;font-family:inherit}.csta-page-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.csta-page-head h1{color:#061739;margin:0;font-size:26px;font-weight:900}.csta-page-head p{color:#50627f;margin:8px 0 0;font-size:14px;font-weight:600}.csta-refresh-btn,.csta-template-btn,.csta-primary-btn,.csta-clear-btn,.csta-filter-btn,.csta-search-row button{cursor:pointer;color:#0649c9;background:#fff;border:1px solid #cbd8ea;border-radius:10px;padding:11px 18px;font-weight:900;transition:all .2s}.csta-refresh-btn:hover,.csta-template-btn:hover,.csta-clear-btn:hover,.csta-filter-btn:hover,.csta-search-row button:hover{background:#edf5ff;border-color:#9bbdf9}.csta-alert{color:#063078;background:#dbeafe;border-left:5px solid #2563eb;border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:16px 18px;display:flex}.csta-alert-icon{margin-top:1px;font-size:18px}.csta-alert strong{margin-bottom:7px;font-size:14px;font-weight:900;display:block}.csta-alert p{color:#0742a7;margin:0;font-size:13px;font-weight:700}.csta-stats-grid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;margin-bottom:18px;display:grid}.csta-stat-card{background:#fff;border:1px solid #dbe4f0;border-radius:12px;padding:18px 20px;box-shadow:0 10px 28px #0f172a0a}.csta-stat-card span{color:#5c6d89;margin-bottom:10px;font-size:13px;font-weight:700;display:block}.csta-stat-card strong{color:#061739;font-size:28px;font-weight:950;line-height:1;display:block}.csta-upload-panel,.csta-table-panel{background:#fff;border:1px solid #dbe4f0;border-radius:14px;margin-bottom:18px;padding:20px;box-shadow:0 10px 28px #0f172a0a}.csta-upload-top,.csta-table-top{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.csta-upload-top h2,.csta-table-top h2{color:#061739;margin:0;font-size:18px;font-weight:950}.csta-table-top p{color:#5c6d89;margin:6px 0 0;font-size:13px;font-weight:700}.csta-total-text{color:#4f5f78;font-size:13px;font-weight:800}.csta-form-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.csta-field{margin-bottom:14px}.csta-field label{color:#061739;margin-bottom:8px;font-size:13px;font-weight:900;display:block}.csta-field input,.csta-field select,.csta-search-row input{color:#061739;background:#fff;border:1px solid #cad8eb;border-radius:9px;outline:none;width:100%;padding:11px 12px;font-size:14px;font-weight:650}.csta-field input[type=file]{padding:9px}.csta-field input:focus,.csta-field select:focus,.csta-search-row input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.csta-selected-file{color:#475569;margin-top:8px;font-size:13px;font-weight:700}.csta-help-text{color:#66758e;margin:4px 0 14px;font-size:12px;font-weight:700}.csta-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.csta-primary-btn{color:#fff;background:#2563eb;border-color:#2563eb}.csta-primary-btn:hover{background:#1d4ed8;border-color:#1d4ed8}.csta-primary-btn:disabled{opacity:.65;cursor:not-allowed}.csta-clear-btn,.csta-filter-btn{color:#0f2f67}.csta-message{border-radius:10px;margin-top:14px;padding:12px 14px;font-size:13px;font-weight:800}.csta-message-info{color:#1e3a8a;background:#eef2ff;border:1px solid #c7d2fe}.csta-message-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.csta-message-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.csta-result-strip{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.csta-result-strip div{background:#f8fbff;border:1px solid #dbeafe;border-radius:12px;padding:14px}.csta-result-strip span{color:#64748b;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.csta-result-strip strong{color:#061739;font-size:22px;font-weight:950;display:block}.csta-errors{background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;margin-top:14px;padding:14px}.csta-errors h3{color:#9a3412;margin:0 0 8px;font-size:14px;font-weight:950}.csta-errors p{color:#9a3412;margin:6px 0;font-size:13px;font-weight:700}.csta-search-row{gap:10px;margin-bottom:14px;display:flex}.csta-search-row input{max-width:360px}.csta-search-row button{white-space:nowrap}.csta-table-wrap{width:100%;overflow-x:auto}.csta-table-wrap table{border-collapse:collapse;width:100%;min-width:820px}.csta-table-wrap thead th{color:#13284d;text-transform:uppercase;letter-spacing:.04em;text-align:left;background:#f7f9fc;border-bottom:1px solid #dbe4f0;padding:13px 12px;font-size:12px;font-weight:950}.csta-table-wrap tbody td{color:#061739;vertical-align:middle;border-bottom:1px solid #e7edf6;padding:15px 12px;font-size:13px;font-weight:700}.csta-table-wrap tbody tr:hover{background:#f8fbff}.csta-status-pill{color:#15803d;background:#dcfce7;border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:12px;font-weight:950;display:inline-flex}.csta-empty{text-align:center!important;color:#64748b!important;padding:28px!important;font-weight:800!important}.csta-note{color:#92400e;background:#fff3c4;border:1px solid #facc15;border-radius:10px;padding:15px 18px;font-size:13px;font-weight:700}.csta-note strong{font-weight:950}@media (width<=1100px){.csta-stats-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}}@media (width<=760px){.csta-page{padding:16px}.csta-page-head,.csta-upload-top,.csta-table-top{flex-direction:column;align-items:stretch}.csta-page-head h1{font-size:22px}.csta-stats-grid,.csta-form-grid,.csta-result-strip{grid-template-columns:1fr}.csta-search-row{flex-direction:column}.csta-search-row input{max-width:none}.csta-refresh-btn,.csta-template-btn,.csta-primary-btn,.csta-clear-btn,.csta-filter-btn,.csta-search-row button{width:100%}}.cstt-page{color:#071833;background:#f7f9fc;min-height:100vh;padding:0 0 60px}.cstt-header{background:#fff;border-bottom:1px solid #dfe7f2;justify-content:space-between;align-items:center;gap:16px;height:72px;padding:0 24px;display:flex}.cstt-header h1{color:#071833;margin:0;font-size:22px;font-weight:900}.cstt-filter-box{align-items:center;gap:8px;display:flex}.cstt-filter-box select,.cstt-filter-box input{color:#071833;background:#fff;border:1px solid #d4deeb;border-radius:8px;outline:none;height:36px;padding:0 10px;font-size:13px;font-weight:700}.cstt-filter-box input{width:92px}.cstt-filter-box button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;height:36px;padding:0 14px;font-size:13px;font-weight:900}.cstt-filter-box button:disabled{opacity:.65;cursor:not-allowed}.cstt-card{background:#fff;border:1px solid #dfe7f2;border-radius:12px;margin:24px;padding:18px;box-shadow:0 8px 22px #0f172a09}.cstt-card-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.cstt-card-head h2{color:#071833;margin:0;font-size:16px;font-weight:900}.cstt-card-head p{color:#52627a;margin:12px 0 0;font-size:13px;font-weight:650}.cstt-total-amount{color:#0f766e;white-space:nowrap;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:950}.cstt-message{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;margin-bottom:14px;padding:11px 13px;font-size:13px;font-weight:800}.cstt-table-wrap{width:100%;overflow-x:auto}.cstt-table-wrap table{border-collapse:collapse;width:100%;min-width:720px}.cstt-table-wrap thead th{color:#10213e;text-transform:uppercase;letter-spacing:.04em;text-align:left;background:#f8fafc;border-bottom:1px solid #dfe7f2;padding:13px 10px;font-size:11px;font-weight:950}.cstt-table-wrap tbody td{color:#071833;border-bottom:1px solid #e5ebf3;padding:15px 10px;font-size:13px;font-weight:700}.cstt-table-wrap tbody tr:hover{background:#f8fbff}.cstt-empty{text-align:center!important;color:#64748b!important;padding:28px!important}.cstt-footer{color:#071833;margin-top:16px;font-size:13px;font-weight:750}.cstt-footer strong{font-weight:950}@media (width<=760px){.cstt-header{flex-direction:column;align-items:stretch;height:auto;padding:16px}.cstt-filter-box{grid-template-columns:1fr 1fr;display:grid}.cstt-filter-box button{grid-column:span 2}.cstt-filter-box input{width:100%}.cstt-card{margin:16px;padding:14px}.cstt-card-head{flex-direction:column}.cstt-total-amount{width:fit-content}}.contractorInvoicePage{color:#071f45;background:#f8fafc;min-height:calc(100vh - 70px);padding:28px}.contractorInvoiceTitle{margin:0 0 28px;font-size:22px;font-weight:800}.contractorInvoiceCard{background:#fff;border:1px solid #dbe4ef;border-radius:10px;padding:24px}.contractorInvoiceCard h3{margin:0 0 18px;font-size:16px;font-weight:800}.contractorInvoiceCard form{flex-direction:column;gap:12px;display:flex}.contractorInvoiceCard label{font-size:13px;font-weight:800}.contractorInvoiceCard input,.contractorInvoiceCard textarea{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:12px;font-size:14px}.contractorInvoiceCard input:focus,.contractorInvoiceCard textarea:focus{border-color:#2563eb}.contractorInvoiceCard button{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;width:fit-content;margin-top:6px;padding:10px 18px;font-size:13px;font-weight:800}.contractorInvoiceCard button:disabled{opacity:.65;cursor:not-allowed}.invoiceSuccess{color:#065f46;background:#d1fae5;border:1px solid #86efac;border-radius:8px;margin-bottom:14px;padding:10px 12px;font-weight:700}.invoiceError{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;margin-bottom:14px;padding:10px 12px;font-weight:700}.invoiceEmpty{color:#475569;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:8px;padding:18px}.invoiceTable{border-collapse:collapse;width:100%;font-size:14px}.invoiceTable th{color:#334155;text-align:left;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px;font-size:12px}.invoiceTable td{border-bottom:1px solid #e2e8f0;padding:14px 12px}.invoiceStatus{color:#92400e;background:#fef3c7;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800;display:inline-block}.invoiceStatus.approved,.invoiceStatus.completed{color:#065f46;background:#d1fae5}.invoiceStatus.rejected{color:#991b1b;background:#fee2e2}.invoiceStatus.submitted,.invoiceStatus.pending,.invoiceStatus.pending_hr{color:#92400e;background:#fef3c7}.invoiceStatus.pending_super_admin,.invoiceStatus.pending_billing_admin{color:#1d4ed8;background:#dbeafe}.invoiceStatus.on_hold{color:#9a3412;background:#ffedd5}.invoiceStatus.paid{color:#166534;background:#dcfce7}.invoiceInfoBox{color:#24364f;background:#0d366d0a;border:1px solid #0d366d1f;border-radius:12px;margin:12px 0 18px;padding:12px 14px;font-size:14px;line-height:1.5}.invoiceCreatedBox{gap:6px;display:grid}.invoiceCreatedBox span{font-size:14px}.invoiceInlineActions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.invoiceInlineActions button,.invoiceSmallBtn{color:#fff;cursor:pointer;background:#0d366d;border:0;border-radius:10px;padding:8px 12px;font-weight:700}.invoiceSmallBtn{white-space:nowrap;padding:7px 10px;font-size:12px}.invoiceInlineActions button:hover,.invoiceSmallBtn:hover{filter:brightness(1.05)}.invoiceTableWrap{width:100%;overflow-x:auto}@media (width<=700px){.contractorInvoicePage{padding:18px 14px 32px}.contractorInvoiceCard{padding:18px}.contractorInvoiceTitle{margin-bottom:18px;font-size:20px}.invoiceTable{min-width:760px}.contractorInvoiceCard button{width:100%}.invoiceInlineActions{flex-direction:column}.invoiceSmallBtn{width:100%}}.ciaPage{color:#07162f;width:100%;padding:26px 28px 40px}.ciaHeader{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.ciaHeader h2{color:#07162f;margin:0;font-size:25px;font-weight:900}.ciaHeader p{color:#64748b;margin:7px 0 0;font-size:13px;line-height:1.5}.ciaRefreshBtn,.ciaViewBtn,.ciaApproveBtn,.ciaHoldBtn,.ciaRejectBtn{cursor:pointer;border:none;border-radius:10px;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:800;transition:all .18s}.ciaRefreshBtn{color:#fff;background:#2563eb}.ciaRefreshBtn:hover,.ciaViewBtn:hover,.ciaApproveBtn:hover,.ciaHoldBtn:hover,.ciaRejectBtn:hover{transform:translateY(-1px)}.ciaError,.ciaRoleNote{border-radius:12px;margin-bottom:16px;padding:13px 16px;font-size:13px;line-height:1.6}.ciaError{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.ciaRoleNote{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe}.ciaStatsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.ciaStatCard,.ciaCard,.ciaInvoiceCard{background:#fff;border:1px solid #dfe7f3;border-radius:14px;box-shadow:0 10px 24px #0f172a0a}.ciaStatCard{flex-direction:column;justify-content:center;min-height:98px;padding:18px 20px;display:flex}.ciaStatCard span{color:#64748b;margin-bottom:9px;font-size:12px}.ciaStatCard strong{color:#07162f;font-size:26px;font-weight:900}.ciaStatCard small{color:#64748b;margin-top:7px;font-size:12px}.ciaTwoColumn{grid-template-columns:.9fr 1.1fr;gap:16px;margin-bottom:18px;display:grid}.ciaCard{margin-bottom:18px;padding:18px}.ciaTwoColumn .ciaCard{margin-bottom:0}.ciaCardHeader{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.ciaCardHeader h3{margin:0;font-size:16px;font-weight:900}.ciaEmpty{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:18px;font-size:13px}.ciaRecentList{gap:12px;display:grid}.ciaRecentItem{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;gap:14px;padding:13px;display:flex}.ciaRecentItem div{gap:5px;display:grid}.ciaRecentItem strong{font-size:13px}.ciaRecentItem span,.ciaRecentItem small{color:#64748b;font-size:12px}.ciaTableWrap{width:100%;overflow-x:auto}.ciaTable{border-collapse:collapse;width:100%;min-width:680px}.ciaTable th{color:#334155;text-align:left;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px;font-size:11px}.ciaTable td{border-bottom:1px solid #edf2f7;padding:13px 12px;font-size:13px}.ciaTabs{flex-wrap:wrap;gap:9px;margin:22px 0 16px;display:flex}.ciaTabs button{color:#1e40af;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:900}.ciaTabs button.active{color:#fff;background:#2563eb;border-color:#2563eb}.ciaTabs button span{background:#ffffff38;border-radius:999px;margin-left:6px;padding:2px 7px}.ciaInvoiceGrid{gap:16px;display:grid}.ciaInvoiceCard{padding:18px}.ciaInvoiceTop{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.ciaInvoiceTop h3{margin:0;font-size:16px;font-weight:900}.ciaInvoiceTop p{color:#64748b;margin:6px 0 0;font-size:13px}.ciaStatus{white-space:nowrap;border-radius:999px;align-items:center;padding:6px 10px;font-size:11px;font-weight:900;display:inline-flex}.ciaStatus.green{color:#047857;background:#d1fae5}.ciaStatus.yellow{color:#92400e;background:#fef3c7}.ciaStatus.red{color:#be123c;background:#ffe4e6}.ciaStatus.orange{color:#c2410c;background:#ffedd5}.ciaStatus.blue{color:#1d4ed8;background:#dbeafe}.ciaInvoiceStats,.ciaModalGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.ciaInfoBox{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:7px;padding:12px;display:grid}.ciaInfoBox label,.ciaDescription label{color:#64748b;font-size:11px;font-weight:900}.ciaInfoBox strong{color:#07162f;word-break:break-word;font-size:13px}.ciaDescription{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:13px;padding:12px}.ciaDescription p{color:#07162f;margin:7px 0 0;font-size:13px}.ciaCommentBox{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;margin-top:12px;padding:12px;font-size:13px}.ciaCommentBox p{margin:0 0 6px}.ciaCommentBox p:last-child{margin-bottom:0}.ciaTextarea{resize:vertical;border:1px solid #cfd8e6;border-radius:12px;outline:none;width:100%;min-height:82px;margin-top:13px;padding:12px;font-family:inherit;font-size:13px}.ciaTextarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.ciaActions{flex-wrap:wrap;align-items:center;gap:9px;margin-top:14px;display:flex}.ciaActions.right{justify-content:flex-end}.ciaViewBtn{color:#1e40af;background:#f8fafc;border:1px solid #dbe3ef}.ciaApproveBtn{color:#fff;background:#10b981}.ciaHoldBtn{color:#fff;background:#f59e0b}.ciaRejectBtn{color:#fff;background:#ef4444}.ciaApproveBtn:disabled,.ciaHoldBtn:disabled,.ciaRejectBtn:disabled{opacity:.65;cursor:not-allowed;transform:none}.ciaModalOverlay{z-index:999;background:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.ciaModal{background:#fff;border-radius:18px;width:min(980px,100%);max-height:88vh;padding:22px;overflow-y:auto;box-shadow:0 24px 70px #0f172a40}.ciaModalHeader{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.ciaModalHeader h3{margin:0;font-size:20px;font-weight:900}.ciaModalHeader p{color:#64748b;margin:5px 0 0;font-size:13px}.ciaModalHeader button{color:#0f172a;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;width:34px;height:34px;font-size:22px;line-height:1}.ciaModalDescription{margin-top:14px}@media (width<=1200px){.ciaStatsGrid,.ciaInvoiceStats,.ciaModalGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.ciaTwoColumn{grid-template-columns:1fr}}@media (width<=700px){.ciaPage{padding:18px 14px 32px}.ciaHeader,.ciaInvoiceTop,.ciaRecentItem{flex-direction:column}.ciaStatsGrid,.ciaInvoiceStats,.ciaModalGrid{grid-template-columns:1fr}.ciaActions{flex-direction:column;align-items:stretch}.ciaViewBtn,.ciaApproveBtn,.ciaHoldBtn,.ciaRejectBtn{width:100%}.ciaModalOverlay{padding:10px}}.ftiaMiniTable{border-collapse:separate;border-spacing:0;width:100%}.ftiaMiniTable th,.ftiaMiniTable td{text-align:left;white-space:nowrap;border-bottom:1px solid #e5edf7;padding:10px 14px}.ftiaMiniTable th{color:#475569;background:#f8fafc;font-size:12px;font-weight:900}.ftiaMiniTable td{color:#0f172a;font-size:13px;font-weight:700}.ciaPdfBtn{color:#1e3a8a;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:800}.ciaPdfBtn:hover{transform:translateY(-1px)}.ciaPdfBtn:disabled{opacity:.65;cursor:not-allowed;transform:none}.trainingPage{color:#16213e;background:linear-gradient(135deg,#f5f8ff 0%,#eef4ff 45%,#fff 100%);width:100%;min-height:100%;padding:24px}.trainingHero{color:#fff;background:linear-gradient(135deg,#1c2d5a,#2f5fb8);border-radius:24px;justify-content:space-between;align-items:stretch;gap:18px;margin-bottom:18px;padding:24px;display:flex;box-shadow:0 18px 45px #1c2d5a2e}.trainingHero h1{margin:4px 0 8px;font-size:30px;line-height:1.15}.trainingHero p{color:#ffffffd1;max-width:760px;margin:0;font-size:14px;line-height:1.6}.trainingEyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#dbe8ff!important;font-size:11px!important}.trainingHeroBadge{background:#ffffff21;border:1px solid #ffffff2e;border-radius:20px;flex-direction:column;justify-content:center;min-width:210px;padding:16px;display:flex}.trainingHeroBadge span{opacity:.8;font-size:12px}.trainingHeroBadge strong{margin-top:4px;font-size:15px}.trainingTabs{background:#fff;border:1px solid #e3ebff;border-radius:18px;gap:10px;width:fit-content;margin-bottom:18px;padding:8px;display:flex;box-shadow:0 10px 28px #1c2d5a14}.trainingTabs button{color:#38527d;cursor:pointer;background:0 0;border:0;border-radius:14px;padding:11px 18px;font-weight:800}.trainingTabs button.active{color:#fff;background:#1f4ea8}.trainingGrid{grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);gap:18px;display:grid}.trainingCard{background:#fff;border:1px solid #e4ebfb;border-radius:22px;padding:20px;box-shadow:0 14px 35px #1c2d5a14}.trainingWide{min-width:0}.trainingFull{grid-column:1/-1}.trainingCardHead{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.trainingCardHead h2{color:#1c2d5a;margin:0;font-size:20px}.trainingCardHead p{color:#64748b;margin:5px 0 0;font-size:13px}.trainingForm{flex-direction:column;gap:14px;display:flex}.trainingForm label{color:#31446f;flex-direction:column;gap:7px;font-size:13px;font-weight:800;display:flex}.trainingForm input,.trainingForm textarea{color:#16213e;background:#fbfdff;border:1px solid #d9e3f7;border-radius:14px;outline:none;width:100%;padding:12px 13px;font-size:14px}.trainingForm input:focus,.trainingForm textarea:focus{border-color:#2f5fb8;box-shadow:0 0 0 4px #2f5fb81a}.trainingFormRow{grid-template-columns:1fr 120px;align-items:end;gap:12px;display:grid}.trainingCheck{background:#fbfdff;border:1px solid #d9e3f7;border-radius:14px;justify-content:center;align-items:center;height:45px;flex-direction:row!important}.trainingCheck input{width:auto}.trainingPrimaryBtn,.trainingGhostBtn{cursor:pointer;border:0;border-radius:14px;padding:11px 16px;font-weight:900;transition:transform .15s,opacity .15s}.trainingPrimaryBtn{color:#fff;background:linear-gradient(135deg,#1f4ea8,#3977d8);box-shadow:0 10px 22px #1f4ea838}.trainingGhostBtn{color:#1f4ea8;background:#eef4ff}.trainingPrimaryBtn:disabled,.trainingGhostBtn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.trainingPrimaryBtn:not(:disabled):hover,.trainingGhostBtn:not(:disabled):hover{transform:translateY(-1px)}.trainingAlert{color:#73520b;background:#fff7df;border:1px solid #f6da90;border-radius:14px;margin-bottom:14px;padding:12px 14px;font-size:13px;font-weight:700}.trainingEmpty{text-align:center;color:#64748b;padding:24px;font-weight:700}.trainingTableWrap{overflow-x:auto}.trainingTable{border-collapse:collapse;width:100%;min-width:760px}.trainingTable th{text-align:left;text-transform:uppercase;color:#64748b;background:#f5f8ff;border-bottom:1px solid #e4ebfb;padding:12px;font-size:12px}.trainingTable td{vertical-align:top;color:#263b63;border-bottom:1px solid #edf2ff;padding:13px 12px;font-size:13px}.trainingTable td strong{color:#1c2d5a;margin-bottom:4px;display:block}.trainingTable td span{color:#64748b;font-size:12px;display:block}.trainingStatus{text-transform:capitalize;border-radius:999px;align-items:center;width:fit-content;padding:6px 10px;font-weight:900;font-size:12px!important;display:inline-flex!important}.trainingStatus.active,.trainingStatus.completed{background:#e7f8ef;color:#167044!important}.trainingStatus.inactive,.trainingStatus.pending{background:#fff1e8;color:#a4450c!important}.trainingStatus.in_progress{background:#eaf2ff;color:#1f4ea8!important}.trainingActionRow{flex-wrap:wrap;gap:8px;display:flex}.trainingActionRow button{color:#1f4ea8;cursor:pointer;background:#eef4ff;border:0;border-radius:10px;padding:8px 10px;font-weight:800}.trainingActionRow button.danger{color:#b42318;background:#ffecec}.employeeTrainingLayout{grid-template-columns:320px minmax(0,1fr);gap:18px;display:grid}.trainingDocList{background:#fff;border:1px solid #e4ebfb;border-radius:22px;min-width:0;padding:18px;box-shadow:0 14px 35px #1c2d5a14}.trainingDocList h2{color:#1c2d5a;margin:0 0 14px}.trainingSummaryBox{background:linear-gradient(135deg,#eaf2ff,#fff);border:1px solid #d9e6ff;border-radius:18px;margin-bottom:14px;padding:16px}.trainingSummaryBox strong{color:#1f4ea8;font-size:28px;display:block}.trainingSummaryBox span{color:#64748b;font-weight:800}.trainingDocButtons{flex-direction:column;gap:10px;display:flex}.trainingDocButtons button{text-align:left;cursor:pointer;background:#fbfdff;border:1px solid #e4ebfb;border-radius:16px;grid-template-columns:34px 1fr;gap:10px;width:100%;padding:12px;display:grid}.trainingDocButtons button>span{color:#1f4ea8;background:#eef4ff;border-radius:12px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.trainingDocButtons button strong{color:#1c2d5a;margin-bottom:3px;font-size:13px;display:block}.trainingDocButtons button small{color:#64748b;font-weight:800}.trainingDocButtons button.active{border-color:#2f5fb8;box-shadow:0 8px 20px #2f5fb81f}.trainingDocButtons button.completed>span{color:#167044;background:#e7f8ef}.trainingReaderCard{background:#fff;border:1px solid #e4ebfb;border-radius:22px;min-width:0;padding:18px;box-shadow:0 14px 35px #1c2d5a14}.trainingReaderHead{justify-content:space-between;gap:16px;margin-bottom:14px;display:flex}.trainingReaderHead p{color:#64748b;margin:0 0 4px;font-size:12px;font-weight:800}.trainingReaderHead h2{color:#1c2d5a;margin:0 0 5px;font-size:22px}.trainingReaderHead span{color:#64748b;font-size:13px}.readerStatus{color:#1f4ea8;background:#eaf2ff;border-radius:999px;height:fit-content;padding:8px 12px;font-size:12px;font-weight:900}.readerStatus.completed{color:#167044;background:#e7f8ef}.trainingViewer{background:#f8fbff;border:1px solid #dce6f8;border-radius:18px;height:62vh;min-height:420px;padding:12px;overflow-y:auto}.trainingViewer iframe{background:#fff;border:0;border-radius:12px;width:100%;height:980px}.trainingViewer img{background:#fff;border-radius:12px;width:100%;height:auto;display:block}.trainingViewer pre{white-space:pre-wrap;word-break:break-word;color:#1c2d5a;background:#fff;border-radius:12px;padding:18px;line-height:1.6}.trainingUnsupported{text-align:center;place-items:center;min-height:360px;padding:30px;display:grid}.trainingUnsupported h3{color:#1c2d5a;margin:0 0 8px}.trainingUnsupported p{color:#64748b;max-width:420px}.trainingScrollEnd{color:#167044;text-align:center;background:#e7f8ef;border-radius:16px;margin-top:16px;padding:18px;font-weight:900}.trainingReaderFooter{justify-content:space-between;align-items:center;gap:14px;margin-top:14px;display:flex}.trainingScrollHint{color:#64748b;font-size:13px;font-weight:900}.trainingModalOverlay{z-index:9999;background:#0a122694;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.trainingModal{text-align:center;background:#fff;border-radius:24px;width:min(440px,100%);padding:24px;box-shadow:0 24px 80px #00000047}.trainingModal h2{color:#1c2d5a;margin:0 0 8px}.trainingModal p{color:#64748b;margin:0;line-height:1.6}.trainingCountdown{color:#fff;background:linear-gradient(135deg,#1f4ea8,#3977d8);border-radius:50%;place-items:center;width:110px;height:110px;margin:22px auto;font-size:28px;font-weight:900;display:grid;box-shadow:0 14px 35px #1f4ea847}.trainingModalActions{justify-content:center;gap:12px;display:flex}@media (width<=1100px){.trainingGrid,.employeeTrainingLayout{grid-template-columns:1fr}.trainingDocList{order:1}.trainingReaderCard{order:2}}@media (width<=768px){.trainingPage{padding:14px}.trainingHero{border-radius:20px;flex-direction:column;padding:20px}.trainingHero h1{font-size:24px}.trainingHeroBadge{min-width:100%}.trainingTabs{width:100%}.trainingTabs button{flex:1;padding:10px}.trainingCard,.trainingDocList,.trainingReaderCard{border-radius:18px;padding:15px}.trainingCardHead,.trainingReaderHead,.trainingReaderFooter{flex-direction:column;align-items:stretch}.trainingFormRow{grid-template-columns:1fr}.trainingViewer{height:58vh;min-height:340px}.trainingViewer iframe{height:760px}.trainingModalActions{flex-direction:column}.trainingPrimaryBtn,.trainingGhostBtn{width:100%}}.trainingProgressMini{background:#e7ecf5;border-radius:999px;width:160px;height:9px;margin-bottom:6px;overflow:hidden}.trainingProgressMini div{background:linear-gradient(135deg,#1f4ea8,#3977d8);border-radius:999px;height:100%}.trainingRoleBox{background:#ffffffc7;border:1px solid #0f172a1f;border-radius:16px;padding:14px}.trainingRoleHead{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.trainingRoleHead div{flex-wrap:wrap;gap:8px;display:flex}.trainingRoleHead button{cursor:pointer;background:#fff;border:1px solid #0f172a24;border-radius:999px;padding:6px 10px}.trainingRoleGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.trainingRoleCheck{background:#fff;border:1px solid #0f172a1a;border-radius:14px;grid-template-columns:auto 1fr;gap:6px 10px;padding:10px;display:grid}.trainingRoleCheck input{margin-top:3px}.trainingRoleCheck span{font-weight:700}.trainingRoleCheck small{color:#64748b;grid-column:2}.trainingHelpText{color:#64748b;margin-top:10px;display:block}.trainingMultiSelectBlock{flex-direction:column;gap:8px;display:flex;position:relative}.trainingMultiLabel{color:#31446f;font-size:13px;font-weight:900}.trainingMultiTrigger{color:#7b8799;cursor:pointer;background:#fff;border:1px solid #d7e1f2;border-radius:12px;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:0 16px;font-weight:800;display:flex;box-shadow:0 3px 10px #0f172a0a}.trainingMultiTrigger.open,.trainingMultiTrigger:focus{border-color:#7ba7e8;box-shadow:0 0 0 4px #2f5fb81a}.trainingMultiTrigger strong{color:#64748b;font-size:18px;line-height:1}.trainingMultiPanel{z-index:60;background:#fff;border:1px solid #d7e1f2;border-radius:0 0 12px 12px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 14px 32px #0f172a1f}.trainingMultiSearchWrap{border-bottom:1px solid #eef2f7;padding:12px 14px 8px;position:relative}.trainingMultiSearchWrap input{color:#263b63;width:100%;height:38px;box-shadow:none;background:#fff;border:0;outline:none;padding:0 34px 0 2px;font-size:13px;font-weight:700}.trainingMultiSearchWrap input:focus{box-shadow:none;border:0}.trainingMultiSearchWrap span{color:#64748b;font-size:18px;position:absolute;top:18px;right:18px}.trainingMultiOptions{max-height:290px;padding:8px 14px;overflow-y:auto}.trainingMultiOption{cursor:pointer;color:#243653;align-items:center;min-height:34px;padding:4px 0;flex-direction:row!important;gap:12px!important;font-size:13px!important;font-weight:800!important;display:flex!important}.trainingMultiOption input{accent-color:#2f6fc9;height:14px;margin:0;width:14px!important}.trainingMultiOption span{color:#243653}.trainingMultiEmpty{text-align:center;color:#64748b;padding:18px;font-weight:800}.trainingMultiFooter{background:#fff;border-top:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.trainingMultiFooter strong{color:#64748b;font-size:13px}.trainingMultiFooter button{color:#2563b8;cursor:pointer;background:0 0;border:0;font-weight:900}.trainingEditModal{text-align:left;width:min(720px,100%);max-height:92vh;overflow-y:auto}.trainingEditHead{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.trainingEditHead h2{margin:0 0 6px}.trainingEditHead p{margin:0}.trainingEditHead>button{color:#1f4ea8;cursor:pointer;background:#eef4ff;border:0;border-radius:50%;width:36px;height:36px;font-size:24px;line-height:1}@media (width<=768px){.trainingMultiPanel{margin-top:-4px;position:static}}.ftPage{color:#06162f;width:100%;padding:26px 28px 36px}.ftPageHeader{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.ftPageTitle{color:#06162f;margin:0;font-size:25px;font-weight:800}.ftPageSubtitle{color:#60708a;margin:8px 0 0;font-size:13px}.ftRefreshBtn{color:#1d4ed8;cursor:pointer;background:#fff;border:1px solid #d7dfec;border-radius:10px;padding:10px 14px;font-family:inherit;font-weight:700}.ftRefreshBtn:disabled{opacity:.65;cursor:not-allowed}.ftWelcomeCard,.ftCard,.ftStatCard{background:#fff;border:1px solid #e1e7f0;border-radius:12px;box-shadow:0 8px 22px #0f172a0a}.ftWelcomeCard{background:#d1fae5;border-left:4px solid #10b981;margin-bottom:18px;padding:18px 20px}.ftWelcomeCard h3{color:#065f46;margin:0 0 8px;font-size:16px}.ftWelcomeCard p{color:#064e3b;margin:0;font-size:13px}.ftAlert{border-radius:10px;margin-bottom:18px;padding:15px 18px;font-size:13px;line-height:1.7}.ftAlert ul{margin:8px 0 0 18px;padding:0}.ftAlertError{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.ftAlertWarning{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.ftAlertInfo{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe}.ftStatsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.ftStatCard{flex-direction:column;justify-content:center;min-height:96px;padding:18px 20px;display:flex}.ftStatCard span{color:#60708a;margin-bottom:12px;font-size:12px}.ftStatCard strong{color:#06162f;font-size:26px}.ftCard{margin-bottom:18px;padding:20px}.ftCardHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.ftCardHeader h3{color:#06162f;margin:0;font-size:16px}.ftActionRow{flex-wrap:wrap;gap:10px;display:flex}.ftPrimaryAction,.ftSuccessAction,.ftLightAction{border-radius:10px;padding:11px 16px;font-size:13px;font-weight:800;text-decoration:none;transition:all .18s}.ftPrimaryAction{color:#fff;background:#2563eb}.ftSuccessAction{color:#fff;background:#10b981}.ftLightAction{color:#1e40af;background:#f1f5f9;border:1px solid #dbe3ef}.ftPrimaryAction:hover,.ftSuccessAction:hover,.ftLightAction:hover{transform:translateY(-1px)}.ftTwoColumn{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.ftInfoList{gap:12px;display:grid}.ftInfoRow{border-bottom:1px solid #edf1f7;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;font-size:13px;display:flex}.ftInfoRow span{color:#60708a}.ftInfoRow strong{color:#06162f;text-align:right}.ftEmpty{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;padding:18px;font-size:13px}.ftTimeline{gap:16px;display:grid}.ftTimelineItem{gap:12px;padding-left:2px;display:flex;position:relative}.ftTimelineDot{border:3px solid #10b981;border-radius:999px;flex:none;width:14px;height:14px;margin-top:3px}.ftTimelineItem strong{color:#06162f;font-size:14px}.ftTimelineItem p{color:#60708a;margin:6px 0 0;font-size:12px}@media (width<=1100px){.ftStatsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.ftTwoColumn{grid-template-columns:1fr}}@media (width<=640px){.ftPage{padding:18px 14px 28px}.ftPageHeader{flex-direction:column}.ftStatsGrid{grid-template-columns:1fr}.ftActionRow{flex-direction:column}.ftPrimaryAction,.ftSuccessAction,.ftLightAction{text-align:center;width:100%}.ftInfoRow{flex-direction:column;align-items:flex-start}.ftInfoRow strong{text-align:left}}.ftAlertSuccess{color:#047857;background:#ecfdf5;border:1px solid #bbf7d0}.ftTopGap{margin-top:16px}.ftFormGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.ftFormGroup{gap:8px;display:grid}.ftFormGroup label{color:#1e293b;font-size:13px;font-weight:700}.ftFormGroup select,.ftFormGroup input{color:#07162f;background:#fff;border:1px solid #cfd8e6;border-radius:9px;outline:none;height:42px;padding:0 12px;font-family:inherit;font-size:13px}.ftFormGroup select:focus,.ftFormGroup input:focus,.ftInlineInput:focus,.ftTextarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.ftMiniActions{flex-wrap:wrap;gap:8px;display:flex}.ftSmallBtn{cursor:pointer;color:#fff;background:#2563eb;border:none;border-radius:9px;padding:8px 11px;font-family:inherit;font-size:12px;font-weight:800}.ftTableWrap{width:100%;overflow-x:auto}.ftTable{border-collapse:collapse;width:100%;min-width:1180px}.ftTable th{color:#334155;text-align:left;letter-spacing:.04em;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:13px 12px;font-size:11px}.ftTable td{color:#07162f;vertical-align:middle;border-bottom:1px solid #e8edf5;padding:12px;font-size:13px}.ftTable input[type=checkbox]{cursor:pointer;width:16px;height:16px}.ftTable input[type=checkbox]:disabled{cursor:not-allowed}.ftInlineInput{border:1px solid #cfd8e6;border-radius:8px;outline:none;width:180px;height:36px;padding:0 10px;font-family:inherit;font-size:12px}.ftTextarea{resize:vertical;border:1px solid #cfd8e6;border-radius:10px;outline:none;width:100%;min-height:96px;padding:12px;font-family:inherit;font-size:13px}.ftBadge{white-space:nowrap;border-radius:999px;align-items:center;padding:5px 10px;font-size:11px;font-weight:800;display:inline-flex}.ftBadge.green{color:#047857;background:#d1fae5}.ftBadge.yellow{color:#92400e;background:#fef3c7}.ftBadge.red{color:#be123c;background:#ffe4e6}.ftBadge.blue{color:#1d4ed8;background:#dbeafe}.ftButtonReset{cursor:pointer;border:none;justify-content:center;align-items:center;display:inline-flex}.ftButtonReset:disabled{opacity:.65;cursor:not-allowed;transform:none}@media (width<=700px){.ftFormGrid{grid-template-columns:1fr}.ftMiniActions,.ftSmallBtn{width:100%}}.ftMutedText{color:#64748b;font-size:12px}.ftSmallNote{color:#64748b;margin:6px 0 0;font-size:12px}.ftDetailCard{border-left:4px solid #2563eb}.ftHistoryTable{min-width:1050px}.ftInvoiceTable{min-width:900px}.ftInvoiceHistoryTable{min-width:1050px}.ftTable tfoot td{background:#f8fafc;border-top:1px solid #e2e8f0;padding:13px 12px;font-size:13px}.ftInlineActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ftSmallBtn{color:#fff;cursor:pointer;white-space:nowrap;background:#f97316;border:0;border-radius:10px;padding:8px 12px;font-weight:700}.ftSmallBtn.light{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.ftSmallBtn:hover{opacity:.92}.ftMissedEntryBox{text-align:center;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;margin:14px 0 18px;padding:18px}.ftMissedEntryLink{color:#f59e0b;cursor:pointer;background:0 0;border:0;font-size:16px;font-weight:700;text-decoration:underline}.ftMissedEntryLink:hover{color:#d97706}.ftModalOverlay{z-index:9999;background:#0f172a8c;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.ftModalCard{background:#fff;border-radius:16px;width:min(560px,100%);padding:20px;box-shadow:0 22px 60px #0f172a47}.ftModalHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.ftModalHeader h3{color:#0f2f62;margin:0}.ftModalClose{color:#0f172a;cursor:pointer;background:#f1f5f9;border:0;border-radius:50%;width:34px;height:34px;font-size:24px;line-height:1}.ftModalText{color:#475569;margin:0 0 12px;font-size:14px;line-height:1.5}.ftInvoiceCalcBox{background:#f8fafc;border-radius:10px;padding:16px}.ftInvoiceCalcRow{color:#111827;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.ftInvoiceCalcRow strong{color:#111827}.ftInvoiceCalcDivider{opacity:.35;background:#111827;height:1px;margin:8px 0}.ftInvoiceCalcTotal{font-size:16px;font-weight:800}.ftInvoiceCalcTotal strong{color:#16a34a}.ftSecondaryAction{white-space:nowrap;border-radius:10px;min-height:42px;padding:10px 17px;font-family:inherit;font-size:13px;font-weight:800;line-height:1;text-decoration:none;transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s}.ftPreviewPdfBtn{color:#0f2f62;background:#fff;border:1px solid #b9c8dc;box-shadow:0 4px 12px #0f2f6214}.ftPreviewPdfBtn:hover{background:#f3f7fc;border-color:#0f2f62;transform:translateY(-1px);box-shadow:0 7px 16px #0f2f6224}.ftDownloadPdfBtn{color:#fff;background:#0f2f62;border:1px solid #0f2f62;box-shadow:0 6px 16px #0f2f6233}.ftDownloadPdfBtn:hover{background:#0a244c;border-color:#0a244c;transform:translateY(-1px);box-shadow:0 8px 20px #0f2f6242}.ftPreviewPdfBtn:focus-visible,.ftDownloadPdfBtn:focus-visible{outline-offset:2px;outline:3px solid #2563eb38}.ftPreviewPdfBtn:disabled,.ftDownloadPdfBtn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}@media (width<=640px){.ftPreviewPdfBtn,.ftDownloadPdfBtn{justify-content:center;width:100%}}.ftaPage{color:#07162f;width:100%;padding:26px 28px 36px}.ftaHeader{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.ftaHeader h2{color:#07162f;margin:0;font-size:25px;font-weight:800}.ftaHeader p{color:#627089;margin:8px 0 0;font-size:13px;line-height:1.6}.ftaInfoBanner{color:#1e40af;background:#dbeafe;border-left:4px solid #2563eb;border-radius:10px;gap:5px;margin-bottom:18px;padding:15px 18px;font-size:13px;line-height:1.6;display:grid}.ftaSuccess,.ftaError{white-space:pre-wrap;border-radius:10px;margin-bottom:16px;padding:13px 16px;font-size:13px;line-height:1.6}.ftaSuccess{color:#047857;background:#ecfdf5;border:1px solid #bbf7d0}.ftaError{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;font-family:inherit}.ftaStatsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.ftaStatCard,.ftaCard{background:#fff;border:1px solid #e0e7f1;border-radius:13px;box-shadow:0 8px 22px #0f172a0a}.ftaStatCard{flex-direction:column;justify-content:center;min-height:92px;padding:18px 20px;display:flex}.ftaStatCard span{color:#64748b;margin-bottom:10px;font-size:12px}.ftaStatCard strong{color:#07162f;font-size:25px}.ftaCard{margin-bottom:18px;padding:20px}.ftaCardHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.ftaCardHeader h3{color:#07162f;margin:0;font-size:16px}.ftaCardHeader span{color:#64748b;font-size:12px}.ftaUploadForm{gap:16px;display:grid}.ftaFormGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.ftaFormGroup{gap:8px;display:grid}.ftaFormGroup label{color:#1e293b;font-size:13px;font-weight:700}.ftaFormGroup input,.ftaFormGroup select{color:#07162f;background:#fff;border:1px solid #cfd8e6;border-radius:9px;outline:none;height:42px;padding:0 12px;font-family:inherit;font-size:13px}.ftaFormGroup input[type=file]{height:auto;padding:9px 12px}.ftaFormGroup input:focus,.ftaFormGroup select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.ftaFormGroup small{color:#64748b;font-size:11.5px;line-height:1.6}.ftaActionRow{flex-wrap:wrap;gap:10px;display:flex}.ftaPrimaryBtn,.ftaSecondaryBtn,.ftaLightBtn{cursor:pointer;border:none;border-radius:10px;padding:11px 16px;font-family:inherit;font-size:13px;font-weight:800;transition:all .18s}.ftaPrimaryBtn{color:#fff;background:#2563eb}.ftaSecondaryBtn{color:#1e40af;background:#f8fafc;border:1px solid #dbe3ef}.ftaLightBtn{color:#1e40af;background:#fff;border:1px solid #dbe3ef}.ftaPrimaryBtn:hover,.ftaSecondaryBtn:hover,.ftaLightBtn:hover{transform:translateY(-1px)}.ftaPrimaryBtn:disabled,.ftaSecondaryBtn:disabled,.ftaLightBtn:disabled{opacity:.65;cursor:not-allowed;transform:none}.ftaTableWrap{width:100%;overflow-x:auto}.ftaTable{border-collapse:collapse;width:100%;min-width:860px}.ftaTable th{color:#334155;text-align:left;letter-spacing:.04em;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:13px 12px;font-size:11px}.ftaTable td{color:#07162f;vertical-align:middle;border-bottom:1px solid #e8edf5;padding:14px 12px;font-size:13px}.ftaBadge{white-space:nowrap;border-radius:999px;align-items:center;padding:5px 10px;font-size:11px;font-weight:800;display:inline-flex}.ftaBadge.green{color:#047857;background:#d1fae5}.ftaBadge.yellow{color:#92400e;background:#fef3c7}.ftaBadge.red{color:#be123c;background:#ffe4e6}.ftaBadge.blue{color:#1d4ed8;background:#dbeafe}.ftaEmpty{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;padding:18px;font-size:13px}.ftaWarning{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:10px;padding:15px 18px;font-size:13px;line-height:1.7}@media (width<=1100px){.ftaStatsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.ftaPage{padding:18px 14px 28px}.ftaHeader{flex-direction:column}.ftaStatsGrid,.ftaFormGrid{grid-template-columns:1fr}.ftaActionRow{flex-direction:column}.ftaPrimaryBtn,.ftaSecondaryBtn,.ftaLightBtn{width:100%}}.ftaCurrentFilters{grid-template-columns:180px 140px 1fr 220px auto;align-items:end;gap:12px;margin-bottom:18px;display:grid}.ftaSearchBox input{width:100%}.ftaFilterBtn{white-space:nowrap;height:42px}@media (width<=1100px){.ftaCurrentFilters{grid-template-columns:repeat(2,minmax(0,1fr))}.ftaFilterBtn{width:100%}}@media (width<=700px){.ftaCurrentFilters{grid-template-columns:1fr}}.ftaMiniBtn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:800}.ftaMiniBtn:hover{background:#f8fafc}.ftaModalBackdrop{z-index:3000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ftaModal{background:#fff;border-radius:18px;width:min(760px,96vw);overflow:hidden;box-shadow:0 24px 70px #0f172a40}.ftaModalHeader{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.ftaModalHeader h3{color:#111827;margin:0;font-size:18px}.ftaModalHeader button{color:#0f172a;cursor:pointer;background:#f1f5f9;border:none;border-radius:999px;width:32px;height:32px;font-size:22px;line-height:1}.ftaModalGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px 22px;display:grid}.ftaDetailItem{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px}.ftaDetailItem span{color:#64748b;margin-bottom:5px;font-size:12px;display:block}.ftaDetailItem strong{color:#0f172a;font-size:14px}.ftaModalFooter{color:#92400e;background:#fff7cc;border-top:1px solid #fde68a;padding:16px 22px;font-size:13px}@media (width<=700px){.ftaModalGrid{grid-template-columns:1fr}}.ftaUploadHistoryFilters{grid-template-columns:180px 220px 120px;align-items:end;gap:12px;max-width:560px;margin-bottom:18px;display:grid}.ftaUploadHistoryFilters .ftaFilterBtn{width:120px;height:42px;padding:0 16px}@media (width<=700px){.ftaUploadHistoryFilters{grid-template-columns:1fr;max-width:100%}.ftaUploadHistoryFilters .ftaFilterBtn{width:100%}}.ftaInlineActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ftaSmallPrimaryBtn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:7px 10px;font-size:12px;font-weight:800}.ftaSmallPrimaryBtn:disabled,.ftaSmallDangerBtn:disabled{opacity:.65;cursor:not-allowed}.ftaMutedText{color:#64748b;font-size:12px}.ftaSmallWarningBtn,.ftaSmallLightBtn{cursor:pointer;border:none;border-radius:6px;padding:7px 10px;font-size:12px;font-weight:800}.ftaSmallWarningBtn{color:#fff;background:#f59e0b}.ftaSmallLightBtn{color:#1e40af;background:#f8fafc;border:1px solid #dbe3ef}.ftaSmallWarningBtn:disabled,.ftaSmallLightBtn:disabled{opacity:.65;cursor:not-allowed}.ftaCorrectionModal,.ftaAuditModal{width:min(1180px,98vw);max-height:90vh;overflow-y:auto}.ftaModalBody{padding:18px 22px 22px}.ftaModalHeader p{color:#64748b;margin:5px 0 0;font-size:13px}.ftaCorrectionSummary{background:#f8fafc;border-bottom:1px solid #e5e7eb;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px 22px;display:grid}.ftaCorrectionSummary div{background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:6px;padding:12px 14px;display:grid}.ftaCorrectionSummary span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:800}.ftaCorrectionSummary strong{color:#07162f;font-size:15px}.ftaDisputeNote{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:12px;margin:18px 22px 0;padding:13px 15px;font-size:13px}.ftaDisputeNote p{white-space:pre-wrap;margin:7px 0 0;line-height:1.6}.ftaCorrectionActions{flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:18px 22px 0;display:flex}.ftaCorrectionTableWrap{width:100%;padding:18px 22px 22px;overflow-x:auto}.ftaCorrectionTable{min-width:1200px}.ftaCorrectionTable td{vertical-align:top}.ftaCorrectionTable td strong{margin-bottom:4px;font-size:13px;display:block}.ftaCorrectionTable td small{color:#64748b;font-size:11.5px;line-height:1.4;display:block}.ftaCorrectionTable input,.ftaCorrectionTable textarea{background:#fff;border:1px solid #cfd8e6;border-radius:8px;outline:none;width:100%;padding:8px 9px;font-family:inherit;font-size:12px}.ftaCorrectionTable input:focus,.ftaCorrectionTable textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.ftaCorrectionTable textarea{resize:vertical;min-height:58px}.ftaDisputedRow{background:#fff7ed}.ftaAuditTable{min-width:920px}@media (width<=900px){.ftaCorrectionSummary{grid-template-columns:repeat(2,minmax(0,1fr))}.ftaCorrectionActions{justify-content:stretch}.ftaCorrectionActions button{width:100%}}@media (width<=700px){.ftaCorrectionSummary{grid-template-columns:1fr}.ftaCorrectionModal,.ftaAuditModal{width:98vw}}.ftaTimesheetFlowPage .ftaTimesheetToolbar{grid-template-columns:minmax(280px,1fr) 260px 112px;align-items:center;gap:12px;margin:8px 0 12px;display:grid}.ftaTimesheetFlowPage .ftaTimesheetToolbar input,.ftaTimesheetFlowPage .ftaTimesheetToolbar select{color:#07162f;background:#fff;border:1px solid #cfd8e6;border-radius:10px;outline:none;width:100%;height:42px;padding:0 12px;font-family:inherit;font-size:13px}.ftaTimesheetFlowPage .ftaTimesheetToolbar input:focus,.ftaTimesheetFlowPage .ftaTimesheetToolbar select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.ftaTimesheetFlowPage .ftaSearchBtn{border-radius:10px;height:42px;padding:0 18px}.ftaTimesheetFlowPage .ftaTimesheetButtonRow{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin:-2px 0 16px auto;padding:12px;display:flex;box-shadow:inset 0 1px #ffffffbf}.ftaTimesheetFlowPage .ftaTimesheetButtonRow button{white-space:nowrap;border-radius:10px;min-height:38px}.ftaTimesheetFlowPage .ftaTimesheetButtonRow .ftaPrimaryBtn,.ftaTimesheetFlowPage .ftaTimesheetButtonRow .ftaSmallPrimaryBtn{color:#fff;background:#2563eb;box-shadow:0 8px 18px #2563eb2e}.ftaTimesheetFlowPage .ftaTimesheetButtonRow .ftaSecondaryBtn,.ftaTimesheetFlowPage .ftaTimesheetButtonRow .ftaSmallLightBtn{color:#1e40af;background:#fff;border:1px solid #dbe3ef}.ftaTimesheetFlowPage .ftaTimesheetButtonRow .ftaSmallWarningBtn{color:#fff;background:#0f2f62}@media (width<=768px){.ftaTimesheetFlowPage .ftaTimesheetToolbar{grid-template-columns:1fr}.ftaTimesheetFlowPage .ftaSearchBtn{width:100%}.ftaTimesheetFlowPage .ftaTimesheetButtonRow{flex-direction:column;align-items:stretch}.ftaTimesheetFlowPage .ftaTimesheetButtonRow button{width:100%}}.ftaClassDescriptionCell strong{white-space:normal;overflow-wrap:anywhere;max-width:330px;line-height:1.45;display:block}.ftaClassDescriptionCell small{color:#64748b;white-space:normal;overflow-wrap:anywhere;max-width:330px;margin-top:5px;font-size:11.5px;line-height:1.45;display:block}.ftaTable td:nth-child(10){white-space:normal;overflow-wrap:anywhere;max-width:280px;line-height:1.45}.ftaDuplicateReviewCard{background:snow;border-color:#fecdd3}.ftaDuplicateReviewCard .ftaCardHeader h3{color:#be123c}.ftaDuplicateReviewCard .ftaTable{min-width:980px}.ftaAddItemModal{width:min(980px,96vw);max-height:90vh;overflow-y:auto}.ftaAddItemForm{gap:14px;padding:18px 22px 22px;display:grid}.ftaAddItemForm .ftaFormGrid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.ftaAddItemForm .ftaFormGroup{flex-direction:column;gap:7px;min-width:0;display:flex}.ftaAddItemForm .ftaFormGroup label{color:#1e293b;margin:0;line-height:1.25}.ftaAddItemForm .ftaFormGroup input,.ftaAddItemForm .ftaFormGroup select,.ftaAddItemForm .ftaFormGroup textarea{box-sizing:border-box;color:#07162f;background:#fff;border:1px solid #cfd8e6;border-radius:10px;outline:none;width:100%;margin:0;padding:0 12px;font-family:inherit;font-size:13px}.ftaAddItemForm .ftaFormGroup input,.ftaAddItemForm .ftaFormGroup select{height:42px}.ftaAddItemForm .ftaFormGroup textarea{resize:vertical;min-height:74px;padding:11px 12px;line-height:1.45}.ftaAddItemForm .ftaFormGroup input:focus,.ftaAddItemForm .ftaFormGroup select:focus,.ftaAddItemForm .ftaFormGroup textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.ftaAddItemActions{border-top:1px solid #e5e7eb;justify-content:flex-start;align-items:center;gap:10px;margin-top:2px;padding-top:14px}.ftaAddItemActions .ftaPrimaryBtn,.ftaAddItemActions .ftaSecondaryBtn{min-width:98px;min-height:40px}@media (width<=700px){.ftaAddItemModal{width:98vw}.ftaAddItemForm .ftaFormGrid{grid-template-columns:1fr}.ftaAddItemActions{flex-direction:column;align-items:stretch}.ftaAddItemActions .ftaPrimaryBtn,.ftaAddItemActions .ftaSecondaryBtn{width:100%}}.ftaCalculatedAmountInput{cursor:default;font-weight:800;color:#07162f!important;background:#f8fafc!important}.ftaCalculatedHint{margin-top:6px;font-size:11.5px;font-weight:700;display:block;color:#1e40af!important}.ftaFreelancerLogBox{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:14px;margin:16px 0;padding:16px 18px}.ftaFreelancerLogHeader{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.ftaFreelancerLogHeader strong{color:#b45309;font-size:15px;display:block}.ftaFreelancerLogHeader span{color:#92400e;margin-top:4px;font-size:12px;display:block}.ftaFreelancerLogCount{background:#fff;border:1px solid #fde68a;border-radius:999px;flex:none;padding:5px 10px;font-weight:700;color:#b45309!important}.ftaFreelancerLogList{gap:10px;display:grid}.ftaFreelancerLogItem{background:#fff;border:1px solid #fde68a;border-radius:12px;padding:12px}.ftaFreelancerLogTop{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.ftaFreelancerLogTop strong{color:#111827}.ftaFreelancerLogTop span{color:#64748b;font-size:12px}.ftaFreelancerLogItem p{color:#78350f;white-space:pre-wrap;margin:0 0 10px;line-height:1.5}.ftaFreelancerLogMeta{flex-wrap:wrap;gap:8px;display:flex}.ftaFreelancerLogMeta span{color:#334155;background:#f8fafc;border-radius:999px;padding:4px 8px;font-size:12px}.ftaRowActionGroup{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ftaSmallDangerBtn{color:#b91c1c;cursor:pointer;background:#fff1f2;border:1px solid #fecaca;border-radius:8px;padding:7px 11px;font-size:12px;font-weight:800}.ftaSmallDangerBtn:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5}.ftaSmallDangerBtn:disabled{opacity:.6;cursor:not-allowed}.ftaCorrectionModal{width:min(980px,100vw - 32px);max-height:calc(100vh - 48px);overflow:hidden}.ftaCorrectionModal .ftaModalBody{max-height:calc(100vh - 150px);padding-right:18px;overflow-y:auto}.ftaCorrectionModal .ftaFormGrid,.ftaAddItemModal .ftaFormGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.ftaFormGroup{min-width:0}.ftaFormGroup label{margin-bottom:7px;line-height:1.25;display:block}.ftaFormGroup input,.ftaFormGroup select,.ftaFormGroup textarea{box-sizing:border-box;width:100%}.ftaFormGroup textarea{resize:vertical;min-height:86px}.ftaCalculatedAmountInput{color:#001b3d;background:#f8fafc;font-weight:800}.ftaCalculatedHint{color:#64748b;margin-top:6px;font-size:12px;display:block}@media (width<=760px){.ftaCorrectionModal .ftaFormGrid,.ftaAddItemModal .ftaFormGrid{grid-template-columns:1fr}.ftaRowActionGroup{flex-direction:column;align-items:stretch}}.ftiaPage{color:#07162f;width:100%;padding:26px 28px 40px}.ftiaHeader{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.ftiaHeader h2{color:#07162f;margin:0;font-size:25px;font-weight:900}.ftiaHeader p{color:#64748b;margin:7px 0 0;font-size:13px;line-height:1.5}.ftiaRefreshBtn,.ftiaViewBtn,.ftiaApproveBtn,.ftiaRejectBtn{cursor:pointer;border:none;border-radius:10px;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:800;transition:all .18s}.ftiaRefreshBtn{color:#fff;background:#2563eb}.ftiaRefreshBtn:hover,.ftiaViewBtn:hover,.ftiaApproveBtn:hover,.ftiaRejectBtn:hover{transform:translateY(-1px)}.ftiaSuccess,.ftiaError,.ftiaRoleNote{border-radius:12px;margin-bottom:16px;padding:13px 16px;font-size:13px;line-height:1.6}.ftiaSuccess{color:#047857;background:#ecfdf5;border:1px solid #bbf7d0}.ftiaError{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.ftiaRoleNote{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe}.ftiaStatsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.ftiaStatCard,.ftiaCard,.ftiaInvoiceCard{background:#fff;border:1px solid #dfe7f3;border-radius:14px;box-shadow:0 10px 24px #0f172a0a}.ftiaStatCard{flex-direction:column;justify-content:center;min-height:98px;padding:18px 20px;display:flex}.ftiaStatCard span{color:#64748b;margin-bottom:9px;font-size:12px}.ftiaStatCard strong{color:#07162f;font-size:26px;font-weight:900}.ftiaStatCard small{color:#64748b;margin-top:7px;font-size:12px}.ftiaTwoColumn{grid-template-columns:.9fr 1.1fr;gap:16px;margin-bottom:18px;display:grid}.ftiaCard{padding:18px}.ftiaCardHeader{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.ftiaCardHeader h3{margin:0;font-size:16px;font-weight:900}.ftiaEmpty{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:18px;font-size:13px}.ftiaRecentList{gap:12px;display:grid}.ftiaRecentItem{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;gap:14px;padding:13px;display:flex}.ftiaRecentItem div{gap:5px;display:grid}.ftiaRecentItem strong{font-size:13px}.ftiaRecentItem span,.ftiaRecentItem small{color:#64748b;font-size:12px}.ftiaTableWrap{width:100%;overflow-x:auto}.ftiaTable{border-collapse:collapse;width:100%;min-width:680px}.ftiaTable th{color:#334155;text-align:left;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px;font-size:11px}.ftiaTable td{border-bottom:1px solid #edf2f7;padding:13px 12px;font-size:13px}.ftiaTabs{flex-wrap:wrap;gap:9px;margin:22px 0 16px;display:flex}.ftiaTabs button{color:#1e40af;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:900}.ftiaTabs button.active{color:#fff;background:#2563eb;border-color:#2563eb}.ftiaTabs button span{background:#ffffff38;border-radius:999px;margin-left:6px;padding:2px 7px}.ftiaInvoiceGrid{gap:16px;display:grid}.ftiaInvoiceCard{padding:18px}.ftiaInvoiceTop{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.ftiaInvoiceTop h3{margin:0;font-size:16px;font-weight:900}.ftiaInvoiceTop p{color:#64748b;margin:6px 0 0;font-size:13px}.ftiaStatus{white-space:nowrap;border-radius:999px;align-items:center;padding:6px 10px;font-size:11px;font-weight:900;display:inline-flex}.ftiaStatus.green{color:#047857;background:#d1fae5}.ftiaStatus.yellow{color:#92400e;background:#fef3c7}.ftiaStatus.red{color:#be123c;background:#ffe4e6}.ftiaStatus.blue{color:#1d4ed8;background:#dbeafe}.ftiaInvoiceStats,.ftiaModalGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.ftiaInfoBox{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:7px;padding:12px;display:grid}.ftiaInfoBox label,.ftiaDescription label{color:#64748b;font-size:11px;font-weight:900}.ftiaInfoBox strong{color:#07162f;word-break:break-word;font-size:13px}.ftiaDescription{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:13px;padding:12px}.ftiaDescription p{color:#07162f;margin:7px 0 0;font-size:13px}.ftiaCommentBox{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;margin-top:12px;padding:12px;font-size:13px}.ftiaCommentBox p{margin:0 0 6px}.ftiaCommentBox p:last-child{margin-bottom:0}.ftiaTextarea{resize:vertical;border:1px solid #cfd8e6;border-radius:12px;outline:none;width:100%;min-height:82px;margin-top:13px;padding:12px;font-family:inherit;font-size:13px}.ftiaTextarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.ftiaActions{flex-wrap:wrap;align-items:center;gap:9px;margin-top:14px;display:flex}.ftiaActions.right{justify-content:flex-end}.ftiaViewBtn{color:#1e40af;background:#f8fafc;border:1px solid #dbe3ef}.ftiaApproveBtn{color:#fff;background:#10b981}.ftiaRejectBtn{color:#fff;background:#ef4444}.ftiaApproveBtn:disabled,.ftiaRejectBtn:disabled{opacity:.65;cursor:not-allowed;transform:none}.ftiaNoAction{color:#64748b;font-size:12px;font-weight:800}.ftiaModalOverlay{z-index:999;background:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.ftiaModal{background:#fff;border-radius:18px;width:min(980px,100%);max-height:88vh;padding:22px;overflow-y:auto;box-shadow:0 24px 70px #0f172a40}.ftiaModalHeader{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.ftiaModalHeader h3{margin:0;font-size:20px;font-weight:900}.ftiaModalHeader p{color:#64748b;margin:5px 0 0;font-size:13px}.ftiaModalHeader button{color:#0f172a;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;width:34px;height:34px;font-size:22px;line-height:1}.ftiaModalDescription{margin-top:14px}@media (width<=1200px){.ftiaStatsGrid,.ftiaInvoiceStats,.ftiaModalGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.ftiaTwoColumn{grid-template-columns:1fr}}@media (width<=700px){.ftiaPage{padding:18px 14px 32px}.ftiaHeader,.ftiaInvoiceTop,.ftiaRecentItem{flex-direction:column}.ftiaStatsGrid,.ftiaInvoiceStats,.ftiaModalGrid{grid-template-columns:1fr}.ftiaActions{flex-direction:column;align-items:stretch}.ftiaViewBtn,.ftiaApproveBtn,.ftiaRejectBtn{width:100%}.ftiaModalOverlay{padding:10px}}.ftiaModalHeaderActions{align-items:center;gap:8px;display:flex}.ftiaModalHeaderActions button,.ftiaViewBtn{color:#c2410c;cursor:pointer;white-space:nowrap;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:8px 12px;font-weight:700}.ftiaModalHeaderActions button:hover,.ftiaViewBtn:hover{opacity:.92}.ftiaFilterCard{background:radial-gradient(circle at 0 0,#0f2f6214,#0000 34%),linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #dbe7f5;border-radius:18px;margin:0 0 18px;padding:18px;box-shadow:0 12px 30px #0f2f6214}.ftiaFilterTop{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.ftiaFilterTop h3{color:#0f2f62;letter-spacing:-.02em;margin:2px 0 4px;font-size:18px;font-weight:800}.ftiaFilterTop span{color:#64748b;font-size:13px;font-weight:500}.ftiaEyebrow{color:#0f766e;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.ftiaFilterCount{text-align:right;background:#fff;border:1px solid #dbe7f5;border-radius:16px;min-width:140px;padding:12px 14px;box-shadow:0 8px 20px #0f2f620f}.ftiaFilterCount strong{color:#0f2f62;font-size:24px;line-height:1;display:block}.ftiaFilterCount span{color:#64748b;text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:700;display:block}.ftiaFilterGrid{grid-template-columns:minmax(260px,1.4fr) repeat(3,minmax(160px,1fr));gap:12px;display:grid}.ftiaFilterField{flex-direction:column;gap:7px;display:flex}.ftiaFilterField label{color:#334155;font-size:12px;font-weight:800}.ftiaInputShell{background:#fff;border:1px solid #d6e2f1;border-radius:14px;align-items:center;gap:8px;min-height:44px;padding:0 12px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.ftiaInputShell:focus-within{border-color:#0f2f62;transform:translateY(-1px);box-shadow:0 0 0 4px #0f2f621a}.ftiaInputShell>span{opacity:.78;flex:none;font-size:15px}.ftiaInputShell input,.ftiaInputShell select{color:#0f172a;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:14px;font-weight:650}.ftiaInputShell input::placeholder{color:#94a3b8;font-weight:550}.ftiaInputShell select{cursor:pointer}.ftiaFilterActions{border-top:1px dashed #d6e2f1;justify-content:flex-end;align-items:center;gap:10px;margin-top:16px;padding-top:14px;display:flex}.ftiaFilterPrimary,.ftiaFilterSecondary{cursor:pointer;border-radius:13px;min-height:40px;padding:0 18px;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s}.ftiaFilterPrimary{color:#fff;background:linear-gradient(135deg,#0f2f62,#174a8b);border:1px solid #0f2f62;box-shadow:0 10px 20px #0f2f6233}.ftiaFilterSecondary{color:#0f2f62;background:#fff;border:1px solid #d6e2f1}.ftiaFilterPrimary:hover,.ftiaFilterSecondary:hover{transform:translateY(-1px)}.ftiaFilterPrimary:hover{box-shadow:0 14px 26px #0f2f623d}.ftiaFilterSecondary:hover{background:#f1f6fd}@media (width<=980px){.ftiaFilterGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.ftiaFilterCard{border-radius:16px;padding:14px}.ftiaFilterTop{flex-direction:column}.ftiaFilterCount{text-align:left;width:100%}.ftiaFilterGrid{grid-template-columns:1fr}.ftiaFilterActions{flex-direction:column;align-items:stretch}.ftiaFilterPrimary,.ftiaFilterSecondary{width:100%}}@media (width<=1100px){.billing-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.billing-dashboard-page{padding:16px}.billing-stats-grid{grid-template-columns:1fr}.billing-action-row{flex-direction:column;align-items:stretch}.billing-action-btn{width:100%}}.billing-draft-flow-box{color:#1e3a8a;background:#eff6ff;border-left:4px solid #2563eb;border-radius:8px;margin-bottom:22px;padding:16px 20px;font-size:14px;line-height:1.6}.billing-dashboard-page{background:#f8fafc;min-height:calc(100vh - 70px);padding:24px 28px}.billing-page-title{color:#111827;margin:0 0 22px;font-size:26px;font-weight:800}.billing-welcome-box{color:#065f46;background:#ccfbdf;border-left:4px solid #10b981;border-radius:8px;margin-bottom:22px;padding:18px 20px}.billing-welcome-line{margin-bottom:6px;font-size:15px;font-weight:800}.billing-welcome-sub{margin-bottom:7px;font-size:14px}.billing-welcome-small{font-size:13px}.billing-stats-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px;display:grid}.billing-stat-card{background:#fff;border:1px solid #dfe5ee;border-radius:10px;min-height:104px;padding:22px 20px}.billing-stat-card p{color:#334155;margin:0 0 14px;font-size:13px;font-weight:500}.billing-stat-card h2{color:#020617;margin:0;font-size:27px;font-weight:900}.billing-stat-card h2.orange{color:#f59e0b}.billing-stat-card h2.green{color:#10b981}.billing-stat-card h2.black{color:#020617}.billing-quick-card{background:#fff;border:1px solid #dfe5ee;border-radius:10px;margin-bottom:20px;padding:22px}.billing-quick-card h3{color:#111827;margin:0 0 18px;font-size:17px;font-weight:800}.billing-action-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.billing-action-btn{cursor:pointer;border:1px solid #d7dde8;border-radius:7px;padding:12px 18px;font-size:13px;font-weight:800;transition:all .18s}.billing-action-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0f172a14}.billing-action-btn.blue{color:#fff;background:#2563eb;border-color:#2563eb}.billing-action-btn.green{color:#fff;background:#10b981;border-color:#10b981}.billing-action-btn.white{color:#111827;background:#fff}.billing-note-card p{color:#475569;margin:0;font-size:14px;line-height:1.6}.billing-simple-state{color:#475569;background:#fff;border:1px solid #dfe5ee;border-radius:10px;padding:22px}.billing-error-box{color:#991b1b;background:#fff7f7;border:1px solid #fecaca;border-radius:10px;flex-direction:column;gap:8px;padding:18px;display:flex}.billing-error-box button{color:#fff;cursor:pointer;background:#991b1b;border:none;border-radius:6px;width:fit-content;padding:9px 14px;font-weight:700}@media (width<=1100px){.billing-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.billing-dashboard-page{padding:16px}.billing-stats-grid{grid-template-columns:1fr}.billing-action-row{flex-direction:column;align-items:stretch}.billing-action-btn{width:100%}}.billing-warning-box{color:#92400e;background:#fff3c4;border-left:4px solid #f59e0b;border-radius:8px;margin-bottom:22px;padding:16px 20px;font-size:14px}.billing-info-box{color:#1e40af;background:#dbeafe;border-left:4px solid #2563eb;border-radius:8px;margin-bottom:22px;padding:18px 22px}.billing-info-box h3{margin:0 0 12px;font-size:16px;font-weight:800}.billing-info-box ul{margin:0;padding-left:20px}.billing-info-box li{margin-bottom:8px}.billing-stats-grid-three{grid-template-columns:repeat(3,1fr)}@media (width<=900px){.billing-stats-grid-three{grid-template-columns:1fr}}.my-profile-page{color:#10233f;background:#f4f7fb;min-height:100%;padding:28px;font-family:Lexend Deca,sans-serif}.my-profile-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.my-profile-header h1{color:#0b2f5b;letter-spacing:-.03em;margin:0;font-size:28px;font-weight:800}.my-profile-header p{color:#6b7a90;margin:7px 0 0;font-size:14px}.my-profile-refresh{color:#0b4f91;cursor:pointer;background:#fff;border:1px solid #d6e2f0;border-radius:14px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;box-shadow:0 8px 22px #0f346014}.my-profile-refresh:hover{border-color:#0b4f91;transform:translateY(-1px)}.my-profile-alert{border-radius:16px;margin-bottom:16px;padding:13px 16px;font-size:14px;font-weight:700}.my-profile-alert.success{color:#1d7a45;background:#eaf8f0;border:1px solid #bde8ce}.my-profile-alert.error{color:#b42318;background:#fff0f0;border:1px solid #ffd1d1}.my-profile-summary-card{color:#fff;background:linear-gradient(135deg,#0b2f5bfa,#0a4f91f0),#0b2f5b;border-radius:28px;align-items:center;gap:24px;margin-bottom:22px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 42px #0b2f5b38}.my-profile-summary-card:after{content:"";background:#ffffff1f;border-radius:999px;width:220px;height:220px;position:absolute;top:-80px;right:-70px}.my-profile-avatar-wrap{z-index:1;flex-direction:column;flex:none;align-items:center;gap:14px;display:flex;position:relative}.my-profile-avatar{background:#ffffff29;border:4px solid #ffffff59;border-radius:28px;justify-content:center;align-items:center;width:118px;height:118px;display:flex;overflow:hidden;box-shadow:0 18px 36px #00000029}.my-profile-avatar img{object-fit:cover;width:100%;height:100%}.my-profile-avatar span{letter-spacing:.03em;color:#fff;font-size:34px;font-weight:900}.my-profile-photo-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border:1px solid #ffffff6b;border-radius:999px;justify-content:center;align-items:center;min-width:126px;padding:9px 14px;font-size:12px;font-weight:800;transition:all .2s;display:inline-flex}.my-profile-photo-button:hover{background:#ffffff38}.my-profile-photo-button input{display:none}.my-profile-summary-info{z-index:1;min-width:0;position:relative}.my-profile-summary-info h2{letter-spacing:-.03em;margin:0;font-size:30px;font-weight:900;line-height:1.15}.my-profile-summary-info p{color:#ffffffd1;margin:8px 0 0;font-size:15px;font-weight:600}.my-profile-badge-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.my-profile-badge{text-transform:capitalize;border-radius:999px;align-items:center;min-height:30px;padding:6px 12px;font-size:12px;font-weight:800;display:inline-flex}.my-profile-badge.primary{color:#fff;background:#ffffff29;border:1px solid #ffffff42}.my-profile-badge.success{color:#14783d;background:#eaf8f0}.my-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.my-profile-card{background:#fff;border:1px solid #e4ebf5;border-radius:24px;padding:22px;box-shadow:0 12px 30px #0f346014}.my-profile-card-title{border-bottom:1px solid #edf2f7;margin-bottom:18px;padding-bottom:16px}.my-profile-card-title h3{color:#0b2f5b;margin:0;font-size:18px;font-weight:900}.my-profile-card-title p{color:#75859b;margin:6px 0 0;font-size:13px}.my-profile-info-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.my-profile-info-list div{background:#f8fbff;border:1px solid #edf3fb;border-radius:16px;min-width:0;padding:14px}.my-profile-info-list label,.my-profile-password-form label{color:#708197;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.my-profile-info-list strong{color:#132b49;overflow-wrap:anywhere;font-size:14px;font-weight:800;line-height:1.45;display:block}.my-profile-wide-row{grid-column:1/-1}.my-profile-password-form{gap:14px;display:grid}.my-profile-password-form input{color:#132b49;box-sizing:border-box;background:#f8fbff;border:1px solid #dbe6f3;border-radius:14px;outline:none;width:100%;min-height:44px;padding:10px 13px;font-family:inherit;font-size:14px;transition:all .2s}.my-profile-password-form input:focus{background:#fff;border-color:#0b4f91;box-shadow:0 0 0 4px #0b4f911a}.my-profile-password-form button,.my-profile-error-card button{color:#fff;cursor:pointer;background:#0b4f91;border:none;border-radius:14px;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:900;transition:all .2s}.my-profile-password-form button:hover,.my-profile-error-card button:hover{background:#083f75;transform:translateY(-1px)}.my-profile-password-form button:disabled{cursor:not-allowed;opacity:.65;transform:none}.my-profile-loading-card,.my-profile-error-card{color:#0b2f5b;text-align:center;background:#fff;border:1px solid #e4ebf5;border-radius:24px;max-width:580px;margin:40px auto;padding:28px;box-shadow:0 12px 30px #0f346014}.my-profile-loading-card{font-size:16px;font-weight:800}.my-profile-error-card h2{color:#0b2f5b;margin:0 0 10px}.my-profile-error-card p{color:#b42318;margin:0 0 18px;font-weight:700}@media (width<=1100px){.my-profile-grid{grid-template-columns:1fr}}@media (width<=720px){.my-profile-page{padding:18px}.my-profile-header{flex-direction:column;align-items:stretch}.my-profile-refresh{width:100%}.my-profile-summary-card{text-align:center;flex-direction:column;align-items:center;padding:22px 18px}.my-profile-summary-info h2{font-size:24px}.my-profile-badge-row{justify-content:center}.my-profile-info-list{grid-template-columns:1fr}.my-profile-avatar{border-radius:24px;width:104px;height:104px}}@media (width<=420px){.my-profile-page{padding:14px}.my-profile-card{border-radius:20px;padding:18px}.my-profile-header h1{font-size:24px}}.my-docs-page{color:#071632;box-sizing:border-box;background:#f3f6fb;width:100%;min-height:100vh;padding:24px 28px 40px}.my-docs-hero{color:#fff;background:linear-gradient(135deg,#1d3489 0%,#213b93 54%,#27499f 100%);border-radius:22px;justify-content:space-between;align-items:stretch;gap:20px;margin-bottom:20px;padding:26px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 38px #1d348933}.my-docs-hero:after{content:"";background:#ffffff1c;border-radius:50%;width:260px;height:260px;position:absolute;top:-105px;right:-92px}.my-docs-hero-content{z-index:1;position:relative}.my-docs-kicker{letter-spacing:.12em;text-transform:uppercase;color:#dbe6ff;margin:0 0 8px;font-size:12px;font-weight:800}.my-docs-hero h1{color:#fff;margin:0;font-size:32px;font-weight:900;line-height:1.1}.my-docs-subtitle{color:#eef3ff;max-width:760px;margin:12px 0 0;font-size:14px;font-weight:600;line-height:1.7}.my-docs-count-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:#ffffff29;border:1px solid #ffffff3d;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-width:128px;padding:18px;display:flex;position:relative}.my-docs-count-card span{color:#fff;font-size:38px;font-weight:900;line-height:1}.my-docs-count-card p{color:#eef3ff;margin:8px 0 0;font-size:12px;font-weight:800}.my-docs-toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.my-docs-search{background:#fff;border:1px solid #d6e0ef;border-radius:16px;flex:1;align-items:center;gap:10px;min-height:48px;padding:0 16px;display:flex;box-shadow:0 10px 26px #12234c0f}.my-docs-search span{font-size:16px}.my-docs-search input{color:#071632;background:0 0;border:none;outline:none;width:100%;font-size:14px;font-weight:700}.my-docs-search input::placeholder{color:#8996ad;font-weight:600}.my-docs-refresh-btn{color:#fff;cursor:pointer;background:#1d3489;border:none;border-radius:16px;min-height:48px;padding:0 22px;font-size:14px;font-weight:900;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 12px 24px #1d348938}.my-docs-refresh-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 30px #1d348947}.my-docs-refresh-btn:disabled{opacity:.65;cursor:not-allowed}.my-docs-alert{color:#961b1b;background:#fff3f3;border:1px solid #ffcaca;border-radius:16px;flex-direction:column;gap:5px;margin-bottom:18px;padding:14px 16px;display:flex}.my-docs-alert strong{font-size:14px}.my-docs-alert span{font-size:13px}.my-docs-grid{grid-template-columns:repeat(4,minmax(240px,1fr));gap:18px;display:grid}.my-docs-card{background:#fff;border:1px solid #dce5f2;border-radius:20px;flex-direction:column;min-height:245px;padding:20px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 14px 30px #12234c14}.my-docs-card:hover{border-color:#b8c8e6;transform:translateY(-3px);box-shadow:0 20px 40px #12234c1f}.my-docs-card-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.my-docs-file-icon{background:#edf3ff;border:1px solid #d8e3fb;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.my-docs-status{white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900}.my-docs-status.verified{color:#0f7a45;background:#e8f8f0;border:1px solid #bce9cf}.my-docs-status.submitted{color:#8a5c00;background:#fff7df;border:1px solid #ffe3a2}.my-docs-card h3{color:#071632;margin:0;font-size:17px;font-weight:900;line-height:1.35}.my-docs-file-name{color:#5f6d84;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:38px;margin:8px 0 16px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.my-docs-meta{grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;margin-bottom:16px;display:grid}.my-docs-meta div{background:#f5f8fd;border:1px solid #dde7f4;border-radius:13px;padding:10px}.my-docs-meta span{color:#718096;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.my-docs-meta strong{color:#071632;font-size:12px;font-weight:900;display:block}.my-docs-actions{gap:10px;display:flex}.my-docs-btn{cursor:pointer;border:none;border-radius:13px;flex:1;justify-content:center;align-items:center;min-height:40px;font-family:inherit;font-size:13px;font-weight:900;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s,opacity .18s;display:inline-flex}.my-docs-btn:hover:not(:disabled){transform:translateY(-1px)}.my-docs-btn:disabled{cursor:not-allowed;opacity:.7}.my-docs-btn.preview{color:#1d3489;background:#edf3ff;border:1px solid #d3dff7}.my-docs-btn.preview:hover:not(:disabled){background:#e3ecff}.my-docs-btn.download{color:#fff;background:#1d3489;border:1px solid #1d3489;box-shadow:0 10px 20px #1d348933}.my-docs-empty{color:#071632;text-align:center;background:#fff;border:1px dashed #b9c8df;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:30px;display:flex;box-shadow:0 14px 30px #12234c0f}.my-docs-empty-icon{background:#edf3ff;border-radius:22px;justify-content:center;align-items:center;width:76px;height:76px;margin-bottom:16px;font-size:34px;display:flex}.my-docs-empty h3{margin:0;font-size:20px;font-weight:900}.my-docs-empty p{color:#66758b;max-width:420px;margin:8px 0 0;font-size:14px;line-height:1.6}.my-docs-card.skeleton{pointer-events:none}.skeleton-icon,.skeleton-line,.skeleton-actions{background:linear-gradient(90deg,#edf2f8 25%,#f9fbff 50%,#edf2f8 75%) 0 0/200% 100%;animation:1.2s ease-in-out infinite myDocsSkeleton}.skeleton-icon{border-radius:16px;width:48px;height:48px;margin-bottom:18px}.skeleton-line{border-radius:999px;width:65%;height:13px;margin-bottom:12px}.skeleton-line.wide{width:88%}.skeleton-actions{border-radius:14px;height:42px;margin-top:auto}@keyframes myDocsSkeleton{0%{background-position:100% 0}to{background-position:-100% 0}}@media (width<=1280px){.my-docs-grid{grid-template-columns:repeat(3,minmax(240px,1fr))}}@media (width<=980px){.my-docs-page{padding:20px}.my-docs-hero{flex-direction:column}.my-docs-count-card{flex-direction:row;justify-content:space-between;width:100%;min-width:0}.my-docs-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.my-docs-toolbar{flex-direction:column;align-items:stretch}.my-docs-refresh-btn{width:100%}}@media (width<=580px){.my-docs-page{padding:14px}.my-docs-hero{border-radius:20px;padding:22px}.my-docs-hero h1{font-size:28px}.my-docs-subtitle{font-size:14px}.my-docs-grid{grid-template-columns:1fr}.my-docs-actions{flex-direction:column}.my-docs-btn{width:100%}}.leaveOverviewStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.leaveOverviewToolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.leaveOverviewSearch{flex-wrap:wrap;flex:1;align-items:center;gap:10px;min-width:280px;display:flex}.leaveOverviewSearch input{background:#fff;border:1px solid #d9e2ef;border-radius:10px;outline:none;flex:1;min-width:220px;height:42px;padding:0 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.leaveOverviewSearch input:focus{border-color:#4f7cff;box-shadow:0 0 0 3px #4f7cff1f}.leaveOverviewStatusFilter{flex-direction:column;gap:6px;min-width:170px;display:flex}.leaveOverviewStatusFilter label{color:#667085;font-size:12px;font-weight:600}.leaveOverviewStatusFilter select{background:#fff;border:1px solid #d9e2ef;border-radius:10px;outline:none;height:42px;padding:0 12px;font-family:inherit;font-size:14px}.leaveOverviewStatusFilter select:focus{border-color:#4f7cff;box-shadow:0 0 0 3px #4f7cff1f}.leaveOverviewTable{min-width:1180px}.leaveOverviewTable th{white-space:nowrap}.leaveOverviewTable td{vertical-align:top}.leaveOverviewBalanceBlock{flex-direction:column;gap:5px;min-width:135px;display:flex}.leaveOverviewBalanceBlock>strong{color:#1d2939;margin-bottom:2px;font-size:13px}.leaveOverviewBalanceBlock span{color:#667085;font-size:12px;line-height:1.4}.leaveOverviewBalanceBlock span b{color:#101828;font-weight:700}.leaveOverviewBalanceBlock small{color:#667085;margin-top:3px;font-size:11px;line-height:1.4}.leaveOverviewMuted{font-weight:700;color:#98a2b3!important;font-size:18px!important}.leaveOverviewPagination{border-top:1px solid #eaecf0;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:20px;padding-top:16px;display:flex}.leaveOverviewPagination span{color:#667085;font-size:13px}.leaveOverviewPagination strong{color:#101828}@media (width<=1200px){.leaveOverviewStats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.leaveOverviewStats{grid-template-columns:1fr}.leaveOverviewToolbar{align-items:stretch}.leaveOverviewSearch,.leaveOverviewSearch input{width:100%;min-width:0}.leaveOverviewStatusFilter,.leaveOverviewStatusFilter select{width:100%}.leaveOverviewPagination{justify-content:space-between}}