@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}.authenticatorGuidance{background:radial-gradient(circle at 100% 0,#2a94ff1f,#0000 42%),linear-gradient(#f8fbff 0%,#fff 100%);border:1px solid #cfe2ff;border-radius:18px;margin:18px 0;overflow:hidden;box-shadow:0 12px 30px #166de814}.authenticatorGuidanceHeader{border-bottom:1px solid #e4efff;align-items:center;gap:12px;padding:16px 16px 14px;display:flex}.authenticatorGuidanceIcon{color:#fff;background:linear-gradient(135deg,#2a94ff,#166de8);border-radius:12px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:800;display:inline-flex;box-shadow:0 8px 18px #166de838}.authenticatorGuidanceHeader strong,.authenticatorGuidanceHeader small,.authenticatorGuidanceCompact summary strong,.authenticatorGuidanceCompact summary small{display:block}.authenticatorGuidanceHeader strong,.authenticatorGuidanceCompact summary strong{color:#153b70;font-size:14px}.authenticatorGuidanceHeader small,.authenticatorGuidanceCompact summary small{color:#667085;margin-top:3px;font-size:12px;line-height:1.4}.authenticatorGuidanceBody{padding:6px 16px 15px}.authenticatorGuidanceList{margin:0;padding:0;list-style:none}.authenticatorGuidanceList li{border-bottom:1px solid #edf3fb;align-items:flex-start;gap:11px;padding:11px 0;display:flex}.authenticatorGuidanceList li:last-child{border-bottom:0}.authenticatorGuidanceNumber{color:#166de8;background:#eaf3ff;border:1px solid #bad7ff;border-radius:9px;flex:0 0 26px;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:inline-flex}.authenticatorGuidanceList strong,.authenticatorGuidanceList small{display:block}.authenticatorGuidanceList strong{color:#203b5f;margin-bottom:3px;font-size:13px}.authenticatorGuidanceList small{color:#667085;font-size:12px;line-height:1.5}.authenticatorSecurityNote{color:#7a5212;background:#fffbeb;border:1px solid #fde6ad;border-radius:11px;align-items:flex-start;gap:8px;margin:8px 0 0;padding:10px 11px;font-size:11px;line-height:1.45;display:flex}.authenticatorGuidanceCompact{margin:14px 0 18px}.authenticatorGuidanceCompact summary{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;list-style:none;display:flex}.authenticatorGuidanceCompact summary::-webkit-details-marker{display:none}.authenticatorGuidanceCompact .authenticatorGuidanceBody{border-top:1px solid #e4efff;padding-top:0}.authenticatorGuidanceChevron{color:#166de8;font-size:22px;line-height:1;transition:transform .2s}.authenticatorGuidanceCompact[open] .authenticatorGuidanceChevron{transform:rotate(180deg)}.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,.authenticatorGuidanceBody,.authenticatorGuidanceHeader,.authenticatorGuidanceCompact summary{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%}}.timekeeperAccessCard{background:#fff;border:1px solid #dbe4f3;border-radius:16px;margin-bottom:20px;padding:20px;box-shadow:0 8px 24px #0f23550f}.timekeeperAccessHeader{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.timekeeperAccessHeader h2{color:#0d1f45;margin:0;font-size:20px}.timekeeperAccessHeader p{color:#66738f;margin:6px 0 0;font-size:14px}.timekeeperAccessBadge{border-radius:999px;flex:none;padding:7px 12px;font-size:12px;font-weight:700}.timekeeperAccessBadge.enabled{color:#16833c;background:#e8f8ee}.timekeeperAccessBadge.disabled{color:#bb2b2b;background:#fff1f1}.timekeeperAccessBadge.loading{color:#51607b;background:#eef3fb}.timekeeperAccessBody{color:#243452;background:#f6f8fc;border-radius:12px;margin-top:16px;padding:14px 16px;font-size:14px;line-height:1.5}.timekeeperAccessBody.error{color:#a12626;background:#fff5f5;border:1px solid #f1c4c4}.timekeeperAccessNote{color:#6d7890;margin-top:5px;font-size:12px;display:block}.timekeeperAccessMessage{color:#243452;font-weight:600}.timekeeperDownloadBtn{color:#fff;background:#2563eb;border-radius:10px;justify-content:center;align-items:center;min-height:42px;margin-top:14px;padding:0 18px;font-size:14px;font-weight:700;line-height:1;text-decoration:none;transition:background-color .2s,box-shadow .2s,transform .2s;display:inline-flex;box-shadow:0 6px 14px #2563eb33}.timekeeperDownloadBtn:hover{color:#fff;background:#1d4ed8;text-decoration:none;transform:translateY(-1px);box-shadow:0 8px 18px #2563eb47}.timekeeperDownloadBtn:focus-visible{outline-offset:3px;outline:3px solid #2563eb4d}@media (width<=640px){.timekeeperAccessHeader{flex-direction:column;align-items:stretch}.timekeeperDownloadBtn{box-sizing:border-box;width:100%}.timekeeperAccessBadge{align-self:flex-start}}.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}}.employeeExitV2Page{--exit-navy:#102f65;--exit-blue:#1f5da8;--exit-teal:#0797a5;--exit-text:#172033;--exit-muted:#687386;--exit-border:#dfe5ee;min-height:100%;color:var(--exit-text);background:#f4f7fb;padding:26px}.employeeExitV2Header,.employeeExitV2Summary,.employeeExitV2Progress>div:first-child,.employeeExitV2SubmitBox,.employeeExitV2Actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.employeeExitV2Header{margin-bottom:20px}.employeeExitV2Header span:first-child{color:var(--exit-teal);letter-spacing:.12em;font-size:12px;font-weight:800}.employeeExitV2Header h1{margin:4px 0 0;font-size:29px}.employeeExitV2Header p{color:var(--exit-muted);margin:5px 0 0}.employeeExitV2Status{white-space:nowrap;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex}.employeeExitV2Status.pending_employee{color:#895600;background:#fff0cf}.employeeExitV2Status.pending_hr_review,.employeeExitV2Status.returned_to_hr{color:#5d3aa8;background:#eee8ff}.employeeExitV2Status.pending_billing_admin{color:#076b75;background:#daf5f5}.employeeExitV2Status.completed{color:#146c43;background:#ddf5e8}.employeeExitV2Status.cancelled{color:#9a271e;background:#fee4e2}.employeeExitV2Alert,.employeeExitV2Locked,.employeeExitV2Warning,.employeeExitV2Saved{border-radius:9px;padding:12px 15px;font-size:14px}.employeeExitV2Alert{margin-bottom:16px}.employeeExitV2Alert.error{color:#8d1b16;background:#feeceb;border:1px solid #f9c7c3}.employeeExitV2Alert.success,.employeeExitV2Saved{color:#146c43;background:#e8f7ef;border:1px solid #b9e3cc}.employeeExitV2Locked{color:#5d3aa8;background:#f0ebff;border:1px solid #d9cff8;margin-bottom:16px}.employeeExitV2Warning{color:#865400;background:#fff6df;border:1px solid #efdbab}.employeeExitV2Summary{border:1px solid var(--exit-border);background:#fff;border-radius:12px;flex-wrap:wrap;padding:18px;box-shadow:0 5px 18px #1831530d}.employeeExitV2Person{border-right:1px solid var(--exit-border);min-width:220px;padding-right:18px}.employeeExitV2Person span,.employeeExitV2Person strong,.employeeExitV2Person small,.employeeExitV2SummaryItem span,.employeeExitV2SummaryItem strong{display:block}.employeeExitV2Person span{color:var(--exit-teal);font-size:11px;font-weight:800}.employeeExitV2Person strong{margin-top:4px;font-size:18px}.employeeExitV2Person small,.employeeExitV2SummaryItem span{color:var(--exit-muted);margin-top:3px}.employeeExitV2SummaryItem{min-width:125px}.employeeExitV2SummaryItem span{font-size:12px}.employeeExitV2SummaryItem strong{margin-top:5px;font-size:14px}.employeeExitV2Progress{border:1px solid var(--exit-border);background:#fff;border-radius:10px;margin:14px 0 20px;padding:14px 17px;font-size:13px}.employeeExitV2Progress span{color:var(--exit-muted);font-weight:700}.employeeExitV2ProgressTrack{background:#e8edf4;border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.employeeExitV2ProgressTrack span{background:linear-gradient(90deg, var(--exit-blue), var(--exit-teal));border-radius:inherit;height:100%;transition:width .25s;display:block}.employeeExitV2Workspace{grid-template-columns:235px minmax(0,1fr);align-items:start;gap:18px;display:grid}.employeeExitV2Steps{border:1px solid var(--exit-border);background:#fff;border-radius:12px;position:sticky;top:18px;overflow:hidden;box-shadow:0 5px 18px #1831530d}.employeeExitV2Steps button{color:#47546a;cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0;border:0;border-bottom:1px solid #edf0f4;align-items:center;gap:10px;padding:13px 14px;font-size:13px;font-weight:700;display:flex}.employeeExitV2Steps button:last-child{border-bottom:0}.employeeExitV2Steps button:hover{background:#f7faff}.employeeExitV2Steps button.active{color:var(--exit-navy);box-shadow:inset 4px 0 var(--exit-blue);background:#edf4ff}.employeeExitV2Steps button.complete{color:#146c43}.employeeExitV2Steps button>span{color:#fff;background:#9aa5b4;border-radius:50%;flex:0 0 25px;place-items:center;height:25px;font-size:11px;display:grid}.employeeExitV2Steps button.active>span{background:var(--exit-blue)}.employeeExitV2Steps button.complete>span{background:#16845a}.employeeExitV2Card{border:1px solid var(--exit-border);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 18px #1831530d}.employeeExitV2Card>header{color:#fff;background:linear-gradient(100deg,#143670,#088f9f);padding:20px}.employeeExitV2Card>header h2{margin:0;font-size:21px}.employeeExitV2Card>header p{color:#ffffffd6;margin:6px 0 0}.employeeExitV2CardBody{padding:22px}.employeeExitV2Page input,.employeeExitV2Page select,.employeeExitV2Page textarea{box-sizing:border-box;width:100%;color:var(--exit-text);font:inherit;background:#fff;border:1px solid #cad3e0;border-radius:8px;outline:none;padding:10px 11px}.employeeExitV2Page input:focus,.employeeExitV2Page select:focus,.employeeExitV2Page textarea:focus{border-color:#3e78c5;box-shadow:0 0 0 3px #3e78c51f}.employeeExitV2Page textarea{resize:vertical}.employeeExitV2Page input:disabled,.employeeExitV2Page select:disabled,.employeeExitV2Page textarea:disabled{color:#778195;background:#f1f3f7}.employeeExitV2Field{flex-direction:column;gap:7px;margin-bottom:17px;display:flex}.employeeExitV2Field.full{grid-column:1/-1}.employeeExitV2Field>span{color:#46536a;font-size:13px;font-weight:700}.employeeExitV2Field em{color:#b42318;font-style:normal}.employeeExitV2Field small{color:var(--exit-muted);font-size:12px}.employeeExitV2FieldGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.employeeExitV2Check{border:1px solid var(--exit-border);cursor:pointer;background:#f8fafc;border-radius:9px;align-items:flex-start;gap:10px;margin:14px 0;padding:13px;display:flex}.employeeExitV2Check input{flex:none;width:auto;margin-top:2px}.employeeExitV2Check span{font-size:14px;line-height:1.45}.employeeExitV2Saved{margin:12px 0}.employeeExitV2Actions{border-top:1px solid var(--exit-border);justify-content:flex-end;margin-top:20px;padding-top:17px}.employeeExitV2Actions button,.employeeExitV2SubmitBox button,.employeeExitV2Secondary{cursor:pointer;font:inherit;border:0;border-radius:8px;font-weight:800}.employeeExitV2Actions button,.employeeExitV2SubmitBox button{color:#fff;background:var(--exit-navy);padding:11px 18px}.employeeExitV2Secondary{color:var(--exit-navy);background:#edf3fb;border:1px solid #cfdbee;padding:10px 15px}.employeeExitV2Page button:disabled{cursor:not-allowed;opacity:.52}.employeeExitV2OverviewGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:22px;display:grid}.employeeExitV2OverviewGrid button{text-align:left;border:1px solid var(--exit-border);cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:11px;padding:13px;display:flex}.employeeExitV2OverviewGrid button>span{border-radius:50%;flex:0 0 28px;place-items:center;height:28px;display:grid}.employeeExitV2OverviewGrid button.complete>span{color:#fff;background:#16845a}.employeeExitV2OverviewGrid button.pending>span{color:#8a5700;background:#fff0cf}.employeeExitV2OverviewGrid strong,.employeeExitV2OverviewGrid small{display:block}.employeeExitV2OverviewGrid small{color:var(--exit-muted);margin-top:3px}.employeeExitV2SubmitBox{border:1px solid var(--exit-border);background:#f6f8fb;border-radius:10px;margin-top:22px;padding:17px}.employeeExitV2SubmitBox.ready{background:#eaf8f1;border-color:#b9e3cc}.employeeExitV2SubmitBox p{color:var(--exit-muted);margin:5px 0 0;font-size:13px}.employeeExitV2SubmitBox.ready button{background:#167d56}.employeeExitV2DateCallout{background:#f0f5fb;border-radius:10px;flex-direction:column;align-items:center;margin-bottom:18px;padding:25px;display:flex}.employeeExitV2DateCallout span,.employeeExitV2DateCallout small{color:var(--exit-muted)}.employeeExitV2DateCallout strong{color:var(--exit-navy);margin:8px 0;font-size:28px}.employeeExitV2BankCard{border:1px solid var(--exit-border);background:#f8fafc;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px;padding:17px;display:grid}.employeeExitV2Acknowledgement{border:1px solid var(--exit-border);border-radius:10px;margin-bottom:20px;padding:17px}.employeeExitV2Acknowledgement h3{margin:0}.employeeExitV2Acknowledgement ul{color:#4f5c70;margin:13px 0;padding-left:21px}.employeeExitV2Acknowledgement li{margin-bottom:8px;line-height:1.45}.employeeExitV2Acknowledgement .employeeExitV2Field{margin-bottom:0}.employeeExitV2Page .employeeExitV2SignatureInput.valid{background:#f2fbf6;border-color:#16845a}.employeeExitV2Page .employeeExitV2SignatureInput.valid:focus{border-color:#16845a;box-shadow:0 0 0 3px #16845a24}.employeeExitV2Page .employeeExitV2SignatureInput.invalid{background:#fff7f6;border-color:#b42318}.employeeExitV2Page .employeeExitV2SignatureInput.invalid:focus{border-color:#b42318;box-shadow:0 0 0 3px #b4231821}.employeeExitV2SignatureFeedback.valid{color:#146c43}.employeeExitV2SignatureFeedback.invalid{color:#b42318}.employeeExitV2Questions .employeeExitV2Field{border-bottom:1px solid #edf0f4;padding-bottom:17px}.employeeExitV2Empty,.employeeExitV2Loading{text-align:center;border:1px solid var(--exit-border);background:#fff;border-radius:13px;max-width:680px;margin:40px auto;padding:45px 25px;box-shadow:0 5px 18px #1831530d}.employeeExitV2EmptyIcon{color:#fff;background:var(--exit-teal);border-radius:50%;place-items:center;width:55px;height:55px;margin:0 auto;font-size:25px;display:grid}.employeeExitV2Empty h2{margin:15px 0 7px}.employeeExitV2Empty p{color:var(--exit-muted);margin:0;line-height:1.55}@media (width<=900px){.employeeExitV2Workspace{grid-template-columns:1fr}.employeeExitV2Steps{display:flex;position:static;overflow-x:auto}.employeeExitV2Steps button{border-bottom:0;border-right:1px solid #edf0f4;min-width:165px}.employeeExitV2Steps button.active{box-shadow:inset 0 -4px var(--exit-blue)}}@media (width<=650px){.employeeExitV2Page{padding:15px}.employeeExitV2Header,.employeeExitV2Summary,.employeeExitV2SubmitBox{flex-direction:column;align-items:stretch}.employeeExitV2Person{border-right:0;border-bottom:1px solid var(--exit-border);padding:0 0 13px}.employeeExitV2SummaryItem{width:100%}.employeeExitV2FieldGrid,.employeeExitV2OverviewGrid,.employeeExitV2BankCard{grid-template-columns:1fr}.employeeExitV2CardBody{padding:17px}.employeeExitV2SubmitBox button{width:100%}}.exitV2Page{--v2-navy:#132f65;--v2-blue:#1e4f9a;--v2-teal:#0797a5;--v2-text:#172033;--v2-muted:#687386;--v2-border:#dfe5ee;--v2-bg:#f4f7fb;color:var(--v2-text);background:var(--v2-bg);min-height:100%;padding:26px}.exitV2Header,.exitV2Toolbar,.exitV2PanelHeader,.exitV2ModalHeader,.exitV2DetailHero,.exitV2Pagination,.exitV2ModalActions{justify-content:space-between;align-items:center;gap:16px;display:flex}.exitV2Header h1,.exitV2ModalHeader h2,.exitV2DetailHero h2,.exitV2Panel h3{margin:0}.exitV2Header p,.exitV2PanelHeader p,.exitV2DetailHero p,.exitV2AccountSection p{color:var(--v2-muted);margin:5px 0 0}.exitV2Eyebrow{color:var(--v2-teal);letter-spacing:.12em;margin-bottom:5px;font-size:12px;font-weight:800;display:block}.exitV2Primary,.exitV2Secondary,.exitV2Danger,.exitV2LinkButton,.exitV2Search button,.exitV2Pagination button,.exitV2ClearanceRow button{cursor:pointer;font:inherit;border:0;border-radius:8px;font-weight:700;transition:opacity .16s,transform .16s}.exitV2Primary{color:#fff;background:var(--v2-navy);padding:11px 18px}.exitV2Secondary{color:var(--v2-navy);background:#edf3fb;border:1px solid #cfdbee;padding:10px 16px}.exitV2Danger{color:#fff;white-space:nowrap;background:#b42318;padding:10px 16px}.exitV2Primary:hover,.exitV2Secondary:hover,.exitV2Danger:hover,.exitV2LinkButton:hover,.exitV2Search button:hover,.exitV2Pagination button:hover,.exitV2ClearanceRow button:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.52;transform:none!important}.exitV2Alert{border-radius:9px;margin-top:18px;padding:12px 15px;font-size:14px}.exitV2Alert.error{color:#8d1b16;background:#feeceb;border:1px solid #f9c7c3}.exitV2Alert.success{color:#146c43;background:#e8f7ef;border:1px solid #b9e3cc}.exitV2Stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0;display:grid}.exitV2Stat{border:1px solid var(--v2-border);background:#fff;border-radius:12px;min-height:88px;padding:18px;position:relative;overflow:hidden;box-shadow:0 5px 18px #1831530d}.exitV2Stat:before{content:"";background:var(--tone);width:4px;position:absolute;inset:0 auto 0 0}.exitV2Stat.navy{--tone:#16376f}.exitV2Stat.amber{--tone:#d88a12}.exitV2Stat.purple{--tone:#7657c8}.exitV2Stat.teal{--tone:#0797a5}.exitV2Stat span{color:var(--v2-muted);font-size:13px;display:block}.exitV2Stat strong{color:var(--tone);margin-top:8px;font-size:27px;display:block}.exitV2Card,.exitV2Panel{border:1px solid var(--v2-border);background:#fff;border-radius:12px;box-shadow:0 5px 18px #1831530d}.exitV2Toolbar{border-bottom:1px solid var(--v2-border);padding:16px}.exitV2Toolbar>select{min-width:210px}.exitV2Search{width:min(560px,100%);display:flex}.exitV2Search input{flex:1;border-radius:8px 0 0 8px!important}.exitV2Search button{color:#fff;background:var(--v2-blue);border-radius:0 8px 8px 0;padding:0 18px}.exitV2Page input,.exitV2Page select,.exitV2Page textarea{box-sizing:border-box;width:100%;color:var(--v2-text);font:inherit;background:#fff;border:1px solid #cad3e0;border-radius:8px;outline:none;padding:10px 11px}.exitV2Page input:focus,.exitV2Page select:focus,.exitV2Page textarea:focus{border-color:#3e78c5;box-shadow:0 0 0 3px #3e78c51f}.exitV2Page textarea{resize:vertical}.exitV2Page input:disabled,.exitV2Page select:disabled,.exitV2Page textarea:disabled{color:#778195;background:#f1f3f7}.exitV2TableWrap{overflow-x:auto}.exitV2Table{border-collapse:collapse;width:100%;min-width:900px}.exitV2Table th{color:#526077;text-align:left;letter-spacing:.03em;text-transform:uppercase;background:#f8fafc;padding:13px 15px;font-size:12px}.exitV2Table td{vertical-align:middle;border-top:1px solid #edf0f5;padding:14px 15px;font-size:14px}.exitV2Table tr:hover td{background:#fafcff}.exitV2Employee strong,.exitV2Employee span{display:block}.exitV2Employee span{color:var(--v2-muted);margin-top:3px;font-size:12px}.exitV2LinkButton{color:var(--v2-blue);background:#eaf2ff;padding:8px 14px}.exitV2Status,.exitV2MiniBadge{white-space:nowrap;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.exitV2Status.pending_employee{color:#8a5700;background:#fff0cf}.exitV2Status.pending_hr_review,.exitV2Status.returned_to_hr{color:#5d3aa8;background:#eee8ff}.exitV2Status.pending_billing_admin{color:#076b75;background:#daf5f5}.exitV2Status.completed{color:#146c43;background:#ddf5e8}.exitV2Status.cancelled{color:#9a271e;background:#fee4e2}.exitV2Pagination{border-top:1px solid var(--v2-border);color:var(--v2-muted);padding:14px 16px;font-size:13px}.exitV2Pagination div{gap:8px;display:flex}.exitV2Pagination button{color:var(--v2-navy);background:#edf2f8;padding:8px 12px}.exitV2Empty{color:var(--v2-muted);text-align:center;padding:45px 20px}.exitV2ModalBackdrop{z-index:1200;background:#0a152899;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.exitV2Modal{background:#fff;border-radius:14px;width:min(620px,100%);max-height:calc(100vh - 40px);overflow:hidden;box-shadow:0 22px 70px #07162f47}.exitV2Modal.wide{width:min(1040px,100%)}.exitV2ModalHeader{color:#fff;background:linear-gradient(100deg,#143670,#088f9f);padding:17px 20px}.exitV2ModalHeader button{color:#fff;cursor:pointer;background:0 0;border:0;font-size:30px}.exitV2ModalBody{max-height:calc(100vh - 104px);padding:20px;overflow-y:auto}.exitV2FormGrid,.exitV2DetailGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.exitV2Field{flex-direction:column;gap:6px;display:flex}.exitV2Field.full{grid-column:1/-1}.exitV2Field>span{color:#46536a;font-size:13px;font-weight:700}.exitV2Field em{color:#b42318;font-style:normal}.exitV2Field small{color:var(--v2-muted)}.exitV2NoticeRow{grid-template-columns:minmax(0,1fr) 120px;gap:8px;display:grid}.exitV2EmployeeLookup{display:flex}.exitV2EmployeeLookup input{border-radius:8px 0 0 8px}.exitV2EmployeeLookup button{color:#fff;background:var(--v2-blue);cursor:pointer;border:0;border-radius:0 8px 8px 0;padding:0 18px;font-weight:700}.exitV2AccountSection{border:1px solid var(--v2-border);background:#f9fbfd;border-radius:10px;margin-top:20px;padding:17px}.exitV2AccountSection h3{margin:0}.exitV2AccountGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px;display:grid}.exitV2AccountChoice{border:1px solid var(--v2-border);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:9px;padding:10px;display:flex}.exitV2AccountChoice input{width:auto}.exitV2OtherAccount{margin-top:10px}.exitV2ModalActions{border-top:1px solid var(--v2-border);justify-content:flex-end;margin-top:20px;padding-top:16px}.exitV2DetailHero{background:#f0f5fb;border-radius:10px;padding:17px}.exitV2DetailHero>div>span{color:var(--v2-teal);font-size:12px;font-weight:800}.exitV2DetailGrid{margin:16px 0}.exitV2DetailItem,.exitV2DetailBlock{border:1px solid var(--v2-border);border-radius:9px;padding:12px}.exitV2DetailItem span{color:var(--v2-muted);margin-bottom:5px;font-size:12px;display:block}.exitV2DetailBlock{margin-top:10px}.exitV2DetailBlock p{color:#4f5b6d;white-space:pre-wrap;margin:5px 0 0}.exitV2Panel{box-shadow:none;margin-top:16px;padding:17px}.exitV2DangerPanel{background:snow;border-color:#f4c6c2}.exitV2CancelRow{gap:10px;margin-top:14px;display:flex}.exitV2MiniBadge.done{color:#146c43;background:#ddf5e8}.exitV2MiniBadge.pending{color:#8a5700;background:#fff0cf}.exitV2ChecklistSummary{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:15px;display:grid}.exitV2ChecklistSummary div{color:#6b7381;background:#f4f6f9;border-radius:8px;align-items:center;gap:6px;padding:10px;font-size:13px;display:flex}.exitV2ChecklistSummary div.done{color:#146c43;background:#e9f7ef}.exitV2ClearanceRow{border-top:1px solid #edf0f4;grid-template-columns:1.2fr 150px 1.5fr auto;align-items:center;gap:9px;padding:10px 0;display:grid}.exitV2ClearanceRow:first-of-type{margin-top:12px}.exitV2ClearanceRow>div strong,.exitV2ClearanceRow>div span{display:block}.exitV2ClearanceRow>div span{color:var(--v2-muted);margin-top:2px;font-size:11px}.exitV2ClearanceRow button{color:var(--v2-blue);background:#eaf2ff;padding:10px 13px}.exitV2Muted{color:var(--v2-muted)}.exitV2ReviewChecks{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:15px 0;display:grid}.exitV2ReviewChecks label{border:1px solid var(--v2-border);border-radius:8px;align-items:center;gap:9px;padding:10px;display:flex}.exitV2ReviewChecks input{width:auto}.exitV2AuditList{margin-top:14px}.exitV2AuditList>div{border-top:1px solid #edf0f4;gap:11px;padding:10px 0;display:flex}.exitV2AuditList p{color:var(--v2-muted);margin:3px 0 0;font-size:12px}.exitV2AuditList small{color:#4e5a6d;margin-top:4px;display:block}.exitV2AuditDot{background:var(--v2-teal);border-radius:50%;flex:none;width:9px;height:9px;margin-top:5px}.exitV2EmployeeSubmission{margin-top:16px}.exitV2SubmissionSection{border:1px solid var(--v2-border);background:#fbfcfe;border-radius:9px;margin-top:12px;padding:14px}.exitV2SubmissionTitle{justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px;display:flex}.exitV2SubmissionTitle h4{margin:0}.exitV2SubmissionTitle span{border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.exitV2SubmissionTitle span.done{color:#146c43;background:#ddf5e8}.exitV2SubmissionTitle span.pending{color:#8a5700;background:#fff0cf}.exitV2ReadOnlyGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.exitV2ReadOnlyGrid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.exitV2ReadOnlyText{background:#fff;border:1px solid #e8ecf2;border-radius:8px;min-width:0;padding:10px}.exitV2ReadOnlyText span{color:var(--v2-muted);text-transform:uppercase;font-size:11px;font-weight:700;display:block}.exitV2ReadOnlyText p{overflow-wrap:anywhere;white-space:pre-wrap;margin:5px 0 0}.exitV2Signature{background:#fff;border:1px solid #e8ecf2;border-radius:8px;flex-direction:column;gap:5px;padding:12px;display:flex}.exitV2Signature span{color:#4c596c}.exitV2Signature small{color:var(--v2-muted)}.exitV2QuestionnaireAnswers{gap:9px;display:grid}.exitV2QuestionnaireAnswers>div{background:#fff;border:1px solid #e8ecf2;border-radius:8px;padding:11px}.exitV2QuestionnaireAnswers span{color:#4b586b;font-size:12px;font-weight:700}.exitV2QuestionnaireAnswers p{overflow-wrap:anywhere;white-space:pre-wrap;margin:6px 0 0}.exitV2SubmissionTimestamp{color:var(--v2-muted);text-align:right;margin:13px 0 0;font-size:12px}@media (width<=900px){.exitV2Stats,.exitV2ChecklistSummary{grid-template-columns:repeat(2,minmax(0,1fr))}.exitV2ClearanceRow{grid-template-columns:1fr 1fr}.exitV2ReadOnlyGrid.three{grid-template-columns:1fr}}@media (width<=620px){.exitV2Page{padding:15px}.exitV2Header,.exitV2Toolbar,.exitV2PanelHeader,.exitV2DetailHero,.exitV2Pagination{flex-direction:column;align-items:stretch}.exitV2Stats,.exitV2FormGrid,.exitV2DetailGrid,.exitV2AccountGrid,.exitV2ReviewChecks,.exitV2ClearanceRow,.exitV2ReadOnlyGrid{grid-template-columns:1fr}.exitV2Toolbar>select,.exitV2Search{width:100%;min-width:0}.exitV2CancelRow{flex-direction:column}.exitV2ModalBackdrop{padding:0}.exitV2Modal,.exitV2Modal.wide{border-radius:0;width:100%;max-height:100vh}.exitV2ModalBody{max-height:calc(100vh - 66px)}}.exitBillV2{--bill-ink:#17243e;--bill-border:#dce5f1;min-height:100%;color:var(--bill-ink);background:#f5f8fd;padding:26px}.exitBillV2Header span{color:#058794;letter-spacing:.14em;font-size:12px;font-weight:800}.exitBillV2Header h1{margin:5px 0;font-size:30px}.exitBillV2Header p{color:#66748c;margin:0}.exitBillV2Stats{grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0;display:grid}.exitBillV2Stat,.exitBillV2Card,.exitBillV2Section{border:1px solid var(--bill-border);background:#fff;border-radius:12px;box-shadow:0 5px 18px #1831530d}.exitBillV2Stat{border-left:4px solid #078c99;padding:17px}.exitBillV2Stat span,.exitBillV2Stat strong{display:block}.exitBillV2Stat span{color:#66748c;font-size:13px}.exitBillV2Stat strong{color:#15376f;margin-top:6px;font-size:26px}.exitBillV2Alert{overflow-wrap:anywhere;border-radius:8px;margin:16px 0;padding:12px 15px}.exitBillV2Alert.error{color:#8d1b16;background:#feeceb;border:1px solid #f9c7c3}.exitBillV2Alert.success{color:#146c43;background:#e8f7ef;border:1px solid #b9e3cc}.exitBillV2Toolbar{justify-content:space-between;gap:15px;padding:16px;display:flex}.exitBillV2Toolbar form{gap:8px;width:min(540px,100%);display:flex}.exitBillV2Toolbar input{flex:1;min-width:0}.exitBillV2 input,.exitBillV2 select,.exitBillV2 textarea{box-sizing:border-box;color:#17243e;width:100%;font:inherit;background:#fff;border:1px solid #c6d2e0;border-radius:8px;padding:10px}.exitBillV2 textarea{resize:vertical}.exitBillV2 button{color:#15376f;font:inherit;cursor:pointer;background:#eaf2ff;border:0;border-radius:8px;padding:9px 14px;font-weight:700}.exitBillV2 button:disabled{cursor:not-allowed;opacity:.55}.exitBillV2Toolbar form button,.exitBillV2Actions .primary{color:#fff;background:#15376f}.exitBillV2Scroll{overflow-x:auto}.exitBillV2 table{border-collapse:collapse;width:100%;min-width:810px}.exitBillV2 th{color:#526077;text-align:left;text-transform:uppercase;background:#f8fafc;padding:13px;font-size:12px}.exitBillV2 td{border-top:1px solid #edf0f5;padding:13px;font-size:14px}.exitBillV2 td small{color:#66748c;margin-top:3px;display:block}.exitBillV2Empty{color:#66748c;text-align:center;padding:30px}.exitBillV2Pages{color:#66748c;border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:12px;padding:14px;font-size:13px;display:flex}.exitBillV2Pages div{gap:8px;display:flex}.exitBillV2Badge{border-radius:99px;padding:7px 10px;font-size:12px;font-weight:800;display:inline-block}.exitBillV2Badge.pending_billing_admin{color:#086772;background:#def5f7}.exitBillV2Badge.completed{color:#146c43;background:#e0f5e8}.exitBillV2Badge.returned_to_hr{color:#895600;background:#fff0cf}.exitBillV2Backdrop{z-index:1200;background:#091933a6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.exitBillV2Modal{background:#fff;border-radius:14px;flex-direction:column;width:min(1080px,100%);max-height:calc(100vh - 40px);display:flex;overflow:hidden}.exitBillV2ModalHead{color:#fff;background:linear-gradient(100deg,#16376f,#088f9f);justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.exitBillV2ModalHead small{color:#d6f4f5}.exitBillV2ModalHead h2{margin:4px 0 0;font-size:19px}.exitBillV2ModalHead button{color:#fff;background:0 0;font-size:26px}.exitBillV2ModalBody{padding:20px;overflow-y:auto}.exitBillV2Grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0;display:grid}.exitBillV2Read{border:1px solid var(--bill-border);border-radius:8px;min-width:0;padding:12px}.exitBillV2Read span,.exitBillV2Read strong{overflow-wrap:anywhere;white-space:pre-wrap;display:block}.exitBillV2Read span{color:#66748c;font-size:12px}.exitBillV2Read strong{margin-top:4px;font-size:14px}.exitBillV2Section{box-shadow:none;margin-top:16px;padding:17px}.exitBillV2Section h3{margin:0}.exitBillV2Section label{flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.exitBillV2Section label.wide{grid-column:1/-1}.exitBillV2Section input:disabled,.exitBillV2Section textarea:disabled{color:#69778e;background:#f2f4f8}.exitBillV2List{margin-top:12px}.exitBillV2List>div{border-top:1px solid #edf0f5;padding:12px 0}.exitBillV2List strong,.exitBillV2List small{display:block}.exitBillV2List small,.exitBillV2List span{color:#66748c;font-size:12px}.exitBillV2List p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 0}.exitBillV2Totals{background:#f1f6fc;border-radius:9px;flex-wrap:wrap;justify-content:flex-end;gap:16px;padding:13px;display:flex}.exitBillV2Totals strong{color:#146c43}.exitBillV2Actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.exitBillV2Return{gap:10px;margin-top:12px;display:flex}.exitBillV2Return button{color:#a22218;background:#feeceb;flex:none;align-self:end}@media (width<=740px){.exitBillV2{padding:14px}.exitBillV2Stats,.exitBillV2Grid{grid-template-columns:1fr}.exitBillV2Toolbar,.exitBillV2Pages,.exitBillV2Return{flex-direction:column}.exitBillV2Toolbar form{width:100%}.exitBillV2Modal{border-radius:0;max-height:100vh}.exitBillV2Backdrop{padding:0}.exitBillV2Section label.wide{grid-column:auto}}.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%}}.ctiaPage{color:#07162f;width:100%;padding:26px 28px 40px}.ctiaHeader{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.ctiaHeader h2{color:#07162f;margin:0;font-size:25px;font-weight:900}.ctiaHeader p{color:#64748b;margin:7px 0 0;font-size:13px;line-height:1.5}.ctiaRefreshBtn,.ctiaViewBtn,.ctiaApproveBtn,.ctiaRejectBtn{cursor:pointer;border:none;border-radius:10px;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:800;transition:all .18s}.ctiaRefreshBtn{color:#fff;background:#2563eb}.ctiaRefreshBtn:hover,.ctiaViewBtn:hover,.ctiaApproveBtn:hover,.ctiaRejectBtn:hover{transform:translateY(-1px)}.ctiaSuccess,.ctiaError,.ctiaRoleNote{border-radius:12px;margin-bottom:16px;padding:13px 16px;font-size:13px;line-height:1.6}.ctiaSuccess{color:#047857;background:#ecfdf5;border:1px solid #bbf7d0}.ctiaError{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.ctiaRoleNote{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe}.ctiaStatsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.ctiaStatCard,.ctiaCard,.ctiaInvoiceCard{background:#fff;border:1px solid #dfe7f3;border-radius:14px;box-shadow:0 10px 24px #0f172a0a}.ctiaStatCard{flex-direction:column;justify-content:center;min-height:98px;padding:18px 20px;display:flex}.ctiaStatCard span{color:#64748b;margin-bottom:9px;font-size:12px}.ctiaStatCard strong{color:#07162f;font-size:26px;font-weight:900}.ctiaStatCard small{color:#64748b;margin-top:7px;font-size:12px}.ctiaTwoColumn{grid-template-columns:.9fr 1.1fr;gap:16px;margin-bottom:18px;display:grid}.ctiaCard{padding:18px}.ctiaCardHeader{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.ctiaCardHeader h3{margin:0;font-size:16px;font-weight:900}.ctiaEmpty{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:18px;font-size:13px}.ctiaRecentList{gap:12px;display:grid}.ctiaRecentItem{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;gap:14px;padding:13px;display:flex}.ctiaRecentItem div{gap:5px;display:grid}.ctiaRecentItem strong{font-size:13px}.ctiaRecentItem span,.ctiaRecentItem small{color:#64748b;font-size:12px}.ctiaTableWrap{width:100%;overflow-x:auto}.ctiaTable{border-collapse:collapse;width:100%;min-width:680px}.ctiaTable th{color:#334155;text-align:left;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px;font-size:11px}.ctiaTable td{border-bottom:1px solid #edf2f7;padding:13px 12px;font-size:13px}.ctiaTabs{flex-wrap:wrap;gap:9px;margin:22px 0 16px;display:flex}.ctiaTabs button{color:#1e40af;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:900}.ctiaTabs button.active{color:#fff;background:#2563eb;border-color:#2563eb}.ctiaTabs button span{background:#ffffff38;border-radius:999px;margin-left:6px;padding:2px 7px}.ctiaInvoiceGrid{gap:16px;display:grid}.ctiaInvoiceCard{padding:18px}.ctiaInvoiceTop{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.ctiaInvoiceTop h3{margin:0;font-size:16px;font-weight:900}.ctiaInvoiceTop p{color:#64748b;margin:6px 0 0;font-size:13px}.ctiaStatus{white-space:nowrap;border-radius:999px;align-items:center;padding:6px 10px;font-size:11px;font-weight:900;display:inline-flex}.ctiaStatus.green{color:#047857;background:#d1fae5}.ctiaStatus.yellow{color:#92400e;background:#fef3c7}.ctiaStatus.red{color:#be123c;background:#ffe4e6}.ctiaStatus.blue{color:#1d4ed8;background:#dbeafe}.ctiaInvoiceStats,.ctiaModalGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.ctiaInfoBox{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:7px;padding:12px;display:grid}.ctiaInfoBox label,.ctiaDescription label{color:#64748b;font-size:11px;font-weight:900}.ctiaInfoBox strong{color:#07162f;word-break:break-word;font-size:13px}.ctiaDescription{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:13px;padding:12px}.ctiaDescription p{color:#07162f;margin:7px 0 0;font-size:13px}.ctiaCommentBox{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;margin-top:12px;padding:12px;font-size:13px}.ctiaCommentBox p{margin:0 0 6px}.ctiaCommentBox p:last-child{margin-bottom:0}.ctiaTextarea{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}.ctiaTextarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.ctiaActions{flex-wrap:wrap;align-items:center;gap:9px;margin-top:14px;display:flex}.ctiaActions.right{justify-content:flex-end}.ctiaViewBtn{color:#1e40af;background:#f8fafc;border:1px solid #dbe3ef}.ctiaApproveBtn{color:#fff;background:#10b981}.ctiaRejectBtn{color:#fff;background:#ef4444}.ctiaApproveBtn:disabled,.ctiaRejectBtn:disabled{opacity:.65;cursor:not-allowed;transform:none}.ctiaNoAction{color:#64748b;font-size:12px;font-weight:800}.ctiaModal{background:#fff;border-radius:18px;width:min(980px,100%);max-height:88vh;padding:22px;overflow-y:auto;box-shadow:0 24px 70px #0f172a40}.ctiaModalHeader{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.ctiaModalHeader h3{margin:0;font-size:20px;font-weight:900}.ctiaModalHeader button{color:#0f172a;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;width:34px;height:34px;font-size:22px;line-height:1}.ctiaModalDescription{margin-top:14px}@media (width<=1200px){.ctiaStatsGrid,.ctiaInvoiceStats,.ctiaModalGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.ctiaTwoColumn{grid-template-columns:1fr}}@media (width<=700px){.ctiaPage{padding:18px 14px 32px}.ctiaHeader,.ctiaInvoiceTop,.ctiaRecentItem{flex-direction:column}.ctiaStatsGrid,.ctiaInvoiceStats,.ctiaModalGrid{grid-template-columns:1fr}.ctiaActions{flex-direction:column;align-items:stretch}.ctiaViewBtn,.ctiaApproveBtn,.ctiaRejectBtn{width:100%}.ctiaModalOverlay{padding:10px}}.ctiaModalHeaderActions{align-items:center;gap:8px;display:flex}.ctiaModalHeaderActions button,.ctiaViewBtn{color:#c2410c;cursor:pointer;white-space:nowrap;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:8px 12px;font-weight:700}.ctiaModalHeaderActions button:hover,.ctiaViewBtn:hover{opacity:.92}.ctiaFilterCard{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}.ctiaFilterTop{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.ctiaFilterTop h3{color:#0f2f62;letter-spacing:-.02em;margin:2px 0 4px;font-size:18px;font-weight:800}.ctiaFilterTop span{color:#64748b;font-size:13px;font-weight:500}.ctiaEyebrow{color:#0f766e;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.ctiaFilterCount{text-align:right;background:#fff;border:1px solid #dbe7f5;border-radius:16px;min-width:140px;padding:12px 14px;box-shadow:0 8px 20px #0f2f620f}.ctiaFilterCount strong{color:#0f2f62;font-size:24px;line-height:1;display:block}.ctiaFilterCount span{color:#64748b;text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:700;display:block}.ctiaFilterGrid{grid-template-columns:minmax(260px,1.4fr) repeat(3,minmax(160px,1fr));gap:12px;display:grid}.ctiaFilterField{flex-direction:column;gap:7px;display:flex}.ctiaFilterField label{color:#334155;font-size:12px;font-weight:800}.ctiaInputShell{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}.ctiaInputShell:focus-within{border-color:#0f2f62;transform:translateY(-1px);box-shadow:0 0 0 4px #0f2f621a}.ctiaInputShell>span{opacity:.78;flex:none;font-size:15px}.ctiaInputShell input,.ctiaInputShell select{color:#0f172a;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:14px;font-weight:650}.ctiaInputShell input::placeholder{color:#94a3b8;font-weight:550}.ctiaInputShell select{cursor:pointer}.ctiaFilterActions{border-top:1px dashed #d6e2f1;justify-content:flex-end;align-items:center;gap:10px;margin-top:16px;padding-top:14px;display:flex}.ctiaFilterPrimary,.ctiaFilterSecondary{cursor:pointer;border-radius:13px;min-height:40px;padding:0 18px;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s}.ctiaFilterPrimary{color:#fff;background:linear-gradient(135deg,#0f2f62,#174a8b);border:1px solid #0f2f62;box-shadow:0 10px 20px #0f2f6233}.ctiaFilterSecondary{color:#0f2f62;background:#fff;border:1px solid #d6e2f1}.ctiaFilterPrimary:hover,.ctiaFilterSecondary:hover{transform:translateY(-1px)}.ctiaFilterPrimary:hover{box-shadow:0 14px 26px #0f2f623d}.ctiaFilterSecondary:hover{background:#f1f6fd}@media (width<=980px){.ctiaFilterGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.ctiaFilterCard{border-radius:16px;padding:14px}.ctiaFilterTop{flex-direction:column}.ctiaFilterCount{text-align:left;width:100%}.ctiaFilterGrid{grid-template-columns:1fr}.ctiaFilterActions{flex-direction:column;align-items:stretch}.ctiaFilterPrimary,.ctiaFilterSecondary{width:100%}}.ctiaPage{color:#111827;background:#f6f8fc;min-height:100vh;padding:20px}.ctiaPageHeader{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.ctiaPageEyebrow{letter-spacing:1.2px;color:#5b4cf0;margin-bottom:6px;font-size:11px;font-weight:800}.ctiaPageHeader h1{margin:0;font-size:27px;font-weight:800}.ctiaPageHeader p{color:#64748b;margin:7px 0 0;font-size:13px}.ctiaRefreshBtn{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:10px;padding:10px 18px;font-weight:700}.ctiaRoleBar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:11px 15px;display:flex}.ctiaRoleBar>div{color:#64748b;align-items:center;gap:8px;font-size:12px;display:flex}.ctiaRoleBar strong{font-size:12px}.ctiaRoleDot{background:#22c55e;border-radius:50%;width:8px;height:8px}.ctiaCompactStats{grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;margin-bottom:15px;display:grid}.ctiaCompactStat{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px}.ctiaCompactStat span{color:#64748b;margin-bottom:6px;font-size:11px;display:block}.ctiaCompactStat strong{font-size:22px}.ctiaCompactStat small{color:#94a3b8;margin-top:3px;display:block}.ctiaCompactStat.highlight{border-left:3px solid #5b4cf0}.ctiaWorkflowTabs{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:6px;margin-bottom:12px;padding:7px;display:flex;overflow-x:auto}.ctiaWorkflowTabs button{white-space:nowrap;cursor:pointer;color:#64748b;background:0 0;border:0;border-radius:8px;padding:9px 12px;font-size:12px;font-weight:700}.ctiaWorkflowTabs button:hover{background:#f3f4f6}.ctiaWorkflowTabs button.active{color:#fff;background:#111827}.ctiaWorkflowTabs button span{background:#ffffff2e;border-radius:20px;margin-left:6px;padding:2px 6px}.ctiaCompactFilter{background:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:2fr 1fr 1fr 100px auto;align-items:end;gap:10px;margin-bottom:14px;padding:13px;display:grid}.ctiaFilterItem label{color:#475569;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.ctiaFilterItem input,.ctiaFilterItem select{box-sizing:border-box;background:#fff;border:1px solid #dbe1ea;border-radius:8px;outline:none;width:100%;height:39px;padding:0 11px;font-size:12px}.ctiaFilterItem input:focus,.ctiaFilterItem select:focus{border-color:#6658f4}.ctiaFilterButtons{gap:7px;display:flex}.ctiaApplyBtn,.ctiaClearBtn{cursor:pointer;border-radius:8px;height:39px;padding:0 15px;font-weight:700}.ctiaApplyBtn{color:#fff;background:#5b4cf0;border:0}.ctiaClearBtn{background:#fff;border:1px solid #dbe1ea}.ctiaMonthSummary{justify-content:space-between;align-items:center;margin:17px 3px 9px;display:flex}.ctiaMonthSummary h3{margin:0;font-size:17px}.ctiaMonthSummary span{color:#64748b;font-size:11px}.ctiaMonthAmount{text-align:right}.ctiaMonthAmount span{display:block}.ctiaMonthAmount strong{font-size:18px}.ctiaInvoiceList{flex-direction:column;gap:8px;display:flex}.ctiaCompactInvoice{background:#fff;border:1px solid #e3e7ee;border-radius:12px;transition:all .2s;overflow:hidden}.ctiaCompactInvoice:hover{border-color:#c5cbd6;box-shadow:0 4px 15px #0f172a0a}.ctiaInvoiceMain{grid-template-columns:minmax(210px,1.6fr) minmax(130px,1fr) 90px 130px 180px 120px;align-items:center;gap:10px;padding:13px 14px;display:grid}.ctiaInvoiceIdentity{align-items:center;gap:10px;display:flex}.ctiaAvatar{color:#5b21b6;background:#ede9fe;border-radius:10px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:800;display:flex}.ctiaTeacherName{font-size:13px;display:block}.ctiaInvoiceNumber{color:#64748b;margin-top:3px;font-size:10px;display:block}.ctiaInvoicePeriod span,.ctiaInvoiceClasses span,.ctiaInvoiceAmount span,.ctiaInvoiceStatus>span{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;margin-bottom:4px;font-size:9px;display:block}.ctiaInvoicePeriod strong,.ctiaInvoiceClasses strong,.ctiaInvoiceAmount strong{font-size:12px}.ctiaInvoiceAmount strong{font-size:14px}.ctiaInvoiceActions{justify-content:flex-end;gap:5px;display:flex}.ctiaDetailsBtn,.ctiaPdfBtn{cursor:pointer;background:#fff;border:1px solid #dbe1ea;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:700}.ctiaDetailsBtn:hover,.ctiaPdfBtn:hover{background:#f8fafc}.ctiaApprovalFlow{background:#fafbfc;border-top:1px solid #eef1f5;align-items:center;gap:10px;padding:8px 14px;display:flex}.ctiaFlowStep{align-items:center;gap:7px;display:flex}.ctiaFlowStep>span{background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;font-size:9px;font-weight:800;display:flex}.ctiaFlowStep.complete>span{color:#15803d;background:#dcfce7}.ctiaFlowStep small{color:#94a3b8;font-size:9px;display:block}.ctiaFlowStep strong{font-size:10px;display:block}.ctiaFlowLine{background:#dbe1ea;width:25px;height:1px}.ctiaFlowMeta{color:#94a3b8;margin-left:auto;font-size:10px}.ctiaExistingComments{color:#64748b;border-top:1px solid #eef1f5;gap:20px;padding:7px 14px;font-size:10px;display:flex}.ctiaActionArea{border-top:1px solid #eef1f5;align-items:center;gap:10px;padding:9px 14px;display:flex}.ctiaActionArea input{box-sizing:border-box;border:1px solid #dbe1ea;border-radius:7px;outline:none;flex:1;min-width:180px;height:35px;padding:0 10px}.ctiaActionButtons{gap:6px;display:flex}.ctiaApproveBtn,.ctiaRejectBtn,.ctiaEscalateBtn{cursor:pointer;border-radius:7px;padding:8px 12px;font-size:10px;font-weight:800}.ctiaApproveBtn{color:#fff;background:#22c55e;border:1px solid #22c55e}.ctiaRejectBtn{color:#dc2626;background:#fff5f5;border:1px solid #fecaca}.ctiaEscalateBtn{color:#7e22ce;background:#faf5ff;border:1px solid #d8b4fe}.ctiaReadOnlyFooter{color:#64748b;border-top:1px solid #eef1f5;justify-content:space-between;align-items:center;padding:8px 14px;font-size:10px;display:flex}.ctiaReadOnlyFooter button{color:#4f46e5;cursor:pointer;background:0 0;border:0;font-weight:700}.ctiaEmptyState{text-align:center;color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:12px;padding:40px}.ctiaEmptyState strong{color:#111827;margin-bottom:5px;display:block}.ctiaPagination{background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;margin-top:14px;padding:10px 12px;display:flex}.ctiaPagination button{cursor:pointer;background:#fff;border:1px solid #dbe1ea;border-radius:7px;padding:7px 13px}.ctiaPagination button:disabled{opacity:.4;cursor:not-allowed}.ctiaPagination span{color:#64748b;font-size:11px}.ctiaSuccess{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9px;margin-bottom:12px;padding:10px 13px;font-size:12px}.ctiaError{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;margin-bottom:12px;padding:10px 13px;font-size:12px}@media (width<=1200px){.ctiaInvoiceMain{grid-template-columns:minmax(190px,1.5fr) 120px 70px 110px 160px}.ctiaInvoiceActions{grid-column:1/-1;justify-content:flex-start}}@media (width<=900px){.ctiaCompactStats{grid-template-columns:repeat(2,1fr)}.ctiaCompactFilter{grid-template-columns:1fr 1fr}.ctiaFilterButtons{grid-column:1/-1}.ctiaInvoiceMain{grid-template-columns:1fr 1fr}.ctiaInvoiceIdentity{grid-column:1/-1}.ctiaApprovalFlow{flex-wrap:wrap}.ctiaFlowMeta{width:100%;margin-left:0}.ctiaActionArea{flex-direction:column;align-items:stretch}.ctiaActionButtons{flex-wrap:wrap}}@media (width<=600px){.ctiaPage{padding:12px}.ctiaPageHeader{flex-direction:column}.ctiaCompactStats{grid-template-columns:1fr 1fr}.ctiaCompactFilter{grid-template-columns:1fr}.ctiaFilterButtons{grid-column:auto}.ctiaInvoiceMain{grid-template-columns:1fr}.ctiaMonthSummary{align-items:flex-start}}.ctiaModalOverlay{z-index:9999;background:#0f172a9e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.ctiaModal{background:#fff;border-radius:16px;width:min(1050px,95vw);max-height:90vh;overflow:hidden auto;box-shadow:0 24px 60px #0f172a38,0 4px 12px #0f172a14}.ctiaModalHeader{z-index:5;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex;position:sticky;top:0}.ctiaModalHeader>div:first-child{flex:1;min-width:0}.ctiaModalHeader h3{color:#111827;margin:0;font-size:18px;font-weight:800}.ctiaModalHeader p{color:#64748b;margin:4px 0 0;font-size:11px}.ctiaModalHeaderActions{white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.ctiaModalHeaderActions button{color:#334155;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dbe1ea;border-radius:8px;justify-content:center;align-items:center;height:34px;padding:0 12px;font-size:11px;font-weight:700;line-height:1;display:inline-flex;width:auto!important;min-width:auto!important;max-width:none!important}.ctiaModalHeaderActions button:hover{background:#f8fafc;border-color:#cbd5e1}.ctiaModalHeaderActions button:last-child{color:#dc2626;background:#fff7f7;border-color:#fecaca;padding:0;font-size:18px;width:34px!important;min-width:34px!important}.ctiaModalHeaderActions button:last-child:hover{background:#fee2e2}.ctiaModalGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px 20px;display:grid}.ctiaModalGrid .ctiaInfoBox{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;min-width:0;padding:12px}.ctiaModalGrid .ctiaInfoBox label{letter-spacing:.3px;text-transform:uppercase;color:#94a3b8;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.ctiaModalGrid .ctiaInfoBox strong{color:#1e293b;overflow-wrap:anywhere;font-size:12px;font-weight:700;display:block}.ctiaModalDescription{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;margin:0 20px 12px;padding:12px}.ctiaModalDescription label{text-transform:uppercase;color:#94a3b8;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.ctiaModalDescription p{color:#475569;margin:0;font-size:12px}.ctiaModal .ctiaCommentBox{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;margin:0 20px 12px;padding:12px}.ctiaModal .ctiaCommentBox p{color:#475569;margin:4px 0;font-size:11px}.ctiaModal .ctiaTextarea{box-sizing:border-box;resize:vertical;border:1px solid #dbe1ea;border-radius:9px;outline:none;width:calc(100% - 40px);min-height:75px;margin:0 20px 12px;padding:10px 12px;font-family:inherit;font-size:12px;display:block}.ctiaModal .ctiaTextarea:focus{border-color:#5b4cf0}.ctiaModal .ctiaActions{flex-wrap:wrap;gap:8px;padding:0 20px 20px;display:flex}.ctiaModal .ctiaActions.right{justify-content:flex-end}.ctiaEditBtn{font-weight:700;color:#1d4ed8!important;background:#eff6ff!important;border:1px solid #bfdbfe!important}.ctiaEditBtn:hover{background:#dbeafe!important;border-color:#60a5fa!important}.ctiaReapprovalNotice{color:#854d0e;background:#fefce8;border:1px solid #facc15;border-radius:10px;margin:0 20px 12px;padding:11px 12px;font-size:12px;line-height:1.5}@media (width<=900px){.ctiaModalGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.ctiaModalOverlay{padding:10px}.ctiaModal{width:100%;max-height:95vh}.ctiaModalHeader{flex-direction:column;align-items:flex-start}.ctiaModalHeaderActions{flex-wrap:wrap;width:100%}.ctiaModalGrid{grid-template-columns:1fr}}.ctiaPrototypeHeader,.ctiaPrototypeRow{grid-template-columns:minmax(155px,1.1fr) minmax(150px,1fr) minmax(100px,.75fr) minmax(105px,.75fr) 70px minmax(150px,1fr) minmax(105px,.75fr) minmax(125px,.9fr) minmax(125px,.9fr) minmax(95px,.7fr) minmax(125px,.85fr) minmax(125px,.9fr);align-items:center;gap:12px;min-width:1510px;display:grid}.ctiaInvoiceList{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow-x:auto}.ctiaPrototypeHeader{color:#475569;letter-spacing:.055em;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:11px 14px;font-size:10px;font-weight:800}.ctiaPrototypeInvoice{min-width:1510px;box-shadow:none;border:0;border-bottom:1px solid #e5e7eb;border-radius:0}.ctiaPrototypeInvoice:last-child{border-bottom:0}.ctiaPrototypeRow{padding:13px 14px;font-size:12px}.ctiaPrototypeInvoice.expanded .ctiaPrototypeRow{background:#f0fbfd;border-bottom:3px solid #12b8bd}.ctiaPrototypeInvoiceId,.ctiaPrototypePerson,.ctiaPrototypeAmount{flex-direction:column;gap:3px;display:flex}.ctiaPrototypeInvoiceId{color:#102a69;flex-direction:row;align-items:center}.ctiaPrototypePerson small,.ctiaPrototypeAmount small,.ctiaPrototypeRazorpay small{color:#64748b;font-size:10px}.ctiaPrototypeRazorpay{flex-direction:column;gap:3px;display:flex}.ctiaPrototypeRazorpay strong{color:#067647}.ctiaExpandBtn{color:#102a69;background:0 0;border:0;width:25px;height:25px;padding:0;font-size:16px}.ctiaPrototypeActions{gap:6px;display:flex}.ctiaPrototypeExpanded{background:#fbfdff;grid-template-columns:1.5fr 1fr 1fr;gap:28px;padding:18px 22px;display:grid}.ctiaPrototypeExpanded h4{color:#0891a2;letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px;font-size:11px}.ctiaBreakdownHeader,.ctiaBreakdownRow{grid-template-columns:1.4fr 1fr 1fr .8fr;gap:10px;padding:8px 4px;display:grid}.ctiaBreakdownHeader{color:#64748b;background:#f1f5f9;font-size:10px;font-weight:700}.ctiaBreakdownRow{border-bottom:1px solid #e5e7eb}.ctiaTdsPanel dl,.ctiaPrototypeTrail{margin:0;font-size:11px}.ctiaTdsPanel dl>div{grid-template-columns:105px 1fr;gap:8px;margin-bottom:6px;display:grid}.ctiaTdsPanel dt{color:#64748b}.ctiaTdsPanel dd{margin:0;font-weight:700}.ctiaPrototypeTrail p{margin:0 0 7px}.ctiaModalOverlay{justify-content:flex-end;padding:0}.ctiaModal{border-radius:0;width:min(720px,100vw);max-width:none;height:100vh;max-height:100vh;overflow-y:auto}@media (width<=900px){.ctiaPrototypeExpanded{grid-template-columns:1fr}}.ctiaClientDetailDrawer{background:#fff;width:min(760px,100vw)}.ctiaClientDetailDrawer .ctiaModalHeader{z-index:3;background:#fff;border-bottom:1px solid #dfe6ee;padding:14px 16px;position:sticky;top:0}.ctiaClientDetailDrawer .ctiaModalHeader h3{color:#072b73;font-size:14px}.ctiaClientDetailDrawer .ctiaModalHeader p{font-size:10px}.ctiaDrawerClose{height:30px;width:30px!important;padding:0!important;font-size:18px!important}.ctiaDetailActionRows{border-bottom:1px solid #dfe6ee;padding:10px 16px}.ctiaDetailActionRow{border-bottom:1px dashed #e3e8ef;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px;min-height:42px;display:grid}.ctiaDetailActionRow:last-child{border-bottom:0}.ctiaDetailActionRow>span{color:#68758a;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.ctiaDetailActionRow>div{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.ctiaDetailActionRow button{cursor:pointer;background:#fff;border:1px solid #d7dee8;border-radius:4px;padding:7px 11px;font-size:10px;font-weight:700}.ctiaPaymentStateText small{color:#0f9f68;font-weight:700}.ctiaDetailSection{border-bottom:1px solid #dfe6ee;padding:15px 16px}.ctiaDetailSection>h4,.ctiaDetailCommentComposer h4,.ctiaSectionTitleRow h4{color:#526176;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:9px;font-weight:900}.ctiaDetailBreakdownTable,.ctiaCommentsTable{border:1px solid #dfe6ee;border-radius:5px;overflow:hidden}.ctiaDetailTableHead,.ctiaDetailTableRow{grid-template-columns:1.45fr 1.15fr .55fr .65fr .75fr;align-items:center;gap:10px;padding:8px 10px;display:grid}.ctiaDetailTableHead{color:#55647a;text-transform:uppercase;background:#f3f6f9;font-size:9px;font-weight:800}.ctiaDetailTableRow{border-top:1px solid #edf0f4;font-size:11px}.ctiaDetailTableRow>:nth-child(n+3){text-align:right}.ctiaDetailSubtotalRow{background:#f6f8fb;border-top:1px solid #dfe6ee;grid-template-columns:1fr auto auto;gap:18px;padding:8px 10px;font-size:10px;display:grid}.ctiaDetailInfoGrid{border:1px solid #dfe6ee;border-radius:5px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.ctiaDetailInfoGrid .ctiaInfoBox{background:#fff;border:1px solid #dfe6ee;border-top:0;border-left:0;border-radius:0;min-height:58px;padding:10px}.ctiaDetailInfoGrid .ctiaInfoBox label{letter-spacing:.06em;text-transform:uppercase;font-size:8px}.ctiaDetailInfoGrid .ctiaInfoBox strong{overflow-wrap:anywhere;margin-top:5px;font-size:10px}.ctiaMappingGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.ctiaSectionTitleRow{justify-content:space-between;align-items:center;gap:12px;display:flex}.ctiaSectionTitleRow h4 span{color:#4f46e5;background:#eef2ff;border-radius:10px;margin-left:5px;padding:2px 6px}.ctiaSectionTitleRow small{color:#7b8798;font-size:9px}.ctiaSectionTitleRow .ctiaInternalOnly{color:#b66b00;font-weight:800}.ctiaCommentsHead,.ctiaCommentsRow{grid-template-columns:110px 135px 90px minmax(0,1fr);align-items:start;gap:8px;padding:8px 10px;display:grid}.ctiaCommentsHead{color:#55647a;text-transform:uppercase;background:#f3f6f9;font-size:8px;font-weight:800}.ctiaCommentsRow{border-top:1px solid #edf0f4;font-size:9px}.ctiaCommentsRow small{color:#8490a0;margin-top:2px;display:block}.ctiaNoInternalComments{color:#8a95a5;text-align:center;border:1px solid #dfe6ee;border-radius:5px;padding:18px;font-size:10px}.ctiaDetailCommentComposer{padding:15px 16px 24px}.ctiaDetailCommentComposer>small{color:#7b8798;margin:-6px 0 9px;font-size:9px;display:block}.ctiaDetailCommentComposer .ctiaTextarea{box-sizing:border-box;width:100%}@media (width<=700px){.ctiaDetailInfoGrid,.ctiaMappingGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.ctiaDetailTableHead,.ctiaDetailTableRow{grid-template-columns:1.2fr 1fr .5fr .65fr .75fr}.ctiaCommentsHead,.ctiaCommentsRow{grid-template-columns:90px 110px 80px minmax(140px,1fr)}}.ctiaContractorList{overflow-x:auto}.ctiaContractorList .ctiaPrototypeHeader,.ctiaContractorList .ctiaPrototypeRow{grid-template-columns:minmax(175px,1.35fr) minmax(190px,1.5fr) minmax(90px,.7fr) minmax(120px,.9fr) minmax(100px,.8fr) minmax(100px,.8fr) minmax(115px,.9fr) 110px;min-width:1110px}.ctiaContractorList .ctiaActionArea,.ctiaContractorList .ctiaReadOnlyFooter,.ctiaContractorList .ctiaPrototypeExpanded,.ctiaContractorList .ctiaPrototypeInvoice{min-width:1110px}.ctiaActionArea .ctiaTextarea{flex:1;min-width:0}.ctiaActionButtons{flex-shrink:0}.ctiaContractorFilters{grid-template-columns:minmax(220px,2fr) repeat(5,minmax(125px,1fr)) auto;align-items:end;gap:12px;display:grid}.ctiaContractorFilters input{box-sizing:border-box;width:100%}.ctiaHoldBtn{color:#92400e;font:inherit;cursor:pointer;background:#fffbeb;border:1px solid #fbbf24;border-radius:8px;padding:10px 14px;font-size:12px;font-weight:700}.ctiaHoldBtn:disabled{opacity:.5;cursor:not-allowed}.ctiaStatus.orange{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.ctiaContractorDescription{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.ctiaHistoryPanel{background:#fff;border:1px solid #dfe7f3;border-radius:10px;margin-top:22px;padding:14px}.ctiaHistoryPanel summary{cursor:pointer;color:#526176;font-size:12px;font-weight:700}.ctiaHistoryPanel[open] summary{margin-bottom:16px}.ctiaCommentsScroll{overflow-x:auto}.ctiaCommentsTable{min-width:570px}.ctiaPrototypePerson small{overflow-wrap:anywhere;display:block}.ctiaPrototypeExpanded section{min-width:0}.ctiaPrototypeExpanded p{overflow-wrap:anywhere}@media (width<=1600px){.ctiaContractorFilters{grid-template-columns:repeat(4,minmax(0,1fr))}.ctiaContractorFilters .ctiaSearchField{grid-column:span 2}}@media (width<=900px){.ctiaContractorFilters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.ctiaContractorFilters{grid-template-columns:minmax(0,1fr)}.ctiaContractorFilters .ctiaSearchField{grid-column:auto}.ctiaDetailActionRow{grid-template-columns:80px minmax(0,1fr)}}.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}}.tv-page{color:#10285b;gap:18px;margin-top:20px;font-family:inherit;display:grid}.tv-card{background:#fff;border:1px solid #e0e9f9;border-radius:22px;padding:24px;box-shadow:0 12px 35px #18377a0d}.tv-card h2,.tv-card h3{margin:0 0 10px}.tv-card p{color:#5c6d89}.tv-form{gap:14px;margin-top:18px;display:grid}.tv-form>label,.tv-question>label{gap:6px;font-weight:600;display:grid}.tv-form input:not([type=checkbox]),.tv-form textarea,.tv-question input:not([type=radio]){width:100%;font:inherit;box-sizing:border-box;border:1px solid #ccd9f0;border-radius:12px;padding:11px 13px}.tv-form textarea{min-height:80px}.tv-role-grid{flex-wrap:wrap;gap:12px;display:flex}.tv-role-grid label{align-items:center;gap:6px;display:flex}.tv-form fieldset,.tv-quiz fieldset{border:1px solid #d7e3f5;border-radius:12px;padding:15px}.tv-form legend,.tv-quiz legend{font-weight:600}.tv-page button{color:#17458f;font:inherit;cursor:pointer;background:#eff4fd;border:1px solid #d3dff2;border-radius:11px;padding:10px 14px;font-weight:600}.tv-page button:disabled{cursor:not-allowed;opacity:.55}.tv-page button.tv-primary{color:#fff;background:#1c4bae;border-color:#1c4bae}.tv-heading,.tv-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.tv-list{gap:12px;display:grid}.tv-item{border:1px solid #e1e8f6;border-radius:14px;flex-wrap:wrap;justify-content:space-between;gap:18px;padding:17px;display:flex}.tv-item strong{font-size:17px}.tv-item p{margin:6px 0}.tv-item small,.tv-muted{color:#677895}.tv-actions{justify-content:flex-start}.tv-actions input[type=file]{max-width:240px}.tv-message{background:#eef4ff;border-radius:10px;margin-top:10px;padding:12px}.tv-employee-layout{grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:20px;display:grid}.tv-sidebar{flex-direction:column;gap:10px;display:flex}.tv-sidebar button{text-align:left}.tv-sidebar button.selected{color:#fff;background:#1e4dac}.tv-player-area{min-width:0}.tv-player{aspect-ratio:16/9;background:#0e1729;border-radius:15px;width:100%;max-height:65vh;display:block}.tv-player-placeholder{aspect-ratio:16/9;color:#fff;background:#17243b;border-radius:15px;place-content:center;display:grid}.tv-quiz{gap:14px;margin-top:24px;display:grid}.tv-quiz fieldset label{gap:8px;margin:10px 0;display:flex}.tv-question{border:1px solid #dce6f5;border-radius:14px;margin:12px 0;padding:15px}.tv-option{align-items:center;gap:12px;margin-top:8px;display:flex}.tv-version{border-bottom:1px solid #e5eaf3;padding:12px}.tv-quiz-settings{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=780px){.tv-card{padding:16px}.tv-employee-layout{grid-template-columns:1fr}.tv-role-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tv-quiz-settings{grid-template-columns:1fr}}.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}}.ftaDisputeDetailsModal{width:100%;max-width:min(560px,100vw - 32px)}.ftaDisputeDetailsReason{white-space:pre-wrap;overflow-wrap:anywhere;background:#f59e0b17;border:1px solid #f59e0b4d;border-radius:9px;padding:14px}.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}.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 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%}}.ftiaPage{color:#111827;background:#f6f8fc;min-height:100vh;padding:20px}.ftiaPageHeader{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.ftiaPageEyebrow{letter-spacing:1.2px;color:#5b4cf0;margin-bottom:6px;font-size:11px;font-weight:800}.ftiaPageHeader h1{margin:0;font-size:27px;font-weight:800}.ftiaPageHeader p{color:#64748b;margin:7px 0 0;font-size:13px}.ftiaRefreshBtn{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:10px;padding:10px 18px;font-weight:700}.ftiaRoleBar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:11px 15px;display:flex}.ftiaRoleBar>div{color:#64748b;align-items:center;gap:8px;font-size:12px;display:flex}.ftiaRoleBar strong{font-size:12px}.ftiaRoleDot{background:#22c55e;border-radius:50%;width:8px;height:8px}.ftiaCompactStats{grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;margin-bottom:15px;display:grid}.ftiaCompactStat{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px}.ftiaCompactStat span{color:#64748b;margin-bottom:6px;font-size:11px;display:block}.ftiaCompactStat strong{font-size:22px}.ftiaCompactStat small{color:#94a3b8;margin-top:3px;display:block}.ftiaCompactStat.highlight{border-left:3px solid #5b4cf0}.ftiaWorkflowTabs{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:6px;margin-bottom:12px;padding:7px;display:flex;overflow-x:auto}.ftiaWorkflowTabs button{white-space:nowrap;cursor:pointer;color:#64748b;background:0 0;border:0;border-radius:8px;padding:9px 12px;font-size:12px;font-weight:700}.ftiaWorkflowTabs button:hover{background:#f3f4f6}.ftiaWorkflowTabs button.active{color:#fff;background:#111827}.ftiaWorkflowTabs button span{background:#ffffff2e;border-radius:20px;margin-left:6px;padding:2px 6px}.ftiaCompactFilter{background:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:2fr 1fr 1fr 100px auto;align-items:end;gap:10px;margin-bottom:14px;padding:13px;display:grid}.ftiaFilterItem label{color:#475569;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.ftiaFilterItem input,.ftiaFilterItem select{box-sizing:border-box;background:#fff;border:1px solid #dbe1ea;border-radius:8px;outline:none;width:100%;height:39px;padding:0 11px;font-size:12px}.ftiaFilterItem input:focus,.ftiaFilterItem select:focus{border-color:#6658f4}.ftiaFilterButtons{gap:7px;display:flex}.ftiaApplyBtn,.ftiaClearBtn{cursor:pointer;border-radius:8px;height:39px;padding:0 15px;font-weight:700}.ftiaApplyBtn{color:#fff;background:#5b4cf0;border:0}.ftiaClearBtn{background:#fff;border:1px solid #dbe1ea}.ftiaMonthSummary{justify-content:space-between;align-items:center;margin:17px 3px 9px;display:flex}.ftiaMonthSummary h3{margin:0;font-size:17px}.ftiaMonthSummary span{color:#64748b;font-size:11px}.ftiaMonthAmount{text-align:right}.ftiaMonthAmount span{display:block}.ftiaMonthAmount strong{font-size:18px}.ftiaInvoiceList{flex-direction:column;gap:8px;display:flex}.ftiaCompactInvoice{background:#fff;border:1px solid #e3e7ee;border-radius:12px;transition:all .2s;overflow:hidden}.ftiaCompactInvoice:hover{border-color:#c5cbd6;box-shadow:0 4px 15px #0f172a0a}.ftiaInvoiceMain{grid-template-columns:minmax(210px,1.6fr) minmax(130px,1fr) 90px 130px 180px 120px;align-items:center;gap:10px;padding:13px 14px;display:grid}.ftiaInvoiceIdentity{align-items:center;gap:10px;display:flex}.ftiaAvatar{color:#5b21b6;background:#ede9fe;border-radius:10px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:800;display:flex}.ftiaTeacherName{font-size:13px;display:block}.ftiaInvoiceNumber{color:#64748b;margin-top:3px;font-size:10px;display:block}.ftiaInvoicePeriod span,.ftiaInvoiceClasses span,.ftiaInvoiceAmount span,.ftiaInvoiceStatus>span{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;margin-bottom:4px;font-size:9px;display:block}.ftiaInvoicePeriod strong,.ftiaInvoiceClasses strong,.ftiaInvoiceAmount strong{font-size:12px}.ftiaInvoiceAmount strong{font-size:14px}.ftiaInvoiceActions{justify-content:flex-end;gap:5px;display:flex}.ftiaDetailsBtn,.ftiaPdfBtn{cursor:pointer;background:#fff;border:1px solid #dbe1ea;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:700}.ftiaDetailsBtn:hover,.ftiaPdfBtn:hover{background:#f8fafc}.ftiaApprovalFlow{background:#fafbfc;border-top:1px solid #eef1f5;align-items:center;gap:10px;padding:8px 14px;display:flex}.ftiaFlowStep{align-items:center;gap:7px;display:flex}.ftiaFlowStep>span{background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;font-size:9px;font-weight:800;display:flex}.ftiaFlowStep.complete>span{color:#15803d;background:#dcfce7}.ftiaFlowStep small{color:#94a3b8;font-size:9px;display:block}.ftiaFlowStep strong{font-size:10px;display:block}.ftiaFlowLine{background:#dbe1ea;width:25px;height:1px}.ftiaFlowMeta{color:#94a3b8;margin-left:auto;font-size:10px}.ftiaExistingComments{color:#64748b;border-top:1px solid #eef1f5;gap:20px;padding:7px 14px;font-size:10px;display:flex}.ftiaActionArea{border-top:1px solid #eef1f5;align-items:center;gap:10px;padding:9px 14px;display:flex}.ftiaActionArea input{box-sizing:border-box;border:1px solid #dbe1ea;border-radius:7px;outline:none;flex:1;min-width:180px;height:35px;padding:0 10px}.ftiaActionButtons{gap:6px;display:flex}.ftiaApproveBtn,.ftiaRejectBtn,.ftiaEscalateBtn{cursor:pointer;border-radius:7px;padding:8px 12px;font-size:10px;font-weight:800}.ftiaApproveBtn{color:#fff;background:#22c55e;border:1px solid #22c55e}.ftiaRejectBtn{color:#dc2626;background:#fff5f5;border:1px solid #fecaca}.ftiaEscalateBtn{color:#7e22ce;background:#faf5ff;border:1px solid #d8b4fe}.ftiaReadOnlyFooter{color:#64748b;border-top:1px solid #eef1f5;justify-content:space-between;align-items:center;padding:8px 14px;font-size:10px;display:flex}.ftiaReadOnlyFooter button{color:#4f46e5;cursor:pointer;background:0 0;border:0;font-weight:700}.ftiaEmptyState{text-align:center;color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:12px;padding:40px}.ftiaEmptyState strong{color:#111827;margin-bottom:5px;display:block}.ftiaPagination{background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;margin-top:14px;padding:10px 12px;display:flex}.ftiaPagination button{cursor:pointer;background:#fff;border:1px solid #dbe1ea;border-radius:7px;padding:7px 13px}.ftiaPagination button:disabled{opacity:.4;cursor:not-allowed}.ftiaPagination span{color:#64748b;font-size:11px}.ftiaSuccess{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9px;margin-bottom:12px;padding:10px 13px;font-size:12px}.ftiaError{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;margin-bottom:12px;padding:10px 13px;font-size:12px}@media (width<=1200px){.ftiaInvoiceMain{grid-template-columns:minmax(190px,1.5fr) 120px 70px 110px 160px}.ftiaInvoiceActions{grid-column:1/-1;justify-content:flex-start}}@media (width<=900px){.ftiaCompactStats{grid-template-columns:repeat(2,1fr)}.ftiaCompactFilter{grid-template-columns:1fr 1fr}.ftiaFilterButtons{grid-column:1/-1}.ftiaInvoiceMain{grid-template-columns:1fr 1fr}.ftiaInvoiceIdentity{grid-column:1/-1}.ftiaApprovalFlow{flex-wrap:wrap}.ftiaFlowMeta{width:100%;margin-left:0}.ftiaActionArea{flex-direction:column;align-items:stretch}.ftiaActionButtons{flex-wrap:wrap}}@media (width<=600px){.ftiaPage{padding:12px}.ftiaPageHeader{flex-direction:column}.ftiaCompactStats{grid-template-columns:1fr 1fr}.ftiaCompactFilter{grid-template-columns:1fr}.ftiaFilterButtons{grid-column:auto}.ftiaInvoiceMain{grid-template-columns:1fr}.ftiaMonthSummary{align-items:flex-start}}.ftiaModalOverlay{z-index:9999;background:#0f172a9e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.ftiaModal{background:#fff;border-radius:16px;width:min(1050px,95vw);max-height:90vh;overflow:hidden auto;box-shadow:0 24px 60px #0f172a38,0 4px 12px #0f172a14}.ftiaModalHeader{z-index:5;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex;position:sticky;top:0}.ftiaModalHeader>div:first-child{flex:1;min-width:0}.ftiaModalHeader h3{color:#111827;margin:0;font-size:18px;font-weight:800}.ftiaModalHeader p{color:#64748b;margin:4px 0 0;font-size:11px}.ftiaModalHeaderActions{white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.ftiaModalHeaderActions button{color:#334155;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dbe1ea;border-radius:8px;justify-content:center;align-items:center;height:34px;padding:0 12px;font-size:11px;font-weight:700;line-height:1;display:inline-flex;width:auto!important;min-width:auto!important;max-width:none!important}.ftiaModalHeaderActions button:hover{background:#f8fafc;border-color:#cbd5e1}.ftiaModalHeaderActions button:last-child{color:#dc2626;background:#fff7f7;border-color:#fecaca;padding:0;font-size:18px;width:34px!important;min-width:34px!important}.ftiaModalHeaderActions button:last-child:hover{background:#fee2e2}.ftiaModalGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px 20px;display:grid}.ftiaModalGrid .ftiaInfoBox{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;min-width:0;padding:12px}.ftiaModalGrid .ftiaInfoBox label{letter-spacing:.3px;text-transform:uppercase;color:#94a3b8;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.ftiaModalGrid .ftiaInfoBox strong{color:#1e293b;overflow-wrap:anywhere;font-size:12px;font-weight:700;display:block}.ftiaModalDescription{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;margin:0 20px 12px;padding:12px}.ftiaModalDescription label{text-transform:uppercase;color:#94a3b8;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.ftiaModalDescription p{color:#475569;margin:0;font-size:12px}.ftiaModal .ftiaCommentBox{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;margin:0 20px 12px;padding:12px}.ftiaModal .ftiaCommentBox p{color:#475569;margin:4px 0;font-size:11px}.ftiaModal .ftiaTextarea{box-sizing:border-box;resize:vertical;border:1px solid #dbe1ea;border-radius:9px;outline:none;width:calc(100% - 40px);min-height:75px;margin:0 20px 12px;padding:10px 12px;font-family:inherit;font-size:12px;display:block}.ftiaModal .ftiaTextarea:focus{border-color:#5b4cf0}.ftiaModal .ftiaActions{flex-wrap:wrap;gap:8px;padding:0 20px 20px;display:flex}.ftiaModal .ftiaActions.right{justify-content:flex-end}.ftiaEditBtn{font-weight:700;color:#1d4ed8!important;background:#eff6ff!important;border:1px solid #bfdbfe!important}.ftiaEditBtn:hover{background:#dbeafe!important;border-color:#60a5fa!important}.ftiaReapprovalNotice{color:#854d0e;background:#fefce8;border:1px solid #facc15;border-radius:10px;margin:0 20px 12px;padding:11px 12px;font-size:12px;line-height:1.5}@media (width<=900px){.ftiaModalGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.ftiaModalOverlay{padding:10px}.ftiaModal{width:100%;max-height:95vh}.ftiaModalHeader{flex-direction:column;align-items:flex-start}.ftiaModalHeaderActions{flex-wrap:wrap;width:100%}.ftiaModalGrid{grid-template-columns:1fr}}.ftiaPrototypeHeader,.ftiaPrototypeRow{grid-template-columns:minmax(155px,1.1fr) minmax(150px,1fr) minmax(100px,.75fr) minmax(105px,.75fr) 70px minmax(150px,1fr) minmax(105px,.75fr) minmax(125px,.9fr) minmax(125px,.9fr) minmax(95px,.7fr) minmax(125px,.85fr) minmax(125px,.9fr);align-items:center;gap:12px;min-width:1510px;display:grid}.ftiaInvoiceList{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow-x:auto}.ftiaPrototypeHeader{color:#475569;letter-spacing:.055em;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:11px 14px;font-size:10px;font-weight:800}.ftiaPrototypeInvoice{min-width:1510px;box-shadow:none;border:0;border-bottom:1px solid #e5e7eb;border-radius:0}.ftiaPrototypeInvoice:last-child{border-bottom:0}.ftiaPrototypeRow{padding:13px 14px;font-size:12px}.ftiaPrototypeInvoice.expanded .ftiaPrototypeRow{background:#f0fbfd;border-bottom:3px solid #12b8bd}.ftiaPrototypeInvoiceId,.ftiaPrototypePerson,.ftiaPrototypeAmount{flex-direction:column;gap:3px;display:flex}.ftiaPrototypeInvoiceId{color:#102a69;flex-direction:row;align-items:center}.ftiaPrototypePerson small,.ftiaPrototypeAmount small,.ftiaPrototypeRazorpay small{color:#64748b;font-size:10px}.ftiaPrototypeRazorpay{flex-direction:column;gap:3px;display:flex}.ftiaPrototypeRazorpay strong{color:#067647}.ftiaExpandBtn{color:#102a69;background:0 0;border:0;width:25px;height:25px;padding:0;font-size:16px}.ftiaPrototypeActions{gap:6px;display:flex}.ftiaPrototypeExpanded{background:#fbfdff;grid-template-columns:1.5fr 1fr 1fr;gap:28px;padding:18px 22px;display:grid}.ftiaPrototypeExpanded h4{color:#0891a2;letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px;font-size:11px}.ftiaBreakdownHeader,.ftiaBreakdownRow{grid-template-columns:1.4fr 1fr 1fr .8fr;gap:10px;padding:8px 4px;display:grid}.ftiaBreakdownHeader{color:#64748b;background:#f1f5f9;font-size:10px;font-weight:700}.ftiaBreakdownRow{border-bottom:1px solid #e5e7eb}.ftiaTdsPanel dl,.ftiaPrototypeTrail{margin:0;font-size:11px}.ftiaTdsPanel dl>div{grid-template-columns:105px 1fr;gap:8px;margin-bottom:6px;display:grid}.ftiaTdsPanel dt{color:#64748b}.ftiaTdsPanel dd{margin:0;font-weight:700}.ftiaPrototypeTrail p{margin:0 0 7px}.ftiaModalOverlay{justify-content:flex-end;padding:0}.ftiaModal{border-radius:0;width:min(720px,100vw);max-width:none;height:100vh;max-height:100vh;overflow-y:auto}@media (width<=900px){.ftiaPrototypeExpanded{grid-template-columns:1fr}}.ftiaClientDetailDrawer{background:#fff;width:min(760px,100vw)}.ftiaClientDetailDrawer .ftiaModalHeader{z-index:3;background:#fff;border-bottom:1px solid #dfe6ee;padding:14px 16px;position:sticky;top:0}.ftiaClientDetailDrawer .ftiaModalHeader h3{color:#072b73;font-size:14px}.ftiaClientDetailDrawer .ftiaModalHeader p{font-size:10px}.ftiaDrawerClose{height:30px;width:30px!important;padding:0!important;font-size:18px!important}.ftiaDetailActionRows{border-bottom:1px solid #dfe6ee;padding:10px 16px}.ftiaDetailActionRow{border-bottom:1px dashed #e3e8ef;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px;min-height:42px;display:grid}.ftiaDetailActionRow:last-child{border-bottom:0}.ftiaDetailActionRow>span{color:#68758a;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.ftiaDetailActionRow>div{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.ftiaDetailActionRow button{cursor:pointer;background:#fff;border:1px solid #d7dee8;border-radius:4px;padding:7px 11px;font-size:10px;font-weight:700}.ftiaPaymentStateText small{color:#0f9f68;font-weight:700}.ftiaDetailSection{border-bottom:1px solid #dfe6ee;padding:15px 16px}.ftiaDetailSection>h4,.ftiaDetailCommentComposer h4,.ftiaSectionTitleRow h4{color:#526176;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:9px;font-weight:900}.ftiaDetailBreakdownTable,.ftiaCommentsTable{border:1px solid #dfe6ee;border-radius:5px;overflow:hidden}.ftiaDetailTableHead,.ftiaDetailTableRow{grid-template-columns:1.45fr 1.15fr .55fr .65fr .75fr;align-items:center;gap:10px;padding:8px 10px;display:grid}.ftiaDetailTableHead{color:#55647a;text-transform:uppercase;background:#f3f6f9;font-size:9px;font-weight:800}.ftiaDetailTableRow{border-top:1px solid #edf0f4;font-size:11px}.ftiaDetailTableRow>:nth-child(n+3){text-align:right}.ftiaDetailSubtotalRow{background:#f6f8fb;border-top:1px solid #dfe6ee;grid-template-columns:1fr auto auto;gap:18px;padding:8px 10px;font-size:10px;display:grid}.ftiaDetailInfoGrid{border:1px solid #dfe6ee;border-radius:5px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.ftiaDetailInfoGrid .ftiaInfoBox{background:#fff;border:1px solid #dfe6ee;border-top:0;border-left:0;border-radius:0;min-height:58px;padding:10px}.ftiaDetailInfoGrid .ftiaInfoBox label{letter-spacing:.06em;text-transform:uppercase;font-size:8px}.ftiaDetailInfoGrid .ftiaInfoBox strong{overflow-wrap:anywhere;margin-top:5px;font-size:10px}.ftiaMappingGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.ftiaSectionTitleRow{justify-content:space-between;align-items:center;gap:12px;display:flex}.ftiaSectionTitleRow h4 span{color:#4f46e5;background:#eef2ff;border-radius:10px;margin-left:5px;padding:2px 6px}.ftiaSectionTitleRow small{color:#7b8798;font-size:9px}.ftiaSectionTitleRow .ftiaInternalOnly{color:#b66b00;font-weight:800}.ftiaCommentsHead,.ftiaCommentsRow{grid-template-columns:110px 135px 90px minmax(0,1fr);align-items:start;gap:8px;padding:8px 10px;display:grid}.ftiaCommentsHead{color:#55647a;text-transform:uppercase;background:#f3f6f9;font-size:8px;font-weight:800}.ftiaCommentsRow{border-top:1px solid #edf0f4;font-size:9px}.ftiaCommentsRow small{color:#8490a0;margin-top:2px;display:block}.ftiaNoInternalComments{color:#8a95a5;text-align:center;border:1px solid #dfe6ee;border-radius:5px;padding:18px;font-size:10px}.ftiaDetailCommentComposer{padding:15px 16px 24px}.ftiaDetailCommentComposer>small{color:#7b8798;margin:-6px 0 9px;font-size:9px;display:block}.ftiaDetailCommentComposer .ftiaTextarea{box-sizing:border-box;width:100%}@media (width<=700px){.ftiaDetailInfoGrid,.ftiaMappingGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.ftiaDetailTableHead,.ftiaDetailTableRow{grid-template-columns:1.2fr 1fr .5fr .65fr .75fr}.ftiaCommentsHead,.ftiaCommentsRow{grid-template-columns:90px 110px 80px minmax(140px,1fr)}}.ftiaPrototypeHeader,.ftiaPrototypeRow,.ftiaColumnFilterRow{box-sizing:border-box;grid-template-columns:minmax(145px,1.2fr) minmax(145px,1.1fr) minmax(110px,.9fr) minmax(65px,.48fr) minmax(140px,1fr) minmax(145px,1fr) minmax(145px,1fr) minmax(130px,.85fr) minmax(135px,.9fr) minmax(135px,.9fr);align-items:start;gap:12px;min-width:1400px;display:grid}.ftiaPrototypeHeader{padding:13px 14px;font-size:9px}.ftiaPrototypeInvoice{min-width:1400px}.ftiaInvoiceList{scrollbar-gutter:stable;gap:0;overflow-x:auto}.ftiaInvoiceList::-webkit-scrollbar{height:12px}.ftiaInvoiceList::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:10px}.ftiaColumnFilterRow{background:#f8fbff;border-bottom:1px solid #dbe4ef;padding:8px 10px}.ftiaColumnFilterRow input,.ftiaColumnFilterRow select,.ftiaColumnFilterRow button,.ftiaFixedPeriod{box-sizing:border-box;color:#344054;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;min-width:0;height:32px;padding:0 7px;font-size:10px}.ftiaColumnFilterRow button{cursor:pointer;font-weight:700}.ftiaFixedPeriod{background:#f1f5f9;align-items:center;font-size:9px;display:flex}.ftiaPrototypeInvoiceId strong{overflow-wrap:anywhere}.ftiaTimeline{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.ftiaTimeline small{color:#64748b;font-size:10px;line-height:1.4}.ftiaBreakdownHeader,.ftiaBreakdownRow{grid-template-columns:1.65fr 1fr .8fr}.ftiaBreakdownRow>:nth-child(n+2){text-align:right}.ftiaAdjustmentSummary{border:1px solid #dfe6ee;border-radius:6px;flex-direction:column;margin-top:10px;font-size:11px;display:flex;overflow:hidden}.ftiaAdjustmentSummary>div{border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:14px;padding:9px 10px;display:flex}.ftiaAdjustmentSummary>div:last-of-type{border-bottom:0}.ftiaAdjustmentSummary span{overflow-wrap:anywhere}.ftiaAdjustmentSummary strong{text-align:right;white-space:nowrap}.ftiaAdjustmentSummary .ftiaAdjustmentFinal{color:#0f2f62;background:#eff6ff;font-weight:800}.ftiaAdjustmentSummary>small{color:#b45309;padding:8px 10px}@media (width<=900px){.ftiaPrototypeExpanded{grid-template-columns:1fr}}@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}}.tks-page{--tks-ink:#1e293b;--tks-muted:#64748b;--tks-border:#e2e8f0;--tks-green:#2563eb;color:var(--tks-ink);background:#f7f8fa;border-radius:14px;max-width:1700px;margin:auto;padding:24px;font-size:13px}.tks-page *,.tks-page :before,.tks-page :after{box-sizing:border-box}.tks-page button,.tks-page input,.tks-page select{font:inherit}.tks-page button{cursor:pointer}.tks-page button:disabled{cursor:default;opacity:.45}.tks-page button:focus-visible,.tks-page input:focus-visible,.tks-page select:focus-visible{outline-offset:3px;outline:2px solid #2d5788}.tks-header,.tks-brand,.tks-header-actions,.tks-brand p,.tks-tabs,.tks-toolbar,.tks-section-heading,.tks-day-strip,.tks-pagination,.tks-pagination>div,.tks-footnote,.tks-capture-heading,.tks-viewer-heading{align-items:center;gap:12px;display:flex}.tks-header{justify-content:space-between;margin-bottom:25px}.tks-brand{gap:13px}.tks-brand-icon{width:45px;height:45px;color:var(--tks-green);background:#e5eaf0;border:1px solid #d6dce5;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.tks-brand h1{letter-spacing:-.7px;color:var(--tks-ink);margin:0 0 6px;font-size:26px;font-weight:600;line-height:1.3}.tks-brand p{color:var(--tks-muted);flex-wrap:wrap;gap:9px;margin:0;font-size:11px}.tks-admin{color:#486381;background:#e9edf2;border-radius:4px;align-items:center;gap:5px;padding:4px 7px;display:inline-flex}.tks-timezone{color:var(--tks-muted);font-size:11px}.tks-button,.tks-icon-button{color:#3f5671;white-space:nowrap;background:#fff;border:1px solid #d5dae1;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:9px 12px;display:inline-flex;font-size:11px!important}.tks-button:hover:not(:disabled),.tks-icon-button:hover:not(:disabled){background:#e9eef5;border-color:#adb8c8}.tks-tabs{border-bottom:1px solid #d8dde4;gap:27px;margin-bottom:18px}.tks-tabs button{color:#58789d;background:0 0;border:0;align-items:center;gap:8px;padding:0 0 14px;font-size:12px;display:inline-flex;position:relative}.tks-tabs button.is-active{color:var(--tks-green);font-weight:600}.tks-tabs button.is-active:after{content:"";background:var(--tks-green);height:2px;position:absolute;bottom:-1px;left:0;right:0}.tks-tabs>span{color:#6685a9;margin-left:auto;padding-bottom:14px;font-size:10px}.tks-toolbar{flex-wrap:wrap;gap:9px;margin-bottom:22px}.tks-search{border:1px solid var(--tks-border);color:#6484a8;background:#fff;border-radius:7px;flex:1;align-items:center;gap:9px;min-width:200px;max-width:420px;padding:0 11px;display:flex}.tks-search input{width:100%;min-width:0;color:var(--tks-ink);background:0 0;border:0;outline:0;padding:10px 0;font-size:11px}.tks-search:focus-within{outline-offset:2px;outline:2px solid #2d5788}.tks-date{color:var(--tks-muted);align-items:center;gap:7px;margin-left:auto;font-size:11px;display:flex}.tks-date input,.tks-status-filter select,.tks-gallery-picker select{border:1px solid var(--tks-border);color:#3e546e;background:#fff;border-radius:7px;min-height:36px;padding:8px;font-size:11px}.tks-auto{color:#5b7ca1;align-items:center;gap:5px;font-size:10px;display:flex}.tks-auto input{accent-color:var(--tks-green)}.tks-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:25px;display:grid}.tks-metric{text-align:left;border:1px solid var(--tks-border);color:var(--tks-ink);background:#fff;border-radius:10px;padding:17px 19px;box-shadow:0 2px 3px #1d283505}.tks-metric>div{color:#6685a9;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.tks-metric-label{color:#506c8d;font-size:12px}.tks-metric strong{letter-spacing:-1px;margin-bottom:11px;font-size:34px;font-weight:500;line-height:1.1;display:block}.tks-metric small{color:#6181a6;font-size:10px}.tks-metric.is-selected{border-color:#748da9;box-shadow:0 0 0 2px #8ca2bb1c}.tks-metric.tks-green strong{color:#3b5c82}.tks-metric.tks-amber strong{color:#ab7d22}.tks-metric.tks-blue strong{color:#577faa}.tks-metric.tks-grey strong{color:#5a7ba1}.tks-roster-card{border:1px solid var(--tks-border);background:#fff;border-radius:11px;padding:19px 20px 0;box-shadow:0 3px 9px #1d283503}.tks-section-heading{justify-content:space-between;gap:18px;margin-bottom:18px}.tks-section-heading h2{color:#283646;letter-spacing:-.25px;margin:0 0 6px;font-size:17px;font-weight:500}.tks-section-heading p{color:#5c7ea4;margin:0;font-size:11px}.tks-status-filter{color:#5a7ba1;align-items:center;gap:8px;font-size:10px;display:flex}.tks-day-strip{border-top:1px solid #ebeef3;border-bottom:1px solid #e5eaf0;flex-wrap:wrap;gap:22px;margin-bottom:2px;padding:12px 0 15px}.tks-day-strip>span{color:#59799e;align-items:center;gap:6px;font-size:11px;display:flex}.tks-day-strip strong{color:#3e556f;font-weight:500}.tks-day-strip>span:last-child{margin-left:auto}.tks-day-strip i{border-radius:2px;width:6px;height:6px}.tks-legend-active{background:#8298b1}.tks-legend-idle{background:#e4c278}.tks-legend-break{background:#91b4d9}.tks-floor-row{border-bottom:1px solid #e8ecf2;grid-template-columns:minmax(180px,2fr) minmax(90px,1fr) 85px 90px minmax(70px,1fr) 85px;align-items:center;gap:16px;padding:18px 0;display:grid}.tks-floor-row:last-child{border-bottom:0}.tks-identity{align-items:center;gap:11px;min-width:0;display:flex}.tks-identity>div{min-width:0}.tks-identity strong{color:#314358;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;display:block;overflow:hidden}.tks-identity small{color:#6786a9;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:10px;display:block;overflow:hidden}.tks-avatar{color:#4b6685;background:#e8edf4;border:1px solid #d9e0e9;border-radius:50%;flex-shrink:0;place-items:center;width:35px;height:35px;font-size:11px;display:grid}.tks-avatar-1{color:#938149;background:#f3f0e5;border-color:#ece7d7}.tks-avatar-2{color:#6c87a2;background:#edf1f6;border-color:#e0e6ed}.tks-avatar-3{color:#927c8c;background:#f2edf1;border-color:#eae1e7}.tks-status{color:#5a7a9f;white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:inline-flex}.tks-status i{background:#9da7b2;border-radius:50%;width:6px;height:6px}.tks-status.tks-green{color:#496483}.tks-status.tks-green i{background:#768ba4}.tks-status.tks-amber{color:#a67f27}.tks-status.tks-amber i{background:#d5b15a}.tks-status.tks-blue{color:#5e7d9f}.tks-status.tks-blue i{background:#94b0cd}.tks-floor-clock span{color:#496483;font-size:12px}.tks-floor-total strong{color:#425a76;font-size:13px;font-weight:500}.tks-floor-clock small,.tks-floor-total small,.tks-floor-mix small{color:#8491a0;margin-top:5px;font-size:10px;display:block}.tks-mix{background:#e7ecf3;border-radius:4px;width:100%;min-width:60px;max-width:140px;height:6px;display:flex;overflow:hidden}.tks-mix span{height:100%;display:block}.tks-mix-active_seconds{background:#8499b1}.tks-mix-idle_seconds{background:#e2bf74}.tks-mix-break_seconds{background:#91b4d8}.tks-day-button{color:#486381;white-space:nowrap;background:#f4f7fa;border:1px solid #d5dce5;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:8px 10px;display:inline-flex;font-size:11px!important}.tks-day-button:hover{background:#e3eaf3;border-color:#9fb0c7}.tks-pagination{color:#6383a8;border-top:1px solid #e3e8f0;justify-content:space-between;padding:14px 0;font-size:11px}.tks-pagination>div{gap:5px}.tks-icon-button{border-radius:5px;min-height:29px;padding:5px}.tks-footnote{color:#6282a7;justify-content:space-between;gap:16px;margin-top:13px;font-size:10px}.tks-footnote>span{white-space:nowrap;align-items:center;gap:6px;display:flex}.tks-footnote p{text-align:right;margin:0;line-height:1.6}.tks-refresh-dot{background:#8191a4;border-radius:50%;width:5px;height:5px;display:inline-block}.tks-refresh-dot.is-loading{background:#d1b56d}.tks-table-wrap{max-width:100%;overflow-x:auto}.tks-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:12px}.tks-table th{color:#59799e;background:#f5f8fc;border-bottom:1px solid #e2e8f1;padding:12px 10px;font-size:10px;font-weight:500}.tks-table td{color:#486280;font-variant-numeric:tabular-nums;border-bottom:1px solid #e6ebf3;padding:16px 10px}.tks-table td small{color:#6b89ab;margin-top:6px;font-size:10px;display:block}.tks-table .tks-identity{min-width:190px;max-width:260px}.tks-table .tks-mix{width:100px}.tks-empty{text-align:center;color:#5c7ea4;padding:42px 15px;font-size:12px}.tks-empty>svg{margin:0 auto}.tks-error{color:#a65541;background:#fff4f0;border:1px solid #f1d9cd;border-radius:8px;margin-bottom:16px;padding:13px 16px;font-size:12px}.tks-detail{border-top:2px solid #9baabb;margin-top:28px;padding-bottom:18px;scroll-margin-top:18px}.tks-eyebrow{letter-spacing:1.5px;color:#6080a5;margin-bottom:7px;font-size:9px}.tks-detail-loading{color:#6081a6;padding:10px 0;font-size:11px}.tks-detail-summary{background:#edf2f9;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:18px;display:grid}.tks-detail-summary span{color:#5e7fa5;margin-bottom:6px;font-size:11px;display:block}.tks-detail-summary strong{color:#3e546e;font-size:18px;font-weight:500}.tks-subtitle{color:#415974;margin:24px 0 12px;font-size:13px;font-weight:500}.tks-capture-heading{justify-content:space-between}.tks-capture-heading>span,.tks-secure-label{color:#5a7ba1;align-items:center;gap:5px;font-size:10px;display:flex}.tks-gallery-panel{padding-bottom:5px}.tks-gallery-picker{background:#eff3f9;border:1px solid #dce3ec;border-radius:8px;align-items:flex-end;gap:20px;margin-bottom:20px;padding:17px;display:flex}.tks-gallery-picker label{color:#4f6b8c;gap:7px;min-width:min(360px,100%);font-size:11px;display:grid}.tks-gallery-picker select{width:100%;font-size:12px}.tks-gallery-picker>span{color:#6080a5;padding-bottom:8px;font-size:11px;line-height:1.5}.tks-gallery-employee{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.tks-gallery-employee>span{color:#5c7ea4;white-space:nowrap;font-size:11px}.tks-captures{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.tks-capture{border:1px solid var(--tks-border);background:#fff;border-radius:9px;overflow:hidden}.tks-preview{aspect-ratio:16/10;background:#e8edf3;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.tks-preview>img{object-fit:cover;object-position:top left;width:100%;height:100%;transition:transform .2s;display:block}.tks-preview:hover>img{transform:scale(1.02)}.tks-preview>span:not(.tks-preview-expand){color:#8698ac;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;display:flex}.tks-preview small{font-size:10px}.tks-preview-expand{color:#455f7d;background:#fffffff0;border-radius:5px;place-items:center;width:26px;height:26px;display:grid;position:absolute;bottom:9px;right:9px;box-shadow:0 1px 6px #24324322}.tks-capture-meta{padding:14px}.tks-capture-meta>strong,.tks-capture-meta>span,.tks-capture-meta>small{display:block}.tks-capture-meta strong{color:#283e58;font-size:12px;font-weight:500}.tks-capture-meta>span{color:#526f91;margin-top:7px;font-size:11px}.tks-capture-meta small{color:#6c8aac;overflow-wrap:anywhere;margin:4px 0 13px;font-size:10px}.tks-viewer-backdrop{z-index:9999;background:#151f2ae6;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.tks-viewer{background:#fff;border-radius:11px;width:min(1250px,96vw);max-height:94vh;padding:15px;overflow:auto}.tks-viewer-heading{justify-content:space-between;margin-bottom:14px}.tks-viewer-heading span{color:#5c7da3;margin-top:5px;font-size:11px;display:block}.tks-viewer img{border-radius:6px;width:100%;height:auto;display:block}.tks-spin{animation:1.5s linear infinite tks-turn}@keyframes tks-turn{to{transform:rotate(360deg)}}@media (width<=1150px){.tks-floor-row{grid-template-columns:minmax(150px,2fr) 80px 85px 85px 80px;gap:12px}.tks-floor-mix{display:none}.tks-captures{grid-template-columns:repeat(2,minmax(0,1fr))}.tks-auto{margin-left:auto}}@media (width<=760px){.tks-page{padding:15px 12px 24px}.tks-timezone,.tks-tabs>span{display:none}.tks-header{align-items:flex-start}.tks-brand p{max-width:200px}.tks-brand h1{font-size:22px}.tks-brand-icon{border-radius:10px;width:37px;height:37px}.tks-tabs{gap:19px}.tks-tabs button{gap:5px;font-size:11px}.tks-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tks-metric{padding:14px}.tks-metric strong{font-size:29px}.tks-metric small{line-height:1.6;display:block}.tks-roster-card{padding:15px 12px 0}.tks-date{margin-left:0}.tks-toolbar{gap:8px}.tks-search{flex-basis:65%;min-width:0}.tks-day-strip{gap:13px}.tks-day-strip>span:last-child{margin-left:0}.tks-section-heading{flex-wrap:wrap;gap:12px}.tks-floor-row{grid-template-columns:minmax(0,1fr) 85px;gap:13px 10px}.tks-floor-clock{grid-column:1;align-items:center;gap:8px;display:flex}.tks-floor-clock small{margin-top:0}.tks-floor-total{grid-column:1}.tks-floor-total small{margin-left:7px;display:inline}.tks-day-button{grid-area:2/2/4}.tks-footnote{flex-direction:column;align-items:flex-start;gap:7px}.tks-footnote p{text-align:left}.tks-detail{padding-bottom:15px}.tks-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.tks-captures{grid-template-columns:1fr}.tks-viewer-backdrop{padding:8px}.tks-viewer-heading{align-items:flex-start;gap:8px}.tks-gallery-picker{flex-direction:column;align-items:stretch;gap:10px;padding:13px}.tks-gallery-picker label{min-width:0}.tks-gallery-picker>span{padding:0}}@media (prefers-reduced-motion:reduce){.tks-spin{animation:none}.tks-preview>img{transition:none}}@media (width<=760px){.tks-search{flex-basis:calc(100% - 90px)}.tks-date{white-space:nowrap;flex:1}.tks-auto{white-space:nowrap;flex:none;gap:3px;margin-left:0;font-size:9px}.tks-auto input{width:auto;min-width:0;margin:0}}.tks-devices{overflow:hidden}.tks-device-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 20px 18px;display:grid}.tks-device-summary>div{color:#275d45;background:linear-gradient(135deg,#f7fbf7,#f2f7f4);border:1px solid #dfe9df;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;min-height:76px;padding:14px 16px;display:grid}.tks-device-summary span{color:#607468;font-size:12px}.tks-device-summary strong{color:#123f31;grid-column:2;font-size:18px;line-height:1.2}.tks-device-table td{vertical-align:middle}.tks-device-table td>strong,.tks-device-table td>small{display:block}.tks-device-table td>small{color:#718077;margin-top:4px}.tks-ip{grid-template-columns:44px auto;gap:8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.7;display:grid}.tks-ip b{color:#728078;font-family:inherit;font-weight:600}.tks-seen{color:#7b6a4c;align-items:center;gap:7px;font-weight:600;display:inline-flex}.tks-seen i{background:#b49a68;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #f4efe4}.tks-seen.is-online{color:#26734d}.tks-seen.is-online i{background:#35a56c;box-shadow:0 0 0 3px #e5f4eb}.tks-device-note{color:#52685b;background:#f8faf8;border:1px solid #e3eae3;border-radius:10px;align-items:flex-start;gap:9px;margin:16px 20px;padding:12px 14px;font-size:12px;line-height:1.5;display:flex}.tks-device-note svg{color:#347657;flex:none;margin-top:2px}@media (width<=760px){.tks-device-summary{grid-template-columns:1fr}.tks-device-table{min-width:780px}}.tkm-page{--tkm-blue:#0e2877;--tkm-teal:#008c92;color:#1e293b;max-width:1600px;margin:0 auto;padding:24px}.tkm-page *{box-sizing:border-box}.tkm-header,.tkm-panel-heading,.tkm-pagination{justify-content:space-between;align-items:center;gap:16px;display:flex}.tkm-header{margin-bottom:24px}.tkm-eyebrow{color:var(--tkm-teal);letter-spacing:.14em;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.tkm-page h1{color:var(--tkm-blue);margin:8px 0;font-size:clamp(22px,2.5vw,30px);font-weight:600}.tkm-page h2{margin:0;font-size:16px;font-weight:600}.tkm-page h3{margin:24px 0 12px;font-size:14px}.tkm-header p,.tkm-note{color:#64748b;margin:0;font-size:13px;line-height:1.7}.tkm-note{margin:14px 0}.tkm-filters{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:20px;padding:18px;display:flex}.tkm-filters label{color:#475569;flex-direction:column;gap:7px;font-size:12px;display:flex}.tkm-filters input:not([type=checkbox]),.tkm-filters select{font:inherit;color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-height:40px;padding:10px 12px}.tkm-search{flex:1;min-width:220px}.tkm-filters .tkm-check{flex-direction:row;align-self:center;align-items:center;gap:7px}.tkm-button{font:inherit;color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:10px 14px;font-size:12px;display:inline-flex}.tkm-button:hover:not(:disabled){background:#eaf2ff}.tkm-primary{background:var(--tkm-blue);color:#fff;border-color:var(--tkm-blue)}.tkm-primary:hover:not(:disabled){background:#183990}.tkm-button:disabled{opacity:.5;cursor:default}.tkm-page button:focus-visible,.tkm-page input:focus-visible,.tkm-page select:focus-visible{outline-offset:2px;outline:3px solid #01b4bb}.tkm-summary{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.tkm-card{background:#fff;border:1px solid #e2e8f0;border-top:3px solid #01b4bb;border-radius:12px;padding:18px}.tkm-card span{color:#64748b;font-size:12px;display:block}.tkm-card strong{color:var(--tkm-blue);margin-top:8px;font-size:28px;font-weight:600;display:block}.tkm-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:18px;padding:20px}.tkm-panel-heading{margin-bottom:18px}.tkm-panel-heading span{color:#64748b;font-size:12px}.tkm-totals{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding:16px 0;display:grid}.tkm-totals span{color:#64748b;margin-bottom:7px;font-size:11px;display:block}.tkm-totals strong{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.tkm-table-wrap{overflow-x:auto}.tkm-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:12px}.tkm-table th{color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 10px;font-weight:500}.tkm-table td{vertical-align:middle;font-variant-numeric:tabular-nums;border-bottom:1px solid #f1f5f9;padding:15px 10px}.tkm-table td strong{font-weight:500}.tkm-table small{color:#64748b;margin-top:6px;font-size:10px;display:block}.tkm-status{color:#475569;background:#f1f5f9;border-radius:6px;padding:5px 9px;font-size:11px;display:inline-block}.tkm-status-active{color:#166534;background:#dcfce7}.tkm-status-break{color:#854d0e;background:#fff7dd}.tkm-status-idle{color:#9a3412;background:#ffedd5}.tkm-status-cutoff_reached{color:#3730a3;background:#e0e7ff}.tkm-link{color:var(--tkm-blue);font:inherit;cursor:pointer;background:0 0;border:0;padding:8px;text-decoration:underline}.tkm-pagination{color:#64748b;margin-top:18px;font-size:12px}.tkm-pagination>div{gap:8px;display:flex}.tkm-error{color:#991b1b;background:#fff1f2;border:1px solid #fecaca;border-radius:8px;margin:16px 0;padding:14px 18px;font-size:13px}.tkm-empty{text-align:center;color:#64748b;font-size:13px;padding:28px!important}.tkm-detail{border-top:3px solid #01b4bb}@media (width<=1100px){.tkm-summary,.tkm-totals{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.tkm-page{padding:12px}.tkm-header,.tkm-panel-heading,.tkm-pagination{flex-wrap:wrap;align-items:flex-start}.tkm-summary,.tkm-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.tkm-panel{padding:14px}.tkm-filters>label{width:100%}.tkm-search{min-width:0}}.fpPage{color:#171717;background:#f7f8fb;min-height:100%;padding:24px}.fpHeader{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.fpHeader h2{color:#111827;margin:4px 0 6px;font-size:28px;font-weight:700}.fpHeader p{color:#6b7280;margin:0;font-size:14px;line-height:1.5}.fpEyebrow{text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#4f46e5!important;margin:0!important;font-size:12px!important}.fpRefreshBtn,.fpPrimaryBtn,.fpSecondaryBtn,.fpManualConfirmBtn,.fpExportButtons button,.fpActions button,.fpLinkBtn{cursor:pointer;border:none;border-radius:10px;outline:none;font-size:13px;font-weight:600;transition:all .18s}.fpRefreshBtn{color:#fff;background:#111827;padding:10px 16px}.fpRefreshBtn:hover{opacity:.9}.fpRefreshBtn:disabled,.fpPrimaryBtn:disabled,.fpSecondaryBtn:disabled,.fpManualConfirmBtn:disabled,.fpActions button:disabled{cursor:not-allowed;opacity:.5}.fpMessage{border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:14px;font-weight:500}.fpSuccess{color:#067647;background:#ecfdf3;border:1px solid #abefc6}.fpError{color:#b42318;background:#fef3f2;border:1px solid #fecdca}.fpFilterCard{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:18px;padding:18px;box-shadow:0 1px 2px #1018280a}.fpFilterGrid{grid-template-columns:minmax(160px,1fr) minmax(140px,.8fr) minmax(170px,1fr) auto;align-items:end;gap:14px;display:grid}.fpField{flex-direction:column;gap:7px;display:flex}.fpField label{color:#374151;font-size:12px;font-weight:700}.fpField input,.fpField select,.fpField textarea{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d0d5dd;border-radius:10px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.fpField textarea{resize:vertical;min-height:92px}.fpField input:focus,.fpField select:focus,.fpField textarea:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11f}.fpFilterButtons{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.fpPrimaryBtn{color:#fff;background:#4f46e5;padding:10px 16px}.fpPrimaryBtn:hover{background:#4338ca}.fpSecondaryBtn{color:#111827;background:#f3f4f6;border:1px solid #e5e7eb;padding:10px 16px}.fpSecondaryBtn:hover{background:#e5e7eb}.fpSummaryGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.fpSummaryCard{background:#fff;border:1px solid #e5e7eb;border-radius:14px;min-height:108px;padding:16px;position:relative;overflow:hidden;box-shadow:0 1px 2px #1018280a}.fpSummaryCard:before{content:"";background:#9ca3af;width:4px;position:absolute;top:0;bottom:0;left:0}.fpSummaryCard.ready:before{background:#2563eb}.fpSummaryCard.processing:before{background:#f59e0b}.fpSummaryCard.paid:before{background:#16a34a}.fpSummaryCard.manual:before{background:#7c3aed}.fpSummaryCard.failed:before{background:#dc2626}.fpSummaryCard.amount:before{background:#111827}.fpSummaryCard span{color:#667085;margin-bottom:10px;font-size:12px;font-weight:600;display:block}.fpSummaryCard strong{color:#111827;margin-bottom:5px;font-size:24px;line-height:1.2;display:block}.fpSummaryCard small{color:#98a2b3;font-size:11px}.fpToolbar{background:#fff;border:1px solid #e5e7eb;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;display:flex}.fpToolbar>div:first-child{flex-direction:column;gap:2px;display:flex}.fpToolbar strong{color:#111827;font-size:15px}.fpToolbar span{color:#667085;font-size:12px}.fpExportButtons{flex-wrap:wrap;gap:8px;display:flex}.fpExportButtons button{color:#344054;background:#fff;border:1px solid #d0d5dd;padding:9px 13px}.fpExportButtons button:hover{background:#f9fafb}.fpTableCard{background:#fff;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 14px 14px;overflow:hidden;box-shadow:0 1px 2px #1018280a}.fpTableWrap{scrollbar-gutter:stable;width:100%;padding-bottom:4px;overflow-x:scroll}.fpTableWrap::-webkit-scrollbar{height:13px}.fpTableWrap::-webkit-scrollbar-track{background:#eef2f6;border-radius:999px}.fpTableWrap::-webkit-scrollbar-thumb{background:#98a2b3;border:3px solid #eef2f6;border-radius:999px}.fpTableWrap::-webkit-scrollbar-thumb:hover{background:#667085}.fpTable{border-collapse:collapse;width:100%;min-width:1450px}.fpTable thead{background:#f9fafb}.fpTable th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:#667085;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:12px 14px;font-size:11px;font-weight:700}.fpTable td{vertical-align:top;color:#344054;border-bottom:1px solid #f0f1f3;padding:13px 14px;font-size:13px}.fpColumnFilterRow th{text-transform:none;background:#f8fbff;border-bottom:1px solid #dbe4ef;padding:8px}.fpColumnFilterRow input,.fpColumnFilterRow select{color:#344054;width:100%;min-width:105px;height:32px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:0 8px;font-size:10px}.fpColumnFilterRow input:focus,.fpColumnFilterRow select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.fpFixedColumnFilter{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;min-width:115px;height:32px;padding:0 8px;font-size:10px;font-weight:700;display:flex}.fpClearColumnFilters{color:#344054;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;min-width:74px;height:32px;padding:0 10px;font-size:10px;font-weight:800}.fpClearColumnFilters:hover{background:#f8fafc;border-color:#94a3b8}.fpTable tbody tr:hover{background:#fcfcfd}.fpTable tbody tr:last-child td{border-bottom:none}.fpInvoiceCell,.fpPersonCell,.fpMapped,.fpAmountBreakdown{flex-direction:column;gap:3px;display:flex}.fpInvoiceCell strong,.fpPersonCell strong,.fpMapped strong{color:#111827;font-size:13px}.fpInvoiceCell small,.fpPersonCell small,.fpMapped small,.fpAmountBreakdown small{color:#98a2b3;font-size:11px}.fpNotMapped{color:#c2410c;background:#fff7ed;border-radius:999px;align-items:center;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.fpMono{word-break:break-all;max-width:220px;font-family:Consolas,Courier New,monospace;font-size:11px!important}.fpStatus{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-width:74px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.fpStatus.success{color:#067647;background:#ecfdf3}.fpStatus.warning{color:#b54708;background:#fffaeb}.fpStatus.danger{color:#b42318;background:#fef3f2}.fpStatus.blue{color:#175cd3;background:#eff8ff}.fpStatus.neutral{color:#475467;background:#f2f4f7}.fpActions{flex-wrap:wrap;gap:6px;min-width:250px;display:flex}.fpActions button{padding:7px 9px;font-size:11px}.fpMapBtn{color:#6d28d9;background:#f5f3ff;border:1px solid #ddd6fe!important}.fpMapBtn:hover{background:#ede9fe}.fpPayBtn{color:#fff;background:#16a34a}.fpPayBtn:hover{background:#15803d}.fpPayTdsBtn{color:#fff;background:#0f766e}.fpPayTdsBtn:hover{background:#115e59}.fpManualBtn{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa!important}.fpManualBtn:hover{background:#ffedd5}.fpStatusBtn{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe!important}.fpStatusBtn:hover{background:#dbeafe}.fpResetBtn{color:#b42318;background:#fef2f2;border:1px solid #fecaca!important}.fpResetBtn:hover{background:#fee2e2}.fpTdsNotice{color:#0c4a6e;background:#f0f9ff;border:1px solid #bae6fd;border-radius:9px;align-items:center;gap:10px;margin:0 0 14px;padding:10px 12px;font-size:12px;display:flex}.fpEmpty{text-align:center;color:#667085;padding:44px 20px;font-size:14px}.fpModalOverlay{z-index:9999;background:#1118278c;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0;overflow-y:auto}.fpModal{background:#fff;border-radius:16px;width:min(560px,100%);max-height:calc(100vh - 36px);overflow-y:auto;box-shadow:0 24px 80px #0f172a38}.fpMappingModal{width:min(650px,100%)}.fpModalHeader{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.fpModalHeader h3{color:#111827;margin:0 0 4px;font-size:18px}.fpModalHeader p{color:#667085;margin:0;font-size:12px}.fpModalClose{color:#475467;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;width:34px;height:34px;font-size:22px;line-height:1}.fpModalClose:hover{background:#e5e7eb}.fpModalBody{flex-direction:column;gap:16px;padding:20px;display:flex}.fpModalFooter{border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;gap:10px;padding:16px 20px;display:flex}.fpLinkBtn{color:#4f46e5;background:0 0;align-self:flex-start;padding:8px 0}.fpLinkBtn:hover{text-decoration:underline}.fpNewAccountBox{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:14px;padding:16px;display:flex}.fpNewAccountBox h4{color:#111827;margin:0;font-size:14px}.fpBankComparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.fpBankDetailsCard{background:#fff;border:1px solid #e5e7eb;border-radius:14px;min-width:0;overflow:hidden}.fpBankDetailsCard.database{border-color:#c7d7fe}.fpBankDetailsCard.razorpay{border-color:#b7e4d7}.fpBankDetailsHeader{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:13px 14px}.fpBankDetailsCard.database .fpBankDetailsHeader{background:#f5f7ff}.fpBankDetailsCard.razorpay .fpBankDetailsHeader{background:#f0fdf9}.fpBankDetailsHeader span{color:#667085;letter-spacing:.06em;text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:700;display:block}.fpBankDetailsHeader h4{color:#111827;margin:0;font-size:14px}.fpBankDetailsList{margin:0;padding:5px 14px}.fpBankDetailsList>div{border-bottom:1px solid #f0f1f3;grid-template-columns:minmax(95px,.8fr) minmax(0,1.2fr);gap:10px;padding:9px 0;display:grid}.fpBankDetailsList>div:last-child{border-bottom:none}.fpBankDetailsList dt,.fpBankDetailsList dd{margin:0}.fpBankDetailsList dt{color:#667085;font-size:11px;font-weight:600}.fpBankDetailsList dd{overflow-wrap:anywhere;color:#111827;text-align:right;font-size:12px;font-weight:700}.fpBankDetailsEmpty{color:#667085;text-align:center;justify-content:center;align-items:center;min-height:150px;padding:20px;font-size:12px;line-height:1.5;display:flex}.fpBankComparisonNote{color:#667085;margin:-4px 0 0;font-size:11px;line-height:1.5}.fpManualAmount{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;padding:14px;display:flex}.fpManualAmount span{color:#667085;font-size:13px}.fpManualAmount strong{color:#111827;font-size:18px}.fpManualConfirmBtn{color:#fff;background:#f59e0b;padding:10px 16px}.fpManualConfirmBtn:hover{background:#d97706}@media (width<=1300px){.fpSummaryGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.fpFilterGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.fpFilterButtons{grid-column:span 2}}@media (width<=768px){.fpPage{padding:14px}.fpHeader{flex-direction:column}.fpHeader h2{font-size:23px}.fpRefreshBtn{width:100%}.fpFilterGrid{grid-template-columns:1fr}.fpFilterButtons{flex-direction:column;grid-column:span 1}.fpFilterButtons button{width:100%}.fpSummaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.fpToolbar{flex-direction:column;align-items:stretch}.fpExportButtons{width:100%}.fpExportButtons button{flex:1}.fpModalOverlay{align-items:flex-start;padding:12px}.fpModal{max-height:calc(100vh - 24px)}.fpModalFooter{flex-direction:column-reverse}.fpModalFooter button{width:100%}.fpBankComparison{grid-template-columns:1fr}}@media (width<=480px){.fpSummaryGrid{grid-template-columns:1fr}.fpSummaryCard{min-height:auto}.fpExportButtons{flex-direction:column}}.fpPrototypeTable{min-width:1460px}.fpPrototypeTable th{letter-spacing:.04em;text-transform:uppercase;font-size:9px}.fpInvoiceCell{flex-direction:row;align-items:center;gap:8px}.fpInvoiceCell>div{flex-direction:column;gap:3px;display:flex}.fpExpandBtn{color:#0b3d91;cursor:pointer;background:0 0;border:0;flex:0 0 24px;width:24px;height:24px;padding:0;font-size:13px}.fpCompactActions{align-items:center;gap:6px;min-width:205px;display:flex}.fpDetailsBtn,.fpActionMenu{color:#162033;background:#fff;border:1px solid #d5dde8;border-radius:6px;min-height:34px;font-size:10px;font-weight:700}.fpDetailsBtn{cursor:pointer;padding:0 11px}.fpActionMenu{cursor:pointer;max-width:132px;padding:0 7px}.fpExpandedMainRow td{border-bottom-color:#00aebe}.fpExpandedRow td{background:#f9fcfd;padding:0!important}.fpExpandedPanel{border-top:2px solid #00aebe;grid-template-columns:1.45fr .95fr .8fr;gap:24px;padding:16px 18px;display:grid}.fpExpandedPanel h4{color:#008ca0;letter-spacing:.08em;text-transform:uppercase;margin:0 0 9px;font-size:9px}.fpExpandedPanel p{margin:0 0 7px;font-size:10px}.fpBreakdownHead,.fpBreakdownRow{grid-template-columns:1.25fr 1fr .8fr .65fr;gap:10px;padding:7px 8px;display:grid}.fpBreakdownHead{color:#536176;text-transform:uppercase;background:#f0f3f7;font-size:8px;font-weight:800}.fpBreakdownRow{border-bottom:1px solid #dfe6ee;font-size:10px}.fpBreakdownRow>:nth-child(n+3){text-align:right}.fpExpandedDl{margin:0}.fpExpandedDl>div{grid-template-columns:95px 1fr;gap:8px;margin-bottom:6px;font-size:10px;display:grid}.fpExpandedDl dt{color:#6b7789}.fpExpandedDl dd{margin:0;font-weight:700}.fpDetailOverlay{justify-content:flex-end;padding:0}.fpClientDetailDrawer{border-radius:0;width:min(760px,100vw);max-width:none;height:100vh;max-height:100vh}.fpClientDetailDrawer .fpModalHeader{z-index:4;background:#fff;padding:14px 16px;position:sticky;top:0}.fpClientDetailDrawer .fpModalHeader h3{color:#072b73;font-size:14px}.fpClientDetailDrawer .fpModalHeader p{font-size:10px}.fpDrawerHeaderActions{align-items:center;gap:8px;display:flex}.fpDetailActionRows{border-bottom:1px solid #dfe6ee;padding:10px 16px}.fpDetailActionRow{border-bottom:1px dashed #e3e8ef;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px;min-height:42px;display:grid}.fpDetailActionRow:last-child{border-bottom:0}.fpDetailActionRow>span{color:#68758a;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.fpDetailActionRow>div{gap:7px;display:flex}.fpDetailActionRow button{cursor:pointer;background:#fff;border:1px solid #d7dee8;border-radius:4px;padding:7px 11px;font-size:10px;font-weight:700}.fpDetailActionRow>small{color:#7b8798;font-size:10px}.fpDetailSection{border-bottom:1px solid #dfe6ee;padding:15px 16px}.fpDetailSection>h4,.fpSectionTitleRow h4{color:#526176;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:9px;font-weight:900}.fpDetailBreakdownTable,.fpCommentsTable{border:1px solid #dfe6ee;border-radius:5px;overflow:hidden}.fpDetailTableHead,.fpDetailTableRow{grid-template-columns:1.45fr 1.15fr .55fr .65fr .75fr;align-items:center;gap:10px;padding:8px 10px;display:grid}.fpDetailTableHead{color:#55647a;text-transform:uppercase;background:#f3f6f9;font-size:9px;font-weight:800}.fpDetailTableRow{border-top:1px solid #edf0f4;font-size:11px}.fpDetailTableRow>:nth-child(n+3){text-align:right}.fpDetailSubtotalRow{background:#f6f8fb;border-top:1px solid #dfe6ee;grid-template-columns:1fr auto auto;gap:18px;padding:8px 10px;font-size:10px;display:grid}.fpAdjustmentTable{border:1px solid #dfe6ee;border-radius:6px;overflow:hidden}.fpAdjustmentHead,.fpAdjustmentRow{grid-template-columns:.65fr 1.8fr .75fr .7fr;align-items:center;gap:10px;padding:9px 10px;display:grid}.fpAdjustmentHead{color:#55647a;text-transform:uppercase;background:#f3f6f9;font-size:9px;font-weight:800}.fpAdjustmentRow{color:#344054;border-top:1px solid #edf0f4;font-size:11px}.fpAdjustmentRow>:last-child{text-align:right}.fpPositiveAmount{color:#067647}.fpNegativeAmount{color:#b42318}.fpNoAdjustments{color:#7b8798;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;padding:18px;font-size:10px}.fpDetailInfoGrid{border:1px solid #dfe6ee;border-radius:5px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.fpDetailInfoBox{box-sizing:border-box;border-bottom:1px solid #dfe6ee;border-right:1px solid #dfe6ee;min-height:58px;padding:10px}.fpDetailInfoBox label{color:#778398;letter-spacing:.06em;text-transform:uppercase;font-size:8px;font-weight:800;display:block}.fpDetailInfoBox strong{color:#142033;overflow-wrap:anywhere;margin-top:5px;font-size:10px;display:block}.fpSectionTitleRow{justify-content:space-between;align-items:center;gap:12px;display:flex}.fpSectionTitleRow h4 span{color:#4f46e5;background:#eef2ff;border-radius:10px;margin-left:5px;padding:2px 6px}.fpSectionTitleRow small{color:#7b8798;font-size:9px}.fpSectionTitleRow .fpInternalOnly{color:#b66b00;font-weight:800}.fpCommentsHead,.fpCommentsRow{grid-template-columns:110px 135px 90px minmax(0,1fr);align-items:start;gap:8px;padding:8px 10px;display:grid}.fpCommentsHead{color:#55647a;text-transform:uppercase;background:#f3f6f9;font-size:8px;font-weight:800}.fpCommentsRow{border-top:1px solid #edf0f4;font-size:9px}.fpCommentsRow small{color:#8490a0;margin-top:2px;display:block}.fpNoInternalComments{color:#8a95a5;text-align:center;border:1px solid #dfe6ee;border-radius:5px;padding:18px;font-size:10px}.fpInternalComment{border:1px solid #dfe6ee;border-radius:5px;grid-template-columns:125px 120px 1fr;gap:10px;padding:9px 10px;font-size:9px;display:grid}.fpInternalComment p{margin:0}@media (width<=900px){.fpExpandedPanel{grid-template-columns:1fr}}@media (width<=700px){.fpDetailInfoGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.fpDetailTableHead,.fpDetailTableRow{grid-template-columns:1.2fr 1fr .5fr .65fr .75fr}.fpCommentsHead,.fpCommentsRow{grid-template-columns:90px 110px 80px minmax(140px,1fr)}}.fpPage .fpExpandedPanel{grid-template-columns:minmax(0,1.55fr) minmax(180px,.8fr) minmax(150px,.65fr)}.fpPage .fpBreakdownHead,.fpPage .fpBreakdownRow{grid-template-columns:minmax(0,1.6fr) minmax(115px,.8fr) minmax(90px,.6fr)}.fpPage .fpBreakdownRow>:nth-child(n+2){text-align:right}.fpPage .fpBreakdownTotal,.fpPage .fpBreakdownAdjustment,.fpPage .fpBreakdownGrandTotal{border-bottom:1px solid #dfe6ee;justify-content:space-between;align-items:start;gap:12px;padding:8px;font-size:11px;display:flex}.fpPage .fpBreakdownTotal{background:#f2f5f9;font-weight:700}.fpPage .fpBreakdownAdjustment{color:#067647}.fpPage .fpBreakdownGrandTotal{color:#075e41;background:#eaf7f1;font-size:12px;font-weight:800}.fpPage .fpBreakdownNote,.fpDetailOverlay .fpBreakdownNote{color:#9a3412;background:#fff7ed;border-radius:5px;margin:5px 0;padding:9px;font-size:11px;line-height:1.5}.fpDetailOverlay .fpSectionTitleRow{flex-wrap:wrap;align-items:flex-start;margin-bottom:10px}.fpDetailOverlay .fpAdjustmentTable{width:100%;display:block;overflow-x:auto}.fpDetailOverlay .fpAdjustmentHead,.fpDetailOverlay .fpAdjustmentRow{align-items:center;gap:12px;padding:12px;grid-template-columns:minmax(90px,.8fr) minmax(170px,2fr) minmax(100px,1fr) minmax(95px,.8fr)!important;display:grid!important}.fpDetailOverlay .fpAdjustmentHead>*,.fpDetailOverlay .fpAdjustmentRow>*{overflow-wrap:anywhere;min-width:0;font-size:11px}.fpDetailOverlay .fpAdjustmentRow>:last-child,.fpDetailOverlay .fpAdjustmentHead>:last-child{text-align:right}.fpDetailOverlay .fpAdjustmentRow{border-top:1px solid #e2e8f0}.fpDetailOverlay .fpInvoiceCalcRow,.fpDetailOverlay .fpInvoiceCalcTotal{border-bottom:1px solid #e2e8f0;justify-content:space-between;gap:16px;padding:10px 12px;font-size:12px;display:flex}.fpDetailOverlay .fpInvoiceCalcTotal{color:#075e41;background:#edf7f2;font-size:13px;font-weight:800}@media (width<=900px){.fpPage .fpExpandedPanel{grid-template-columns:1fr}}@media (width<=560px){.fpDetailOverlay .fpAdjustmentHead,.fpDetailOverlay .fpAdjustmentRow{min-width:510px}.fpDetailOverlay .fpSectionTitleRow{display:block}}.fpPage .fpStatusWithDate{flex-direction:column;align-items:flex-start;gap:5px;min-width:125px;display:flex}.fpPage .fpStatusDate{color:#667085;white-space:normal;font-size:10px;font-weight:500;line-height:1.45;display:block}.cpPage{color:#17243c;background:#f5f7fb;max-width:1800px;min-height:100vh;margin:auto;padding:28px;font-family:inherit}.cpPage *{box-sizing:border-box}.cpHeader{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.cpHeader h1{margin:5px 0;font-size:29px}.cpHeader p,.cpHint{color:#64748b;font-size:13px}.cpHeader a{color:#2563eb;font-weight:600;text-decoration:none}.cpEyebrow{letter-spacing:1.6px;color:#64748b;font-size:11px}.cpNotice{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;margin-bottom:20px;padding:15px 18px;font-size:13px;line-height:1.8}.cpToolbar{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:18px;display:flex}.cpPage label{flex-direction:column;gap:7px;font-size:12px;font-weight:600;display:flex}.cpPage input,.cpPage select{color:#1e293b;max-width:100%;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px}.cpPage button{color:#334155;cursor:pointer;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 14px;font-size:12px}.cpPage button:hover{border-color:#2563eb}.cpPage button:disabled,.cpPage select:disabled{opacity:.5;cursor:not-allowed}.cpPage .cpPrimary{color:#fff;background:#2563eb;border-color:#2563eb}.cpSummary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0;display:grid}.cpSummary>div{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.cpSummary span{color:#64748b;margin-bottom:10px;font-size:12px;display:block}.cpSummary strong{font-size:24px}.cpTableHeading{justify-content:space-between;align-items:center;gap:12px;display:flex}.cpTableWrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:auto}.cpPage table{border-collapse:collapse;text-align:left;width:100%;min-width:1180px;font-size:12px}.cpPage th{text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;background:#f8fafc;font-size:11px}.cpPage th,.cpPage td{vertical-align:top;border-bottom:1px solid #e2e8f0;padding:16px 12px}.cpPage td strong,.cpPage td small{display:block}.cpPage td small{color:#64748b;overflow-wrap:anywhere;max-width:230px;margin-top:6px;font-size:11px}.cpPage td select{width:165px;font-size:11px}.cpFilters th{text-transform:none;letter-spacing:0;padding:8px 10px}.cpFilters input,.cpFilters select{width:100%;min-width:90px;font-size:11px;font-weight:400}.cpBadge{color:#475569;white-space:nowrap;text-transform:capitalize;background:#f1f5f9;border-radius:20px;padding:5px 9px;font-size:10px;display:inline-block}.cpBadge.paid,.cpBadge.manual_paid,.cpBadge.approved{color:#166534;background:#dcfce7}.cpBadge.processing{color:#1d4ed8;background:#dbeafe}.cpBadge.failed,.cpBadge.reversed{color:#991b1b;background:#fee2e2}.cpPage .cpLink{color:#2563eb;border:0;padding:8px 0 0;font-size:11px}.cpExpanded{grid-template-columns:1fr 1fr 1fr;gap:22px;padding:10px;line-height:1.7;display:grid}.cpExpanded p{white-space:pre-wrap;overflow-wrap:anywhere}.cpError,.cpSuccess{border-radius:8px;margin:12px 0;padding:14px 16px;font-size:13px}.cpError{color:#991b1b;background:#fee2e2}.cpSuccess{color:#166534;background:#dcfce7}.cpOverlay{z-index:1000;background:#0f172a88;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.cpModal{background:#fff;border-radius:16px;width:650px;max-width:100%;max-height:90vh;padding:26px;overflow:auto;box-shadow:0 20px 70px #0003}.cpModal h2{margin-top:0}.cpModal p{color:#64748b;font-size:13px}.cpModal label{margin:16px 0}.cpModalActions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.cpBank{background:#f8fafc;border-radius:10px;margin-top:10px;padding:12px}@media (width<=800px){.cpPage{padding:16px}.cpHeader{flex-direction:column;align-items:flex-start}.cpSummary{grid-template-columns:1fr 1fr}.cpSummary strong{font-size:19px}.cpExpanded{grid-template-columns:1fr}.cpToolbar label{flex:1;min-width:115px}}