@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Roboto:wght@400;500;700&display=swap";.sidebar{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border-right:1px solid #e7eaf3;box-shadow:none;color:#1f2937;display:grid;font-family:Roboto,Helvetica Neue,Arial,sans-serif;grid-template-rows:auto minmax(0,1fr) auto;height:100vh;overflow:visible;padding:0;position:fixed;top:0;left:0;width:64px;transition:width .26s cubic-bezier(.22,1,.36,1),box-shadow .18s ease,background .18s ease;z-index:200}.sidebar.open{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;width:184px}.sidebar,.sidebar *{font-family:Roboto,Helvetica Neue,Arial,sans-serif}.sidebarBrandText{align-items:center;border-bottom:1px solid #e7eaf3;display:flex;justify-content:center;gap:8px;margin:0 0 8px;min-height:58px;overflow:hidden;padding:8px 9px;position:relative;text-align:center;white-space:nowrap}.sidebarBrandLogo{display:block;height:28px;object-fit:contain;width:40px}.sidebar.open .sidebarBrandLogo{height:36px;width:152px;max-width:100%}.sidebarBrandText strong{color:#1f2937;font-size:0;font-weight:700;letter-spacing:0;line-height:1.05;opacity:0;transition:opacity .2s ease 60ms}.sidebarBrandText span{color:#64748b;font-size:.62rem;font-weight:400;letter-spacing:.7px;line-height:1;opacity:0;transition:opacity .18s ease 40ms}.sidebar.open .sidebarBrandText strong,.sidebar.open .sidebarBrandText span{opacity:1}.sidebar.open .sidebarBrandText strong{font-size:1.05rem}.navList{align-content:start;display:block;gap:2px;min-height:0;overflow-x:visible;overflow-y:auto;position:relative;scrollbar-width:none;width:100%;padding-bottom:4px}.navList::-webkit-scrollbar{display:none}.navItemGroup{display:grid;gap:0;position:relative;z-index:1}.navItemGroup.hasSubmenu:after{content:"";display:none;height:100%;left:100%;position:absolute;top:0;width:0}.navItemGroup.hasSubmenu:hover:after{display:none}.navActiveIndicator{background:#f0edff;border-radius:0;box-shadow:none;display:none;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:transform .18s ease,opacity .12s ease;z-index:0}.navActiveIndicator.visible{opacity:1}.navItem,.logoutButton,.securityButton{align-items:center;border:0;border-radius:0;color:#475569;display:flex;font-size:14px;font-weight:400;gap:0;justify-content:flex-start;margin:0;height:42px;line-height:1;overflow:hidden;padding:0 16px 0 20px;position:relative;text-decoration:none;transform:none;transition:background-color .18s ease,color .18s ease,gap .22s ease,padding-left .18s ease;white-space:nowrap;width:100%;will-change:background-color;z-index:1}.navItemGroup.hasSubmenu .navItem{padding-right:38px}.navItem.locked,.navSubItem.locked{color:#64748b}.sidebar.open .navItem,.sidebar.open .logoutButton,.sidebar.open .securityButton{gap:11px}.navSubmenu{display:grid;gap:2px;max-height:0;opacity:0;overflow:hidden;padding:0 0 0 45px;pointer-events:none;transition:max-height .32s cubic-bezier(.22,1,.36,1),opacity .2s ease,padding-bottom .26s ease;will-change:max-height,opacity}.sidebar.open .navItemGroup.submenuOpen .navSubmenu{max-height:320px;opacity:1;padding:0 0 6px 45px;pointer-events:auto}.navSubmenuToggle{align-items:center;background:transparent;border:0;color:#64748b;cursor:pointer;display:flex;height:30px;justify-content:center;opacity:0;padding:0;position:absolute;right:8px;top:6px;transition:color .18s ease,opacity .18s ease,transform .22s ease;width:28px;z-index:2}.sidebar.open .navSubmenuToggle{opacity:1}.navSubmenuToggle:hover{color:#5b55e6}.navSubmenuToggle:focus-visible{outline:2px solid #c4b5fd;outline-offset:-2px}.navItemGroup.submenuOpen .navSubmenuToggle{transform:rotate(180deg)}.navSubItem{align-items:center;border-radius:0;color:#475569;display:flex;font-size:12px;font-weight:500;min-height:28px;padding:5px 10px 5px 12px;position:relative;text-decoration:none;transition:background-color .18s ease,color .18s ease}.navItem.active:before,.navSubItem.active:before{background:#6d5dfc;content:"";left:0;position:absolute;top:0;bottom:0;width:3px}.navSubItem span{max-width:none;opacity:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navSubIcon{color:currentColor;flex:0 0 12px;font-size:12px}.navIcon{align-items:center;color:#64748b;display:inline-flex;flex:0 0 18px;font-size:16px;height:18px;justify-content:center;line-height:1;width:18px}.navModuleBadge{align-items:center;background:#eef2ff;border:1px solid #d8ddff;border-radius:999px;color:#5b55e6;display:inline-flex;flex:0 0 16px;height:16px;justify-content:center;margin-left:auto;opacity:0;transform:scale(.9);transition:opacity .2s ease,transform .2s ease;width:16px}.navModuleBadge.locked{background:#fff7ed;border-color:#fed7aa;color:#f59e0b}.navSubModuleBadge{flex-basis:15px;height:15px;opacity:1;width:15px}.sidebar.open .navModuleBadge,.sidebar .navItem:hover .navModuleBadge,.sidebar .navItem.active .navModuleBadge{opacity:1;transform:scale(1)}.navItem .navItemLabel,.securityButton span,.logoutButton span{display:inline-block;line-height:1.15;font-weight:500;max-width:0;opacity:0;overflow:hidden;transition:max-width .26s cubic-bezier(.22,1,.36,1),opacity .2s ease;white-space:nowrap}.sidebar.open .navItem .navItemLabel,.sidebar.open .securityButton span,.sidebar.open .logoutButton span{max-width:120px;opacity:1}.navItem.active{background:#f0edff;box-shadow:none;color:#5b55e6}.navItem.active .navIcon{color:#5b55e6;height:18px;width:18px}.navItem:hover,.securityButton:hover,.logoutButton:hover{transform:none}.navItem:not(.active):hover{background:#f7f5ff;color:#5b55e6}.navItem:not(.active):hover .navIcon{color:#5b55e6}.securityButton:hover .navIcon,.logoutButton:hover .navIcon{color:#5b55e6}.navItem.active:hover{background:#f0edff}.navItem.active:hover .navIcon{color:#5b55e6}.navItem:active,.securityButton:active,.logoutButton:active{transform:none}.sidebarBottom{display:grid;gap:0;padding:0 5px 8px}.sidebarPromo{background:#fff;border:1px solid #e7eaf3;border-radius:10px;display:none;overflow:hidden}.sidebar.open .sidebarPromo{display:block}.sidebarPromo img{background:#fff;display:block;aspect-ratio:1080 / 1350;height:auto;object-fit:contain;width:100%}.sidebarPromoMeta{align-items:center;border-top:1px solid #eef2f7;color:#475569;display:flex;gap:7px;padding:7px 9px 6px}.sidebarPromoMeta svg{color:#ec4899;flex:0 0 auto}.sidebarPromoMeta span{color:#64748b;font-size:10px;font-weight:500;line-height:1.2}.sidebarPromoMeta strong{color:#d61f69;font-size:12px;font-weight:500}.sidebarPromo button{align-items:center;background:#6d28d9;border:0;border-radius:999px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;height:34px;justify-content:center;margin:0 9px 9px;padding:0 12px;transition:background-color .18s ease,transform .18s ease;width:calc(100% - 18px)}.sidebarPromo button:hover{background:#5b21b6;transform:translateY(-1px)}.sidebarCollapseBtn{align-items:center;align-self:center;background:#fff;border:1px solid #dbe4ef;border-radius:999px;color:#475569;cursor:pointer;display:flex;height:26px;justify-content:center;margin:0;padding:0 10px;width:auto;transition:background-color .16s ease,color .16s ease}.sidebar:not(.open) .sidebarCollapseBtn,.sidebar.open .sidebarCollapseBtn{justify-self:center;min-width:40px;padding:0 10px}.sidebarCollapseBtn:hover{background:#f7f5ff;color:#5b55e6}.sidebarActions{border-top:0;display:grid;gap:8px;margin:16px 0 0;padding:16px 0 0}.securityButton,.logoutButton{display:flex}.securityButton{background:var(--color-info-soft);border:1px solid var(--color-info-border);color:var(--color-primary-dark)}.logoutButton{background:transparent;border:1px solid var(--color-danger-border);color:var(--color-danger)}@media(max-height:900px)and (min-width:761px){.sidebar.open{width:176px}.sidebarBrandText{gap:2px;margin:0 0 8px;min-height:54px;padding:8px 7px}.sidebarBrandText strong{font-size:1.15rem;letter-spacing:.7px}.sidebarBrandText span{font-size:.58rem;letter-spacing:.8px}.navList{gap:2px}.navItemGroup{gap:0}.navItem,.logoutButton,.securityButton{border-radius:0;font-size:12.5px;height:36px;padding:0 16px}.sidebar.open .navItem,.sidebar.open .logoutButton,.sidebar.open .securityButton{gap:9px}.navIcon{flex-basis:16px;font-size:14px;height:16px;width:16px}.navItem.active .navIcon{height:16px;width:16px}.sidebar.open .navItem .navItemLabel,.sidebar.open .securityButton span,.sidebar.open .logoutButton span{max-width:102px}.sidebarActions{gap:6px;margin:10px 0 0;padding:12px 0 0}.sidebarBottom{padding:0 5px 7px}.sidebarPromo{border-radius:8px}.sidebarPromoMeta{gap:6px;padding:6px 8px}.sidebarPromoMeta span{font-size:9.5px}.sidebarPromoMeta strong{font-size:11px}.sidebarPromo button{height:30px;margin:0 8px 8px;width:calc(100% - 16px)}.navActiveIndicator{border-radius:0}}@media(min-width:1024px)and (max-width:1440px){.sidebar.open{width:176px}.sidebarBrandText strong,.sidebarBrandText span{opacity:1}.sidebarBrandText strong{font-size:1.05rem}.sidebar.open .sidebarBrandLogo{width:224px}.navItem,.logoutButton,.securityButton{gap:9px}.navItem .navItemLabel,.securityButton span,.logoutButton span{max-width:96px;opacity:1}.navSubItem span{max-width:none}}@media(max-width:760px){.sidebar{bottom:0;left:0;position:fixed;top:0;transform:translate(-100%);transition:transform .26s cubic-bezier(.22,1,.36,1);width:280px;z-index:300}.sidebar.open{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;transform:translate(0);box-shadow:none}.navItem,.logoutButton,.securityButton{border-radius:0;gap:12px;justify-content:flex-start;margin:0;height:42px;padding:0 16px;width:100%}.sidebar .navItem .navItemLabel,.sidebar .securityButton span,.sidebar .logoutButton span{max-width:210px;opacity:1}.sidebarBrandText strong,.sidebarBrandText span{opacity:1}.sidebarBrandText strong{font-size:1.05rem}.navItem.active{background:#f0edff;box-shadow:none;color:#5b55e6}.navItem.active .navIcon{color:#5b55e6;height:18px;width:18px}.sidebarActions{border-top:0;margin:24px 0 0;padding:26px 0 0}.securityButton,.logoutButton{display:flex}.navSubmenu{padding-left:34px}.sidebar.open .navItemGroup.submenuOpen .navSubmenu{max-height:320px;padding:0 0 6px 34px}.navSubItem{color:#475569}.navSubItem:hover,.navSubItem.active{background:#f0edff;color:#5b55e6}.navSubItem span{max-width:160px;opacity:1}.sidebarBottom{padding:0 10px 10px}.sidebarPromo img{aspect-ratio:1080 / 1350}}.lcFab{align-items:center;background:#0f7b78;border:none;border-radius:50px;bottom:24px;box-shadow:0 4px 16px #0f7b7859;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:7px;height:44px;padding:0 18px 0 14px;position:fixed;right:20px;transition:background .18s,box-shadow .18s,transform .18s;z-index:1000}.lcFab:hover{background:#0a5e5b;box-shadow:0 6px 22px #0f7b7866;transform:translateY(-1px)}.lcFab svg{color:#fff;flex-shrink:0;height:18px;width:18px}.lcFabOpen{background:#0a5e5b}.lcBackdrop{background:#00000038;inset:0;position:fixed;z-index:999}@media(min-width:769px){.lcBackdrop{display:none}}.lcPanel{background:#0b1220;border-left:1px solid #1f2a3d;border-top-left-radius:16px;bottom:0;box-shadow:-8px 0 28px #00000061;display:flex;flex-direction:column;overflow:hidden;position:fixed;right:0;top:30%;width:380px;z-index:1001}@media(max-width:480px){.lcPanel{width:100vw}}.lcHeader{align-items:center;background:#111a2d;border-bottom:1px solid #1f2a3d;display:flex;flex-shrink:0;justify-content:space-between;padding:14px 16px}.lcHeaderLeft{align-items:center;display:flex;gap:10px}.lcAvatarRing{align-items:center;background:#0f2432;border:1.5px solid #2d5368;border-radius:50%;color:#0f7b78;display:flex;flex-shrink:0;height:38px;justify-content:center;padding:8px;width:38px}.lcAvatarRing svg{height:100%;width:100%}.lcLogoImg{height:100%;object-fit:contain;width:100%}.lcHeaderName{color:#e6edf8;font-size:15px;font-weight:700;line-height:1}.lcHeaderStatus{align-items:center;color:#9db0c8;display:flex;font-size:11.5px;font-weight:400;gap:5px;margin-top:3px}.lcDot{animation:lcBlink 2s ease-in-out infinite;background:#22c55e;border-radius:50%;display:inline-block;height:6px;width:6px}@keyframes lcBlink{0%,to{opacity:1}50%{opacity:.4}}.lcHeaderRight{align-items:center;display:flex;gap:6px}.lcIconBtn{align-items:center;background:#1a2639;border:1px solid #2a3a55;border-radius:8px;color:#9db0c8;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .15s,color .15s;width:32px}.lcIconBtn svg{height:15px;width:15px}.lcIconBtn:hover{background:#24344d;color:#8fe8df}.lcIconBtnClose:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.lcMessages{display:flex;flex:1;flex-direction:column;overflow-y:auto;padding:16px 14px 10px;scroll-behavior:smooth}.lcMessages::-webkit-scrollbar{width:4px}.lcMessages::-webkit-scrollbar-track{background:transparent}.lcMessages::-webkit-scrollbar-thumb{background:#34445f;border-radius:4px}.lcRow{align-items:flex-end;animation:lcIn .22s ease;display:flex;gap:8px;margin-bottom:10px}@keyframes lcIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lcRowUser{flex-direction:row-reverse}.lcRowAi{flex-direction:row}.lcMsgAvatar{align-items:center;background:#112334;border:1.5px solid #2d5368;border-radius:50%;color:#0f7b78;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:5px;width:28px}.lcMsgAvatar svg{height:100%;width:100%}.lcBubble{border-radius:16px;font-size:13.5px;line-height:1.55;max-width:78%;padding:9px 13px;word-break:break-word}.lcRowUser .lcBubble{background:#0f7b78;border-bottom-right-radius:4px;color:#fff}.lcRowAi .lcBubble{background:#162338;border:1px solid #2a3a55;border-bottom-left-radius:4px;color:#d8e4f2}.lcDots{align-items:center;display:flex;gap:5px;padding:12px 16px}.lcDots span{animation:lcDot 1.2s ease-in-out infinite;background:#0f7b78;border-radius:50%;display:block;height:6px;opacity:.45;width:6px}.lcDots span:nth-child(2){animation-delay:.16s}.lcDots span:nth-child(3){animation-delay:.32s}@keyframes lcDot{0%,80%,to{opacity:.3;transform:scale(.85)}40%{opacity:1;transform:scale(1.1)}}.lcInputRow{align-items:center;background:#111a2d;border-top:1px solid #1f2a3d;display:flex;flex-shrink:0;gap:8px;padding:10px 12px 12px}.lcInput{background:#0f1728;border:1.5px solid #2a3a55;border-radius:10px;color:#e6edf8;flex:1;font-size:13.5px;min-height:40px;outline:none;padding:0 12px;transition:border-color .15s,box-shadow .15s}.lcInput::placeholder{color:#7f93ad}.lcInput:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #2c7da038}.lcInput:disabled{opacity:.6}.lcSend{align-items:center;background:#1a2639;border:1.5px solid #2a3a55;border-radius:10px;color:#7f93ad;cursor:not-allowed;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .18s;width:40px}.lcSend svg{height:15px;width:15px}.lcSendActive{background:#0f7b78;border-color:#0f7b78;color:#fff;cursor:pointer}.lcSendActive:hover{background:#0a5e5b}.lcSendActive:active{transform:scale(.95)}.lcWelcomeCenter{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center;padding:40px 24px;text-align:center}.lcWelcomeGreeting{color:#e6edf8;font-size:22px;font-weight:700;letter-spacing:-.3px;margin-bottom:8px}.lcWelcomeSubtitle{color:#9db0c8;font-size:14px;font-weight:400}.lcBubbleWrap{display:flex;flex-direction:column;gap:3px;max-width:80%}.lcRowUser .lcBubbleWrap{align-items:flex-end}.lcRowAi .lcBubbleWrap{align-items:flex-start}.lcTimestamp{color:#7f93ad;font-size:10px;padding:0 4px}.lcMdList{margin:4px 0 4px 14px;padding:0}.lcMdList li{margin-bottom:2px}.lcMdCode{background:#2c7da033;border-radius:4px;font-family:monospace;font-size:12px;padding:1px 5px}.lcMdHeading{font-size:14px;font-weight:700;margin-bottom:4px}.lcMdSpacer{height:6px}.lcMdNumbered{margin-bottom:2px}.lcSuggestions{border-top:1px solid #1f2a3d;display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px;padding:10px 12px}.lcSuggestionChip{background:#152236;border:1.5px solid #2a3a55;border-radius:20px;color:#9fd3ff;cursor:pointer;font-size:12px;font-weight:500;padding:5px 12px;transition:background .15s,border-color .15s}.lcSuggestionChip:hover{background:#0f7b78;border-color:#0f7b78;color:#fff}.subscriptionPosterOverlay{align-items:center;background:#0f172aa3;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000;animation:subscriptionPosterFadeIn .18s ease both}.subscriptionPosterOverlay.closing{animation:subscriptionPosterFadeOut .17s ease both}.subscriptionPosterCard{animation:subscriptionPosterScaleIn .22s cubic-bezier(.22,1,.36,1) both;background:#fff;border:0;border-radius:16px;box-shadow:0 18px 54px #0f172a2e;max-height:calc(100vh - 48px);max-width:min(760px,calc(100vw - 48px));overflow:hidden;position:relative;width:760px}.subscriptionPosterOverlay.closing .subscriptionPosterCard{animation:subscriptionPosterScaleOut .17s ease both}@keyframes subscriptionPosterFadeIn{0%{opacity:0}to{opacity:1}}@keyframes subscriptionPosterFadeOut{0%{opacity:1}to{opacity:0}}@keyframes subscriptionPosterScaleIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes subscriptionPosterScaleOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.97)}}.subscriptionPosterHero{background:#cda7ff;display:grid;grid-template-columns:minmax(250px,.8fr) minmax(360px,1.2fr);min-height:402px;overflow:hidden;position:relative}.subscriptionPosterBadge{align-items:center;background:#fff;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;height:28px;justify-content:center;left:28px;padding:0 12px;position:absolute;text-transform:uppercase;top:30px;z-index:3}.subscriptionPosterBadge.trial{color:#f22855}.subscriptionPosterBadge.crown{color:#f59e0b;padding:0;width:70px}.subscriptionPosterCopy{align-self:center;display:grid;gap:16px;padding:88px 0 42px 44px;position:relative;z-index:2}.subscriptionPosterCopy h2{color:#050505;font-size:44px;font-weight:500;letter-spacing:0;line-height:1.03;margin:0}.subscriptionPosterCopy h2 span{color:#fff;display:block}.subscriptionPosterCopy p{color:#5c5268;font-size:18px;font-weight:400;line-height:1.35;margin:0;max-width:310px;text-align:center}.subscriptionPosterVisual{align-items:center;display:flex;justify-content:center;min-width:0;padding:38px 28px 28px 0;position:relative}.subscriptionPosterVisual>span{aspect-ratio:1;background:#ffffff57;border-radius:50%;height:min(390px,78%);position:absolute;right:46px;top:26px;z-index:0}.subscriptionPosterVisual img{display:block;height:auto;max-height:326px;max-width:486px;object-fit:contain;position:relative;width:100%;z-index:1}.subscriptionPosterActions{border-top:2px solid #8b7cff;display:grid;gap:12px;justify-items:center;padding:58px 40px 28px}.subscriptionPosterActions button{align-items:center;background:#6d28d9;border:0;border-radius:999px;box-shadow:none;color:#fff;display:inline-flex;font-size:20px;font-weight:500;gap:10px;justify-content:center;min-height:46px;max-width:528px;padding:0 28px;transition:background-color .16s ease,transform .16s ease;width:100%}.subscriptionPosterActions button:hover{background:#5b21b6;transform:translateY(-1px)}.subscriptionPosterActions button:active{background:#4c1d95;transform:translateY(0)}.subscriptionPosterActions button:focus-visible,.subscriptionPosterActions a:focus-visible,.subscriptionPosterClose:focus-visible{outline:3px solid rgba(124,77,255,.28);outline-offset:3px}.subscriptionPosterActions button svg{transition:transform .16s ease}.subscriptionPosterActions button:hover svg{transform:translate(3px)}.subscriptionPosterActions div{align-items:center;display:flex;gap:14px;justify-content:center;max-width:492px;width:100%}.subscriptionPosterActions div span{background:#dedede;flex:1;height:2px}.subscriptionPosterActions a{align-items:center;color:#8b8b8b;display:inline-flex;font-size:16px;font-weight:400;gap:10px;margin:0;text-decoration:none;transition:color .16s ease,transform .16s ease;white-space:nowrap}.subscriptionPosterActions a>svg{color:#5f32f5;flex:0 0 auto;transition:color .16s ease,transform .16s ease}.subscriptionPosterActions a:hover{color:#5f32f5;transform:translateY(-1px)}.subscriptionPosterActions a:hover>svg{color:#673de6;transform:scale(1.08)}.subscriptionPosterActions a:hover b{text-decoration:underline;text-underline-offset:3px}.subscriptionPosterActions b{color:#5f32f5;font-size:inherit;font-weight:500}.subscriptionPosterClose{align-items:center;background:#fff;border:0;border-radius:999px;color:#6b7280;display:inline-flex;height:38px;justify-content:center;padding:0;position:absolute;right:18px;top:18px;width:38px;z-index:4;transition:background-color .16s ease,color .16s ease,transform .16s ease}.subscriptionPosterClose:hover{color:#111827;transform:scale(1.04)}@media(min-width:901px)and (max-width:1440px),(max-height:820px){.subscriptionPosterCard{max-width:min(650px,calc(100vw - 48px));width:650px}.subscriptionPosterHero{grid-template-columns:minmax(210px,.8fr) minmax(310px,1.2fr);min-height:344px}.subscriptionPosterBadge{left:24px;top:24px}.subscriptionPosterCopy{gap:12px;padding:74px 0 32px 34px}.subscriptionPosterCopy h2{font-size:36px}.subscriptionPosterCopy p{font-size:15px;max-width:250px}.subscriptionPosterVisual{padding:34px 24px 22px 0}.subscriptionPosterVisual>span{height:min(318px,78%);right:34px}.subscriptionPosterVisual img{max-height:270px;max-width:390px}.subscriptionPosterActions{padding:40px 34px 24px}.subscriptionPosterActions button{font-size:16px;max-width:430px;min-height:42px}.subscriptionPosterActions a{font-size:13px}}@media(max-width:760px){.subscriptionPosterOverlay{padding:14px}.subscriptionPosterCard{border-radius:14px;max-width:calc(100vw - 28px)}.subscriptionPosterHero{grid-template-columns:1fr;min-height:0}.subscriptionPosterCopy{gap:10px;padding:76px 24px 8px}.subscriptionPosterCopy h2{font-size:36px}.subscriptionPosterCopy p{font-size:15px;max-width:250px;text-align:left}.subscriptionPosterVisual{padding:0 18px 22px}.subscriptionPosterVisual>span{height:250px;right:30px;top:140px}.subscriptionPosterVisual img{max-height:250px}.subscriptionPosterActions{padding:34px 18px 22px}.subscriptionPosterActions button{font-size:15px}.subscriptionPosterActions a{font-size:12px;gap:7px}}.loginPage,.loginPage *{box-sizing:border-box}.loginPage{align-items:center;background:#f5f6fc;display:flex;justify-content:flex-end;min-height:100vh;min-height:100dvh;padding:64px clamp(18px,3.5vw,56px);position:relative;isolation:isolate}.loginVisual{background:radial-gradient(ellipse at 20% 28%,#ffffffc9,transparent 48%),radial-gradient(ellipse at 65% 18%,#dedbffb3,transparent 55%),radial-gradient(ellipse at 12% 88%,#c6f2ed99,transparent 45%),linear-gradient(135deg,#eef5ff,#e1edff 48%,#eee6ff);inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:-1}.loginBubbleLayer{position:absolute;inset:0}.loginForegroundBubbles{inset:0;opacity:.65;overflow:hidden;pointer-events:none;position:absolute;z-index:2}.loginForegroundEmpty{filter:opacity(.55)}.loginForegroundFeature .loginBubbleContent{font-size:10px;gap:5px}.loginForegroundFeature .loginBubbleContent svg{font-size:24px}.loginPage:has(.loginPanel:focus-within) .loginForegroundBubbles{opacity:.16}.loginBubble{animation:loginBubbleRise var(--bubble-duration) linear var(--bubble-delay) infinite,loginBubbleSway var(--bubble-sway-duration) ease-in-out var(--bubble-delay) infinite alternate;background:radial-gradient(ellipse at 28% 15%,#ffffffd9 0%,#ffffff4d 6%,transparent 20%),radial-gradient(circle at 55% 65%,transparent 42%,hsl(var(--bubble-hue) 95% 80% / 22%) 78%,#ffffff99 98%),linear-gradient(145deg,#ffffff0a,hsl(var(--bubble-hue) 90% 85% / 12%));border:2px solid #ffffffb3;border-radius:50%;bottom:calc(-1 * var(--bubble-size) - 12px);box-shadow:inset 2px 3px 5px #ffffffd9,inset -3px -4px 8px hsl(var(--bubble-hue) 85% 75% / 20%),0 0 0 4px #ffffff1a,0 8px 20px #8e9aca0d;height:var(--bubble-size);left:var(--bubble-left);position:absolute;width:var(--bubble-size)}.loginBubbleContent{align-items:center;color:#111951;display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:8px;height:100%;justify-content:center;line-height:1.2;padding:16px 12px;position:relative;text-align:center;text-shadow:0 1px 2px #ffffffb3}.loginBubbleContent svg{color:var(--bubble-icon-color);filter:drop-shadow(0 2px 2px #ffffff99);font-size:30px}.loginBubbleHero .loginBubbleContent{font-size:22px;gap:12px}.loginBubbleHero .loginBubbleContent svg{font-size:50px}.loginBubble:before{border-left:3px solid #ffffffc9;border-radius:50%;content:"";height:42%;left:11%;position:absolute;top:12%;transform:rotate(35deg);width:35%}@keyframes loginBubbleRise{0%{opacity:0;transform:translateZ(0)}10%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate3d(0,calc(-100dvh - 220px),0)}}@keyframes loginBubbleSway{0%{translate:calc(-1 * var(--bubble-drift)) 0;rotate:-2deg}to{translate:var(--bubble-drift) 0;rotate:2deg}}.loginSearchScene{align-items:center;display:flex;justify-content:center;left:0;right:clamp(410px,35vw,560px);top:50%;position:absolute;pointer-events:none;transform:translateY(-50%)}.loginSearchDemo{align-items:center;animation:loginSearchExpand 12s ease-in-out infinite;background:#ffffffb3;border:1px solid #ffffff;border-radius:28px;box-shadow:0 8px 28px #6a6ba21a,inset 0 1px 3px #fff;display:flex;height:48px;overflow:hidden;width:48px}.loginSearchGlyph{color:#7763bc;flex:0 0 18px;margin:0 14px}.loginSearchTyped{box-sizing:content-box;animation:loginSearchType 12s steps(14,end) infinite;border-right:1px solid #8574b6;color:#39415e;flex-shrink:0;font:12px/1.5 monospace;overflow:hidden;white-space:nowrap;width:max-content}.loginSearchPointer{animation:loginSearchClick 12s ease-in-out infinite;color:#50516e;filter:drop-shadow(0 1px 1px #ffffff);font-size:20px;left:calc(50% + 9px);position:absolute;top:29px}@keyframes loginSearchExpand{0%,18%,92%,to{width:48px}28%,78%{width:230px}}@keyframes loginSearchType{0%,30%{clip-path:inset(0 100% 0 0);opacity:0}31%{clip-path:inset(0 100% 0 0);opacity:1}58%,74%{clip-path:inset(0);opacity:1}79%,to{clip-path:inset(0 100% 0 0);opacity:0}}@keyframes loginSearchClick{0%,5%{opacity:0;transform:translate(55px,40px)}13%{opacity:1;transform:translate(0)}16%{opacity:1;transform:translate(0) scale(.8)}19%{opacity:1;transform:translate(0) scale(1)}29%,to{opacity:0;transform:translate(30px,22px)}}.loginTagline{bottom:12px;color:#535b7b;font-size:12px;font-weight:500;left:0;line-height:1.6;margin:0;min-height:38px;pointer-events:none;position:absolute;right:clamp(410px,35vw,560px);padding-inline:20px;text-align:center}.loginTypingCaret{animation:loginCaretBlink .8s steps(1) infinite;color:#7960cf;margin-left:2px}@keyframes loginCaretBlink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.loginBubble{animation:none;bottom:var(--bubble-rest);opacity:1}.loginSearchDemo,.loginSearchTyped,.loginSearchPointer,.loginTypingCaret{animation:none}.loginSearchDemo{width:230px}.loginSearchTyped{width:max-content}.loginSearchPointer{display:none}}.loginPanel{align-items:stretch;animation:loginPanelUnfold 1.5s cubic-bezier(.22,.65,.3,1) backwards;background:transparent;border:1px solid transparent;border-radius:10px;isolation:isolate;color:#152420;display:grid;gap:16px;margin-right:clamp(18px,4vw,76px);height:min(690px,calc(100vh - 70px));height:min(690px,calc(100dvh - 70px));padding:44px 28px 22px;width:min(100%,350px);position:relative;z-index:1}.loginPanel:before{animation:loginPanelBreeze 8s ease-in-out 1.5s infinite;backdrop-filter:blur(7px) saturate(115%);-webkit-backdrop-filter:blur(7px) saturate(115%);background:linear-gradient(135deg,#ffffffb8,#ffffff8c 55%,#ece8ffa6);border:1px solid #ffffffd9;border-radius:inherit;box-shadow:0 20px 50px #48447b26,inset 0 1px #ffffffe6;content:"";inset:-1px;pointer-events:none;position:absolute;transform-origin:top center;z-index:-1}.loginPanel:after{animation:loginPanelFoldLight 1.5s cubic-bezier(.22,.65,.3,1) both;background:linear-gradient(180deg,transparent,#9690b847 35%,#ffffffeb 65%,#ffffff33 90%,transparent);border-radius:0 0 10px 10px;content:"";height:48px;left:0;right:0;pointer-events:none;position:absolute}.loginPanel:hover:before,.loginPanel:focus-within:before{animation-play-state:paused}.loginPanel:focus-within{animation:none}.loginPanel:focus-within:after{display:none}@keyframes loginPanelUnfold{0%{clip-path:inset(0 0 94% round 10px)}to{clip-path:inset(0 0 0 round 10px)}}@keyframes loginPanelFoldLight{0%{top:calc(6% - 48px);opacity:.9}85%{opacity:.7}to{top:calc(100% - 48px);opacity:0}}@keyframes loginPanelBreeze{0%,to{transform:skew(0)}30%{transform:skew(.15deg)}70%{transform:skew(-.15deg)}}@media(prefers-reduced-motion:reduce){.loginPanel,.loginPanel:before,.loginPanel:after{animation:none}.loginPanel:after{display:none}}.loginBrand{align-items:center;display:flex;gap:12px;justify-content:center}.loginBrandLogo{display:block;height:120px;max-width:100%;object-fit:contain;width:115px}.loginBrandMark{align-items:center;background:linear-gradient(135deg,#37d2aa,#28989a);border-radius:12px;color:#ffffffeb;display:inline-flex;height:36px;justify-content:center;width:36px}.loginBrand strong{color:#6c4df6;font-size:24px;font-weight:800;letter-spacing:0;text-align:center}.loginBrand em,.loginWelcome span{color:#36c6a7;font-style:normal}.loginWelcome{text-align:center}.loginWelcome h1{color:#152420;font-size:16px;line-height:1.15;margin:0 0 6px}.loginWelcome p{color:#49564f;font-size:13px;margin:0}.loginForm{display:grid;gap:8px;margin-top:24px}.loginField{color:#68766e;display:grid;font-size:12px;font-weight:500;gap:3px}.loginField>div{align-items:center;background:#fff;border:1px solid #dfe4dd;border-radius:0;display:grid;grid-template-columns:1fr 42px;min-height:34px}.loginField input{background:transparent;border:0;color:#303043;font:inherit;font-weight:500;min-width:0;outline:0;padding:0 0 0 14px}.loginField input::placeholder{color:#b1b1bc}.loginField svg{color:#a5a5ad;justify-self:center}.loginField button{align-items:center;background:transparent;border:0;color:#9c9ca6;cursor:pointer;display:inline-flex;height:34px;justify-content:center;padding:0;width:42px}.loginForgot{background:transparent;border:0;color:#6c4df6;cursor:pointer;font-size:13px;font-weight:700;justify-self:end;margin-top:-2px;padding:0}.loginSubmitButton{background:#6c4df6;border:0;border-radius:0;color:#fff;cursor:pointer;font-size:14px;font-weight:800;min-height:38px;transition:transform .16s ease,opacity .16s ease}.loginSubmitButton:hover:not(:disabled){transform:translateY(-1px)}.loginSubmitButton:disabled{cursor:not-allowed;opacity:.66}.errorText{background:#fee2e2cc;border:1px solid rgba(248,113,113,.34);border-radius:6px;color:#b91c1c;font-size:12px;padding:9px 11px}.loginAppDivider{align-items:center;color:#ffffffad;display:grid;font-size:12px;gap:14px;grid-template-columns:1fr auto 1fr}.loginAppDivider span{background:#ffffff52;height:1px}.loginAppDivider em{font-style:normal}.loginAppIcons{display:flex;gap:12px;justify-content:flex-end}.loginPanel .loginAppIcons button{align-items:center;background:#fff;border:0;border-radius:50%!important;box-shadow:0 12px 24px #1f293724;color:#111827;cursor:pointer;display:inline-flex;height:38px;justify-content:center;min-width:38px;padding:0;overflow:hidden;width:38px}.loginPanel .loginAppIcons img{display:block;height:18px;object-fit:contain;width:18px}.loginCopyright{color:#68766e;font-size:12px;margin:0;text-align:center}.loginFooter{align-items:center;align-self:end;display:flex;justify-content:space-between;margin-top:auto}@media(max-width:1180px){.loginPage{padding:20px 34px}.loginPanel{height:min(660px,calc(100dvh - 56px));margin-right:0;padding:40px 26px 22px;width:min(38vw,340px)}}@media(max-width:860px){.loginVisual{inset:0}.loginPage{justify-content:center;padding:18px 22px}.loginPanel{height:min(660px,calc(100dvh - 36px));margin-right:0;padding:36px 24px 22px;width:min(100%,380px)}.loginForm{margin-top:22px}}@media(max-width:480px){.loginPage{padding:12px}.loginBrand{gap:10px}.loginBrandMark{height:34px;width:34px}.loginBrandMark svg{height:26px;width:26px}.loginBrand strong{font-size:15px}.loginPanel{border-radius:10px;gap:18px;height:calc(100dvh - 24px);padding:30px 18px 20px;width:100%}.loginWelcome h1{font-size:16px}.loginWelcome p,.loginForgot{font-size:12px}.loginForm{gap:8px;margin-top:22px}.loginFooter{gap:18px}.loginCopyright{font-size:11px}.loginPanel .loginAppIcons button{height:38px;min-width:38px;width:38px}}@media(max-height:680px){.loginPanel{gap:16px;height:calc(100dvh - 24px);padding-top:28px}.loginForm{margin-top:18px}}@media(max-width:1180px){.loginPage{padding-block:64px}}@media(max-width:860px){.loginPage{padding-top:100px;padding-bottom:76px}.loginSearchScene{top:48px;right:0}.loginTagline{right:0}.loginPanel{min-height:600px}}:root{--fs-xs: 12px;--fs-sm: 14px;--fs-body: 14px;--fs-title: 24px;--fw-regular: 400;--fw-medium: 400;--font-body: "Poppins", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Poppins", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-page: #f7f9fc;--color-page-gradient: #f7f9fc;--color-surface: #ffffff;--color-text: #15232f;--color-muted: #657381;--color-border: #e7eaf3;--color-primary: #2f4156;--color-primary-dark: #263648;--color-primary-soft: #f2e8ff;--color-info-soft: #e8fbff;--color-info-border: #9de8f3;--color-danger: #e03131;--color-danger-soft: #fff0f0;--color-danger-border: #ffc9c9;--filter-text: #6c4df6;--filter-bg: #ffffff;--filter-border: #dfe4ef;--filter-control-bg: var(--filter-bg);--filter-control-border: var(--filter-border);--filter-control-text: var(--filter-text);--filter-control-hover-bg: #f2f0ff;--filter-control-hover-border: rgba(108, 77, 246, .32);--filter-control-hover-text: #6c4df6;--filter-control-radius: 0;--filter-control-height: 34px;--filter-control-font-size: var(--fs-xs);--filter-control-font-weight: var(--fw-regular);--filter-control-icon-size: 13px;--filter-control-chevron-size: 5px;--filter-control-gap: 6px;--filter-control-padding: 8px 10px 8px 12px;--filter-control-compact-padding: 8px 11px;--filter-control-menu-bg: #ffffff;--filter-control-menu-border: #dfe4ef;--filter-control-menu-radius: 0;--filter-control-menu-shadow: 0 14px 30px rgba(15, 23, 42, .14);--filter-control-option-text: #25435d;--filter-control-option-hover-bg: rgba(108, 77, 246, .1);--filter-control-option-hover-border: rgba(108, 77, 246, .22);--filter-control-option-hover-text: #6c4df6;--search-bg: #ffffff;--search-border: #e7eaf3;--btn-uniform-bg: #6c4df6;--btn-uniform-bg-hover: #5a3fe0;--btn-uniform-text: #ffffff;--btn-uniform-text-hover: #ffffff;--btn-uniform-border: #6c4df6;--btn-uniform-border-hover: #5a3fe0;--btn-uniform-radius: 0;--btn-uniform-height: 36px;--btn-uniform-font-size: var(--fs-xs);--btn-uniform-font-weight: var(--fw-regular);--btn-uniform-gap: 8px;--btn-uniform-padding: 0 14px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--radius-xl: 0;--radius-pill: 0;--radius-search: 6px;--z-dropdown: 40;--z-sticky: 60;--z-overlay: 200;--z-modal: 300;--status-active-bg: #d1fae5;--status-active-text: #065f46;--status-inactive-bg: #fee2e2;--status-inactive-text: #991b1b;--status-pending-bg: #fef3c7;--status-pending-text: #92400e;--status-info-bg: #dbeafe;--status-info-text: #1e40af;--search-icon: #6c4df6;--search-text: #0f172a;--search-placeholder: #64748b;--chip-bg: #ffffff;--chip-border: #dfe4ef;--chip-text: #6c4df6;--chip-hover-bg: #f2f0ff;--chip-hover-border: rgba(108, 77, 246, .3);--btn-primary-bg: #6c4df6;--btn-primary-text: #ffffff;--btn-primary-hover-bg: #5a3fe0;--btn-secondary-bg: #f2f0ff;--btn-secondary-border: rgba(108, 77, 246, .3);--btn-secondary-text: #6c4df6;--btn-secondary-hover-bg: rgba(108, 77, 246, .14);--ab-font-regular: 400;--ab-font-medium: 500;--ab-font-size-xs: 12px;--ab-font-size-sm: 14px;--ab-font-size-subhead: 16px;--ab-font-size-headline: 20px;--ab-text-main: #0f172a;--ab-text-muted: #64748b;--ab-text-filter: #2c5a7a;--ab-surface: #ffffff;--ab-search-bg: #f8fafd;--ab-search-border: #e2e8f0;--ab-border-soft: #e2e8f0;--ab-border-panel: #d9e4ee;--ab-border-pill: #cbdde9;--ab-action-bg: #6c4df6;--ab-action-soft-bg: #f2f0ff;--ab-action-soft-border: #d9d2ff;--ab-action-soft-text: #6c4df6;--ab-popover-shadow: 0 14px 30px rgba(15, 23, 42, .16);--ab-toolbar-bg: #eaf3f2;--ab-toolbar-border: #d6e6e4;--ab-panel-head-bg: #f6f8fc;--ab-table-head-text: #324f78;--ab-status-active-bg: #d1fae5;--ab-status-active-text: #065f46;--ab-status-inactive-bg: #fee2e2;--ab-status-inactive-text: #991b1b;--leads-font-regular: 400;--leads-font-medium: 500;--leads-font-size-xs: 12px;--leads-font-size-sm: 14px;--leads-text-main: #0f172a;--leads-text-muted: #64748b;--leads-text-filter: #6c4df6;--leads-surface: #ffffff;--leads-search-bg: #f8fafd;--leads-search-border: #e2e8f0;--leads-border-soft: #e2e8f0;--leads-border-panel: #d9e4ee;--leads-border-pill: #dcc8ff;--leads-action-bg: #6c4df6;--leads-action-soft-bg: #f2f0ff;--leads-action-soft-border: rgba(108, 77, 246, .3);--leads-action-soft-text: #6c4df6;--leads-popover-shadow: 0 14px 30px rgba(15, 23, 42, .16);--projects-page-bg: #ffffff;--projects-card-bg: var(--ui-card-bg, #ffffff);--projects-card-border: var(--ui-card-border, #dce3ee);--projects-card-radius: var(--ui-card-radius, 8px);--projects-card-shadow: var(--ui-card-shadow, 0 1px 2px rgba(15, 23, 42, .06));--projects-title-size: var(--ui-h2-size, 24px);--projects-title-weight: var(--ui-h2-weight, 720);--projects-card-title-size: var(--ui-card-title-size, 15px);--projects-card-title-weight: var(--ui-card-title-weight, 500);--projects-table-head-bg: #f3e9ff;--projects-table-head-text: #512087;--projects-progress-bg: #e2e8f0;--projects-progress-fill: #6c4df6;--projects-action-bg: var(--btn-uniform-bg, #6c4df6);--projects-action-bg-hover: var(--btn-uniform-bg-hover, #5a3fe0);--projects-action-text: var(--btn-uniform-text, #ffffff);--projects-ghost-bg: var(--ui-filter-button-bg, #ffffff);--projects-ghost-border: var(--ui-filter-button-border, #dce3ee);--projects-ghost-text: var(--ui-filter-button-text, #6c4df6);--invoice-heading-weight: var(--fw-regular, 400);--invoice-title-weight: var(--fw-medium, 400);--invoice-value-weight: var(--fw-medium, 400);--invoice-table-head-weight: var(--fw-regular, 400)}html{overflow-x:hidden}body{font-size:var(--fs-body);font-weight:var(--fw-regular)}b,strong{font-weight:inherit}:root{--font-body: "Poppins", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Poppins", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-page: var(--ui-page-bg, #f7f9fc);--color-page-gradient: var(--ui-page-bg, #f7f9fc);--color-surface: #ffffff;--color-text: var(--ui-color-text, #162033);--color-muted: var(--ui-color-muted, #64748b);--color-border: var(--ui-color-border, #dce3ee);--color-primary: var(--ui-color-primary, #2f4156);--color-primary-dark: var(--ui-color-primary-hover, #577c8e);--color-primary-soft: var(--ui-color-primary-soft, #eef2f6);--color-menu-text: #ffffff;--color-menu-active: var(--ui-color-primary-active, #577c8e);--color-info-soft: #e8fbff;--color-info-border: #9de8f3;--color-danger: #e03131;--color-danger-soft: #fff0f0;--color-danger-border: #ffc9c9;--btn-uniform-bg: var(--ui-color-button, #6c4df6);--btn-uniform-bg-hover: var(--ui-color-button-hover, #5a3fe0);--btn-uniform-text: #ffffff;--btn-uniform-text-hover: #ffffff;--btn-uniform-border: var(--ui-color-button, #6c4df6);--btn-uniform-border-hover: var(--ui-color-button-hover, #5a3fe0);--btn-uniform-radius: 0;--btn-uniform-height: 36px;--btn-uniform-font-size: 12px;--btn-uniform-font-weight: 400;--btn-uniform-gap: 8px;--btn-uniform-padding: 0 14px;--app-table-header-bg: #ffffff;--app-table-header-border: #e7eaf3;--app-table-header-border-strong: #d4d9e8;--app-table-header-text: #44506a;color:var(--color-text);background:var(--color-page);font-family:var(--font-body);font-size:16px;line-height:1.5}*{box-sizing:border-box}body{background:var(--ui-page-bg, #f7f9fc);margin:0;min-width:320px;overflow:hidden}body:has(.dashboardPage),body:has(.leadsPage),body:has(.geoDispatchPage),body:has(.taskSummary),body:has(.attendancePage),body:has(.payrollPage),body:has(.customBuilderPage),body:has(.fieldUsersReferencePage){background:var(--ui-page-bg, #f7f9fc)}#root{height:100vh;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.pageHeader h2{color:var(--color-text);font-family:var(--font-heading);font-size:28px;font-weight:650;line-height:1.1;margin:0}.pageHeader p{color:var(--color-muted);margin:0}label{color:#354250;display:grid;font-weight:700;gap:7px}input,select,textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);padding:10px 12px}textarea{min-height:86px;resize:vertical}body.securityNoClipboard{-webkit-user-select:none;user-select:none}body.securityNoClipboard input,body.securityNoClipboard textarea,body.securityNoClipboard [contenteditable=true]{-webkit-user-select:text;user-select:text}.primaryButton,.iconButton{align-items:center;border:0;border-radius:8px;display:inline-flex;font-weight:650;gap:8px;justify-content:center}.primaryButton{background:var(--btn-uniform-bg);border:1px solid var(--btn-uniform-border);color:var(--btn-uniform-text);min-height:var(--btn-uniform-height);padding:var(--btn-uniform-padding)}.primaryButton:disabled{opacity:.65}.primaryButton,.payrollGhostBtn,.payrollPrimaryBtn,.payrollExportBtn,.fuSoftAddBtn,.fuAddBtn,.leadsSoftAddBtn,.outlinePill,.solidPill,.leadsUploadButton,.leadsUploadChip,.topbarNotificationClearBtn{align-items:center!important;background:var(--btn-uniform-bg)!important;border:1px solid var(--btn-uniform-border)!important;border-radius:var(--btn-uniform-radius)!important;color:var(--btn-uniform-text)!important;display:inline-flex!important;font-size:var(--btn-uniform-font-size)!important;font-weight:var(--btn-uniform-font-weight)!important;gap:var(--btn-uniform-gap)!important;min-height:var(--btn-uniform-height)!important;padding:var(--btn-uniform-padding)!important}.primaryButton svg,.payrollGhostBtn svg,.payrollPrimaryBtn svg,.payrollExportBtn svg,.fuSoftAddBtn svg,.fuAddBtn svg,.leadsSoftAddBtn svg,.outlinePill svg,.solidPill svg,.leadsUploadButton svg,.leadsUploadChip svg,.topbarNotificationClearBtn svg{color:currentColor!important}.primaryButton:hover,.payrollGhostBtn:hover,.payrollPrimaryBtn:hover,.payrollExportBtn:hover,.fuSoftAddBtn:hover,.fuAddBtn:hover,.leadsSoftAddBtn:hover,.outlinePill:hover,.solidPill:hover,.leadsUploadButton:hover,.leadsUploadChip:hover,.topbarNotificationClearBtn:hover{background:var(--btn-uniform-bg-hover)!important;border-color:var(--btn-uniform-border-hover)!important;color:var(--btn-uniform-text-hover)!important}.solidPill,.fuSoftAddBtn,.leadsSoftAddBtn,.taskAddBtn{background:var(--ui-color-button, #6c4df6)!important;border-color:var(--ui-color-button, #6c4df6)!important;color:#fff!important}.solidPill:hover,.fuSoftAddBtn:hover,.leadsSoftAddBtn:hover,.taskAddBtn:hover{background:var(--ui-color-button-hover, #5a3fe0)!important;border-color:var(--ui-color-button-hover, #5a3fe0)!important;color:#fff!important}.errorText{color:#b42318;font-weight:700}.shell{--sidebar-width: 64px;display:grid;grid-template-columns:var(--sidebar-width) 1fr;height:100vh;overflow:hidden;transition:grid-template-columns .26s cubic-bezier(.22,1,.36,1)}.shell.sidebarOpen{--sidebar-width: 184px}.main{background:var(--color-page-gradient);display:flex;flex-direction:column;grid-column:2;height:100vh;min-height:0;min-width:0;overflow:hidden}@media(max-width:760px){.main{grid-column:1}}.routeTransitionShell{animation:routeEnter .32s cubic-bezier(.22,1,.36,1);animation-fill-mode:both;backface-visibility:hidden;flex:1 1 auto;min-height:0;overflow-y:auto;transform:translateZ(0);transform-origin:100% 50%;will-change:transform,opacity}.shell>.main{display:flex!important;flex-direction:column!important;overflow:hidden!important}.main>.topbar,.main>.topbarDivider{flex:0 0 auto;position:sticky;top:0;z-index:120}.main>.topbarDivider{top:52px;z-index:119}.main>.routeTransitionShell{flex:1 1 auto!important;height:auto!important;min-height:0!important;overflow-x:hidden;overflow-y:auto!important}@keyframes routeEnter{0%{opacity:0;transform:translate3d(24px,0,0)}to{opacity:1;transform:translateZ(0)}}@media(prefers-reduced-motion:reduce){.routeTransitionShell{animation:none}}.topbar{align-items:center;background:#fff;border-bottom:1px solid #e7eaf3;box-shadow:none;display:flex;gap:10px;justify-content:space-between;min-height:52px;padding:6px 14px}.topbarDivider{height:1px;background:#d2dae8b3;margin:0;position:relative;width:100%}body:has(.payrollPage) .topbarDivider{height:50px;background:#fff;border-bottom:1px solid rgba(210,218,232,.7)}.payrollStripActions{align-items:center;display:none;gap:10px;left:18px;position:absolute;right:18px;top:50%;transform:translateY(-50%)}body:has(.salaryStructurePage) .payrollStripActions,body:has(.addSalaryStructure) .payrollStripActions{display:flex}.payrollStripActions>.salaryStructureHeroActions{margin-left:auto}body:has(.payrollPage) .routeTransitionShell{height:calc(100vh - 102px);overflow-y:auto}.topbarLeft{align-items:center;display:flex;gap:10px;justify-items:start;min-width:156px}.topbarLeft strong{color:#1f2937;font-size:16px;font-weight:400;letter-spacing:0;line-height:1.05}.topbarLeft span{color:#64748b;font-size:12px;font-weight:400;margin-top:3px}.topbarLeft>.topbarBranchSwitcher:first-child .topbarBranchButton{min-width:156px}.topbarRight{align-items:center;display:flex;gap:10px;margin-left:auto;padding-right:14px}.topbarRight{position:relative}.topbarLiyaBtn{align-items:center;animation:none;background:linear-gradient(135deg,#151f2f,#263238 54%,#0f766e);border:1px solid rgba(15,118,110,.34);border-radius:999px;box-shadow:0 8px 18px #0f766e29,inset 0 1px #ffffff1f;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;min-height:32px;overflow:hidden;padding:0 13px;position:relative;transition:opacity .15s,transform .15s;white-space:nowrap}.topbarLiyaBtn:before{background:#22c55e;box-shadow:0 0 0 4px #22c55e29;border-radius:999px;content:"";height:8px;position:relative;width:8px;z-index:1}.topbarLiyaBtn:after{animation:liyaBorderSpin 1.7s linear infinite;background:conic-gradient(from 0deg,transparent 0 62%,rgba(255,255,255,.1) 69%,#ffffff 76%,rgba(255,255,255,.85) 82%,transparent 92% 100%);border-radius:999px;content:"";inset:0;padding:1.5px;pointer-events:none;position:absolute;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.topbarLiyaBtn span{position:relative;z-index:1}.topbarLiyaBtn svg{display:none}@keyframes liyaColorShift{0%,to{background:var(--ui-color-button, #6c4df6);box-shadow:var(--ui-shadow-sm, 0 1px 2px rgba(15, 23, 42, .06))}}@keyframes liyaBorderSpin{to{transform:rotate(360deg)}}.topbarLiyaBtn:hover{opacity:.88;transform:translateY(-1px);animation-play-state:paused}.topbarLiyaBtnActive{animation-play-state:paused;opacity:.9}.topbarSearchWrap{position:relative}.topbarSearch{align-items:center;background:#f8fafc;border:1px solid #dbe4ef;border-radius:12px;box-shadow:0 8px 20px #4b5e820b;color:#64748b;display:flex;gap:8px;min-height:38px;min-width:420px;padding:0 9px;font-weight:400;width:clamp(180px,18vw,260px)}.topbarSearch.appSearch{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#6b4df66b,#14b8a657) border-box;border-color:transparent;border-radius:999px;box-shadow:none;color:#7a8594;flex:0 1 360px;height:30px;min-height:30px;min-width:300px;overflow:hidden;padding:0 13px;width:360px}.topbarSearch.appSearch:focus-within{border-color:var(--app-list-filter-blue, #2d8cff);box-shadow:0 0 0 3px var(--app-list-search-ring, rgba(45, 140, 255, .14))}.topbarSearch.appSearch .appSearchHint{left:38px}.topbarSearch.appSearch svg{color:#7a8594;flex:0 0 auto;position:relative;z-index:2}.topbarSearch input{background:transparent;border:0;color:#1f2937;min-height:26px;padding:0;width:100%}.topbarSearch input:focus{outline:none}.topbarSearch input::placeholder{color:#94a3b8}.topbarSearchResults{background:#fffffffa;border:1px solid #d7e2ed;border-radius:12px;box-shadow:0 18px 42px #152f4229;display:grid;gap:4px;left:0;max-height:360px;overflow:auto;padding:8px;position:absolute;top:calc(100% + 8px);width:min(420px,72vw);z-index:70}.topbarSearchResults button{background:transparent;border:1px solid transparent;border-radius:8px;color:#20384c;cursor:pointer;display:grid;gap:2px;padding:9px 10px;text-align:left}.topbarSearchResults button:hover{background:#f2f7fb;border-color:#dbe8f2}.topbarSearchResults span{color:#2563eb;font-size:10px;font-weight:600;text-transform:uppercase}.topbarSearchResults strong{color:#102236;font-size:13px;font-weight:500}.topbarSearchResults small,.topbarSearchEmpty{color:#64748b;font-size:11px;font-weight:400}.topbarSearchEmpty{padding:12px 10px}.topbarIconBtn{align-items:center;background:#f5f8ff;border:1px solid #e0e7ff;border-radius:100%;box-shadow:0 6px 16px #4f46e514;color:#435073;cursor:pointer;display:inline-flex;height:32px;justify-content:center;position:relative;width:32px}.topbarIconBtn:hover,.topbarIconBtn[aria-expanded=true]{background:#eef2ff;border-color:#c7d2fe;color:#4f46e5}.topbarNotifBadge{align-items:center;background:#e03131;border:2px solid #ffffff;border-radius:999px;color:#fff;display:inline-flex;font-size:10px;font-weight:500;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-7px;top:-7px}.topbarNotifications{display:inline-flex;flex:0 0 auto;position:relative}.topbarUser{align-items:center;display:flex;flex:0 0 auto;gap:8px;min-width:32px;position:relative}.topbarBranchSwitcher{display:inline-flex;flex:0 0 auto;position:relative}.topbarBranchButton{align-items:center;background:#6c4df6;border:1px solid #6c4df6;border-radius:999px;box-shadow:none;color:#fff;display:inline-flex;font-size:12px;font-weight:600;gap:8px;height:34px;max-width:220px;min-width:156px;padding:0 13px;transition:box-shadow .18s ease,transform .18s ease,filter .18s ease}.topbarBranchButton:hover,.topbarBranchButton[aria-expanded=true]{background:#5939db;border-color:#5939db}.topbarBranchButton svg{color:#fff;flex:0 0 auto}.topbarBranchButton span{color:#fff;font-size:12px;font-weight:600;margin-top:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbarBranchMenu{background:#fff;border:1px solid #dbe4ef;border-radius:10px;box-shadow:0 18px 45px #0f172a29;display:grid;gap:4px;min-width:230px;padding:8px;position:absolute;left:0;top:calc(100% + 10px);z-index:1200}.topbarBranchMenu button{align-items:center;background:transparent;border:0;border-radius:7px;color:#26344f;display:grid;font-size:12px;font-weight:500;gap:2px;justify-items:start;min-height:34px;padding:7px 9px;text-align:left}.topbarBranchMenu button:hover,.topbarBranchMenu button.active{background:#f3f0ff;color:#6c4df6}.topbarBranchMenu button span{color:inherit;font-size:12px;font-weight:600;margin-top:0}.topbarBranchMenu small{color:#64748b;font-size:10px}.topbarBranchAddBtn{background:#f3f0ff!important;border-top:1px solid #edf2f7!important;color:#6c4df6!important;grid-template-columns:auto 1fr;margin-top:4px}.topbarUser>div{align-items:start;display:grid;gap:2px;justify-items:start;line-height:1.1;min-width:0}.topbarAvatar{align-items:center;background:linear-gradient(135deg,#7c3aed,#2563eb 52%,#14b8a6);border:1px solid rgba(255,255,255,.78);border-radius:100%;box-shadow:0 8px 18px #4f46e52e;color:#fff;display:inline-flex;font-size:14px;font-weight:400;height:32px;justify-content:center;line-height:1;text-align:center;text-transform:uppercase;width:32px}.topbarUser strong{display:block;font-size:13px;font-weight:400;line-height:1.1;max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbarUser strong{color:#1f2937}.topbarUser>div span{color:#64748b;display:block;font-size:11px;font-weight:400;line-height:1.1;max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbarProfileButton{align-items:center;background:transparent;border:0;cursor:pointer;display:inline-flex;height:34px;justify-content:center;padding:0;width:34px}.topbarProfileButton:hover .topbarAvatar{border-color:#fff;box-shadow:0 0 0 3px #4f46e529,0 8px 18px #4f46e533}.topbarProfileMenu{background:#fff;border:1px solid #dfe4dd;border-radius:6px;box-shadow:0 20px 44px #0f172a2e;color:#152420;min-width:292px;overflow:hidden;position:absolute;right:0;top:44px;z-index:9000}.topbarProfileMenuHead{align-items:center;background:#2f4156;border-bottom:1px solid #2f4156;display:grid;gap:14px;grid-template-columns:72px minmax(0,1fr);padding:18px 16px}.topbarProfileLargeAvatar{align-items:center;background:#f2f6f3;border-radius:999px;color:#b8c1bc;display:inline-flex;font-size:38px;height:72px;justify-content:center;width:72px}.topbarProfileMenuHead>div strong,.topbarUser .topbarProfileMenuHead>div strong{color:#fff!important;display:block;font-size:14px;font-weight:500;line-height:1.2;margin-bottom:6px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbarProfileMenuHead>div span,.topbarUser .topbarProfileMenuHead>div span{align-items:center;color:#e4f3ed!important;display:flex;font-size:12px;font-weight:400;gap:7px;line-height:1.45;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbarProfileMenuHead>div span svg{color:#bfe7d7;flex:0 0 12px;font-size:11px}.topbarProfileClock{display:grid;gap:6px;justify-items:center;padding:18px 16px 14px}.topbarProfileClock button{background:var(--ui-color-button);border:1px solid var(--ui-color-button);border-radius:999px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;min-height:40px;width:100%}.topbarProfileClock small,.topbarUser .topbarProfileClock small{color:#7f8c86!important;font-size:10px;font-weight:600;line-height:1.1}.topbarProfileClock strong,.topbarUser .topbarProfileClock strong{color:#26362f!important;font-size:12px;font-weight:700;line-height:1.2;max-width:none;white-space:nowrap}.topbarProfileLogout{align-items:center;background:#fff;border:0;border-top:1px solid #dfe4dd;color:#4b5563;cursor:pointer;display:flex;gap:8px;justify-content:center;min-height:48px;width:100%}.topbarProfileLogout span,.topbarUser .topbarProfileLogout span,body:has(.dashboardPage) .topbarUser .topbarProfileLogout span{color:inherit!important;font-weight:600!important}.topbarProfileLogout svg,body:has(.dashboardPage) .topbarProfileLogout svg{color:inherit!important}.topbarProfileLogout:hover{background:#fff;color:#e11d48!important}.topbarNotificationsPanel{background:#fff;border:1px solid #d6e4ef;border-radius:12px;box-shadow:0 12px 32px #152f4226;max-height:360px;overflow:auto;padding:8px;position:absolute;right:0;top:44px;width:340px;z-index:50}.topbarNotificationsPanel>header{align-items:center;border-bottom:1px solid #e4edf4;display:flex;justify-content:space-between;margin-bottom:6px;padding:4px 6px 8px}.topbarNotificationsPanel>header strong{color:#184764;font-size:14px}.topbarNotificationClearBtn{background:#edf5fb;border:1px solid #c9deec;border-radius:8px;color:#1b587a;cursor:pointer;font-size:11px;font-weight:700;padding:4px 8px}.topbarNotificationClearBtn:disabled{cursor:not-allowed;opacity:.5}.topbarNotificationItem{border-radius:10px;padding:8px}.topbarNotificationItem+.topbarNotificationItem{margin-top:4px}.topbarNotificationItem.isUnread{background:#eff7fd}.topbarNotificationItem.isRead{background:#f7fafc}.topbarNotificationItem strong{color:#1c5678;display:block;font-size:13px;margin-bottom:2px}.topbarNotificationItem p{color:#30495b;font-size:12px;margin:0 0 3px}.topbarNotificationItem small{color:#6d8395;font-size:11px}.topbarNotificationEmpty{color:#6d8395;font-size:12px;padding:12px 8px}.menuButton{display:none}.iconButton{background:var(--color-menu-active);height:40px;width:40px}.userChip{background:var(--color-primary-soft);border:1px solid var(--color-info-border);border-radius:999px;color:var(--color-primary-dark);font-weight:800;padding:8px 14px}.networkChip{border:1px solid transparent;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.04em;padding:7px 11px}.networkChipONLINE{background:#ebfbee;border-color:#b2f2bb;color:#2b8a3e}.networkChipDEGRADED{background:#fff9db;border-color:#ffe066;color:#e67700}.networkChipOFFLINE{background:#fff0f0;border-color:#ffc9c9;color:#c92a2a}.page{background:transparent;border-radius:0;display:grid;gap:22px;padding:clamp(16px,1.6vw,28px)}body:has(.settingsPage) .routeTransitionShell,body:has(.settingsDetailPage) .routeTransitionShell{height:calc(100vh - 79px);overflow:auto}body:has(.settingsPage) .settingsPage,body:has(.settingsDetailPage) .settingsDetailPage{padding-bottom:48px}.pageHeader{align-items:end;display:flex;justify-content:space-between}.metricCard,.panel{background:#fff;border:1px solid var(--color-border);border-radius:8px}.metricCard{display:grid;gap:10px;padding:18px}.metricCard span{color:var(--color-muted);font-weight:600}.metricCard strong{font-size:30px}.metricCard.green{border-left:5px solid #2f9e44}.metricCard.amber{border-left:5px solid #f59f00}.metricCard.blue{border-left:5px solid #1971c2}.metricCard.slate{border-left:5px solid #475569}.panel{padding:18px}.panelTitle{align-items:center;display:flex;font-size:17px;font-weight:900;gap:8px;margin-bottom:16px}.pageState{align-items:center;color:#526177;display:flex;gap:12px;justify-content:center;min-height:180px;padding:28px}.pageState:not(.errorText):before{animation:morphingSquareSpin 1.7s ease-in-out infinite;background:#26344f;border-radius:8%;content:"";display:inline-block;height:34px;width:34px}.morphingSquare{align-items:center;color:#26344f;display:inline-flex;font-size:12px;font-weight:500;gap:10px;justify-content:center}.morphingSquare-bottom{flex-direction:column}.morphingSquare-top{flex-direction:column-reverse}.morphingSquare-left{flex-direction:row-reverse}.morphingSquare-right{flex-direction:row}.morphingSquareShape{animation:morphingSquareSpin 1.7s ease-in-out infinite;background:#26344f;border-radius:8%;display:inline-block;height:38px;width:38px}.morphingSquareMessage{color:#526177}.branchLoadingOverlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#f8fafcb8;display:flex;inset:52px 0 0 var(--sidebar-width);justify-content:center;pointer-events:none;position:fixed;z-index:900}@keyframes morphingSquareSpin{0%{border-radius:8%;transform:rotate(0)}50%{border-radius:50%;transform:rotate(180deg)}to{border-radius:8%;transform:rotate(360deg)}}@media(max-height:900px)and (min-width:761px){.shell.sidebarOpen{--sidebar-width: 176px}}@media(min-width:1024px)and (max-width:1440px){.shell.sidebarOpen{--sidebar-width: 176px}.topbar{gap:12px;min-height:48px;margin:4px 8px 0;padding:4px 12px}.topbarLeft strong{font-size:16px}.topbarSearch{min-width:170px;width:clamp(170px,16vw,220px)}.page{gap:16px;padding:16px}}@media(min-width:1441px)and (max-width:1920px){.page{gap:20px;padding:20px}}@media(max-width:760px){.shell{grid-template-columns:1fr;--sidebar-width: 1fr}.menuButton{display:inline-flex}.topbar{height:auto;margin:4px 6px;padding:6px 8px}body:has(.payrollPage) .topbarDivider{height:78px}body:has(.payrollPage) .routeTransitionShell{height:calc(100vh - 130px)}.payrollStripActions{align-items:stretch;flex-direction:column;left:12px;right:12px}.userChip{display:none}.topbarLeft strong{font-size:16px}.topbarSearch{min-width:140px}.page{padding:22px}}body:has(.dashboardPage) .main{background:transparent;height:100vh;overflow:hidden}body:has(.leadsPage) .main,body:has(.geoDispatchPage) .main,body:has(.taskSummary) .main,body:has(.attendancePage) .main,body:has(.payrollPage) .main,body:has(.customBuilderPage) .main,body:has(.fieldUsersReferencePage) .main{background:transparent}body:has(.customBuilderPage) .main,body:has(.customBuilderPage) .routeTransitionShell{overflow-y:auto}body:has(.customBuilderPage) .main{overflow:hidden}body:has(.dashboardPage) .topbar{background:#fff;border-bottom:1px solid #e7eaf3;box-shadow:none;min-height:52px;padding:6px 14px}body:has(.dashboardPage) .topbarLeft{align-items:center;display:flex;justify-items:start}body:has(.dashboardPage) .topbarLeft strong{color:#1f2937;font-size:16px;font-weight:500;letter-spacing:0;line-height:1.05}body:has(.dashboardPage) .topbarLeft span{color:#64748b;font-size:12px;font-weight:400;margin-top:3px}body:has(.dashboardPage) .topbarDatePill{align-items:center;background:#ffffff8a;border:1px solid rgba(122,139,171,.14);border-radius:10px;color:#4f5e79;display:inline-flex;font-size:11.5px;gap:6px;justify-self:end;margin-top:4px;min-height:27px;padding:0 16px;white-space:nowrap}body:has(.dashboardPage) .topbarRight{gap:10px;margin-left:auto;padding-right:14px}body:has(.dashboardPage) .menuButton{background:#ffffffb8;border:1px solid rgba(122,139,171,.18);border-radius:14px;box-shadow:0 14px 32px #4b5e8214;color:#5f6b8a}body:has(.dashboardPage) .topbarSearch{background:#f8fafc;border:1px solid #dbe4ef;border-radius:12px;box-shadow:0 8px 20px #4b5e820b;min-height:38px;min-width:420px}body:has(.dashboardPage) .topbarLiyaBtn{background:linear-gradient(135deg,#151f2f,#263238 54%,#0f766e);border:1px solid rgba(15,118,110,.34);border-radius:999px;box-shadow:0 8px 18px #0f766e29,inset 0 1px #ffffff1f;font-size:12px;font-weight:500;min-height:32px;padding:0 13px}body:has(.dashboardPage) .topbarIconBtn{background:#f5f8ff;border:1px solid #e0e7ff;box-shadow:0 6px 16px #4f46e514}body:has(.dashboardPage) .topbarAvatar{background:linear-gradient(135deg,#7c3aed,#2563eb 52%,#14b8a6);border-color:#ffffffc7;box-shadow:0 8px 18px #4f46e52e;color:#fff;font-size:14px;font-weight:400;height:32px;width:32px}body:has(.dashboardPage) .topbarUser strong{color:#1f2937}body:has(.dashboardPage) .topbarUser span,body:has(.dashboardPage) .topbarSearch input,body:has(.dashboardPage) .topbarSearch svg{color:#475569}body:has(.dashboardPage) .topbarUser strong,body:has(.dashboardPage) .topbarUser span,body:has(.dashboardPage) .topbarSearch input,body:has(.dashboardPage) .topbarSearch svg,body:has(.dashboardPage) .topbarIconBtn,body:has(.dashboardPage) .topbarLiyaBtn,body:has(.dashboardPage) .topbarLiyaBtn span,body:has(.dashboardPage) .topbarNotifBadge,body:has(.dashboardPage) .topbarNotificationsPanel strong,body:has(.dashboardPage) .topbarNotificationItem strong{font-weight:400}body:has(.dashboardPage) .topbarLiyaBtn,body:has(.dashboardPage) .topbarLiyaBtn span{font-weight:500}body:has(.dashboardPage) .topbarBranchButton{color:#fff;font-weight:600}body:has(.dashboardPage) .topbarBranchButton span{color:#fff;font-weight:600;margin-top:0}body:has(.dashboardPage) .topbarBranchButton svg{color:#fff}body:has(.dashboardPage) .topbarUser .topbarAvatar{color:#fff}body:has(.dashboardPage) .routeTransitionShell{height:calc(100vh - 56px);overflow:hidden}.employeeWishOverlay{align-items:center;background:#0f172a7a;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:2000}.employeeWishCard{background:#fff;border-radius:18px!important;box-shadow:0 24px 70px #0f172a47;max-height:min(760px,92vh);max-width:min(560px,92vw);overflow:hidden;padding:0;position:relative}.employeeWishCard img{display:block;height:auto;max-height:92vh;max-width:100%;object-fit:contain}.employeeWishCard>button{align-items:center;background:#0f172ab8;border:0;border-radius:50%!important;color:#fff;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;position:absolute;right:12px;top:12px;width:30px;z-index:1}.employeeWishFallbackIcon{align-items:center;background:linear-gradient(135deg,#6d4aff,#19b87a);color:#fff;display:flex;font-size:42px;font-weight:700;height:260px;justify-content:center;width:420px}.branchFormOverlay{align-items:center;background:#0f172a75;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:2100}.branchFormCard{background:#fff;border:1px solid #dbe4ef;border-radius:12px;box-shadow:0 26px 72px #0f172a3d;display:grid;max-width:760px;overflow:hidden;width:min(760px,100%)}.branchFormCard>header{align-items:center;border-bottom:1px solid #e7eaf3;display:flex;justify-content:space-between;padding:16px 18px}.branchFormCard>header strong{color:#172033;display:block;font-size:17px;font-weight:600}.branchFormCard>header span{color:#64748b;display:block;font-size:12px;margin-top:3px}.branchFormCard>header button{align-items:center;background:#f8fafc;border:1px solid #dbe4ef;border-radius:999px;color:#334155;display:inline-flex;height:32px;justify-content:center;width:32px}.branchFormGrid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));padding:18px}.branchFormGrid label{gap:6px}.branchFormGrid label>span{color:#334155;font-size:12px;font-weight:600}.branchFormGrid input,.branchFormGrid select,.branchFormGrid textarea{border-radius:7px;font-size:13px;min-height:38px}.branchFormWide{grid-column:1 / -1}.branchFormCard>footer{align-items:center;border-top:1px solid #e7eaf3;display:flex;gap:10px;justify-content:flex-end;padding:14px 18px}.branchFormCard>footer button{background:#fff;border:1px solid #dbe4ef;border-radius:7px;color:#26344f;font-size:13px;font-weight:600;min-height:36px;padding:0 14px}.branchFormCard>footer button[type=submit]{background:#6c4df6;border-color:#6c4df6;color:#fff}@media(max-width:760px){.topbarBranchButton{max-width:136px;min-width:136px}.branchFormGrid{grid-template-columns:1fr}}:root{--ui-font-body: "Poppins", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ui-font-heading: "Poppins", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ui-color-page: #f7f9fc;--ui-color-app-bg: #f7f9fc;--ui-color-surface: #ffffff;--ui-color-surface-muted: #f7f9fc;--ui-color-text: #162033;--ui-color-heading: #111827;--ui-color-muted: #64748b;--ui-color-primary: #2f4156;--ui-color-primary-hover: #577c8e;--ui-color-primary-active: #1f6f52;--ui-color-primary-soft: #f2e8ff;--ui-color-button: #6c4df6;--ui-color-button-hover: #5a3fe0;--ui-color-button-soft: #f2f0ff;--ui-color-secondary: #6c4df6;--ui-color-secondary-hover: #5a3fe0;--ui-color-secondary-soft: #f3e9ff;--ui-color-accent: #00a3ff;--ui-color-warning: #f59e0b;--ui-color-danger: #dc2626;--ui-color-success: #16a34a;--ui-color-border: #e7eaf3;--ui-color-border-strong: #d4d9e8;--ui-shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--ui-shadow-md: 0 10px 26px rgba(15, 23, 42, .08);--ui-shadow-lg: 0 18px 42px rgba(15, 23, 42, .12);--ui-radius-xs: 0;--ui-radius-sm: 0;--ui-radius-md: 0;--ui-radius-lg: 0;--ui-radius-pill: 0;--ui-focus-ring: 0 0 0 3px rgba(108, 77, 246, .18);--ui-transition-fast: .14s ease;--ui-transition-base: .2s ease;--ui-h1-size: 32px;--ui-h1-weight: 600;--ui-h2-size: 24px;--ui-h2-weight: 500;--ui-h3-size: 18px;--ui-h3-weight: 500;--ui-h4-size: 15px;--ui-h4-weight: 500;--ui-p-size: 14px;--ui-p-weight: 400;--ui-card-bg: #ffffff;--ui-card-radius: 0;--ui-card-padding: 16px;--ui-card-title-size: 15px;--ui-card-title-weight: 400;--ui-card-title-line-height: 1.25;--ui-page-bg: #f7f9fc}body:has(.globalUiScope){overflow:auto}body:has(.globalUiScope) #root{height:auto;min-height:100vh;overflow:visible}.globalUiScope,.globalUiScope button,.globalUiScope input,.globalUiScope select,.globalUiScope textarea{font-family:var(--ui-font-body)}.globalUiScope{background:var(--ui-color-page);color:var(--ui-color-text);min-height:100vh}.globalUiScope h1,.globalUiScope h2,.globalUiScope h3,.globalUiScope h4,.globalUiScope p{margin:0}.globalUiScope h1{color:var(--ui-color-heading);font-family:var(--ui-font-heading);font-size:32px;font-weight:var(--ui-h1-weight);line-height:1.12}.globalUiScope h2{color:var(--ui-color-heading);font-family:var(--ui-font-heading);font-size:24px;font-weight:var(--ui-h2-weight);line-height:1.18}.globalUiScope h3{color:var(--ui-color-heading);font-size:18px;font-weight:var(--ui-h3-weight);line-height:1.25}.globalUiScope h4{color:var(--ui-color-heading);font-size:15px;font-weight:var(--ui-h4-weight);line-height:1.3}.globalUiScope p{color:var(--ui-color-muted);font-size:14px;font-weight:400;line-height:1.55}.ui-page{display:grid;gap:22px;padding:28px}.ui-appFrame{background:var(--ui-page-bg);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);display:grid;grid-template-columns:210px 1fr;min-height:360px;overflow:hidden}.ui-sidebarPreview{background:var(--ui-color-primary);color:#fff;display:grid;gap:8px;align-content:start;padding:14px}.ui-sidebarBrand{border-bottom:1px solid rgba(255,255,255,.18);font-size:18px;font-weight:600;margin-bottom:8px;padding:8px 4px 14px}.ui-sideNavItem{background:transparent;border:0;border-radius:var(--ui-radius-sm);color:#dbe5ef;cursor:pointer;font-size:13px;font-weight:400;min-height:38px;padding:0 11px;text-align:left;transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast)}.ui-sideNavItem:hover,.ui-sideNavItem.isActive{background:var(--ui-color-primary-active);color:#fff}.ui-frameMain{display:grid;grid-template-rows:auto 1fr;min-width:0}.ui-navbarPreview{align-items:center;background:var(--ui-color-primary);color:#fff;display:flex;justify-content:space-between;min-height:54px;padding:0 16px}.ui-navbarPreview strong{font-size:15px}.ui-frameContent{display:grid;gap:14px;padding:16px}.ui-section{display:grid;gap:14px}.ui-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.ui-card{background:var(--ui-color-surface);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-sm);display:grid;gap:12px;padding:16px;transition:border-color var(--ui-transition-base),box-shadow var(--ui-transition-base),transform var(--ui-transition-base)}.ui-card:hover{border-color:var(--ui-color-border-strong);box-shadow:var(--ui-shadow-md);transform:translateY(-1px)}.ui-cardHeader{align-items:start;display:flex;gap:12px;justify-content:space-between}.ui-surface{background:var(--ui-color-surface-muted);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);padding:14px}.ui-row,.ui-leadFilterBar{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.ui-leadFilterWrap,.ui-leadCalendarWrap{position:relative;z-index:40}.ui-leadFilterButton,.ui-leadCalendarButton{align-items:center;background:var(--ui-color-surface);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-pill);color:var(--ui-color-button);cursor:pointer;display:grid;font-size:12px;font-weight:650;gap:7px;grid-template-columns:14px max-content 8px;min-height:34px;padding:8px 11px;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast);width:max-content}.ui-leadFilterButton:hover,.ui-leadCalendarButton:hover,.ui-leadFilterButton.isOpen,.ui-leadCalendarButton.isOpen{background:var(--ui-color-button-soft);border-color:#577c8e61}.ui-leadFilterButton span,.ui-leadCalendarButton span{max-width:136px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ui-leadFilterButton:after,.ui-leadCalendarButton:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--ui-color-button);content:"";justify-self:end;transition:transform .18s ease}.ui-leadFilterButton.isOpen:after,.ui-leadCalendarButton.isOpen:after{transform:rotate(180deg)}.ui-leadFilterMenu,.ui-leadCalendarPopover{background:#fff;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);box-shadow:0 14px 30px #0f172a24;opacity:0;pointer-events:none;position:absolute;top:calc(100% + 8px);transform:translateY(-6px) scale(.98);transition:opacity .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1),visibility .18s ease;visibility:hidden;z-index:100}.ui-leadFilterMenu{display:grid;gap:3px;left:0;max-height:280px;min-width:190px;overflow-y:auto;padding:8px;transform-origin:top left}.ui-leadFilterMenu.isOpen,.ui-leadCalendarPopover.isOpen{opacity:1;pointer-events:auto;transform:translateY(0) scale(1);visibility:visible}.ui-leadFilterMenu button{background:transparent;border:1px solid transparent;border-radius:var(--ui-radius-md);color:var(--filter-control-option-text, var(--ui-color-text));cursor:pointer;font-size:12px;font-weight:560;line-height:1.25;min-height:30px;padding:7px 9px;text-align:left;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),color var(--ui-transition-fast),transform var(--ui-transition-fast)}.ui-leadFilterMenu button:hover,.ui-leadFilterMenu button.isSelected{background:var(--filter-control-option-hover-bg, rgba(87, 124, 142, .12));border-color:var(--filter-control-option-hover-border, rgba(87, 124, 142, .2));color:var(--filter-control-option-hover-text, var(--ui-color-button))}.ui-leadFilterMenu button:hover{transform:translate(2px)}.ui-leadCalendarPopover{padding:14px;right:0;transform-origin:top right;width:242px}.ui-leadCalendarHead{display:grid;gap:8px;grid-template-columns:1fr 88px}.ui-leadCalendarHead select{background:var(--ui-color-surface-muted);border:0;border-radius:var(--ui-radius-md);color:var(--ui-color-text);font-size:12px;min-height:34px;padding:0 8px}.ui-leadCalendarWeekdays,.ui-leadCalendarGrid{display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.ui-leadCalendarWeekdays{color:var(--ui-color-muted);font-size:10px;font-weight:700;margin-top:12px;text-align:center}.ui-leadCalendarGrid{margin-top:8px}.ui-leadCalendarDay{background:transparent;border:0;border-radius:var(--ui-radius-pill);color:var(--ui-color-text);cursor:pointer;font-size:11px;height:28px;transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);width:28px}.ui-leadCalendarDay:hover{background:#577c8e24;color:var(--ui-color-button)}.ui-leadCalendarDay.isSelected{background:var(--ui-color-button);color:#fff;font-weight:700}.ui-leadCalendarActions{display:flex;justify-content:space-between;margin-top:10px}.ui-leadCalendarActions button{background:transparent;border:0;color:var(--ui-color-muted);cursor:pointer;font-size:13px;font-weight:650}.ui-leadCalendarActions button:hover{color:var(--ui-color-button)}.ui-button{align-items:center;border:1px solid transparent;border-radius:var(--ui-radius-sm);cursor:pointer;display:inline-flex;font-size:13px;font-weight:680;gap:8px;justify-content:center;min-height:38px;padding:0 14px;text-decoration:none;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),color var(--ui-transition-fast),box-shadow var(--ui-transition-fast),transform var(--ui-transition-fast);white-space:nowrap}.ui-button:focus-visible{box-shadow:var(--ui-focus-ring);outline:0}.ui-button:active{transform:translateY(1px)}.ui-buttonPrimary{background:var(--ui-color-button);color:#fff}.ui-buttonPrimary:hover{background:var(--ui-color-button-hover)}.ui-buttonSecondary{background:var(--ui-color-secondary);color:#fff}.ui-buttonSecondary:hover{background:var(--ui-color-secondary-hover)}.ui-buttonSoft{background:var(--ui-color-button-soft);border-color:#577c8e59;color:var(--ui-color-button)}.ui-buttonSoft:hover{background:#577c8e29}.ui-buttonGhost{background:transparent;border-color:var(--ui-color-border);color:var(--ui-color-text)}.ui-buttonGhost:hover{background:var(--ui-color-surface-muted);border-color:var(--ui-color-border-strong)}.ui-buttonDanger{background:#fef2f2;border-color:#fecaca;color:var(--ui-color-danger)}.ui-iconButton{align-items:center;aspect-ratio:1;background:var(--ui-color-surface);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-sm);color:var(--ui-color-text);cursor:pointer;display:inline-flex;justify-content:center;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast);width:38px}.ui-iconButton:hover{background:var(--ui-color-surface-muted);border-color:var(--ui-color-border-strong)}.ui-field{display:grid;gap:6px}.ui-label{color:var(--ui-color-text);font-size:12px;font-weight:700}.ui-input,.ui-select,.ui-textarea{background:var(--ui-color-surface);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-sm);color:var(--ui-color-text);font-size:14px;min-height:40px;padding:9px 11px;transition:border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast);width:100%}.ui-textarea{min-height:92px;resize:vertical}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{border-color:var(--ui-color-primary);box-shadow:var(--ui-focus-ring);outline:0}.ui-dropdown{display:inline-grid;position:relative}.ui-filterButton{min-width:170px;justify-content:space-between}.ui-dropdownMenu{animation:uiDropdownIn .16s ease both;background:var(--ui-color-surface);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-lg);display:grid;gap:4px;min-width:190px;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:20}.ui-dropdownMenu.isClosing{animation:uiDropdownOut .14s ease both}.ui-dropdownItem{align-items:center;background:transparent;border:0;border-radius:var(--ui-radius-sm);color:var(--ui-color-text);display:flex;font-size:13px;font-weight:560;gap:8px;min-height:34px;padding:7px 9px;text-align:left;width:100%}.ui-dropdownItem:hover{background:#577c8e24;color:var(--ui-color-button)}.ui-dropdownItem.isSelected{background:var(--ui-color-button);color:#fff}.ui-calendar{background:var(--ui-color-surface);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-sm);display:grid;gap:12px;padding:14px}.ui-calendarHeader{align-items:center;display:flex;justify-content:space-between}.ui-calendarGrid{display:grid;gap:6px;grid-template-columns:repeat(7,minmax(28px,1fr))}.ui-calendarDay,.ui-calendarDate{align-items:center;border-radius:var(--ui-radius-sm);display:inline-flex;font-size:12px;justify-content:center;min-height:30px}.ui-calendarDay{color:var(--ui-color-muted);font-weight:700}.ui-calendarDate{background:transparent;border:0;color:var(--ui-color-text);cursor:pointer}.ui-calendarDate:hover{background:#577c8e24;color:var(--ui-color-button)}.ui-calendarDate.isSelected{background:var(--ui-color-button);color:#fff;font-weight:700}.ui-badge{align-items:center;border-radius:var(--ui-radius-pill);display:inline-flex;font-size:12px;font-weight:700;min-height:24px;padding:0 9px}.ui-badgePrimary{background:var(--ui-color-primary-soft);color:var(--ui-color-primary)}.ui-badgeSuccess{background:#dcfce7;color:var(--ui-color-success)}.ui-badgeWarning{background:#fef3c7;color:#b45309}.ui-table{border-collapse:separate;border-spacing:0;width:100%}.ui-table th,.ui-table td{border-bottom:1px solid var(--ui-color-border);font-size:13px;padding:11px 12px;text-align:left}.ui-table th{color:var(--ui-color-muted);font-weight:760}@keyframes uiDropdownIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes uiDropdownOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-6px) scale(.98)}}@media(max-width:760px){.ui-page{padding:16px}.ui-appFrame{grid-template-columns:1fr}.ui-sidebarPreview{display:none}.globalUiScope h1{font-size:26px}.globalUiScope h2{font-size:21px}}:root{--ui-action-button-bg: var(--ui-color-button);--ui-action-button-bg-hover: var(--ui-color-button-hover);--ui-action-button-text: #ffffff;--ui-ghost-button-bg: #ffffff;--ui-ghost-button-border: rgba(87, 124, 142, .35);--ui-ghost-button-text: var(--ui-color-button);--ui-filter-button-bg: var(--filter-control-bg, #ffffff);--ui-filter-button-border: var(--filter-control-border, var(--ui-color-border));--ui-filter-button-text: var(--filter-control-text, var(--ui-color-button));--ui-card-border: var(--ui-color-border);--ui-card-shadow: var(--ui-shadow-sm)}body{background:var(--ui-page-bg)!important;color:var(--ui-color-text);font-family:var(--ui-font-body)}.main,.routeTransitionShell{background:var(--ui-page-bg)!important}h1,h2,h3,h4{color:var(--ui-color-heading);font-family:var(--ui-font-heading);letter-spacing:0}h1{font-size:var(--ui-h1-size, 32px);font-weight:var(--ui-h1-weight, 760);line-height:1.12}h2{font-size:var(--ui-h2-size, 24px);font-weight:var(--ui-h2-weight, 720);line-height:1.18}h3{font-size:var(--ui-h3-size, 18px);font-weight:var(--ui-h3-weight, 700);line-height:1.25}h4{font-size:var(--ui-h4-size, 15px);font-weight:var(--ui-h4-weight, 700);line-height:1.3}p{color:var(--ui-color-muted);font-size:var(--ui-p-size, 14px);font-weight:var(--ui-p-weight, 400);line-height:1.55}.primaryButton,.payrollPrimaryBtn,.fuAddBtn,.leadsSoftAddBtn,.leadsUploadButton,.attendanceAddButton,.attendanceSaveButton,.taskAddBtn,.hrmsCreateJobBtn,.hrTrainingPrimaryBtn,.hrPerformancePrimaryBtn,.hrCandidatesPrimaryBtn,.hrInterviewPrimaryBtn,.hrOfferPrimaryBtn,.hrOnboardingPrimaryBtn,.hrAssetsPrimaryBtn,.hrExpensesPrimaryBtn,.hrRecruitmentPrimaryBtn,.leadAddAction,.wideAction.leadAddAction,button[class*=PrimaryBtn],button[class*=AddBtn]{background:var(--ui-action-button-bg);border-color:var(--ui-action-button-bg);color:var(--ui-action-button-text)}.primaryButton:hover,.payrollPrimaryBtn:hover,.fuAddBtn:hover,.leadsSoftAddBtn:hover,.leadsUploadButton:hover,.attendanceAddButton:hover,.attendanceSaveButton:hover,.taskAddBtn:hover,.hrmsCreateJobBtn:hover,.hrTrainingPrimaryBtn:hover,.hrPerformancePrimaryBtn:hover,.hrCandidatesPrimaryBtn:hover,.hrInterviewPrimaryBtn:hover,.hrOfferPrimaryBtn:hover,.hrOnboardingPrimaryBtn:hover,.hrAssetsPrimaryBtn:hover,.hrExpensesPrimaryBtn:hover,.hrRecruitmentPrimaryBtn:hover,.leadAddAction:hover,.wideAction.leadAddAction:hover,button[class*=PrimaryBtn]:hover,button[class*=AddBtn]:hover{background:var(--ui-action-button-bg-hover);border-color:var(--ui-action-button-bg-hover);color:var(--ui-action-button-text)}.payrollGhostBtn,.payrollExportBtn,.attendanceCancelButton,.attendanceTrendViewButton,.hrTrainingLightBtn,.hrTrainingClearBtn,.hrPerformanceLightBtn,.hrmsCareerBtn,.panelLinkBtn,.leadFollowBtn,button[class*=LightBtn],button[class*=GhostBtn],button[class*=CancelButton],button[class*=ClearBtn]{background:var(--ui-ghost-button-bg);border-color:var(--ui-ghost-button-border);color:var(--ui-ghost-button-text)}.payrollGhostBtn:hover,.payrollExportBtn:hover,.attendanceCancelButton:hover,.attendanceTrendViewButton:hover,.hrTrainingLightBtn:hover,.hrTrainingClearBtn:hover,.hrPerformanceLightBtn:hover,.hrmsCareerBtn:hover,.panelLinkBtn:hover,.leadFollowBtn:hover,button[class*=LightBtn]:hover,button[class*=GhostBtn]:hover,button[class*=CancelButton]:hover,button[class*=ClearBtn]:hover{background:var(--filter-control-hover-bg, var(--ui-color-button-soft));border-color:#577c8e80;color:var(--ui-color-button)}.projectFilterButton,.calendarFilter,.agentFilterButton,.ui-filterSelect,.attendanceStatusFilterButton,.attendanceFilter,.fuChip,.taskFilter.compactFilter,.compactFilter,.hrTrainingYear,.hrColumnFilter>button{background:var(--filter-control-bg, var(--ui-filter-button-bg));border-color:var(--filter-control-border, var(--ui-filter-button-border));color:var(--filter-control-text, var(--ui-filter-button-text))}.projectFilterButton:hover,.calendarFilter:hover,.agentFilterButton:hover,.ui-filterSelect:hover,.attendanceStatusFilterButton:hover,.attendanceFilter:hover,.fuChip:hover,.taskFilter.compactFilter:hover,.compactFilter:hover,.hrTrainingYear:hover,.hrColumnFilter>button:hover,.projectFilterButton.isOpen,.agentFilterButton.isOpen,.attendanceStatusFilterButton.isOpen,.hrColumnFilter>button.active{background:var(--ui-color-button-soft);border-color:var(--filter-control-hover-border, rgba(87, 124, 142, .38));color:var(--filter-control-hover-text, var(--ui-color-button))}.projectFilterButton:after,.calendarFilter:after,.agentFilterButton:after,.attendanceStatusFilterButton:after{border-top-color:var(--ui-color-button)}.ui-filterSelect{align-items:center;border:1px solid var(--filter-control-border, var(--ui-filter-button-border));border-radius:var(--filter-control-radius, var(--ui-radius-pill));display:grid;font-size:var(--filter-control-font-size, 12px);font-weight:var(--filter-control-font-weight, 400);gap:var(--filter-control-gap, 6px);grid-template-columns:minmax(0,1fr) 14px;min-height:var(--filter-control-height, 34px);padding:0 11px}.ui-filterSelect select{appearance:none;background:transparent;border:0;color:currentColor;font-size:var(--filter-control-font-size, 12px);font-weight:var(--filter-control-font-weight, 400);min-height:calc(var(--filter-control-height, 34px) - 2px);min-width:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;width:100%}.ui-filterSelect select:focus{outline:none}.ui-filterSelect svg{color:var(--filter-control-text, var(--ui-color-button));pointer-events:none}.ui-filterDropdownWrap{position:relative;z-index:var(--z-dropdown, 40)}.ui-filterDropdownButton{align-items:center;background:var(--filter-control-bg, var(--ui-filter-button-bg));border:1px solid var(--filter-control-border, var(--ui-filter-button-border));border-radius:var(--filter-control-radius, var(--ui-radius-pill));color:var(--filter-control-text, var(--ui-filter-button-text));cursor:pointer;display:grid;font-size:var(--filter-control-font-size, 12px);font-weight:var(--filter-control-font-weight, 400);gap:var(--filter-control-gap, 6px);grid-template-columns:minmax(0,1fr) 8px;min-height:var(--filter-control-height, 34px);padding:var(--filter-control-padding, 8px 10px 8px 12px);text-align:left}.ui-filterDropdownButton span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-filterDropdownButton:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:var(--filter-control-chevron-size, 5px) solid var(--filter-control-text, var(--ui-color-button));content:"";justify-self:end;transition:transform .18s ease}.ui-filterDropdownButton:hover,.ui-filterDropdownButton.isOpen{background:var(--filter-control-hover-bg, var(--ui-color-button-soft));border-color:var(--filter-control-hover-border, rgba(87, 124, 142, .38));color:var(--filter-control-hover-text, var(--ui-color-button))}.ui-filterDropdownButton.isOpen:after{transform:rotate(180deg)}.ui-filterDropdownMenu{background:var(--filter-control-menu-bg, #ffffff);border:1px solid var(--filter-control-menu-border, var(--ui-color-border));border-radius:var(--filter-control-menu-radius, var(--ui-radius-lg));box-shadow:var(--filter-control-menu-shadow, var(--ui-shadow-lg));display:grid;gap:3px;left:0;max-height:280px;min-width:190px;opacity:0;overflow-y:auto;padding:8px;pointer-events:none;position:absolute;top:calc(100% + 8px);transform:translateY(-6px) scale(.98);transform-origin:top left;transition:opacity .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1),visibility .18s ease;visibility:hidden;z-index:100}.ui-filterDropdownMenu.isOpen{opacity:1;pointer-events:auto;transform:translateY(0) scale(1);visibility:visible}.ui-filterDropdownMenu button{background:transparent;border:1px solid transparent;border-radius:var(--ui-radius-md, 8px);color:var(--filter-control-option-text, var(--ui-color-text));cursor:pointer;font-size:var(--filter-control-font-size, 12px);font-weight:var(--filter-control-font-weight, 400);line-height:1.25;min-height:30px;padding:7px 9px;text-align:left;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),color var(--ui-transition-fast),transform var(--ui-transition-fast)}.ui-filterDropdownMenu button:hover,.ui-filterDropdownMenu button.isSelected{background:var(--filter-control-option-hover-bg, rgba(87, 124, 142, .12));border-color:var(--filter-control-option-hover-border, rgba(87, 124, 142, .2));color:var(--filter-control-option-hover-text, var(--ui-color-button))}.ui-filterDropdownMenu button:hover{transform:translate(2px)}.projectFilterMenu,.calendarPopover,.attendanceStatusFilterMenu,.agentFilterPopover,.hrColumnFilterMenu,.hrTrainingMenu{border-color:var(--ui-color-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-lg);transition:opacity .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1),visibility .18s ease}.projectFilterMenu button:hover,.projectFilterMenu button.isSelected,.attendanceStatusFilterMenu button:hover,.attendanceStatusFilterMenu button.isSelected,.hrColumnFilterMenu button:hover,.hrColumnFilterMenu button.active,.hrTrainingMenu button:hover{background:var(--filter-control-option-hover-bg, rgba(87, 124, 142, .12));border-color:var(--filter-control-option-hover-border, rgba(87, 124, 142, .2));color:var(--filter-control-option-hover-text, var(--ui-color-button))}.calendarDay:hover{background:#577c8e24;color:var(--ui-color-button)}.calendarDay.isSelected,.leadDatePickerGrid button.active{background:var(--ui-color-button);color:#fff}.calendarActions .confirmAction,.calendarActions button:hover,.leadDatePickerActions button:not(.muted){color:var(--ui-color-button)}.metricCard,.statCard,.followCard,.hrmsPanel,.hrmsSummaryStrip,.hrmsJobsPanel,.hrTrainingSummary,.hrTrainingPanel,.hrTrainingInsightCard,.hrPerformancePanel,.hrPerformanceInsightCard,.attendanceEditorCard,.fuPanel,.leadDetailsPanel,.leadPreviewCard,.ui-card{border-color:var(--ui-card-border);box-shadow:var(--ui-card-shadow)}.ui-cardHeader h3,.metricCard h3,.statCard h3,.followCard h3,.hrmsPanel h3,.hrmsJobsPanel h3,.hrTrainingPanel h3,.hrPerformancePanel h3,.attendanceEditorCard h3,.fuPanelHeader h2,.leadDetailsPanel h3,.leadPreviewCard h3,.leadsHeaderLeft>strong,.leadsPage .taskTableHeader .leadsHeaderLeft>strong{color:var(--ui-color-heading)!important;font-family:var(--ui-font-heading)!important;font-size:var(--ui-card-title-size)!important;font-weight:var(--ui-card-title-weight)!important;line-height:var(--ui-card-title-line-height)!important}.topbar,body:has(.dashboardPage) .topbar{background:#fff;border-bottom:1px solid var(--ui-color-border);box-shadow:none}.securityButton:hover,.logoutButton:hover{background:#f7f5ff;color:#5b55e6}.navSubItem:hover,.navSubItem.active{background:#f0edff;color:#5b55e6}body:has(.fieldUsersReferencePage),body:has(.fieldUserForm),body:has(.attendancePage),body:has(.leadsPage),body:has(.taskSummary),body:has(.payrollPage),body:has(.hrmsDashboardPage),body:has(.dashboardPage){background:var(--ui-page-bg)!important}.fieldUsersReferencePage{--fu-card-bg: var(--ui-card-bg) !important;--fu-card-bg-strong: var(--ui-card-bg) !important;--fu-card-border: var(--ui-card-border) !important;--fu-card-shadow: var(--ui-shadow-sm) !important;--fu-search-bg: var(--ui-card-bg) !important}.fieldUsersReferencePage .fuControlRow,.fieldUsersReferencePage .fuPanel,.fieldUsersReferencePage .fuSummaryCard,.fieldUsersReferencePage .agentSectionCard,.fieldUsersReferencePage .personalProfileCard,.fieldUsersReferencePage .staffMainCard,.fieldUsersReferencePage .staffBankCard,.fieldUsersReferencePage .staffKycCard,.fieldUsersReferencePage .staffMiniProgressCard,.fieldUsersReferencePage .staffProfileSummaryCard,.fieldUsersReferencePage .staffAsideCard,.fieldUsersReferencePage .profileHeroCard,.fieldUsersReferencePage .staffRoleTemplateCard,.fieldUserForm .agentSectionCard,.fieldUserForm .personalProfileCard,.fieldUserForm .staffMainCard,.fieldUserForm .staffBankCard,.fieldUserForm .staffKycCard,.fieldUserForm .staffMiniProgressCard,.fieldUserForm .staffProfileSummaryCard,.fieldUserForm .staffAsideCard,.fieldUserForm .profileHeroCard{background:var(--ui-card-bg)!important;border:1px solid var(--ui-card-border)!important;border-radius:var(--ui-card-radius)!important;box-shadow:var(--ui-card-shadow)!important}.fieldUsersReferencePage .fuSearchBar,.fieldUsersReferencePage .fuChip,.fieldUsersReferencePage .fuChipSelect,.fieldUsersReferencePage .fuFilter,.fieldUsersReferencePage .campaignDropdownButton,.fieldUsersReferencePage .attendanceEmployeePositionFilter,.fieldUsersReferencePage .staffPermissionToolbar input,.fieldUserForm input,.fieldUserForm select,.fieldUserForm textarea{background:var(--ui-filter-button-bg)!important;border-color:var(--ui-filter-button-border)!important;border-radius:var(--ui-radius-md)!important;box-shadow:none!important;color:var(--ui-filter-button-text)!important}.fieldUsersReferencePage .fuSearchBar svg,.fieldUsersReferencePage .fuChip svg,.fieldUsersReferencePage .fuChipSelect svg,.fieldUsersReferencePage .fuFilter svg{color:var(--ui-color-button)!important}.fieldUsersReferencePage .fuSearchBar input,.fieldUsersReferencePage .fuChipSelect select,.fieldUsersReferencePage .fuFilter select,.fieldUsersReferencePage .campaignDropdownButton span,.fieldUserForm input,.fieldUserForm select,.fieldUserForm textarea{color:var(--ui-color-text)!important}.fieldUsersReferencePage .fuChip:hover,.fieldUsersReferencePage .fuFilter:hover,.fieldUsersReferencePage .campaignDropdownButton:hover,.fieldUsersReferencePage .campaignDropdownButton.isOpen,.fieldUsersReferencePage .fuPagination button:hover{background:var(--ui-color-button-soft)!important;border-color:#577c8e61!important;color:var(--ui-color-button)!important}.fieldUsersReferencePage .fuSoftAddBtn,.fieldUsersReferencePage .fuAddBtn,.fieldUserForm .primaryButton,.fieldUsersReferencePage .staffPermissionFooter button:last-child,.fieldUsersReferencePage .roleTemplateDrawer .staffPermissionFooter button{background:var(--ui-action-button-bg)!important;border-color:var(--ui-action-button-bg)!important;color:var(--ui-action-button-text)!important}.fieldUsersReferencePage .fuSoftAddBtn:hover,.fieldUsersReferencePage .fuAddBtn:hover,.fieldUserForm .primaryButton:hover,.fieldUsersReferencePage .staffPermissionFooter button:last-child:hover,.fieldUsersReferencePage .roleTemplateDrawer .staffPermissionFooter button:hover{background:var(--ui-action-button-bg-hover)!important;border-color:var(--ui-action-button-bg-hover)!important;color:var(--ui-action-button-text)!important}.fieldUsersReferencePage .fuActions button,.fieldUsersReferencePage .fuPagination button,.fieldUsersReferencePage .staffPermissionFooter button:first-child,.fieldUsersReferencePage .staffPermissionHeader button,.fieldUsersReferencePage .staffRoleTemplateCard em{background:var(--ui-ghost-button-bg)!important;border-color:var(--ui-ghost-button-border)!important;color:var(--ui-ghost-button-text)!important}.fieldUsersReferencePage .fuPagination button.active,.fieldUsersReferencePage .staffRoleTemplateCard.isAssigned,.fieldUsersReferencePage .staffRoleTemplateCard.isAssigned .staffRoleTemplateAvatar,.fieldUsersReferencePage .staffRoleTemplateCard.isAssigned em,.fieldUsersReferencePage .campaignMultiSelect button.isSelected:after{background:var(--ui-color-button)!important;border-color:var(--ui-color-button)!important;color:#fff!important}.fieldUsersReferencePage .fuTable th,.fieldUsersReferencePage .fuTable td,.fieldUsersReferencePage .fuTable tbody tr.selected td,.fieldUsersReferencePage .fuTable tbody tr:hover td{background:var(--ui-card-bg)!important;border-color:var(--ui-color-border)!important;color:var(--ui-color-text)!important}.fieldUsersReferencePage .fuTable th{color:var(--ui-color-primary)!important;font-weight:var(--ui-h4-weight)!important}.fieldUsersReferencePage .fuTable tbody tr.selected td:first-child{box-shadow:inset 3px 0 0 var(--ui-color-button)!important}.fieldUsersReferencePage h1,.fieldUsersReferencePage h2,.fieldUsersReferencePage h3,.fieldUsersReferencePage h4,.fieldUserForm h1,.fieldUserForm h2,.fieldUserForm h3,.fieldUserForm h4,.fieldUsersReferencePage .fuTopHeader h1,.fieldUsersReferencePage .fuPanelHeader h2,.fieldUsersReferencePage .agentSectionCard h4,.fieldUsersReferencePage .staffCardTitle h4,.fieldUsersReferencePage .staffMiniProgressCard strong,.fieldUsersReferencePage .staffProfileSummaryCard strong,.fieldUsersReferencePage .staffAsideCard h4,.fieldUsersReferencePage .profileHeroCard strong,.fieldUsersReferencePage .staffRoleTemplateCopy strong,.fieldUsersReferencePage .staffPermissionToolbar strong,.fieldUsersReferencePage .staffPermissionEmpty strong,.fieldUsersReferencePage .fuSummaryCard strong{color:var(--ui-color-heading)!important;font-family:var(--ui-font-heading)!important}.fieldUsersReferencePage .fuTopHeader h1,.fieldUserForm h1{font-size:var(--ui-h1-size)!important;font-weight:var(--ui-h1-weight)!important}.fieldUsersReferencePage .fuPanelHeader h2,.fieldUserForm h2{font-size:var(--ui-h2-size)!important;font-weight:var(--ui-h2-weight)!important}.fieldUsersReferencePage h3,.fieldUserForm h3{font-size:var(--ui-h3-size)!important;font-weight:var(--ui-h3-weight)!important}.fieldUsersReferencePage h4,.fieldUsersReferencePage .agentSectionCard h4,.fieldUsersReferencePage .staffCardTitle h4,.fieldUserForm h4{font-size:var(--ui-h4-size)!important;font-weight:var(--ui-h4-weight)!important}.fieldUsersReferencePage p,.fieldUsersReferencePage small,.fieldUsersReferencePage .fuSummaryCard span,.fieldUsersReferencePage .fuTable small,.fieldUsersReferencePage .staffCardTitle small,.fieldUsersReferencePage .staffMiniProgressCard p,.fieldUsersReferencePage .staffProfileSummaryCard span,.fieldUsersReferencePage .staffChecklistRows span,.fieldUsersReferencePage .staffDocumentRows span,.fieldUserForm p,.fieldUserForm small{color:var(--ui-color-muted)!important;font-size:var(--ui-p-size)!important;font-weight:var(--ui-p-weight)!important}.fieldUsersReferencePage .staffCompletionRing{background:conic-gradient(var(--ui-color-button) 0 var(--completion),#e5ebf1 var(--completion) 100%)!important}.fieldUsersReferencePage .staffProgressTrack span{background:var(--ui-color-button)!important}.fieldUsersReferencePage .staffCardTitle>span,.fieldUsersReferencePage .staffRoleTemplateAvatar,.fieldUsersReferencePage .staffRoleTemplateCard em,.fieldUsersReferencePage .profileHeroCard .profileRolePill{background:var(--ui-color-button-soft)!important;color:var(--ui-color-button)!important}.fieldUsersReferencePage .staffOnboardingAside{background:var(--ui-page-bg)!important;border-radius:var(--ui-card-radius)!important}.fieldUsersReferencePage .campaignDropdownButton:after{border-top-color:var(--ui-color-button)!important}.fieldUsersReferencePage .campaignMultiSelect,.fieldUsersReferencePage .staffPermissionDrawer,.fieldUsersReferencePage .roleTemplateDrawer{background:var(--ui-card-bg)!important;border-color:var(--ui-card-border)!important;box-shadow:var(--ui-shadow-lg)!important}.fieldUsersReferencePage .campaignMultiSelect button,.fieldUsersReferencePage .staffRoleTemplateCard{background:var(--ui-card-bg)!important;border-color:var(--ui-card-border)!important;color:var(--ui-color-text)!important}.fieldUsersReferencePage .campaignMultiSelect button:hover,.fieldUsersReferencePage .campaignMultiSelect button.isSelected,.fieldUsersReferencePage .staffRoleTemplateCard:hover{background:var(--ui-color-button-soft)!important;border-color:#577c8e61!important;color:var(--ui-color-button)!important}.btn,.button,.outlinePill,.dangerPill,.filterChip,.chip,.topbarLiyaBtn,.topbarSearch,.leadsViewSwitch button,.propertyWizard button,.propertyWizard .optionCard,.propertyWizard .choiceChip,.propertyWizard .wizardTab,.attendancePage button{border-radius:0!important;font-weight:400!important}label,button,select,input,textarea,.propertyWizard,.attendancePage,.leadsPage{font-weight:400}.appSearchBar{align-items:center;background:var(--search-bg, #ffffff);border:1px solid var(--search-border, #d5dfed);border-radius:var(--radius-search, 6px);color:var(--search-icon, #64748b);display:inline-flex;gap:8px;min-height:var(--search-height, 36px);min-width:min(100%,var(--search-min-width, 320px));padding:0 12px;position:relative;width:min(100%,var(--search-width, 420px))}.appSearchBar input{background:transparent;border:0;color:var(--search-text, #0f172a);flex:1 1 auto;font-size:var(--search-font-size, 12px);font-weight:500;min-width:0;outline:0}.appSearchBar input::placeholder{color:var(--search-placeholder, #64748b)}.appSearchBar svg{color:var(--search-icon, #64748b);flex:0 0 auto}.appDropdownMenu{background:#fff;border:1px solid #dce5f1;border-radius:7px;box-shadow:0 14px 34px #1422441f;display:grid;min-width:var(--dropdown-min-width, 180px);padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:var(--dropdown-z-index, 40)}.appDropdownOption{align-items:center;background:transparent;border:0;border-radius:6px!important;color:#243453;display:inline-flex;font-size:12px;font-weight:500!important;gap:9px;justify-content:flex-start;min-height:34px;padding:0 11px;text-align:left;transition:background .18s ease,color .18s ease,transform .18s ease;width:100%}.appDropdownOption:hover,.appDropdownOption.active{background:#f1efff;color:#6732ff;transform:translate(2px)}.appDropdownOption:hover svg,.appDropdownOption.active svg{color:#6732ff}h1,h2,h3,h4,h5,h6,strong,.propertyWizard strong,.propertyWizard label,.attendancePage strong,.attendancePage label,.leadsPage strong,.leadsPage label{font-weight:500}.topbarRight .topbarLiyaBtn,body:has(.dashboardPage) .topbarRight .topbarLiyaBtn{--liya-angle: 0deg;align-items:center!important;animation:liyaBorderTravel 1.8s linear infinite!important;background:linear-gradient(135deg,#151f2f,#263238 54%,#0f766e) padding-box,conic-gradient(from var(--liya-angle),transparent 0deg 235deg,rgba(255,255,255,.28) 255deg,#ffffff 282deg,rgba(255,255,255,.28) 310deg,transparent 336deg 360deg) border-box!important;border:1.5px solid transparent!important;border-radius:9999px!important;box-shadow:0 8px 18px #0f766e29,inset 0 1px #ffffff1f!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:12px!important;font-weight:500!important;gap:6px!important;height:32px!important;isolation:isolate!important;line-height:1!important;min-height:32px!important;overflow:hidden!important;padding:0 14px!important;position:relative!important;white-space:nowrap!important}.topbarRight .topbarLiyaBtn:before,body:has(.dashboardPage) .topbarRight .topbarLiyaBtn:before{background:#22c55e!important;border-radius:9999px!important;box-shadow:0 0 0 4px #22c55e29!important;content:""!important;flex:0 0 8px!important;height:8px!important;position:relative!important;width:8px!important;z-index:2!important}.topbarRight .topbarLiyaBtn:after,body:has(.dashboardPage) .topbarRight .topbarLiyaBtn:after{display:none!important}.topbarRight .topbarLiyaBtn span,body:has(.dashboardPage) .topbarRight .topbarLiyaBtn span{color:#fff!important;font-weight:500!important;position:relative!important;z-index:2!important}.topbarRight .topbarLiyaBtn svg,body:has(.dashboardPage) .topbarRight .topbarLiyaBtn svg{display:none!important}@property --liya-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes liyaBorderTravel{to{--liya-angle: 360deg}}.animatedSearchInput,.topbarRight .animatedSearchInput,body:has(.dashboardPage) .topbarRight .animatedSearchInput{--animated-search-border: #d7e1ee;--animated-search-active: #2f80ed;align-items:center!important;background:#fff!important;border:1px solid var(--animated-search-border)!important;border-radius:9999px!important;box-shadow:0 8px 20px #4b5e820b!important;color:#8d97ae!important;display:flex!important;gap:8px!important;height:32px!important;min-height:32px!important;overflow:hidden!important;padding:0 12px!important;position:relative!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important}.animatedSearchInput:focus-within,.topbarRight .animatedSearchInput:focus-within,body:has(.dashboardPage) .topbarRight .animatedSearchInput:focus-within{background:#fff!important;border-color:var(--animated-search-active)!important;box-shadow:0 0 0 3px #2f80ed29,0 8px 20px #4b5e820b!important}.animatedSearchInput>svg,.topbarRight .animatedSearchInput>svg,body:has(.dashboardPage) .topbarRight .animatedSearchInput>svg{color:var(--animated-search-border)!important;flex:0 0 auto!important;font-size:15px!important;position:relative!important;z-index:2!important}.animatedSearchInput:focus-within>svg,.topbarRight .animatedSearchInput:focus-within>svg,body:has(.dashboardPage) .topbarRight .animatedSearchInput:focus-within>svg{color:var(--animated-search-active)!important}.animatedSearchInput input,.topbarRight .animatedSearchInput input,body:has(.dashboardPage) .topbarRight .animatedSearchInput input{background:transparent!important;border:0!important;color:var(--color-text, #152420)!important;flex:1 1 auto!important;font-size:12px!important;font-weight:300!important;height:30px!important;min-height:30px!important;min-width:0!important;padding:0!important;position:relative!important;width:100%!important;z-index:2!important}.animatedSearchInput input:focus{outline:none!important}.animatedSearchInput .animatedSearchPlaceholder{align-items:center!important;color:#8d97ae!important;display:flex!important;font-size:12px!important;font-weight:300!important;gap:4px!important;height:20px!important;left:36px!important;line-height:20px!important;overflow:hidden!important;pointer-events:none!important;position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;z-index:1!important}.animatedSearchInput .animatedSearchStatic,.animatedSearchInput .animatedSearchRotator,.animatedSearchInput .animatedSearchRotator span{color:#8d97ae!important;font-family:inherit!important;font-size:12px!important;font-style:normal!important;font-weight:300!important;letter-spacing:0!important}:root{--app-bg: #f7f9fc;--app-card: #ffffff;--app-card-soft: #fbfcff;--app-border: #e7eaf3;--app-border-strong: #d4d9e8;--app-text: #172033;--app-muted: #687083;--app-action: #6c4df6;--app-action-hover: #5a3fe0;--app-action-soft: #f0edff;--app-info: #0ea5e9;--app-info-soft: #e8f6ff;--app-success: #10b981;--app-success-soft: #e8f8ef;--app-warning: #f59e0b;--app-warning-soft: #fff6e6;--app-danger: #ef4444;--app-danger-soft: #fff0f1;--app-pink: #ec4899;--app-pink-soft: #fde8f3}body,.main,.routeTransitionShell,body:has(.dashboardPage),body:has(.leadsPage),body:has(.taskSummary),body:has(.attendancePage),body:has(.payrollPage),body:has(.settingsPage),body:has(.settingsDetailPage),body:has(.hrmsDashboardPage),body:has(.fieldUsersReferencePage),body:has(.projectsPage),body:has(.productsPage),body:has(.orderPage){background:var(--app-bg)!important}.realEstateDashboard,.leadsPage,.taskSummary,.attendancePage,.payrollPage,.settingsPage,.settingsDetailPage,.hrmsDashboardPage,.fieldUsersReferencePage,.projectsPage,.projectPlotInventoryPage,.propertyWizard,.stockInventoryPage,.productAddManagerPage,.orderManagementPage,.orderDetailsPage,.reportsPage{--dash-bg: var(--app-bg) !important;--dash-card: var(--app-card) !important;--dash-line: var(--app-border) !important;--dash-text: var(--app-text) !important;--dash-muted: var(--app-muted) !important;--dash-green: var(--app-success) !important;--dash-green-dark: #0f9f73 !important;--dash-blue: var(--app-info) !important;--dash-purple: var(--app-action) !important;--dash-orange: var(--app-warning) !important;--dash-pink: var(--app-pink) !important;--leads-action-bg: var(--app-action) !important;--leads-action-soft-bg: var(--app-action-soft) !important;--leads-action-soft-text: var(--app-action) !important;--leads-text-filter: var(--app-action) !important;--tm-text-filter: var(--app-action) !important;--tm-filter-text: var(--app-action) !important;--tm-avatar-text: var(--app-action) !important;--projects-action-bg: var(--app-action) !important;--projects-action-bg-hover: var(--app-action-hover) !important;--projects-ghost-text: var(--app-action) !important;--invoice-brand: var(--app-action) !important;--invoice-purple: var(--app-action) !important;--product-green: var(--app-success) !important;--product-orange: var(--app-warning) !important;--stock-green: var(--app-success) !important;--stock-blue: var(--app-info) !important;--stock-purple: var(--app-action) !important;--stock-orange: var(--app-warning) !important;--stock-pink: var(--app-pink) !important;--order-purple: var(--app-action) !important;--order-green: var(--app-success) !important;--order-orange: var(--app-warning) !important;--order-red: var(--app-danger) !important;--reports-green: var(--app-success) !important;--reports-blue: var(--app-info) !important;--reports-purple: var(--app-action) !important;--reports-orange: var(--app-warning) !important;--reports-pink: var(--app-pink) !important}.dashboardCard,.metricCard,.statCard,.followCard,.panel,.hrmsPanel,.hrmsSummaryStrip,.hrmsJobsPanel,.hrCandidatesPanel,.hrCandidateInsightCard,.hrTrainingSummary,.hrTrainingPanel,.hrTrainingInsightCard,.hrPerformancePanel,.hrPerformanceInsightCard,.attendanceEditorCard,.fuPanel,.leadDetailsPanel,.leadPreviewCard,.settingsCard,.settingsDetailCard,.projectCard,.propertyCard,.productCard,.orderCard,.reportCard,.ui-card{background:var(--app-card)!important;border-color:var(--app-border)!important;box-shadow:0 10px 28px #18233e0a!important}.dashboardCard>header,.hrCandidatesPanelHeader,.taskTableHeader,.leadsHeader,.fuPanelHeader,.settingsCard header,.projectCard header,.orderCard header{border-color:var(--app-border)!important}.leadsTableCard,.leadsToolbar,.pillBar,.hrTrainingSummary,.hrTrainingPanel,.hrTrainingInsightCard,.hrAssetsPanel,.hrAssetsInsightCard,.hrExpensesPanel,.hrExpensesInsightCard,.hrPerformancePanel,.hrPerformanceInsightCard,.hrOnboardingPanel,.hrOnboardingInsightCard,.hrOfferPanel,.hrReportsPanel,.hrInterviewPanel{background:#fff!important;border-color:var(--app-border)!important;box-shadow:0 10px 28px #18233e0a!important}.leadsTableHead,.leadsTableRow,.hrTrainingTable th,.hrAssetsTable th,.hrExpensesTable th,.hrPerformanceTable th,.hrOnboardingTable th,.hrOfferTable th,.hrReportsTable th,.hrInterviewTable th,table[class*=Table] th{background:#fff!important;border-color:var(--app-border)!important}.leadsTableHead,.leadHeaderCell,table[class*=Table] th,[class*=Table] th{color:#44506a!important;font-weight:600!important;letter-spacing:0!important}.leadsTableRow,.leadsTableRow>*,table[class*=Table] td,[class*=Table] td{border-color:var(--app-border)!important}.leadsTableRow:hover,table[class*=Table] tbody tr:hover{background:#fbfcff!important}[class*=Progress] span,.hrTrainingProgress span,.hrCandidateProgress,.progressTrack{background:#edf1f7!important}[class*=Progress] i,.hrTrainingProgress i,.hrCandidateProgress i,.progressTrack i{background:var(--app-action)!important}.dashboardCard>header button,.recentLead button,.ui-buttonGhost,.ui-iconButton,.filterChip,.chip,.outlinePill,.hrCandidateGraphBtn,.hrCandidateLightBtn,.hrCandidateFilterBtn,.hrCandidateClearBtn,.hrCandidateAction>button,.leadsPage button[class*=Action],.taskSummary button[class*=Action],.attendancePage button[class*=Action],.fieldUsersReferencePage .fuActions button{background:#fff!important;border-color:var(--app-border)!important;color:var(--app-text)!important}.primaryButton,.ui-buttonPrimary,.solidPill,.leadAddAction,.leadsUploadButton,.leadsSoftAddBtn,.taskAddBtn,.attendanceAddButton,.attendanceSaveButton,.hrCandidatePrimaryBtn,.hrmsCreateJobBtn,.hrTrainingPrimaryBtn,.hrPerformancePrimaryBtn,.hrCandidatesPrimaryBtn,.hrInterviewPrimaryBtn,.hrOfferPrimaryBtn,.hrOnboardingPrimaryBtn,.hrAssetsPrimaryBtn,.hrExpensesPrimaryBtn,.hrRecruitmentPrimaryBtn,button[class*=PrimaryBtn],button[class*=AddBtn]{background:var(--app-action)!important;border-color:var(--app-action)!important;color:#fff!important}.primaryButton:hover,.ui-buttonPrimary:hover,.solidPill:hover,.leadAddAction:hover,.leadsUploadButton:hover,.leadsSoftAddBtn:hover,.taskAddBtn:hover,.attendanceAddButton:hover,.attendanceSaveButton:hover,.hrCandidatePrimaryBtn:hover,button[class*=PrimaryBtn]:hover,button[class*=AddBtn]:hover{background:var(--app-action-hover)!important;border-color:var(--app-action-hover)!important;color:#fff!important}button[aria-label*=View],button[title*=View],a[title*=View]{background:var(--app-info-soft)!important;border-color:#0ea5e93d!important;color:var(--app-info)!important}button[aria-label*=Edit],button[title*=Edit],a[title*=Edit]{background:var(--app-warning-soft)!important;border-color:#f59e0b47!important;color:var(--app-warning)!important}button[aria-label*=Delete],button[title*=Delete],button[aria-label*=Remove],button[title*=Remove],a[title*=Delete]{background:var(--app-danger-soft)!important;border-color:#ef44443d!important;color:var(--app-danger)!important}button[aria-label*=More],button[title*=More],button[aria-label*=Actions],button[aria-label*=actions],button[title*=actions]{background:#f7f9fc!important;border-color:var(--app-border)!important;color:var(--app-muted)!important}.leadStatus,[class*=Status],[class*=Badge]{border-radius:6px!important;font-weight:600!important}.leadStatus.new,.leadStatus.new>span,[class*=Status].new,[class*=Status].ongoing,[class*=Status].pending,[class*=Status].scheduled{background:var(--app-action-soft)!important;color:var(--app-action)!important}.leadStatus.contacted,.leadStatus.contacted>span,.leadStatus.assigned,.leadStatus.assigned>span,[class*=Status].completed,[class*=Status].approved,[class*=Status].active,[class*=Status].assigned{background:var(--app-success-soft)!important;color:var(--app-success)!important}.leadStatus.qualified,.leadStatus.qualified>span,[class*=Status].paused,[class*=Status].review,[class*=Status].maintenance,[class*=Status].rescheduled{background:var(--app-warning-soft)!important;color:var(--app-warning)!important}[class*=Status].rejected,[class*=Status].failed,[class*=Status].deleted,[class*=Status].overdue,[class*=Status].danger{background:var(--app-danger-soft)!important;color:var(--app-danger)!important}.hrCandidateIcon.purple,.hrCandidateAvatar.purple,.hrmsToneIcon.purple,.hrmsInitial.purple,[class*=Icon].purple,[class*=Avatar].purple{background:var(--app-action-soft)!important;color:var(--app-action)!important}.hrCandidateIcon.blue,.hrCandidateAvatar.blue,.hrmsToneIcon.blue,.hrmsInitial.blue,[class*=Icon].blue,[class*=Avatar].blue{background:var(--app-info-soft)!important;color:var(--app-info)!important}.hrCandidateIcon.green,.hrCandidateAvatar.green,.hrmsToneIcon.green,.hrmsInitial.green,[class*=Icon].green,[class*=Avatar].green{background:var(--app-success-soft)!important;color:var(--app-success)!important}.hrCandidateIcon.orange,.hrmsToneIcon.orange,.hrmsInitial.orange,[class*=Icon].orange,[class*=Avatar].orange{background:var(--app-warning-soft)!important;color:var(--app-warning)!important}:root{--app-list-search-border: #cbd5e1;--app-list-search-ring: rgba(22, 131, 237, .12);--app-list-table-header-bg: #f6f7f9;--app-list-table-header-text: #475569;--app-list-row-line: rgba(203, 213, 225, .78);--app-list-row-alt: #fafbfc;--app-list-row-hover: #f4f8fc;--app-list-filter-blue: #1683ed;--app-list-filter-gray: #e5e7eb}.appListToolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;min-width:0}.appMetricBar{align-items:center;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));max-width:720px;width:min(100%,720px)}.appMetricChip{align-items:center;background:#fff;border:1px solid var(--ui-color-border);border-radius:0;color:var(--ui-color-button);display:inline-flex;gap:10px;justify-content:center;min-height:34px;min-width:0;padding:0 12px;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.appMetricChip:hover,.appMetricChip.isActive{background:var(--ui-color-button-soft);border-color:#6c4df65c;transform:translateY(-1px)}.appMetricChip span{font-size:12px;font-weight:400;white-space:nowrap}.appMetricChip b{font-size:11px;font-weight:600}.appSearch{align-items:center;background:#fff;border:1px solid var(--app-list-search-border);border-radius:999px;box-shadow:none;color:#7a8594;display:inline-flex;gap:7px;min-height:30px;min-width:300px;overflow:hidden;padding:0 13px;position:relative;transition:box-shadow .15s ease,border-color .15s ease}.appSearch:focus-within{border-color:var(--app-list-filter-blue);box-shadow:0 0 0 3px var(--app-list-search-ring)}.appSearch input{background:transparent;border:0;color:var(--ui-color-text);flex:1 1 auto;font-size:12px;min-width:0;outline:0;padding:0;position:relative;z-index:2}.appSearchHint{align-items:center;color:#7a8594;display:flex;font-size:12px;gap:4px;left:42px;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1}.appSearchHintStatic{flex:0 0 auto}.appSearchHintAnimated{animation:appSearchHintUp .36s ease both;display:inline-block}@keyframes appSearchHintUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.topbarRight .topbarSearch.appSearch,body:has(.dashboardPage) .topbarRight .topbarSearch.appSearch{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#6b4df66b,#14b8a657) border-box!important;border:1px solid transparent!important;border-radius:999px!important;box-shadow:none!important;color:#7a8594!important;display:inline-flex!important;flex:0 1 360px!important;gap:7px!important;height:30px!important;min-height:30px!important;min-width:300px!important;overflow:hidden!important;padding:0 13px!important;position:relative!important;width:360px!important}.topbarRight .topbarSearch.appSearch:focus-within,body:has(.dashboardPage) .topbarRight .topbarSearch.appSearch:focus-within{border-color:var(--app-list-filter-blue)!important;box-shadow:0 0 0 3px var(--app-list-search-ring)!important}.topbarRight .topbarSearch.appSearch .appSearchHint,body:has(.dashboardPage) .topbarRight .topbarSearch.appSearch .appSearchHint{left:38px}.topbarRight .topbarSearch.appSearch input,body:has(.dashboardPage) .topbarRight .topbarSearch.appSearch input{background:transparent!important;border:0!important;color:var(--ui-color-text)!important;font-size:12px!important;min-height:0!important;padding:0!important}.topbarRight .topbarSearch.appSearch svg,body:has(.dashboardPage) .topbarRight .topbarSearch.appSearch svg{color:#7a8594!important;display:inline-block!important;flex:0 0 auto!important;position:relative!important;z-index:2!important}.appTableWrap{background:#fff;border:0;border-radius:8px;overflow:auto;scrollbar-width:thin}.appDataTable{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%}.appDataTable th,.appDataTable td{color:var(--ui-color-text);font-size:12px;padding:8px 10px;text-align:left}.appDataTable th{background:var(--app-list-table-header-bg);border-bottom:1px solid #d8dfe9;color:var(--app-list-table-header-text);font-weight:600;height:38px;text-transform:uppercase}.appDataTable td{border-bottom:1px solid var(--app-list-row-line);line-height:1.35}.appDataTable tbody tr:nth-child(odd) td{background:var(--app-list-row-alt)}.appDataTable tbody tr:nth-child(2n) td{background:#fff}.appDataTable tbody tr:last-child td{border-bottom:0}.appDataTable tbody tr:hover td{background:var(--app-list-row-hover)}.appTableHeaderLabel{align-items:center;display:flex;gap:8px;justify-content:space-between;min-width:0;width:100%}.appColumnFilterBtn{align-items:center;background:transparent;border:0;border-radius:4px;color:#64748b;cursor:pointer;display:inline-flex;flex:0 0 auto;height:18px;justify-content:center;margin-left:auto;padding:0;width:18px}.appColumnFilterBtn:hover,.appColumnFilterBtn.isActive{background:#e9edf3;color:#1f2937}.appFilterPopover{animation:appFilterFloatIn .15s ease-out;background:#fff;border:1px solid #d7dee8;border-radius:7px;box-shadow:0 16px 38px #0f172a26;display:grid;gap:7px;padding:8px;z-index:10000}@keyframes appFilterFloatIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.appRangeFilter{display:grid;gap:14px;min-width:0;padding:8px 10px 6px;width:100%}.appRangeFilterTitle{color:#526174;font-size:12px;font-weight:600}.appRangeTrack{background:linear-gradient(90deg,var(--app-list-filter-gray) 0,var(--app-list-filter-gray) var(--range-min, 0%),var(--app-list-filter-blue) var(--range-min, 0%),var(--app-list-filter-blue) var(--range-max, 100%),var(--app-list-filter-gray) var(--range-max, 100%),var(--app-list-filter-gray) 100%);border-radius:999px;height:4px}.appAmountInput{align-items:center;background:#fff;border:1px solid #ccd6e3;border-radius:6px;display:flex;height:40px;min-width:0;padding:0 10px}.appAmountInput:focus-within{border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e91f}.appAmountInput b{color:#334155;flex:0 0 auto;font-size:14px;font-weight:500;line-height:1}.appAmountInput input{border:0;box-shadow:none;flex:1 1 auto;min-width:0;outline:0;padding:0 0 0 1px}.appStatusPill{align-items:center;background:#eaf8f1;border:1px solid #bfe8d3;border-radius:6px;color:#0f9f6e;display:inline-flex;font-size:11px;font-weight:500;justify-content:center;min-height:26px;min-width:70px;padding:6px 12px}.hrCandidateIcon.pink,.hrCandidateAvatar.pink,.hrmsToneIcon.pink,.hrmsInitial.pink,[class*=Icon].pink,[class*=Avatar].pink{background:var(--app-pink-soft)!important;color:var(--app-pink)!important}.calendarDay.isSelected,.leadDatePickerGrid button.active,.ui-calendarDate.isSelected,.ui-leadCalendarDay.isSelected,.ui-dropdownItem.isSelected,.fuPagination button.active,.hrmsTabs button.active{background:var(--app-action)!important;border-color:var(--app-action)!important;color:#fff!important}.hrmsTabs button.active{background:transparent!important;border-bottom-color:var(--app-action)!important;color:var(--app-action)!important}.hrmsInterviewsPage .hrCandidateCell .hrCandidateAvatar,.hrmsInterviewsPage .hrInterviewers .hrInterviewerAvatar,.hrmsInterviewsPage .hrInterviewers .hrInterviewerExtra{align-items:center!important;aspect-ratio:1 / 1!important;border-radius:999px!important;clip-path:circle(50% at 50% 50%)!important;display:inline-flex!important;justify-content:center!important;line-height:1!important;overflow:hidden!important;padding:0!important;text-align:center!important}.hrmsInterviewsPage .hrCandidateCell .hrCandidateAvatar{flex:0 0 28px!important;font-size:11px!important;font-weight:600!important;height:28px!important;min-height:28px!important;min-width:28px!important;width:28px!important}.hrmsInterviewsPage .hrCandidateCell .hrCandidateAvatar.purple,.hrmsInterviewsPage .hrInterviewers .hrInterviewerAvatar.purple{background:#6c4df6!important;color:#fff!important}.hrmsInterviewsPage .hrCandidateCell .hrCandidateAvatar.blue,.hrmsInterviewsPage .hrInterviewers .hrInterviewerAvatar.blue{background:#1683ed!important;color:#fff!important}.hrmsInterviewsPage .hrCandidateCell .hrCandidateAvatar.orange,.hrmsInterviewsPage .hrInterviewers .hrInterviewerAvatar.orange{background:#f97316!important;color:#fff!important}.hrmsInterviewsPage .hrCandidateCell .hrCandidateAvatar.pink,.hrmsInterviewsPage .hrInterviewers .hrInterviewerAvatar.pink{background:#db2777!important;color:#fff!important}.hrmsInterviewsPage .hrCandidateCell .hrCandidateAvatar.teal,.hrmsInterviewsPage .hrInterviewers .hrInterviewerAvatar.teal{background:#0891b2!important;color:#fff!important}.hrmsInterviewsPage .hrCandidateCell .hrCandidateAvatar.rose,.hrmsInterviewsPage .hrInterviewers .hrInterviewerAvatar.rose{background:#e11d48!important;color:#fff!important}.hrmsInterviewsPage .hrCandidateCell .hrCandidateAvatar.green,.hrmsInterviewsPage .hrCandidateCell .hrCandidateAvatar.neutral,.hrmsInterviewsPage .hrInterviewers .hrInterviewerAvatar.green,.hrmsInterviewsPage .hrInterviewers .hrInterviewerAvatar.neutral{background:#475569!important;color:#fff!important}.slidePanelRight{transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.slidePanelRightOpen{transform:translate(0)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.slideInRight{animation:slideInRight .3s cubic-bezier(.4,0,.2,1)}