@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Inter:wght@400;500;600;700&display=swap";.pubSiteShell{color:#111;background:#fff;flex-direction:column;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.pubSiteMain{flex:1}.pubNavbar{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--hairline);z-index:100;box-sizing:border-box;background:#fffffff5;width:100%;position:sticky;top:0}.pubNavContainer{box-sizing:border-box;justify-content:space-between;align-items:center;gap:32px;max-width:1200px;margin:0 auto;padding:12px 28px;display:flex}.pubNavBrand{flex-shrink:0;align-items:center;gap:12px;margin-right:12px;text-decoration:none;display:flex}.pubBrandLogo{background:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 3px 10px #0e4d3c2e}.pubBrandLogo svg{width:22px;height:22px}.pubBrandText{flex-direction:column;line-height:1.15;display:flex}.pubBrandTitle{color:var(--primary);letter-spacing:-.01em;font-family:Fraunces,serif;font-size:17px;font-weight:600}.pubBrandBadge{color:var(--ink-tertiary);letter-spacing:.06em;text-transform:uppercase;margin-top:1px;font-size:9px;font-weight:700}.pubNavLinks{flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.pubNavLink{color:#4a5b54;white-space:nowrap;border-radius:8px;align-items:center;padding:7px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.pubNavLink:hover{color:var(--primary);background:#0e4d3c0d}.pubNavLinkActive{color:var(--primary);background:var(--primary-tint);font-weight:600}.pubNavActions{flex-shrink:0;align-items:center;gap:12px;margin-left:12px;display:flex}.pubAuthBtns{align-items:center;gap:10px;display:flex}.pubBtnOutline{border:1px solid var(--hairline-strong);color:var(--ink);white-space:nowrap;background:#fff;border-radius:9px;padding:8px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s}.pubBtnOutline:hover{background:var(--bg-soft);border-color:var(--primary);color:var(--primary)}.pubBtnSolid{background:var(--primary);color:#fff;white-space:nowrap;border-radius:9px;padding:8px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;box-shadow:0 2px 8px #0e4d3c33}.pubBtnSolid:hover{background:var(--primary-hover);transform:translateY(-1px)}.pubBtnAdmin{background:var(--primary-tint);color:var(--primary);border:1px solid var(--primary-tint-strong);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.pubBtnAdmin svg{width:14px;height:14px}.pubBtnAdmin:hover{background:var(--primary);color:#fff}.pubUserProfile{cursor:pointer;align-items:center;gap:8px;display:flex}.pubUserAvatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.pubUserName{color:var(--ink);font-size:13px;font-weight:600}.pubFooter{color:#fff;background:#0a2920;padding:64px 24px 32px}.pubFooterContainer{max-width:1200px;margin:0 auto}.footerTopGrid{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:48px;display:grid}.footerBrandCol{flex-direction:column;gap:16px;display:flex}.footerLogoWrap{align-items:center;gap:10px;display:flex}.footerLogoIcon svg{width:28px;height:28px}.footerBrandName{font-family:Fraunces,serif;font-size:20px;font-weight:600}.footerBrandDesc{color:#ffffffb3;max-width:340px;font-size:13px;line-height:1.6}.footerAppBadges{gap:10px;margin-top:6px;display:flex}.appBadgeBtn{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;text-decoration:none;transition:all .15s;display:flex}.appBadgeBtn:hover{background:#fff3}.appBadgeBtn svg{width:18px;height:18px}.appBadgeText{flex-direction:column;line-height:1.1;display:flex}.appBadgeSmall{opacity:.7;font-size:8.5px}.appBadgeTitle{font-size:11.5px;font-weight:700}.footerColTitle{color:#fff;margin-bottom:18px;font-size:14px;font-weight:700}.footerLinks{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.footerLinks a{color:#ffffffbf;font-size:13px;text-decoration:none;transition:color .15s}.footerLinks a:hover{color:#10b981}.footerAddress{color:#ffffffb3;font-size:12.5px;line-height:1.6}.footerBottom{color:#fff9;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:24px;font-size:12px;display:flex}.footerBottomLinks{gap:10px;display:flex}.footerBottomLinks a{color:#fff9;text-decoration:none}.footerBottomLinks a:hover{color:#fff}.pubMobileMenuToggle{border:1px solid var(--hairline);background:var(--bg-soft);width:38px;height:38px;color:var(--ink);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:none}.pubMobileMenuToggle:hover{background:var(--primary-tint);color:var(--primary)}.pubMobileMenuToggle svg{width:20px;height:20px}.pubMobileDrawer{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);background:#fff;flex-direction:column;padding:16px 20px 20px;animation:.2s slideDown;display:flex;box-shadow:0 12px 30px #00000014}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pubMobileNavLinks{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.pubMobileNavLink{color:var(--ink);border-radius:10px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s}.pubMobileNavLink:hover,.pubMobileNavLink.pubNavLinkActive{background:var(--primary-tint);color:var(--primary);font-weight:600}.pubMobileDrawerActions{border-top:1px solid var(--hairline);padding-top:12px}@media (width<=992px){.pubNavLinks{display:none}.pubMobileMenuToggle{display:flex}.pubDeskOnlyBtn{display:none!important}.pubNavContainer{gap:16px;padding:12px 18px}.footerTopGrid{grid-template-columns:1fr 1fr}}@media (width<=600px){.pubNavBrand{margin-right:0}.pubNavActions{gap:8px;margin-left:0}.pubAuthBtns .pubBtnOutline{display:none}.pubAuthBtns .pubBtnSolid{padding:7px 12px;font-size:12px}.footerTopGrid{grid-template-columns:1fr;gap:24px}.footerBottom{flex-direction:column;align-items:flex-start}}.landingHero{text-align:center;background:#fff;padding:64px 24px 84px;position:relative;overflow:hidden}.heroAmbientGlow{filter:blur(60px);pointer-events:none;z-index:0;background:radial-gradient(circle,#10b98124 0%,#0e4d3c0a 60%,#0000 80%);width:760px;height:520px;animation:7s ease-in-out infinite alternate auroraPulse;position:absolute;top:-120px;left:50%;transform:translate(-50%)}@keyframes auroraPulse{0%{opacity:.7;transform:translate(-50%)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1.18)}}.floatingStar{color:var(--primary-soft);opacity:.35;pointer-events:none;z-index:0;font-size:20px;animation:6s ease-in-out infinite alternate floatStar;position:absolute}.star1{font-size:24px;animation-delay:0s;top:12%;left:10%}.star2{font-size:18px;animation-delay:1.5s;top:25%;right:12%}.star3{font-size:22px;animation-delay:3s;bottom:35%;left:8%}.star4{font-size:26px;animation-delay:4.5s;bottom:20%;right:9%}@keyframes floatStar{0%{opacity:.25;transform:translateY(0)rotate(0)}to{opacity:.6;transform:translateY(-24px)rotate(45deg)}}.heroContainer{z-index:1;flex-direction:column;align-items:center;max-width:940px;margin:0 auto;display:flex;position:relative}.animateFadeDown{animation:.7s cubic-bezier(.16,1,.3,1) both fadeDown}.animateFadeUp{animation:.8s cubic-bezier(.16,1,.3,1) .1s both fadeUp}.animateFadeUpDelay{animation:.8s cubic-bezier(.16,1,.3,1) .2s both fadeUp}.animateFadeUpMoreDelay{animation:.8s cubic-bezier(.16,1,.3,1) .3s both fadeUp}@keyframes fadeDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.heroBadge{background:var(--primary-tint);border:1px solid var(--primary-tint-strong);color:var(--primary);border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 18px;font-size:12.5px;font-weight:600;display:inline-flex}.heroBadgeDot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulseDot;box-shadow:0 0 0 3px #10b98140}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.heroTitle{color:#111;letter-spacing:-.03em;margin-bottom:20px;font-family:Fraunces,Georgia,serif;font-size:50px;font-weight:600;line-height:1.16}.heroTitleHighlight{color:var(--primary);display:inline-block;position:relative}.heroSubtitle{color:#44554e;max-width:720px;margin-bottom:36px;font-size:17px;line-height:1.65}.heroCtaGroup{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:54px;display:flex}.btnHeroPrimary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #0e4d3c40}.btnHeroPrimary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 28px #0e4d3c59}.btnHeroPrimary svg{width:18px;height:18px;transition:transform .2s}.btnHeroPrimary:hover svg{transform:translate(4px)}.shimmerBtn:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff4d 50%,#fff0 100%);width:40%;height:200%;animation:3.5s ease-in-out infinite shimmerMove;position:absolute;top:-50%;left:-60%;transform:rotate(30deg)}@keyframes shimmerMove{0%{left:-60%}35%,to{left:140%}}.btnHeroSecondary{color:var(--primary);padding:14px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .15s}.btnHeroSecondary:hover{text-decoration:underline;transform:translate(3px)}.heroMockupCard{border:1px solid var(--hairline);text-align:left;background:#fff;border-radius:22px;width:100%;max-width:820px;transition:box-shadow .3s;overflow:hidden;box-shadow:0 20px 60px #0e4d3c17}.floatingCard{animation:6s ease-in-out infinite alternate floatMotion}@keyframes floatMotion{0%{transform:translateY(0);box-shadow:0 16px 50px #0e4d3c14}to{transform:translateY(-8px);box-shadow:0 24px 70px #0e4d3c21}}.borderGlowEffect{position:relative}.mockupHeader{border-bottom:1px solid var(--hairline);background:#fafcfb;justify-content:space-between;align-items:center;padding:14px 22px;display:flex}.mockupDots{gap:8px;display:flex}.mockupDotRed{background:#ef4444;border-radius:50%;width:10px;height:10px}.mockupDotYellow{background:#f59e0b;border-radius:50%;width:10px;height:10px}.mockupDotGreen{background:#10b981;border-radius:50%;width:10px;height:10px}.mockupLiveBadge{color:var(--primary);background:var(--primary-tint);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:700;display:flex}.livePulse{background:#10b981;border-radius:50%;width:6px;height:6px;animation:1.4s infinite liveBlink}@keyframes liveBlink{0%,to{opacity:1}50%{opacity:.3}}.mockupTitle{color:var(--ink-secondary);font-size:12px;font-weight:600}.mockupChatBody{background:#fff;flex-direction:column;gap:18px;min-height:240px;padding:26px;transition:opacity .3s,transform .3s;display:flex}.mockupFadeIn{opacity:1;transform:translateY(0)}.mockupFadeOut{opacity:0;transform:translateY(8px)}.mockupMsgUser{background:var(--primary);color:#fff;border-radius:18px 18px 4px;max-width:82%;margin-left:auto;padding:14px 20px;font-size:14px;font-weight:500;box-shadow:0 4px 14px #0e4d3c26}.userLabel{opacity:.75;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:10.5px;display:block}.mockupMsgAi{background:var(--bg-soft);border:1px solid var(--hairline);border-radius:18px 18px 18px 4px;max-width:90%;padding:20px 22px}.mockupAiHeader{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.aiBadge{color:var(--primary);background:var(--primary-tint);border-radius:6px;padding:3px 9px;font-size:11px;font-weight:700}.ragScoreBadge{color:#047857;background:#dcfce7;border:1px solid #bbf7d0;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.mockupAiContent{color:#1a2e26;margin-bottom:14px;font-size:14px;line-height:1.7}.mockupDalilBox{color:var(--primary);border:1px solid var(--primary-tint-strong);background:#fff;border-radius:9px;padding:9px 14px;font-size:12px;font-weight:600}.demoIndicators{background:#fff;justify-content:center;align-items:center;gap:8px;padding:12px 0 16px;display:flex}.demoDot{background:var(--hairline-strong);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;transition:all .2s}.demoDotActive{background:var(--primary);border-radius:999px;width:24px}.trustStatsSection{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);background:#fff;padding:42px 24px}.statsGridContainer{text-align:center;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1100px;margin:0 auto;display:grid}.statHoverCard{border-radius:12px;flex-direction:column;gap:4px;padding:14px;transition:transform .2s;display:flex}.statHoverCard:hover{transform:translateY(-3px)}.statValue{color:var(--primary);font-family:Fraunces,Georgia,serif;font-size:36px;font-weight:600}.statNumberGlow{text-shadow:0 2px 10px #10b98126}.statLabel{color:#111;font-size:14px;font-weight:600}.statSub{color:var(--ink-tertiary);font-size:11.5px}.islamicFeaturesSection{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);background:linear-gradient(#f8fafc 0%,#fff 100%);padding:80px 24px}.islamicFeaturesGrid{grid-template-columns:repeat(3,1fr);gap:28px;max-width:1100px;margin:0 auto;display:grid}.islamicFeatureCard{background:#fff;border:1.5px solid #e2eae5;border-radius:22px;flex-direction:column;justify-content:space-between;padding:32px 28px;display:flex;box-shadow:0 4px 20px #00000008}.islamicFeatureTop{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.islamicFeatureIconWrap{border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;font-size:28px;display:flex;box-shadow:0 4px 14px #0000000f}.iconSholat{background:#e8f5e9;border:1px solid #c8e6c9}.iconQuran{background:#eff6ff;border:1px solid #bfdbfe}.iconCalendar{background:#fef3c7;border:1px solid #fde68a}.islamicFeatureFreeBadge{color:#166534;letter-spacing:.6px;background:#dcfce7;border:1px solid #bbf7d0;border-radius:99px;padding:4px 12px;font-size:10.5px;font-weight:800}.islamicFeatureTitle{color:#0e4d3c;letter-spacing:-.01em;margin-bottom:10px;font-family:Fraunces,serif;font-size:21px;font-weight:600}.islamicFeatureDesc{color:#55665e;margin-bottom:18px;font-size:13.5px;line-height:1.6}.islamicFeaturePoints{flex-direction:column;gap:8px;margin:0 0 24px;padding:0;list-style:none;display:flex}.islamicFeaturePoints li{color:#334155;font-size:12.5px;font-weight:600}.btnIslamicFeatureAction{color:#fff;background:#0e4d3c;border-radius:12px;justify-content:center;align-items:center;margin-top:auto;padding:12px 20px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 14px #0e4d3c33}.btnIslamicFeatureAction:hover{background:#09372b;transform:translateY(-2px);box-shadow:0 6px 18px #0e4d3c4d}.workflowSection{background:var(--bg-soft);padding:80px 24px}.sectionHeaderCenter{text-align:center;max-width:680px;margin:0 auto 50px}.sectionTag{letter-spacing:.08em;color:var(--primary);background:var(--primary-tint);border-radius:999px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.sectionTitle{color:#111;margin-bottom:12px;font-family:Fraunces,Georgia,serif;font-size:32px;font-weight:600}.sectionDesc{color:#55665e;font-size:15px;line-height:1.6}.workflowGrid{grid-template-columns:repeat(3,1fr);gap:28px;max-width:1100px;margin:0 auto;display:grid}.workflowCard{border:1px solid var(--hairline);box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;flex-direction:column;padding:32px 26px;display:flex}.cardHoverLift{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .2s}.cardHoverLift:hover{border-color:var(--primary-tint-strong);transform:translateY(-6px);box-shadow:0 14px 34px #0e4d3c17}.workflowTop{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.workflowIcon{font-size:32px}.animatedIcon{transition:transform .3s;display:inline-block}.cardHoverLift:hover .animatedIcon{transform:scale(1.15)rotate(5deg)}.workflowStepNumber{color:var(--primary-tint-strong);font-family:Fraunces,Georgia,serif;font-size:24px;font-weight:600}.workflowCardTitle{color:#111;margin-bottom:10px;font-size:17px;font-weight:700}.workflowCardDesc{color:#55665e;font-size:13.5px;line-height:1.6}.popularSection{background:#fff;padding:80px 24px}.popularGrid{grid-template-columns:repeat(2,1fr);gap:20px;max-width:1100px;margin:0 auto;display:grid}.popularCard{background:var(--bg-soft);border:1px solid var(--hairline);cursor:pointer;border-radius:16px;padding:24px;transition:all .2s}.popularCard:hover{border-color:var(--primary);background:#fff;transform:translateY(-3px);box-shadow:0 10px 26px #0e4d3c14}.popularCat{color:var(--primary);margin-bottom:8px;font-size:11px;font-weight:700}.popularQ{color:#111;margin-bottom:12px;font-size:15px;font-weight:600;line-height:1.45}.popularLink{color:var(--primary);align-items:center;gap:4px;font-size:12.5px;font-weight:700;display:flex}.popularCard:hover .arrowMove{transform:translate(5px)}.arrowMove{transition:transform .2s;display:inline-block}.ctaBannerSection{background:#fff;padding:60px 24px 80px}.ctaBannerContainer{color:#fff;text-align:center;background:linear-gradient(135deg,#0e4d3c 0%,#062b21 100%);border-radius:24px;max-width:1100px;margin:0 auto;padding:60px 48px;box-shadow:0 16px 40px #0e4d3c33}.ctaGlowEffect{position:relative;overflow:hidden}.ctaGlowEffect:before{content:"";background:radial-gradient(circle,#10b98140 0%,#0000 70%);border-radius:50%;width:380px;height:380px;animation:6s ease-in-out infinite alternate pulseGlow;position:absolute;top:-50%;right:-20%}@keyframes pulseGlow{0%{opacity:.5;transform:scale(.85)}to{opacity:.9;transform:scale(1.2)}}.ctaTitle{margin-bottom:14px;font-family:Fraunces,Georgia,serif;font-size:34px;font-weight:600}.ctaDesc{color:#ffffffd9;max-width:600px;margin:0 auto 32px;font-size:15px;line-height:1.6}.ctaButtonGroup{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.btnCtaWhite{color:var(--primary);cursor:pointer;background:#fff;border:none;border-radius:12px;padding:13px 28px;font-size:14px;font-weight:700;transition:all .15s}.btnCtaWhite:hover{background:#f0fdf4;transform:translateY(-2px)}.btnCtaGhost{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff4d;border-radius:12px;padding:13px 24px;font-size:14px;font-weight:600}@media (width<=992px){.heroTitle{font-size:36px}.statsGridContainer{grid-template-columns:repeat(2,1fr)}.islamicFeaturesGrid{grid-template-columns:1fr;gap:20px}.workflowGrid,.popularGrid{grid-template-columns:1fr}}@media (width<=600px){.landingHero{padding:40px 16px 50px}.heroTitle{margin-bottom:12px;font-size:25px;line-height:1.25}.heroSubtitle{margin-bottom:22px;font-size:13.5px;line-height:1.55}.statsGridContainer{grid-template-columns:1fr;gap:12px}.trustStatsSection{padding:30px 14px}.islamicFeaturesSection{padding:40px 14px 50px}.sectionHeaderCenter{margin-bottom:26px}.sectionTag{padding:3px 10px;font-size:10px}.sectionTitle{margin-bottom:8px;font-size:21px;line-height:1.3}.sectionDesc{font-size:13px;line-height:1.55}.islamicFeaturesGrid{grid-template-columns:1fr;gap:16px}.islamicFeatureCard{border-radius:18px;padding:22px 18px}.islamicFeatureTitle{margin-bottom:6px;font-size:18px}.islamicFeatureDesc{margin-bottom:14px;font-size:13px}.islamicFeaturePoints{gap:6px;margin-bottom:18px}.islamicFeaturePoints li{font-size:12px}.btnIslamicFeatureAction{padding:11px 16px;font-size:13px}.workflowSection{padding:40px 14px 50px}.workflowCard{border-radius:16px;padding:22px 18px}.popularSection{padding:40px 14px 50px}.popularCard{border-radius:14px;padding:18px 16px}.ctaBannerSection{padding:30px 14px 60px}.ctaBannerContainer{border-radius:18px;padding:30px 16px}.ctaTitle{margin-bottom:10px;font-size:21px}.ctaDesc{margin-bottom:22px;font-size:13px}.ctaButtonGroup{flex-direction:column;gap:10px;width:100%}.btnCtaWhite,.btnCtaGhost{text-align:center;box-sizing:border-box;width:100%}}.aboutContainer{max-width:1100px;margin:0 auto;padding:60px 24px 80px}.aboutHero{text-align:center;max-width:780px;margin:0 auto 54px}.aboutTitle{color:#111;letter-spacing:-.02em;margin-top:12px;margin-bottom:16px;font-family:Fraunces,Georgia,serif;font-size:38px;font-weight:600;line-height:1.25}.aboutSub{color:#55665e;font-size:16px;line-height:1.7}.aboutGridTwo{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:70px;display:grid}.aboutInfoCard{background:var(--bg-soft);border:1px solid var(--hairline);box-shadow:var(--shadow-sm);border-radius:20px;padding:36px 30px;transition:all .2s}.aboutInfoCard:hover{border-color:var(--primary-tint-strong);background:#fff;box-shadow:0 10px 30px #0e4d3c0f}.aboutCardTitle{color:var(--primary);margin-bottom:12px;font-family:Fraunces,Georgia,serif;font-size:22px;font-weight:600}.aboutCardText{color:#44554e;font-size:14.5px;line-height:1.68}.expertsSection{margin-top:20px}.expertsHeading{color:#111;text-align:center;margin-bottom:36px;font-family:Fraunces,Georgia,serif;font-size:28px;font-weight:600}.expertsGrid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.expertCard{border:1px solid var(--hairline);text-align:center;box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;flex-direction:column;align-items:center;padding:28px 24px;transition:all .2s;display:flex}.expertCard:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 30px #0e4d3c14}.expertAvatar{color:#fff;background:linear-gradient(135deg,#0e4d3c 0%,#178863 100%);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:18px;font-family:Fraunces,serif;font-size:22px;font-weight:700;display:flex;box-shadow:0 4px 14px #0e4d3c33}.expertName{color:#111;margin-bottom:6px;font-size:16px;font-weight:700;line-height:1.35}.expertRole{color:var(--primary);background:var(--primary-tint);border-radius:999px;margin-bottom:14px;padding:4px 10px;font-size:12px;font-weight:600}.expertBio{color:#667770;font-size:13px;line-height:1.6}@media (width<=900px){.aboutTitle{font-size:30px}.aboutGridTwo,.expertsGrid{grid-template-columns:1fr}}@media (width<=600px){.aboutContainer{padding:24px 14px 60px}.aboutTitle{font-size:24px}.aboutSub{font-size:13.5px}.aboutInfoCard{border-radius:16px;padding:22px 18px}.expertCard{padding:20px 16px}}.faqContainer{max-width:860px;margin:0 auto;padding:60px 24px 80px}.faqHero{text-align:center;max-width:680px;margin:0 auto 48px}.faqTitle{color:#111;margin-top:12px;margin-bottom:14px;font-family:Fraunces,Georgia,serif;font-size:36px;font-weight:600}.faqSub{color:#55665e;font-size:15px;line-height:1.65}.faqAccordionList{flex-direction:column;gap:14px;display:flex}.faqItem{border:1px solid var(--hairline);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;padding:20px 24px;transition:all .2s}.faqItem:hover{border-color:var(--primary-tint-strong);background:#fafcfb}.faqItemOpen{border-color:var(--primary);background:#fff;box-shadow:0 8px 24px #0e4d3c0f}.faqQuestionRow{justify-content:space-between;align-items:center;gap:16px;display:flex}.faqQText{color:#111;font-size:15.5px;font-weight:600;line-height:1.4}.faqItemOpen .faqQText{color:var(--primary)}.faqToggleIcon{background:var(--bg-soft);width:28px;height:28px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.faqItemOpen .faqToggleIcon{background:var(--primary-tint)}.faqAnswerText{border-top:1px solid var(--hairline);color:#44554e;margin-top:16px;padding-top:16px;font-size:14px;line-height:1.7}@media (width<=600px){.faqTitle{font-size:28px}.faqItem{padding:16px 18px}.faqQText{font-size:14px}}.pricingContainer{max-width:1160px;margin:0 auto;padding:60px 24px 100px}.pricingHero{text-align:center;max-width:760px;margin:0 auto 54px}.pricingTitle{color:#111;margin-top:12px;margin-bottom:14px;font-family:Fraunces,Georgia,serif;font-size:40px;font-weight:600;line-height:1.25}.pricingSub{color:#55665e;margin-bottom:28px;font-size:16px;line-height:1.65}.pricingCycleToggleWrap{background:#e8efea;border:1px solid #d5e2da;border-radius:99px;padding:5px;display:inline-flex}.cycleToggleBtn{color:#4a5b53;cursor:pointer;background:0 0;border:none;border-radius:99px;align-items:center;gap:8px;padding:8px 20px;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.cycleToggleBtn.cycleActive{color:#fff;background:#0e4d3c;box-shadow:0 2px 8px #0e4d3c40}.saveBadge{color:#fff;background:#f59e0b;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700}.pricingCardsGrid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:24px;margin-bottom:70px;display:grid}.pricingCard{background:#fff;border:1px solid #e2eae5;border-radius:22px;flex-direction:column;padding:34px 28px;transition:all .25s;display:flex;position:relative;box-shadow:0 4px 20px #0000000a}.pricingCard:hover{transform:translateY(-4px);box-shadow:0 16px 36px #0e4d3c14}.pricingCardFeatured{border:2px solid #0e4d3c;transform:scale(1.02);box-shadow:0 16px 40px #0e4d3c1f}.pricingCardFeatured:hover{transform:scale(1.02)translateY(-4px)}.pricingCardGold{background:linear-gradient(#fffdf8 0%,#fff 100%);border:2px solid #d97706;box-shadow:0 14px 36px #d9770617}.planBadge{color:#55665e;background:#efefef;border-radius:6px;align-self:flex-start;margin-bottom:12px;padding:4px 10px;font-size:11.5px;font-weight:700}.planBadgeFeatured{color:#0e4d3c;background:#e4f2ec;border:1px solid #c1e1d3;border-radius:6px;align-self:flex-start;margin-bottom:12px;padding:4px 10px;font-size:11.5px;font-weight:700}.planBadgeGold{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;align-self:flex-start;margin-bottom:12px;padding:4px 10px;font-size:11.5px;font-weight:700}.planName{color:#111;margin-bottom:6px;font-family:Fraunces,serif;font-size:24px;font-weight:600}.planSubtitle{color:#667770;min-height:38px;margin-bottom:16px;font-size:13px;line-height:1.45}.planPrice{color:#111;margin-bottom:4px;font-family:Fraunces,serif;font-size:36px;font-weight:700}.planPriceFeatured{color:#0e4d3c}.planPriceGold{color:#b45309}.planPeriod{color:#718096;font-family:Inter,sans-serif;font-size:13px;font-weight:400}.planSavingsNote{color:#d97706;margin-bottom:8px;font-size:12px;font-weight:600}.planDivider{background:#edf2f0;height:1px;margin:18px 0 22px}.planFeatures{flex-direction:column;flex:1;gap:13px;margin:0 0 32px;padding:0;list-style:none;display:flex}.planFeatures li.fMuted{color:#8c9e95;font-size:12.5px}.fIconCheck,.fIconCheckGold{color:#0e4d3c;font-weight:700}.fIconCrown{font-size:14px}.fIconNotice{color:#a0aec0;font-weight:700}.btnPlanOutline{color:#2d3748;cursor:pointer;background:#fff;border:1px solid #cbd5e0;border-radius:12px;justify-content:center;align-items:center;padding:13px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btnPlanOutline:hover{color:#0e4d3c;background:#f7fafc;border-color:#0e4d3c}.btnPlanSolid{color:#fff;cursor:pointer;background:#0e4d3c;border:none;border-radius:12px;justify-content:center;align-items:center;padding:13px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 14px #0e4d3c40}.btnPlanSolid:hover{background:#09372b;transform:translateY(-1px)}.btnPlanGold{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d97706 0%,#b45309 100%);border:none;border-radius:12px;justify-content:center;align-items:center;padding:13px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 16px #d977064d}.btnPlanGold:hover{background:linear-gradient(135deg,#b45309 0%,#92400e 100%);transform:translateY(-1px)}.comparisonSection{margin:60px 0 80px}.compHeader{text-align:center;margin-bottom:32px}.compTitle{color:#111;margin-bottom:8px;font-family:Fraunces,serif;font-size:28px;font-weight:600}.compSub{color:#55665e;font-size:14.5px}.compTableWrap{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e2eae5;border-radius:18px;overflow-x:auto;box-shadow:0 4px 20px #00000008}.compTable{border-collapse:collapse;text-align:left;width:100%;min-width:600px}.compTable th{color:#2d3748;white-space:nowrap;background:#f4f8f6;border-bottom:1px solid #e2eae5;padding:14px 16px;font-size:13px;font-weight:700}.compTable th.compThGold{color:#92400e;background:#fef9ee}.compTable td{color:#4a5568;white-space:nowrap;border-bottom:1px solid #edf2f0;padding:13px 16px;font-size:13px}.compRowHighlight{background:#fafdfb}.compFeatureCell{color:#1a202c;min-width:180px;font-weight:600;white-space:normal!important}.compTextGreen{color:#0e4d3c}.compCellGold{color:#b45309}.pricingFaqSection{border-top:1px solid #e2eae5;padding-top:60px}.pricingFaqTitle{text-align:center;color:#111;margin-bottom:36px;font-family:Fraunces,serif;font-size:26px}.pricingFaqGrid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.pFaqCard{background:#f9fbfa;border:1px solid #e2eae5;border-radius:14px;padding:22px 24px}.pFaqCard h4{color:#1a202c;margin-bottom:8px;font-size:15px;font-weight:600}.pFaqCard p{color:#4a5568;margin:0;font-size:13.5px;line-height:1.55}@media (width<=900px){.pricingContainer{padding:24px 14px 60px}.pricingTitle{font-size:28px}.pricingSub{margin-bottom:24px;font-size:14px}.pricingCardsGrid{grid-template-columns:1fr;gap:20px}.pricingCardFeatured{transform:none}.pricingCardFeatured:hover{transform:translateY(-4px)}.pricingFaqGrid{grid-template-columns:1fr;gap:14px}}@media (width<=480px){.pricingContainer{padding:16px 10px 50px}.pricingTitle{font-size:22px}.pricingCard{padding:24px 18px}.planPrice{font-size:28px}.billingCycleToggle{box-sizing:border-box;width:100%}.btnBillingCycle{padding:8px 10px;font-size:12px}}.simPaymentModal{background:#fff;border-radius:20px;width:92%;max-width:480px;animation:.25s cubic-bezier(.16,1,.3,1) modalScaleUp;overflow:hidden;box-shadow:0 20px 50px #00000040}.simModalHeader{background:#f9fbfa;border-bottom:1px solid #e2eae5;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.simModalTitle{color:#111;font-family:Fraunces,serif;font-size:18px;font-weight:600}.simModalBody{padding:24px}.simPlanBadgeBox{background:#e8f5e9;border:1px solid #c8e6c9;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:14px 18px;display:flex}.simPlanName{color:#1b5e20;font-size:14.5px;font-weight:700}.simPlanPrice{color:#0e4d3c;font-size:16px;font-weight:800}.simPlanPrice small{color:#4a5568;font-size:12px;font-weight:500}.simQrisBox{text-align:center;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:14px;padding:18px}.simQrisHeader{color:#334155;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:12px;font-weight:600;display:flex}.simQrisBadge{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:99px;padding:2px 8px;font-size:10.5px;font-weight:700}.simQrCodeVisual{background:#fff;border:2px solid #0e4d3c;border-radius:12px;justify-content:center;align-items:center;width:140px;height:140px;margin:0 auto 14px;display:flex;position:relative}.simQrInnerSquare{background:repeating-linear-gradient(45deg,#0e4d3c,#0e4d3c 10px,#fff 10px 20px);border-radius:6px;width:90px;height:90px}.simQrisNote{color:#64748b;margin:0;font-size:12px;line-height:1.5}.simModalFooter{background:#f9fbfa;border-top:1px solid #e2eae5;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.btnSimulatePay{color:#fff;cursor:pointer;background:#0e4d3c;border:none;border-radius:10px;padding:11px 20px;font-size:13.5px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #0e4d3c40}.btnSimulatePay:hover{background:#09372b}.btnSimulatePay:disabled{opacity:.6;cursor:not-allowed}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.contactContainer{max-width:920px;margin:0 auto;padding:60px 24px 80px}.contactHero{text-align:center;max-width:680px;margin:0 auto 44px}.contactTitle{color:#111;margin-top:12px;margin-bottom:14px;font-family:Fraunces,Georgia,serif;font-size:36px;font-weight:600;line-height:1.25}.contactSub{color:#55665e;font-size:15px;line-height:1.65}.contactCardWrap{border:1px solid var(--hairline);background:#fff;border-radius:20px;max-width:680px;margin:0 auto;padding:40px;box-shadow:0 10px 40px #0e4d3c0d}.contactForm{flex-direction:column;gap:20px;display:flex}.formField{flex-direction:column;gap:8px;display:flex}.formField label{color:#22332d;font-size:13px;font-weight:600}.formField input,.formField textarea{border:1px solid var(--hairline);background:var(--bg-soft);color:#111;box-sizing:border-box;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:Inter,sans-serif;font-size:14px;transition:all .18s}.formField input:focus,.formField textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint);background:#fff}.formField textarea{resize:vertical}.btnContactSubmit{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;padding:14px 28px;font-size:14.5px;font-weight:600;transition:all .18s;display:flex;box-shadow:0 6px 20px #0e4d3c33}.btnContactSubmit:hover{background:var(--primary-hover);transform:translateY(-2px)}.contactSuccessBox{text-align:center;padding:40px 20px}.contactSuccessBox h3{color:var(--primary);margin-bottom:8px;font-family:Fraunces,serif;font-size:22px}.contactSuccessBox p{color:#55665e;font-size:14px}@media (width<=600px){.contactCardWrap{padding:24px 18px}.contactTitle{font-size:28px}}.featurePageShell{color:#111;background:#fdfefe;flex-direction:column;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.featureTopBar{-webkit-backdrop-filter:blur(12px);z-index:100;box-sizing:border-box;background:#fffffff5;border-bottom:1px solid #0e4d3c1a;width:100%;position:sticky;top:0}.featureTopContainer{box-sizing:border-box;justify-content:space-between;align-items:center;gap:16px;max-width:1180px;margin:0 auto;padding:12px 24px;display:flex}.featureTopLeft{align-items:center;gap:14px;display:flex}.btnFeatureBack{color:#0e4d3c;cursor:pointer;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:center;gap:8px;padding:7px 14px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.btnFeatureBack:hover{background:#dcfce7;border-color:#86efac;transform:translate(-2px)}.btnFeatureBack svg{width:16px;height:16px}.featureHeaderDivider{background:#e2e8f0;width:1px;height:24px}.featureBrandLink{align-items:center;gap:10px;text-decoration:none;display:flex}.featureBrandLogo{background:#0e4d3c;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 3px 10px #0e4d3c26}.featureBrandLogo svg{width:20px;height:20px}.featureBrandText{flex-direction:column;line-height:1.15;display:flex}.featureBrandName{color:#0e4d3c;letter-spacing:-.01em;font-family:Fraunces,serif;font-size:15px;font-weight:600}.featurePageTag{color:#10b981;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.featurePageIcon{font-size:11px}.btnFeatureGoChat{color:#fff;background:linear-gradient(135deg,#0e4d3c 0%,#166534 100%);border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 3px 10px #0e4d3c33}.btnFeatureGoChat:hover{background:#09372b;transform:translateY(-1px)}.featurePageMain{flex:1}.featurePageFooter{background:#fff;border-top:1px solid #e2eae5;padding:24px 20px}.featureFooterContent{color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1100px;margin:0 auto;font-size:12.5px;display:flex}.featureFooterLinks{flex-wrap:wrap;gap:16px;display:flex}.featureFooterLinks a{color:#0e4d3c;font-weight:500;text-decoration:none;transition:color .15s}.featureFooterLinks a:hover{text-decoration:underline}@media (width<=768px){.featureTopContainer{padding:10px 14px}.btnFeatureBack{padding:6px 10px;font-size:12px}.btnFeatureBack span,.featureHeaderDivider{display:none}.featureBrandName{font-size:14px}.featurePageTag{font-size:10px}.btnFeatureGoChat{padding:7px 12px;font-size:11.5px}.featureFooterContent{text-align:center;flex-direction:column;gap:12px}.featureFooterLinks{justify-content:center;gap:12px}}.prayerPageContainer{max-width:1060px;margin:0 auto;padding:40px 24px 80px}.prayerHero{text-align:center;margin-bottom:36px}.prayerTag{color:#0e4d3c;letter-spacing:.8px;background:#0e4d3c14;border:1px solid #0e4d3c33;border-radius:99px;margin-bottom:14px;padding:6px 14px;font-size:11px;font-weight:800;display:inline-block}.prayerTitle{color:#111;letter-spacing:-.02em;margin-bottom:10px;font-family:Fraunces,serif;font-size:36px;font-weight:600}.prayerSub{color:#55665e;max-width:580px;margin:0 auto 24px;font-size:15px;line-height:1.55}.prayerControlsWrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.citySelectorBox{background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;align-items:center;gap:8px;padding:8px 14px;display:flex;box-shadow:0 2px 8px #00000008}.citySelectorBox label{color:#475569;font-size:12.5px;font-weight:600}.citySelectInput{color:#0f172a;cursor:pointer;background:0 0;border:none;outline:none;font-size:13.5px;font-weight:600}.btnGpsDetect{color:#fff;cursor:pointer;background:#0e4d3c;border:none;border-radius:12px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #0e4d3c33}.btnGpsDetect:hover{background:#09372b;transform:translateY(-1px)}.nextPrayerCard{color:#fff;background:linear-gradient(135deg,#0e4d3c 0%,#082f24 100%);border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:40px;padding:32px 36px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px #0e4d3c40}.nextPrayerCard:after{content:"🕌";opacity:.06;pointer-events:none;font-size:160px;position:absolute;bottom:-30px;right:-20px}.nextPrayerBadge{color:#f59e0b;letter-spacing:.5px;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:99px;margin-bottom:10px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.nextPrayerName{align-items:center;gap:10px;margin-bottom:6px;font-size:28px;font-weight:700;display:flex}.nextPrayerIcon{font-size:32px}.nextPrayerTargetTime{color:#fffc;font-size:15px}.nextPrayerRight{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.countdownLabel{color:#ffffffb3;margin-bottom:4px;font-size:12px}.countdownTimer{color:#10b981;letter-spacing:2px;margin-bottom:12px;font-family:monospace;font-size:36px;font-weight:800}.btnAdhanAudio{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;border-radius:10px;padding:8px 16px;font-size:12.5px;font-weight:600;transition:all .2s}.btnAdhanAudio:hover{background:#ffffff40}.dualAdhanButtonsWrap{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.adhanPlayingIndicator{color:#fef08a;background:#00000040;border-radius:6px;margin-top:8px;padding:4px 10px;font-size:11.5px;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.prayerGridSection{margin-bottom:40px}.prayerSectionHeading{color:#1e293b;margin-bottom:18px;font-size:18px;font-weight:700}.prayerCardsGrid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;display:grid}.pCard{text-align:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:6px;padding:18px 14px;transition:all .2s;display:flex}.pCard:hover{border-color:#10b981;transform:translateY(-2px);box-shadow:0 8px 20px #0000000a}.pCardActive{background:#f0fdf4!important;border-color:#10b981!important;box-shadow:0 6px 18px #10b98126!important}.pCardImsak,.pCardSunrise{opacity:.85;background:#f8fafc}.pCardHeader{color:#334155;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.pCardTime{color:#0e4d3c;font-family:monospace;font-size:24px;font-weight:800}.pCardDesc{color:#64748b;font-size:10px}.prayerDalilBox{text-align:center;background:#f4f8f6;border-left:4px solid #0e4d3c;border-radius:12px;padding:20px 24px}.dalilArabic{color:#0e4d3c;direction:rtl;margin-bottom:8px;font-family:Amiri,Traditional Arabic,serif;font-size:22px}.dalilMeaning{color:#334155;font-size:13.5px;font-style:italic;line-height:1.5}@media (width<=768px){.prayerPageContainer{padding:20px 14px 60px}.prayerTitle{font-size:26px}.prayerSub{margin-bottom:18px;font-size:13.5px}.prayerControlsWrap{flex-direction:column;gap:10px;width:100%}.citySelectorBox{box-sizing:border-box;justify-content:space-between;width:100%}.citySelectInput{text-align:right;width:60%}.btnGpsDetect{text-align:center;width:100%;padding:12px}.nextPrayerCard{text-align:center;border-radius:16px;flex-direction:column;gap:18px;padding:24px 18px}.nextPrayerName{justify-content:center;font-size:24px}.nextPrayerRight{text-align:center;align-items:center;width:100%}.countdownTimer{font-size:30px}.dualAdhanButtonsWrap{flex-direction:column;gap:8px;width:100%}.btnAdhanAudio{text-align:center;width:100%;padding:10px 14px;font-size:13px}.prayerCardsGrid{grid-template-columns:repeat(2,1fr);gap:10px}.pCard{padding:14px 10px}.pCardTime{font-size:20px}}@media (width<=480px){.prayerPageContainer{padding:14px 10px 50px}.prayerTitle{font-size:22px}.nextPrayerCard{padding:18px 14px}.countdownTimer{font-size:26px}.prayerDalilBox{padding:16px 14px}.dalilArabic{font-size:19px}.dalilMeaning{font-size:12.5px}}.quranContainer{max-width:1080px;margin:0 auto;padding:40px 24px 80px}.quranHero{text-align:center;margin-bottom:40px}.quranHeroTag{color:#0e4d3c;letter-spacing:.8px;background:#0e4d3c14;border:1px solid #0e4d3c33;border-radius:99px;margin-bottom:14px;padding:6px 14px;font-size:11px;font-weight:800;display:inline-block}.quranHeroTitle{color:#111;letter-spacing:-.02em;margin-bottom:10px;font-family:Fraunces,serif;font-size:36px;font-weight:600}.quranHeroSub{color:#55665e;max-width:600px;margin:0 auto 28px;font-size:15px;line-height:1.55}.quranSearchBox{background:#fff;border:1.5px solid #cbd5e1;border-radius:14px;align-items:center;gap:10px;max-width:540px;margin:0 auto;padding:10px 16px;transition:all .2s;display:flex;box-shadow:0 4px 16px #0000000a}.quranSearchBox:focus-within{border-color:#10b981;box-shadow:0 4px 18px #10b9811f}.qSearchIcon{color:#64748b;font-size:16px}.quranSearchInput{color:#0f172a;background:0 0;border:none;outline:none;flex:1;font-size:14px}.btnSearchClear{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:14px}.surahGridWrap{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.surahCard{cursor:pointer;background:#fff;border:1.5px solid #e2eae5;border-radius:16px;align-items:center;gap:16px;padding:18px 20px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.surahCard:hover{border-color:#10b981;transform:translateY(-2px);box-shadow:0 8px 24px #0e4d3c14}.surahCardNumber{color:#0e4d3c;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:flex}.surahCardInfo{flex:1;min-width:0}.surahCardName{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:16px;font-weight:700;overflow:hidden}.surahCardMeta{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.surahCardArabic{color:#0e4d3c;flex-shrink:0;font-family:Amiri,Traditional Arabic,serif;font-size:24px;font-weight:700}.surahDetailView{flex-direction:column;gap:24px;display:flex}.btnBackToSurahList{color:#475569;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:10px;align-self:flex-start;margin-bottom:16px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.btnBackToSurahList:hover{color:#0f172a;background:#f8fafc}.surahBannerCard{color:#fff;text-align:center;background:linear-gradient(135deg,#0e4d3c 0%,#082f24 100%);border-radius:20px;flex-direction:column;align-items:center;padding:36px 28px;display:flex;box-shadow:0 12px 30px #0e4d3c40}.bannerSurahArab{color:#f8fafc;margin-bottom:8px;font-family:Amiri,Traditional Arabic,serif;font-size:38px;font-weight:700}.bannerSurahLatin{margin-bottom:6px;font-size:26px;font-weight:700}.bannerSurahMeta{color:#fffc;margin-bottom:20px;font-size:13.5px}.btnPlayFullSurah{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:12px;padding:10px 22px;font-size:13.5px;font-weight:600;transition:all .2s;box-shadow:0 4px 14px #10b9814d}.btnPlayFullSurah:hover{background:#059669}.btnPlayingFull{background:#dc2626!important}.bismillahCard{text-align:center;color:#0e4d3c;letter-spacing:.5px;padding:18px 0;font-family:Amiri,Traditional Arabic,serif;font-size:32px}.ayatListContainer{flex-direction:column;gap:20px;display:flex}.ayahItemCard{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:24px;transition:all .2s;box-shadow:0 2px 10px #00000005}.ayahPlayingActive{background:#f0fdf4!important;border-color:#10b981!important;box-shadow:0 6px 20px #10b98126!important}.ayahItemTopBar{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.ayahBadgeNumber{color:#0e4d3c;background:#e8f5e9;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700}.ayahActionsWrap{gap:8px;display:flex}.btnAyahAction{color:#475569;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:8px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:all .15s}.btnAyahAction:hover{color:#0f172a;background:#f1f5f9}.btnAyahPlaying{color:#fff!important;background:#10b981!important;border-color:#10b981!important}.ayahArabicText{text-align:right;color:#0f172a;letter-spacing:.2px;direction:rtl;margin-bottom:16px;font-family:Amiri,Traditional Arabic,Scheherazade New,serif;font-size:28px;line-height:2.3}.ayahEndOrnament{vertical-align:middle;-webkit-user-select:none;user-select:none;direction:ltr;justify-content:center;align-items:center;margin:0 6px 0 8px;line-height:1;display:inline-flex}.ayahEndSvg{vertical-align:middle;filter:drop-shadow(0 1px 2px #0e4d3c1f);transition:transform .2s;display:inline-block}.ayahEndOrnament:hover .ayahEndSvg{transform:scale(1.08)}.ayahLatinText{color:#0e4d3c;margin-bottom:10px;font-size:14px;font-weight:500;line-height:1.6}.ayahIndoTranslation{color:#334155;font-size:14px;line-height:1.65}.quranLoadingWrap{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:60px 20px;font-size:14px;font-weight:600;display:flex}.spinningGearQuran{border:3px solid #e2e8f0;border-top-color:#0e4d3c;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spinQuran}@keyframes spinQuran{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.quranContainer{padding:20px 14px 60px}.quranHeroTitle{font-size:26px}.quranHeroSub{margin-bottom:20px;font-size:13.5px}.surahGridWrap{grid-template-columns:1fr;gap:10px}.surahCard{gap:12px;padding:14px 16px}.surahCardName{font-size:15px}.surahCardArabic{font-size:20px}.surahHeaderBanner{border-radius:16px;padding:22px 16px}.surahArabicTitle{font-size:32px}.surahLatinTitle{font-size:20px}.surahAudioControlsBar{flex-direction:column;align-items:stretch;gap:10px}.btnPlayFullSurah{justify-content:center;width:100%}.ayahCard{border-radius:14px;padding:18px 14px}.ayahArabicText{font-size:22px;line-height:2.1}.ayahEndSvg{width:28px;height:28px}.ayahLatinText,.ayahIndoTranslation{font-size:13px}}@media (width<=480px){.quranContainer{padding:14px 10px 50px}.quranHeroTitle{font-size:22px}.ayahArabicText{font-size:20px;line-height:2}.ayahEndSvg{width:25px;height:25px}}.btnAyahMakhraj{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;font-weight:600}.btnAyahMakhraj:hover{color:#047857;background:#d1fae5;border-color:#6ee7b7}.makhrajModalOverlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;padding:20px 14px;display:flex;position:fixed;inset:0}.makhrajModalCard{background:#fff;border-radius:20px;flex-direction:column;width:95%;max-width:860px;height:88vh;max-height:88vh;animation:.25s cubic-bezier(.16,1,.3,1) makhrajModalFadeIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0000004d}@keyframes makhrajModalFadeIn{0%{opacity:0;transform:scale(.97)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.makhrajModalHeader{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.makhrajHeaderLeft{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.makhrajHeaderBadge{color:#0e4d3c;letter-spacing:.3px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:700}.makhrajSurahTitle{color:#0f172a;font-size:14.5px;font-weight:700}.makhrajHeaderActions{flex-shrink:0;align-items:center;gap:10px;display:flex}.btnMakhrajPlayAudio{color:#fff;cursor:pointer;background:#0e4d3c;border:none;border-radius:10px;align-items:center;gap:6px;padding:7px 16px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.btnMakhrajPlayAudio:hover{background:#0a362b}.btnMakhrajPlaying{background:#dc2626!important}.btnCloseMakhrajModal{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.btnCloseMakhrajModal:hover{color:#0f172a;background:#e2e8f0}.makhrajModalBody{background:#f8fafc;flex-direction:column;flex:1;gap:18px;padding:22px 24px;display:flex;overflow-y:auto}.makhrajArabicBox{background:#0c241d;border:1px solid #1b4d3e;border-radius:16px;padding:22px 24px;box-shadow:0 4px 16px #0c241d40}.makhrajArabicText{text-align:right;color:#fff;letter-spacing:.3px;direction:rtl;margin-bottom:12px;font-family:Amiri,Traditional Arabic,serif;font-size:27px;line-height:2.2}.makhrajLatinText{color:#a7f3d0;margin-bottom:8px;font-size:13.5px;font-style:italic;line-height:1.5}.makhrajIndoText{color:#e2e8f0;font-size:13px;line-height:1.6}.makhrajTabNavWrap{z-index:20;background:#f8fafc;padding-top:4px;padding-bottom:4px;position:sticky;top:-22px}.makhrajTabNav{white-space:nowrap;scrollbar-width:none;background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:8px;padding:6px;display:flex;overflow-x:auto;box-shadow:0 2px 6px #00000008}.makhrajTabNav::-webkit-scrollbar{display:none}.makhrajTabBtn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9px;flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.makhrajTabBtn:hover{color:#0f172a;background:#f1f5f9}.makhrajTabActive{font-weight:700;box-shadow:0 1px 3px #0000000d;color:#065f46!important;background:#ecfdf5!important;border-color:#a7f3d0!important}.makhrajTabContent{flex-direction:column;gap:14px;display:flex}.makhrajSectionHeading{color:#0f172a;margin-top:4px;margin-bottom:2px;font-size:13.5px;font-weight:700}.tajweedLegendBox{color:#fff;background:#0c241d;border:1px solid #1b4d3e;border-radius:16px;padding:18px 20px}.tajweedLegendHeader{flex-direction:column;gap:3px;margin-bottom:12px;display:flex}.tajweedLegendTitle{color:#f59e0b;letter-spacing:.3px;font-size:13px;font-weight:700}.tajweedLegendItem{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.tajweedLegendColorBlock{border-radius:4px;flex-shrink:0;width:14px;height:14px}.tajweedLegendItemTitle{color:#fff;font-size:12px;font-weight:600}.tajweedLegendItemSub{color:#94a3b8;font-size:10.5px}.makhrajLetterList{flex-direction:column;gap:16px;display:flex}.makhrajLetterCard{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px 20px;transition:transform .2s;box-shadow:0 2px 6px #00000008}.makhrajLetterCard:hover{border-color:#a7f3d0}.makhrajLetterTop{align-items:center;gap:16px;margin-bottom:14px;display:flex}.makhrajLetterBadge{color:#0e4d3c;background:#ecfdf5;border:2px solid #a7f3d0;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-family:Amiri,serif;font-size:32px;display:flex}.makhrajLetterHeaderInfo{flex:1}.makhrajLetterName{color:#0f172a;margin-bottom:2px;font-size:16px;font-weight:700}.makhrajLetterCategory{color:#059669;font-size:12.5px;font-weight:500}.makhrajLetterBody{flex-direction:column;gap:10px;display:flex}.makhrajSifatRow{color:#334155;background:#f8fafc;border-radius:8px;padding:8px 12px;font-size:13px}.makhrajTipsBox{background:#f0fdf4;border-left:3px solid #10b981;border-radius:0 10px 10px 0;padding:10px 14px}.makhrajTipsTitle{color:#065f46;margin-bottom:4px;font-size:12px;font-weight:700}.makhrajTipsBox p{color:#047857;margin:0;font-size:13px;line-height:1.5}.makhrajMistakeBox{background:#fffbeb;border-left:3px solid #f59e0b;border-radius:0 10px 10px 0;padding:10px 14px}.makhrajMistakeTitle{color:#92400e;margin-bottom:4px;font-size:12px;font-weight:700}.makhrajMistakeBox p{color:#78350f;margin:0;font-size:12.5px;line-height:1.45}.makhrajTajwidList{flex-direction:column;gap:12px;display:flex}.makhrajTajwidCard{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #0e4d3c;border-radius:12px;padding:16px 18px}.makhrajTajwidTop{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.makhrajColorDot{border-radius:50%;width:10px;height:10px;display:inline-block}.makhrajTajwidTitle{color:#0f172a;font-size:15px;font-weight:700}.makhrajKetukanBadge{color:#92400e;background:#fef3c7;border:1px solid #0000;border-radius:12px;padding:4px 10px;font-size:11.5px;font-weight:700}.makhrajSnippetArabic{font-family:Amiri,serif;font-size:16px;font-weight:700}.makhrajTajwidDesc{color:#475569;margin:0;font-size:13px;line-height:1.5}.makhrajPracticeList{flex-direction:column;gap:14px;display:flex}.practiceIntroBox{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;padding:14px 16px;font-size:13px;line-height:1.5}.practiceStepCard{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:flex-start;gap:16px;padding:16px 18px;display:flex}.practiceStepNumber{color:#fff;background:#0e4d3c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.practiceStepInfo{flex:1}.practiceStepTitle{color:#0f172a;margin-bottom:4px;font-size:14px;font-weight:700}.practiceStepDesc{color:#64748b;font-size:13px;line-height:1.5}.makhrajEmptyState{text-align:center;color:#64748b;padding:30px 20px;font-size:14px}.makhrajModalFooter{background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-end;padding:14px 24px;display:flex}.btnMakhrajCloseAction{color:#fff;cursor:pointer;background:#0e4d3c;border:none;border-radius:10px;padding:10px 24px;font-size:13px;font-weight:600;transition:all .2s}.btnMakhrajCloseAction:hover{background:#0a362b}.bannerControlsRow{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.btnToggleTajweed{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:10px;padding:8px 16px;font-size:12.5px;font-weight:600;transition:all .2s}.btnToggleTajweed:hover{background:#ffffff40;transform:translateY(-1px)}.btnToggleTajweed.btnTajweedActive{color:#fff;background:#10b981;border-color:#34d399;box-shadow:0 2px 10px #10b98159}.btnToggleLegend{color:#e2e8f0;cursor:pointer;background:#0003;border:1px solid #fff3;border-radius:10px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .2s}.btnToggleLegend:hover{color:#fff;background:#00000059}.tajweedLegendBox{background:#0c241d;border:1px solid #1b4d3e;border-radius:16px;margin-bottom:24px;padding:20px 22px;box-shadow:0 6px 20px #00000040}.tajweedLegendHeader{border-bottom:1px solid #1b4d3e;flex-direction:column;gap:4px;margin-bottom:16px;padding-bottom:12px;display:flex}.tajweedLegendTitle{letter-spacing:.5px;color:#34d399;font-size:13.5px;font-weight:700}.tajweedLegendHint{color:#a7f3d0;font-size:12px}.tajweedLegendGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px 20px;display:grid}.tajweedLegendItem{align-items:flex-start;gap:12px;display:flex}.tajweedLegendColorBlock{border-radius:4px;flex-shrink:0;width:16px;height:16px;margin-top:2px}.tajweedLegendItemTexts{flex-direction:column;gap:2px;display:flex}.tajweedLegendItemTitle{color:#f1f5f9;font-size:12px;font-weight:700;line-height:1.35}.tajweedLegendItemSub{color:#a7f3d0;font-size:11px;line-height:1.3}.ayahArabicText.tajweedDarkCanvas{color:#fff;background:#0c241d;border:1px solid #1b4d3e;border-radius:14px;margin-bottom:14px;padding:18px 20px;box-shadow:inset 0 2px 8px #0006}.tajweedWordToken{cursor:pointer;border-radius:4px;padding:0 2px;transition:all .15s}.tajweedWordToken.hasTajweedRule:hover{filter:brightness(1.25);background:#ffffff1f;text-decoration:underline}.makhrajTajwidTitleWrap{align-items:center;gap:8px;display:flex}.makhrajColorDot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.makhrajSnippetBadge{border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;margin-bottom:10px;padding:6px 12px;display:inline-flex}.makhrajSnippetLabel{color:#64748b;font-size:11px;font-weight:600}.makhrajSnippetArabic{direction:rtl;font-family:Amiri,Traditional Arabic,serif;font-size:18px;font-weight:700}.calContainer{max-width:1060px;margin:0 auto;padding:40px 24px 80px}.calHero{text-align:center;margin-bottom:36px}.calHeroTag{color:#0e4d3c;letter-spacing:.8px;background:#0e4d3c14;border:1px solid #0e4d3c33;border-radius:99px;margin-bottom:14px;padding:6px 14px;font-size:11px;font-weight:800;display:inline-block}.calHeroTitle{color:#111;letter-spacing:-.02em;margin-bottom:10px;font-family:Fraunces,serif;font-size:36px;font-weight:600}.calHeroSub{color:#55665e;max-width:600px;margin:0 auto 24px;font-size:15px;line-height:1.55}.todayHijriBanner{background:#fff;border:1.5px solid #10b981;border-radius:99px;align-items:center;gap:10px;padding:10px 24px;display:inline-flex;box-shadow:0 4px 16px #10b9811f}.todayHijriLabel{color:#64748b;font-size:13px;font-weight:600}.todayHijriVal{color:#0f172a;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.dividerDot{color:#cbd5e1}.textGreen{color:#0e4d3c}.calWrapperCard{background:#fff;border:1.5px solid #e2eae5;border-radius:20px;margin-bottom:48px;padding:28px;box-shadow:0 8px 30px #00000008}.calNavHeader{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.calMonthTitle{color:#111;font-family:Fraunces,serif;font-size:22px;font-weight:600}.btnCalNav{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.btnCalNav:hover{color:#0f172a;background:#e2e8f0}.calWeekDaysGrid{text-align:center;grid-template-columns:repeat(7,1fr);margin-bottom:12px;display:grid}.weekDayName{color:#64748b;padding:8px 0;font-size:12.5px;font-weight:700}.daySun{color:#ef4444}.dayFri{color:#10b981}.calDaysGrid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.calDayCell{background:#fff;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:80px;padding:8px;transition:all .15s;display:flex}.calDayCell:hover:not(.calDayEmpty){border-color:#10b981;box-shadow:0 4px 12px #10b98114}.calDayEmpty{background:0 0;border:none}.calDayToday{box-shadow:0 2px 8px #10b98126;background:#f0fdf4!important;border-color:#10b981!important}.calDayTop{justify-content:space-between;align-items:center;display:flex}.calGregDay{color:#0f172a;font-size:14.5px;font-weight:700}.calHijriDay{color:#0e4d3c;background:#0e4d3c14;border-radius:6px;padding:2px 6px;font-size:11.5px;font-weight:700}.calFast_senin_kamis{border-left:3px solid #10b981}.calFast_ayyamul_bidh{background:#fffbeb;border-left:3px solid #f59e0b}.calFast_sunnah_utama{background:#f5f3ff;border-left:3px solid #8b5cf6}.calFast_haram{background:#fef2f2;border-left:3px solid #ef4444}.calFastingBadge{text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;margin-top:4px;padding:2px 6px;font-size:9.5px;font-weight:700;overflow:hidden}.badge_senin_kamis{color:#166534;background:#dcfce7}.badge_ayyamul_bidh{color:#92400e;background:#fef3c7}.badge_sunnah_utama{color:#5b21b6;background:#ede9fe}.badge_haram{color:#991b1b;background:#fee2e2}.calLegendWrap{color:#475569;border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:24px;padding-top:16px;font-size:12px;display:flex}.legendItem{align-items:center;gap:6px;display:flex}.legendDot{border-radius:50%;width:10px;height:10px}.dotSeninKamis{background:#10b981}.dotAyyamulBidh{background:#f59e0b}.dotSunnahUtama{background:#8b5cf6}.dotHaram{background:#ef4444}.eventsSectionTitle{color:#111;margin-bottom:20px;font-family:Fraunces,serif;font-size:24px;font-weight:600}.eventsCardsGrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.eventItemCard{background:#fff;border:1.5px solid #e2eae5;border-radius:14px;align-items:center;gap:14px;padding:16px 18px;display:flex}.eventDateBadge{color:#0e4d3c;text-align:center;white-space:nowrap;background:#e8f5e9;border-radius:8px;padding:6px 10px;font-size:11.5px;font-weight:800}.eventTitle{color:#0f172a;margin-bottom:2px;font-size:14px;font-weight:700}.eventTypeLabel{color:#64748b;font-size:11px}@media (width<=768px){.calContainer{padding:20px 12px 60px}.calHeroTitle{font-size:26px}.calHeroSub{margin-bottom:18px;font-size:13.5px}.calMonthHeader{gap:10px;padding:16px 14px}.calCurrentMonthGreg{font-size:18px}.calCurrentMonthHijri{font-size:12.5px}.calDaysGrid{gap:3px}.calDayCell{border-radius:8px;min-height:52px;padding:4px 2px}.calGregDay{font-size:11.5px}.calHijriDay{padding:1px 3px;font-size:9px}.calFastingBadge{display:none}.eventsCardsGrid{grid-template-columns:1fr;gap:10px}.fastingLegend{gap:6px}.legendItem{padding:4px 8px;font-size:11px}}@media (width<=480px){.calContainer{padding:14px 8px 50px}.calHeroTitle{font-size:22px}.calDayCell{min-height:46px}.calWeekdaysRow div{padding:6px 0;font-size:10px}}.chatAppRoot{color:#0f172a;box-sizing:border-box;background:#f8fafc;width:100%;max-width:100vw;height:100dvh;max-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;display:flex;position:relative;overflow:hidden}.chatAppSidebar{color:#e2e8f0;z-index:50;box-sizing:border-box;background:#0d1f18;border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;width:280px;height:100vh;max-height:100vh;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.sidebarClosed{margin-left:-280px}.appSidebarHeader{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px;display:flex}.sidebarBrand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.sidebarBrandLogo{flex-shrink:0;width:32px;height:32px}.sidebarBrandLogo svg{width:100%;height:100%}.sidebarBrandText{flex-direction:column;display:flex}.sidebarBrandTitle{color:#fff;letter-spacing:-.01em;font-size:15px;font-weight:700}.sidebarBrandBadge{color:#10b981;font-size:10px;font-weight:600}.btnToggleSidebar{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.btnToggleSidebar:hover{color:#fff;background:#ffffff1a}.btnToggleSidebar svg{width:18px;height:18px}.btnAppNewChat{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#0e4d3c 100%);border:1px solid #10b9814d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;margin:10px 12px;padding:9px 14px;font-size:13px;font-weight:600;transition:all .18s;display:flex;box-shadow:0 4px 12px #10b98133}.btnAppNewChat:hover{opacity:.94;transform:translateY(-1px)}.btnAppNewChat svg{width:16px;height:16px}.sidebarHistorySection{flex-direction:column;flex:1;min-height:0;padding:0 8px;display:flex;overflow:hidden}.historyScrollList{flex-direction:column;flex:1;gap:8px;min-height:0;padding:4px 2px 14px;display:flex;overflow:hidden auto}.historyScrollList::-webkit-scrollbar{width:4px}.historyScrollList::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.sidebarCenterGearWrap{flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 10px;display:flex}.spinningGearIconSmall{color:#10b981;width:26px;height:26px;animation:2s linear infinite spinGear}.spinningGearIconSmall svg{width:100%;height:100%}.historyGroupBlock{flex-direction:column;gap:2px;display:flex}.historySectionLabel{letter-spacing:.08em;color:#fff6;text-transform:uppercase;padding:4px 8px;font-size:10px;font-weight:700}.appHistoryItem{color:#ffffffbf;cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;transition:all .15s;display:flex;position:relative}.historyItemIcon{color:#fff6;flex-shrink:0;width:14px;height:14px}.appHistoryTitle{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.btnDeleteHistoryItem{opacity:0;color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.appHistoryItem:hover .btnDeleteHistoryItem{opacity:1}.btnDeleteHistoryItem:hover{color:#ef4444;background:#ef444426}.btnDeleteHistoryItem svg{width:13px;height:13px}.appHistoryItem:hover{color:#fff;background:#ffffff12}.appHistoryActive{border:1px solid #10b98140;font-weight:500;color:#10b981!important;background:#10b98126!important}.appHistoryActive .historyItemIcon{color:#10b981!important}.historyEmptyText{color:#ffffff59;text-align:center;padding:24px 10px;font-size:12px;line-height:1.5}.sidebarBottomWrap{z-index:10;box-sizing:border-box;background:#0d1f18;border-top:1px solid #ffffff14;flex-direction:column;flex-shrink:0;gap:8px;padding:10px 12px 12px;display:flex}.sidebarIslamicUtilities{background:0 0;border:none;flex-shrink:0;gap:6px;padding:0;display:flex}.islamicUtilLink{color:#cbd5e1;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 4px;font-size:10px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.islamicUtilLink:hover{color:#fff;background:#10b9812e;border-color:#10b98159;transform:translateY(-1px)}.utilIcon{font-size:14px;line-height:1}.utilLabel{white-space:nowrap}.sidebarSponsorCard{background:#f59e0b0d;border:1px dashed #f59e0b40;border-radius:8px;flex-shrink:0;margin:0;padding:7px 10px}.sponsorCardTop{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.sponsorTag{color:#f59e0b;letter-spacing:.4px;font-size:9px;font-weight:800}.sponsorNoAdsLink{color:#94a3b8;font-size:9.5px;text-decoration:none}.sponsorNoAdsLink:hover{color:#f59e0b;text-decoration:underline}.sponsorCardTitle{color:#fde68a;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.appQuotaCard{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;margin:0;padding:8px 10px}.quotaCardHeader{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.quotaPlanName{color:#fff;font-size:11.5px;font-weight:600}.quotaPlanBadge{border-radius:4px;padding:1px 5px;font-size:9px;font-weight:700}.badgeFree{color:#fffc;background:#ffffff1a}.badgePro{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.quotaTrack{background:#ffffff1a;border-radius:2px;height:3px;margin-bottom:4px;overflow:hidden}.quotaFill{background:#10b981;border-radius:2px;height:100%;transition:width .3s}.quotaTextMeta{color:#fff9;font-size:10.5px;line-height:1.25}.quotaUpgradeButton{color:#34d399;margin-top:3px;font-size:10.5px;font-weight:600;text-decoration:none;transition:color .15s;display:inline-block}.quotaUpgradeButton:hover{color:#6ee7b7;text-decoration:underline}.sidebarUserFooter{border-top:none;flex-shrink:0;margin:0;padding:0;position:relative}.sidebarUserProfilePill{cursor:pointer;background:#ffffff0d;border-radius:9px;align-items:center;gap:10px;padding:7px 10px;transition:all .15s;display:flex}.sidebarUserProfilePill:hover{background:#ffffff17}.userAvatarCircle{color:#fff;background:linear-gradient(135deg,#10b981 0%,#0e4d3c 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.userMetaWrap{flex-direction:column;flex:1;display:flex;overflow:hidden}.userDisplayName{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.userDisplayEmail{color:#ffffff73;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.userDropdownCaret{color:#fff6;width:14px;height:14px}.sidebarUserMenuDropdown{z-index:100;background:#142820;border:1px solid #ffffff24;border-radius:12px;flex-direction:column;gap:4px;padding:8px;display:flex;position:absolute;bottom:calc(100% + 8px);left:10px;right:10px;box-shadow:0 12px 30px #00000073}.menuHeaderTier{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:4px;padding:6px 10px 8px;font-size:11.5px;display:flex}.mTierLabel{color:#94a3b8}.mTierValue{color:#10b981;font-weight:700}.mTierValue.tierValPro{color:#f59e0b}.userMenuItem,.userDropdownItem{text-align:left;color:#e2e8f0;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:12.5px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.userMenuItem:hover,.userDropdownItem:hover{color:#fff;background:#ffffff14}.userMenuItem svg,.userDropdownItem svg{color:#94a3b8;flex-shrink:0;width:16px!important;min-width:16px!important;max-width:16px!important;height:16px!important;max-height:16px!important}.dropdownEmojiIcon{flex-shrink:0;justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex}.userMenuItemDanger,.userDropdownItemDanger{color:#f87171!important}.userMenuItemDanger:hover,.userDropdownItemDanger:hover{color:#fca5a5!important;background:#ef444426!important}.userMenuItemDanger svg,.userDropdownItemDanger svg{color:#f87171!important}.chatAppMain{box-sizing:border-box;background:#f8fafc;flex-direction:column;flex:1;width:100%;min-width:0;max-width:100%;height:100dvh;max-height:100dvh;display:flex;position:relative;overflow:hidden}.chatAppTopbar,.chatAppTopBar{z-index:20;box-sizing:border-box;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:60px;padding:12px 24px;display:flex}.topbarActiveTitle{color:#0f172a;font-size:15px;font-weight:700}.btnOpenSidebar{cursor:pointer;color:#475569;background:0 0;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;padding:6px 8px;transition:all .15s;display:flex}.btnOpenSidebar:hover{color:#0f172a;background:#f1f5f9}.btnOpenSidebar svg{width:18px;height:18px}.topbarRight{align-items:center;gap:10px;display:flex}.chatAppScrollArea,.chatAppMessagesStream{box-sizing:border-box;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;width:100%;max-width:100%;height:100%;min-height:0;padding:24px 20px;display:flex;overflow:hidden auto}.chatAppEmptyHero,.chatHeroGreeting{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:680px;margin:auto;padding:30px 16px;display:flex}.heroEmblem,.heroGreetingBrandLogo{justify-content:center;align-items:center;width:56px;min-width:56px;max-width:56px;height:56px;min-height:56px;max-height:56px;margin:0 auto 16px;display:flex}.heroEmblem svg,.heroGreetingBrandLogo svg{width:56px!important;max-width:56px!important;height:56px!important;max-height:56px!important}.greetingTitle{color:#0f172a;letter-spacing:-.02em;margin-bottom:8px;font-size:26px;font-weight:700}.greetingName{color:#0e4d3c}.greetingSubtitle{color:#64748b;max-width:480px;margin-bottom:24px;font-size:14.5px;line-height:1.5}.heroPromptCardsGrid{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;display:grid}.heroPromptCard{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:4px;padding:16px;transition:all .18s;display:flex}.heroPromptCard:hover{border-color:#10b981;transform:translateY(-2px);box-shadow:0 6px 18px #10b9811a}.promptCardIcon{margin-bottom:4px;font-size:20px}.promptCardTitle{color:#0f172a;font-size:13.5px;font-weight:700}.promptCardDesc{color:#64748b;font-size:12px;line-height:1.4}.chatRoomCenterGearWrap,.chatCenterGearLoader{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;margin:auto;padding:60px 20px;display:flex}.spinningGearIconLarge,.spinningGearWheelMain{color:#0e4d3c;filter:drop-shadow(0 4px 14px #0e4d3c33);justify-content:center;align-items:center;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;max-height:44px;animation:2s linear infinite spinGear;display:flex}.spinningGearIconLarge svg,.spinningGearWheelMain svg{width:44px!important;max-width:44px!important;height:44px!important;max-height:44px!important}.sidebarCenterGearWrap{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 14px;display:flex}.spinningGearIconSmall{color:#10b981;justify-content:center;align-items:center;width:24px;min-width:24px;max-width:24px;height:24px;min-height:24px;max-height:24px;animation:2s linear infinite spinGear;display:flex}.spinningGearIconSmall svg{width:24px!important;max-width:24px!important;height:24px!important;max-height:24px!important}.chatRoomGearLabel,.gearLoaderLabel{color:#64748b;letter-spacing:-.01em;font-size:14px;font-weight:600}.sidebarGearText{color:#94a3b8;font-size:12px}@keyframes spinGear{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.messagesListWrap{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;max-width:820px;margin:0 auto;display:flex}.appMsgRow{box-sizing:border-box;gap:12px;width:100%;max-width:100%;display:flex}.appMsgUser{justify-content:flex-end}.appMsgAi{justify-content:flex-start}.appAiAvatar{background:linear-gradient(135deg,#10b981 0%,#0e4d3c 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 2px 6px #10b98140}.appAiAvatar svg{width:18px;height:18px}.appMsgBubble{box-sizing:border-box;word-break:break-word;overflow-wrap:break-word;border-radius:16px;max-width:78%;padding:16px 18px;font-size:14.5px;line-height:1.6}.appMsgUser .appMsgBubble{color:#fff;background:#0e4d3c;border-bottom-right-radius:4px}.appMsgAi .appMsgBubble{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:4px;box-shadow:0 2px 8px #0000000a}.appMsgContent{word-break:break-word}.chatTextParagraph{margin:0 0 6px;line-height:1.65}.chatTextParagraph:last-child{margin-bottom:0}.chatEmptyLine{height:6px}.chatArabicBlock{text-align:right;color:#064e3b;letter-spacing:.2px;direction:rtl;background:#10b98112;border-right:4px solid #10b981;border-radius:12px;margin:10px 0;padding:10px 16px;font-family:Amiri,Traditional Arabic,Scheherazade New,serif;font-size:20px;line-height:2.2}.appMsgUser .chatArabicBlock{color:#fff;background:#ffffff1f;border-right-color:#34d399}.appDalilSourceCard{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;flex-direction:column;gap:6px;margin-top:14px;padding:12px 14px;display:flex}.dalilCardHeader{justify-content:space-between;align-items:center;gap:8px;display:flex}.dalilBookName{color:#166534;font-size:12.5px;font-weight:700}.dalilScoreBadge{border-radius:12px;padding:2px 8px;font-size:10.5px;font-weight:700}.scoreHigh{color:#15803d;background:#dcfce7;border:1px solid #86efac}.scoreLow{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.dalilExcerpt{color:#334155;font-size:12px;font-style:italic;line-height:1.5}.appMsgFooter{color:#94a3b8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-top:10px;font-size:11px;display:flex}.appMsgUser .appMsgFooter{color:#fff9}.appMsgActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.msgFeedbackButtons{gap:4px;display:flex}.btnMsgIcon{cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;padding:2px 6px;font-size:12px;transition:all .12s}.btnMsgIcon:hover{background:#f1f5f9}.btnIconActive{background:#dcfce7!important;border-color:#86efac!important}.btnMsgCopy{color:#475569;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .12s}.btnMsgCopy:hover{color:#0f172a;background:#f1f5f9}.appMsgLoading{background:#fff;border:1px solid #e2e8f0;border-radius:16px 16px 16px 4px;align-items:center;gap:12px;padding:12px 18px;display:flex;box-shadow:0 2px 8px #0000000a}.loadingStepBadge{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;font-size:14px;animation:2s ease-in-out infinite pulseBadge;display:flex;box-shadow:0 1px 3px #10b9811f}@keyframes pulseBadge{0%,to{transform:scale(1);box-shadow:0 1px 3px #10b9811f}50%{transform:scale(1.06);box-shadow:0 2px 8px #10b98147}}.loadingStepIcon{justify-content:center;align-items:center;line-height:1;display:flex}.loadingTextWrap{flex:1;align-items:center;gap:10px;display:flex}.loadingLabel{color:#334155;letter-spacing:-.01em;font-size:13px;font-style:normal;font-weight:500;animation:.3s ease-out fadeInStep}@keyframes fadeInStep{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.loadingDotWave{align-items:center;gap:4px;margin-left:2px;display:flex}.loadingDotWave span{background:#10b981;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite wave}.loadingDotWave span:nth-child(2){animation-delay:.2s}.loadingDotWave span:nth-child(3){animation-delay:.4s}@keyframes wave{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.chatAppBottomArea{box-sizing:border-box;background:#fff;border-top:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;align-items:center;width:100%;max-width:100%;padding:16px 20px 20px;display:flex}.chatAppInputForm{box-sizing:border-box;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:16px;align-items:center;gap:10px;width:100%;max-width:820px;padding:8px 12px 8px 16px;transition:all .18s;display:flex;box-shadow:0 2px 8px #00000008}.chatAppInputForm:focus-within{background:#fff;border-color:#10b981;box-shadow:0 4px 16px #10b9811f}.chatAppTextarea{color:#0f172a;resize:none;background:0 0;border:none;outline:none;flex:1;max-height:120px;font-family:inherit;font-size:14.5px;line-height:1.5}.chatAppTextarea::placeholder{color:#94a3b8}.btnSendAppChat{color:#fff;cursor:pointer;background:#0e4d3c;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .15s;display:flex}.btnSendAppChat:hover:not(:disabled){background:#10b981;transform:scale(1.04)}.btnSendAppChat:disabled{color:#94a3b8;cursor:not-allowed;background:#e2e8f0}.btnSendAppChat svg{width:18px;height:18px}.chatAppFooterDisclaimer{color:#94a3b8;text-align:center;box-sizing:border-box;width:100%;max-width:680px;margin-top:8px;padding:0 8px;font-size:11px;line-height:1.35}.btnMobileNewChat{color:#0e4d3c;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:none}.btnMobileNewChat:hover{background:#f0fdf4;border-color:#10b981}.btnMobileNewChat svg{width:16px;height:16px}.chatMobileBackdrop{-webkit-backdrop-filter:blur(4px);z-index:90;background:#0d1f188c;animation:.2s fadeIn;display:none;position:fixed;inset:0}@media (width<=768px){.chatMobileBackdrop{display:block}.btnMobileNewChat{display:flex}.chatAppSidebar{z-index:100;width:280px;max-width:85vw;transition:transform .25s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(0);box-shadow:10px 0 30px #0006}.sidebarClosed{margin-left:0!important;transform:translate(-100%)!important}.chatAppTopBar,.chatAppTopbar{box-sizing:border-box;width:100%;max-width:100%;padding:10px 14px}.aiModelPill{padding:4px 8px;font-size:11px}.aiModelPill .modelRAG,.aiModelPill .modelDotDivider{display:none}.btnBackToWebsite{padding:5px 8px;font-size:11px}.btnProBadge{padding:5px 8px;font-size:10px}.chatAppMessagesStream{box-sizing:border-box;width:100%;max-width:100%;padding:14px 10px;overflow-x:hidden}.messagesListWrap{box-sizing:border-box;gap:14px;width:100%;max-width:100%}.chatHeroGreeting{padding:16px 8px}.greetingTitle{font-size:21px}.greetingSubtitle{margin-bottom:18px;font-size:13px}.heroPromptCardsGrid{grid-template-columns:1fr;gap:8px}.heroPromptCard{padding:12px}.appMsgRow{box-sizing:border-box;gap:8px;width:100%;max-width:100%}.appAiAvatar{flex-shrink:0;width:28px;min-width:28px;height:28px;min-height:28px}.appAiAvatar svg{width:15px;height:15px}.appMsgAi .appMsgBubble{box-sizing:border-box;max-width:calc(100% - 38px);padding:12px 14px;font-size:13.5px}.appMsgUser .appMsgBubble{box-sizing:border-box;max-width:88%;padding:12px 14px;font-size:13.5px}.appMsgFooter{flex-wrap:wrap;gap:6px}.appMsgActions{flex-wrap:wrap;gap:4px}.chatAppBottomArea{box-sizing:border-box;width:100%;max-width:100%;padding:10px 10px max(14px, env(safe-area-inset-bottom))}.chatAppInputForm{box-sizing:border-box;border-radius:14px;width:100%;max-width:100%;padding:6px 8px 6px 12px}.chatAppTextarea{line-height:1.4;font-size:16px!important}.btnSendAppChat{border-radius:8px;flex-shrink:0;width:36px;height:36px}.chatAppFooterDisclaimer{box-sizing:border-box;width:100%;max-width:100%;margin-top:6px;padding:0 4px;font-size:9.5px;line-height:1.3}}@media (width<=480px){.chatAppTopBar,.chatAppTopbar{box-sizing:border-box;gap:6px;width:100%;max-width:100%;padding:8px 10px}.topbarLeft{gap:6px;min-width:0}.topbarActiveTitle{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:13px;overflow:hidden}.topbarRight{gap:6px;min-width:0}.guestCountText{display:none}.btnGuestUpgrade{padding:3px 7px;font-size:10px}.appMsgAi .appMsgBubble{max-width:calc(100% - 36px);padding:10px 12px;font-size:13px}.appMsgUser .appMsgBubble{max-width:90%;padding:10px 12px;font-size:13px}}.sidebarNavTabs{background:#00000040;border-bottom:1px solid #ffffff0f;gap:6px;padding:6px 10px;display:flex}.sidebarNavTabBtn{color:#94a3b8;cursor:pointer;white-space:nowrap;text-align:center;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;padding:7px 6px;font-size:11.5px;font-weight:600;transition:all .15s;display:flex}.sidebarNavTabBtn:hover{color:#fff;background:#ffffff0d}.sidebarNavTabBtn.tabBtnActive{color:#fff;background:#0e4d3c}.appBookmarkItem{align-items:center;gap:8px;display:flex}.bookmarkIcon{font-size:13px}.topbarTierBadgeWrap{align-items:center;gap:8px;display:flex}.tierBadgeSantri{color:#10b981;background:#10b9811a;border:1px solid #10b98140;border-radius:99px;padding:3px 9px;font-size:11px;font-weight:700}.tierBadgePro{color:#fff;background:linear-gradient(135deg,#10b981 0%,#0e4d3c 100%);border-radius:99px;padding:3px 10px;font-size:11px;font-weight:800;box-shadow:0 2px 8px #10b9814d}.tierBadgeGold{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:99px;padding:3px 10px;font-size:11px;font-weight:800;box-shadow:0 2px 10px #f59e0b59}.topbarGuestBanner{align-items:center;gap:8px;font-size:12px;display:flex}.guestBadge{color:#475569;background:#e2e8f0;border-radius:4px;padding:2px 7px;font-size:10.5px;font-weight:700}.guestCountText{color:#64748b}.btnGuestUpgrade{color:#fff;background:#0e4d3c;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:600;text-decoration:none;transition:all .2s}.btnGuestUpgrade:hover{background:#09372b}.btnBookmark{border-radius:6px;padding:4px 8px;font-size:12px}.btnBookmarked{font-weight:600;color:#0e4d3c!important;background:#0e4d3c1f!important;border-color:#0e4d3c4d!important}.upgradeModalCard{text-align:center;max-width:440px;padding:36px 28px}.upgradeModalIcon{margin-bottom:14px;font-size:44px}.upgradeModalTitle{color:#111;margin-bottom:10px;font-family:Fraunces,serif;font-size:22px;font-weight:600}.upgradeModalMsg{color:#4a5568;margin-bottom:24px;font-size:14px;line-height:1.55}.upgradeModalActions{flex-direction:column;gap:10px;display:flex}.btnUpgradePrimary{color:#fff;cursor:pointer;background:#0e4d3c;border:none;border-radius:10px;padding:12px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .2s}.btnUpgradePrimary:hover{background:#09372b}.btnUpgradeSecondary{color:#2d3748;cursor:pointer;background:#edf2f0;border:none;border-radius:10px;padding:10px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s}.btnUpgradeSecondary:hover{background:#e2e8f0}.sidebarGuestAuthPill{gap:8px;width:100%;display:flex}.btnGuestLogin{text-align:center;color:#fff;background:#ffffff14;border-radius:8px;flex:1;padding:8px;font-size:12px;font-weight:600;text-decoration:none}.btnGuestRegister{text-align:center;color:#fff;background:#10b981;border-radius:8px;flex:1;padding:8px;font-size:12px;font-weight:600;text-decoration:none}.chatAppInitialLoaderScreen{z-index:99999;background:#fff;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0}.initialLoaderContent{text-align:center;flex-direction:column;align-items:center;animation:.35s ease-out fadeInLoader;display:flex}.initialLogoPulse{width:58px;height:58px;margin-bottom:22px;animation:1.8s ease-in-out infinite pulseLogo}.initialLogoSvg{width:100%;height:100%}.initialSpinnerRing{border:3px solid #0e4d3c1f;border-top-color:#0e4d3c;border-radius:50%;width:28px;height:28px;margin-bottom:18px;animation:.75s linear infinite spinLoader}.initialLoaderBrand{color:#0e4d3c;letter-spacing:-.02em;margin-bottom:6px;font-family:Fraunces,serif;font-size:24px;font-weight:700}.initialLoaderSub{color:#64748b;font-size:13.5px;font-weight:500}@keyframes pulseLogo{0%,to{filter:drop-shadow(0 4px 12px #10b98140);transform:scale(1)}50%{filter:drop-shadow(0 8px 24px #10b98173);transform:scale(1.08)}}@keyframes spinLoader{to{transform:rotate(360deg)}}@keyframes fadeInLoader{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.authPage{background:var(--bg-soft);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex;position:relative}.authCardWrap{z-index:1;width:100%;max-width:400px;position:relative}.authBrandMark{z-index:1;flex-direction:column;align-items:center;margin-bottom:28px;display:flex;position:relative}.markCircle{background:var(--primary);width:68px;height:68px;box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.markIcon{color:#fff;width:30px;height:30px}.markTitle{color:var(--ink);margin-bottom:3px;font-family:Fraunces,serif;font-size:19px;font-weight:500}.markSubtitle{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-tertiary);font-size:11px}.authCard{background:var(--surface);border:1px solid var(--hairline);box-shadow:var(--shadow-lg);border-radius:20px;padding:34px 32px}.authFormHeader{text-align:center;margin-bottom:26px}.authFormTitle{color:var(--ink);margin-bottom:6px;font-family:Fraunces,serif;font-size:22px;font-weight:500}.authFormSub{color:var(--ink-secondary);font-size:12.5px;line-height:1.5}.authFormSub a{color:var(--primary);font-weight:600;text-decoration:none}.authFormSub a:hover{text-decoration:underline}.googleAuthWrap{justify-content:center;width:100%;margin-bottom:16px;display:flex}.btnGoogleAuthCustom{color:#1e293b;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:11px 16px;font-size:13.5px;font-weight:600;transition:all .18s;display:flex;box-shadow:0 1px 3px #0000000d}.btnGoogleAuthCustom:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 3px 8px #00000014}.btnGoogleAuthCustom:disabled{opacity:.6;cursor:not-allowed}.googleIconSvg{flex-shrink:0;width:19px;height:19px}.authDividerRow{align-items:center;gap:12px;margin-bottom:20px;display:flex}.authDividerLine{background:var(--hairline,#e2e8f0);flex:1;height:1px}.authDividerText{color:var(--ink-tertiary,#94a3b8);white-space:nowrap;font-size:11.5px}.fieldGroup{margin-bottom:15px}.fieldLabel{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-tertiary);margin-bottom:7px;font-size:11px;font-weight:600;display:block}.fieldInputWrap{background:var(--bg-soft);border:1px solid var(--hairline);border-radius:12px;align-items:center;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative}.fieldInputWrap:focus-within{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px var(--primary-tint)}.fieldInputWrap input{min-width:0;color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:12px 14px;font-family:Inter,sans-serif;font-size:13.5px}.fieldInputWrap input::placeholder{color:var(--ink-tertiary)}.fieldToggleBtn{cursor:pointer;color:var(--ink-tertiary);background:0 0;border:none;justify-content:center;align-items:center;padding:0 14px;display:flex}.fieldToggleBtn:hover{color:var(--primary)}.fieldToggleBtn svg{width:18px;height:18px;display:block}.rowBetween{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.rememberLabel{color:var(--ink-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;font-size:12px;display:flex}.rememberLabel input{width:14px;height:14px;accent-color:var(--primary)}.authLink{color:var(--primary);font-size:12px;font-weight:600;text-decoration:none}.authLink:hover{text-decoration:underline}.submitBtn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:13px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:700;transition:background .15s,transform .1s,box-shadow .15s;box-shadow:0 8px 20px #0e4d3c33}.submitBtn:hover{background:var(--primary-hover);box-shadow:0 10px 24px #0e4d3c42}.submitBtn:active{transform:translateY(1px)}.formFooterNote{text-align:center;color:var(--ink-tertiary);margin-top:20px;font-size:10.5px;line-height:1.6}@media (width<=480px){.authPage{padding:16px 12px}.authCard{border-radius:16px;padding:24px 18px}.authBrandMark{margin-bottom:20px}.markCircle{width:56px;height:56px}.authFormTitle{font-size:20px}}.dashboardPage{flex-direction:column;gap:24px;display:flex}.dashboardBanner{color:#fff;background:linear-gradient(135deg,#0e4d3c 0%,#08382b 60%,#04241b 100%);border-radius:20px;padding:30px 34px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0e4d3c2e}.bannerContent{z-index:2;max-width:680px;position:relative}.bannerDateBadge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#cfe8dc;background:#ffffff1f;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:7px;margin-bottom:14px;padding:5px 12px;font-size:11.5px;font-weight:500;display:inline-flex}.bannerDateBadge svg{width:14px;height:14px}.bannerTitle{letter-spacing:-.02em;color:#fff;margin-bottom:8px;font-family:Fraunces,Georgia,serif;font-size:24px;font-weight:600;line-height:1.25}.bannerDesc{color:#ffffffd9;margin-bottom:22px;font-size:13.5px;line-height:1.6}.bannerActions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.bannerBtnPrimary{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex;box-shadow:0 4px 14px #10b98159}.bannerBtnPrimary:hover{background:#059669;transform:translateY(-1px)}.bannerBtnPrimary svg{width:16px;height:16px}.bannerBtnSecondary{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:500;transition:all .18s;display:inline-flex}.bannerBtnSecondary:hover{background:#fff3;border-color:#fff6}.bannerBtnSecondary svg{width:16px;height:16px}.bannerBtnRefresh{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .18s;display:inline-flex}.bannerBtnRefresh:hover{background:#ffffff40}.bannerBtnRefresh svg{width:17px;height:17px}.spinIcon{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.bannerPattern{pointer-events:none;background-image:radial-gradient(circle,#ffffff14 1.5px,#0000 1.5px);background-size:16px 16px;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-40px;right:-20px}.dashboardStatGrid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.dStatCard{border:1px solid var(--hairline);box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;border-radius:18px;flex-direction:column;padding:20px;transition:all .2s;display:flex}.dStatCard:hover{border-color:var(--primary-tint-strong);transform:translateY(-3px);box-shadow:0 10px 24px #0e4d3c14}.dStatTop{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.dStatIcon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.dStatIcon svg{width:20px;height:20px}.dStatIconEmerald{background:var(--primary-tint);color:var(--primary)}.dStatIconBlue{color:#2563eb;background:#ebf5ff}.dStatIconPurple{color:#7c3aed;background:#f3e8ff}.dStatIconGold{color:#d97706;background:#fef3c7}.dStatBadge{border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.dStatBadgeUp{background:var(--primary-tint);color:var(--primary);border:1px solid var(--primary-tint-strong)}.dStatBadgeGold{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.dStatLabel{color:var(--ink-secondary);margin-bottom:4px;font-size:12px;font-weight:500}.dStatValue{color:var(--ink);letter-spacing:-.02em;margin-bottom:6px;font-family:Fraunces,Georgia,serif;font-size:26px;font-weight:600}.dStatSub{color:var(--ink-tertiary);font-size:11px}.dashboardGridTwo{grid-template-columns:1.5fr 1fr;gap:20px;display:grid}.dCard{border:1px solid var(--hairline);box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;flex-direction:column;padding:22px 24px;display:flex}.dCardHeader{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.headerWithBadge{align-items:center;gap:10px;display:flex}.dCardTitle{color:var(--ink);font-size:15px;font-weight:700}.dCardSub{color:var(--ink-tertiary);margin-top:2px;font-size:12px}.dCardLink{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600;transition:color .15s}.dCardLink:hover{color:var(--primary-soft);text-decoration:underline}.chartSummaryWrap{text-align:right}.chartBigNum{color:var(--primary);font-family:Fraunces,Georgia,serif;font-size:24px;font-weight:600;line-height:1;display:block}.chartSubLabel{color:var(--ink-tertiary);font-size:11px}.chartBarsContainer{align-items:flex-end;gap:16px;width:100%;height:160px;padding:10px 0 6px;display:flex}.chartBarItem{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.chartBarTrack{background:var(--bg-soft);border-radius:8px;flex:1;align-items:flex-end;width:100%;padding:2px;display:flex;overflow:hidden}.chartBarFill{cursor:pointer;background:linear-gradient(#10b981 0%,#0e4d3c 100%);border-radius:6px;justify-content:center;width:100%;transition:height .4s;display:flex;position:relative}.chartBarFill:hover{filter:brightness(1.15)}.chartBarValueHint{color:var(--ink);opacity:0;pointer-events:none;font-size:10px;font-weight:700;transition:opacity .15s;position:absolute;top:-22px}.chartBarFill:hover .chartBarValueHint{opacity:1}.chartBarDay{color:var(--ink-secondary);margin-top:8px;font-size:11.5px;font-weight:600}.chartFooterNote{border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;display:flex}.chartLegendItem{color:var(--ink-tertiary);align-items:center;gap:6px;font-size:11.5px;display:flex}.chartDotPrimary{background:var(--primary);border-radius:50%;width:8px;height:8px}.distributionList{flex-direction:column;gap:14px;display:flex}.distItem{flex-direction:column;gap:6px;display:flex}.distTop{justify-content:space-between;align-items:center;font-size:12px;display:flex}.distName{color:var(--ink);font-weight:500}.distMeta{color:var(--ink-tertiary);font-size:11.5px}.distProgressTrack{background:var(--bg-soft);border-radius:999px;height:7px;overflow:hidden}.distProgressBar{border-radius:999px;height:100%;transition:width .4s}.distEmpty{color:var(--ink-tertiary);text-align:center;padding:24px 0;font-size:12.5px}.pendingCountBadge{background:var(--warning-tint);color:var(--warning);border:1px solid #b4530933;border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:700}.pendingList{flex-direction:column;display:flex}.pendingRow{border-bottom:1px solid var(--hairline);align-items:flex-start;gap:14px;padding:14px 0;display:flex}.pendingRow:last-child{border-bottom:none;padding-bottom:0}.pendingIcon{background:var(--warning-tint);width:34px;height:34px;color:var(--warning);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pendingIcon svg{width:17px;height:17px}.pendingInfo{flex:1;min-width:0}.pendingQuestionText{color:var(--ink);margin-bottom:4px;font-size:13px;font-weight:600;line-height:1.45}.pendingMeta{color:var(--ink-tertiary);flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}.pCatTag{color:var(--primary);font-weight:600}.pConfidence{background:var(--bg-soft);color:var(--ink-secondary);border-radius:6px;padding:2px 6px;font-size:10px}.reviewActionBtn{background:var(--primary-tint);border:1px solid var(--primary-tint-strong);color:var(--primary);cursor:pointer;border-radius:8px;flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.reviewActionBtn:hover{background:var(--primary);color:#fff}.pendingEmptyBox{background:var(--bg-soft);border:1px dashed var(--hairline-strong);text-align:center;color:var(--ink-secondary);border-radius:12px;padding:20px;font-size:12.5px}.recentMaterialsList{flex-direction:column;display:flex}.matRow{border-bottom:1px solid var(--hairline);align-items:center;gap:12px;padding:13px 0;display:flex}.matRow:last-child{border-bottom:none;padding-bottom:0}.matIcon{background:var(--primary-tint);width:36px;height:36px;color:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.matIcon svg{width:17px;height:17px}.matInfo{flex:1;min-width:0}.matTitle{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:12.5px;font-weight:600;overflow:hidden}.matMeta{color:var(--ink-tertiary);gap:6px;font-size:11px;display:flex}.matStatusPill{border-radius:999px;flex-shrink:0;padding:3px 9px;font-size:10.5px;font-weight:600}.status-success{background:var(--primary-tint);color:var(--primary);border:1px solid var(--primary-tint-strong)}.status-pending{background:var(--warning-tint);color:var(--warning);border:1px solid #b4530933}@media (width<=1200px){.dashboardStatGrid{grid-template-columns:repeat(2,1fr)}.dashboardGridTwo{grid-template-columns:1fr}}@media (width<=768px){.dashboardStatGrid{grid-template-columns:1fr}.dashboardBanner{padding:22px 20px}.bannerTitle{font-size:20px}}.knowledgePage{flex-direction:column;gap:22px;display:flex}.knowledgeStatGrid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.kStatCard{border:1px solid var(--hairline);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;align-items:center;gap:16px;padding:18px 20px;display:flex}.kStatIcon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.kStatIcon svg{width:22px;height:22px}.kIconEmerald{background:var(--primary-tint);color:var(--primary)}.kIconOrange{background:var(--warning-tint);color:var(--warning)}.kIconBlue{color:#2563eb;background:#ebf5ff}.kIconPurple{color:#7c3aed;background:#f3e8ff}.kStatLabel{color:var(--ink-secondary);font-size:11.5px;font-weight:500}.kStatValue{color:var(--ink);font-family:Fraunces,Georgia,serif;font-size:22px;font-weight:600;line-height:1.2}.kStatSub{color:var(--ink-tertiary);margin-top:2px;font-size:10.5px}.knowledgePanel{border:1px solid var(--hairline);box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;padding:22px 24px}.knowledgeTabHeader{border-bottom:1px solid var(--hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:18px;display:flex}.knowledgeTabGroup{background:var(--bg-soft);border:1px solid var(--hairline);border-radius:12px;align-items:center;gap:6px;padding:4px;display:flex}.kTabBtn{color:var(--ink-secondary);cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:8px;padding:8px 16px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.kTabBtn svg{width:16px;height:16px}.kTabBtn:hover{color:var(--ink)}.kTabBtnActive{color:var(--primary);background:#fff;box-shadow:0 2px 6px #0000000d}.knowledgeActionHeader{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.kBtnPrimary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 18px;font-size:12.5px;font-weight:600;transition:all .18s;display:inline-flex}.kBtnPrimary:hover{background:var(--primary-hover);transform:translateY(-1px)}.kBtnPrimary:disabled{opacity:.6;cursor:not-allowed}.kBtnPrimary svg{width:15px;height:15px}.kBtnSecondary{color:var(--ink);border:1px solid var(--hairline-strong);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-size:12.5px;font-weight:600;transition:all .18s;display:inline-flex}.kBtnSecondary:hover{background:var(--bg-soft);border-color:var(--primary);color:var(--primary)}.kBtnSecondary svg{width:15px;height:15px}.kBtnCancel{border:1px solid var(--hairline);color:var(--ink-secondary);cursor:pointer;background:0 0;border-radius:10px;padding:9px 16px;font-size:12.5px;font-weight:600}.kBtnCancel:hover{background:var(--bg-soft);color:var(--ink)}.knowledgeToolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.kSearchBar{background:var(--bg-soft);border:1px solid var(--hairline);border-radius:10px;flex:1;align-items:center;gap:10px;min-width:260px;padding:9px 14px;display:flex}.kSearchBar svg{width:16px;height:16px;color:var(--ink-tertiary);flex-shrink:0}.kSearchBar input{color:var(--ink);background:0 0;border:none;outline:none;width:100%;font-size:12.5px}.kFilterGroup{align-items:center;gap:10px;display:flex}.kSelect{background:var(--bg-soft);border:1px solid var(--hairline);color:var(--ink);cursor:pointer;border-radius:10px;outline:none;padding:9px 14px;font-size:12.5px}.knowledgeTableContainer{border-radius:12px;overflow-x:auto}.kTable{border-collapse:collapse;text-align:left;width:100%}.kTable th{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-tertiary);border-bottom:1px solid var(--hairline);white-space:nowrap;padding:12px 14px;font-size:11px;font-weight:700}.kTable td{border-bottom:1px solid var(--hairline);color:var(--ink);vertical-align:middle;padding:14px;font-size:13px}.kTable tbody tr:hover{background:#0e4d3c05}.kTitleCell{min-width:280px}.kTitleWrap{align-items:center;gap:12px;display:flex}.kFileIcon{background:var(--primary-tint);width:34px;height:34px;color:var(--primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.kFileIcon svg{width:17px;height:17px}.kDocTitle{color:var(--ink);font-weight:600;line-height:1.3}.kDocSub{color:var(--ink-tertiary);margin-top:2px;font-size:10.5px}.kQuestionText{color:var(--ink);font-weight:600;line-height:1.4}.kAnswerExcerpt{color:var(--ink-tertiary);margin-top:4px;font-size:11.5px;line-height:1.4}.kCategoryPill{background:var(--bg-soft);border:1px solid var(--hairline);color:var(--primary);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.kTextMuted{color:var(--ink-secondary);font-size:12px}.kLangBadge{color:#2563eb;background:#ebf5ff;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.kChunksCount{color:var(--ink-tertiary);font-size:11.5px}.kInactiveTag{color:#dc2626;background:#fee2e2;border-radius:4px;margin-left:6px;padding:2px 5px;font-size:9.5px;font-weight:700}.kSourceBadge{background:var(--bg-soft);border-radius:6px;padding:3px 8px;font-size:11.5px;display:inline-block}.kStatusCellWrap{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.kStatusPill{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.kSpinnerDot{background:var(--warning);border-radius:50%;width:6px;height:6px;margin-right:5px;animation:1s ease-in-out infinite alternate pulseDot;display:inline-block}.kProgressBarContainer{align-items:center;gap:8px;width:100%;min-width:170px;max-width:220px;display:flex}.kProgressBarTrack{background:#fef3c7;border:1px solid #fde68a;border-radius:999px;flex:1;height:6px;overflow:hidden}.kProgressBarFill{background:linear-gradient(90deg,#f59e0b 0%,#10b981 100%) 0 0/200% 100%;border-radius:999px;height:100%;transition:width .4s;animation:1.5s linear infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.kProgressBarPercent{color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;flex-shrink:0;padding:1px 6px;font-family:Inter,monospace;font-size:11px;font-weight:800;box-shadow:0 1px 3px #b453091a}.kLiveStageText{color:#b45309;white-space:normal;background:#f59e0b14;border:1px dashed #f59e0b4d;border-radius:6px;max-width:240px;padding:3px 7px;font-size:10px;font-weight:500;line-height:1.3;animation:.3s fadeIn}.kStatus-ready{background:var(--primary-tint);color:var(--primary);border:1px solid var(--primary-tint-strong)}.kStatus-processing{background:var(--warning-tint);color:var(--warning);border:1px solid #b4530933}.kStatus-failed{color:#dc2626;background:#fee2e2;border:1px solid #dc262633}.kStatus-draft{background:var(--bg-soft);color:var(--ink-tertiary);border:1px solid var(--hairline)}.kRowActions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.kActionBtn{border:1px solid var(--hairline);width:32px;height:32px;color:var(--ink-secondary);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.kActionBtn svg{width:15px;height:15px}.kActionBtn:hover{background:var(--primary-tint);color:var(--primary);border-color:var(--primary-tint-strong)}.kActionBtnActive{color:var(--primary);background:var(--primary-tint)}.kActionBtnDanger:hover{background:var(--danger-tint);color:var(--danger);border-color:#dc262633}.kEmptyState{text-align:center;color:var(--ink-tertiary);padding:36px 16px;font-size:13px}.kLoadingSpinner{text-align:center;color:var(--primary);padding:24px 0;font-size:13px;font-weight:500}.kUploadDropArea{text-align:center;background:#0e4d3c05;border:2px dashed #0e4d3c40;border-radius:16px;margin-bottom:20px;padding:32px 20px}.kUploadDropIcon{background:var(--primary-tint);width:48px;height:48px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;margin:0 auto 12px;display:flex}.kUploadDropIcon svg{width:24px;height:24px}.kUploadDropTitle{color:var(--ink);margin-bottom:4px;font-size:14px;font-weight:600}.kUploadDropSub{color:var(--ink-tertiary);margin-bottom:16px;font-size:12px}.kFileChooseBtn{background:var(--primary);color:#fff;cursor:pointer;border-radius:9px;padding:8px 18px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.kFileChooseBtn:hover{background:var(--primary-hover)}.kModalRow{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.kModalFieldGroup{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.kModalLabel{color:var(--ink-secondary);font-size:11.5px;font-weight:600}.kModalInput{background:var(--bg-soft);border:1px solid var(--hairline);color:var(--ink);border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:13px;transition:border-color .15s}.kModalInput:focus{border-color:var(--primary);background:#fff}.kModalTextarea{resize:vertical;line-height:1.5}.kDetailHero{border-bottom:1px solid var(--hairline);margin-bottom:18px;padding-bottom:18px}.kDetailTitle{color:var(--ink);margin-bottom:10px;font-family:Fraunces,Georgia,serif;font-size:18px;font-weight:600}.kDetailMetaRow{color:var(--ink-tertiary);flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}.kSectionHeading{color:var(--ink);margin-bottom:12px;font-size:13px;font-weight:700}.kDetailPipelineWrap{background:var(--bg-soft);border:1px solid var(--hairline);border-radius:14px;margin-bottom:22px;padding:16px}.kPipelineGrid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px;display:grid}.kPipelineStepCard{border:1px solid var(--hairline);background:#fff;border-radius:10px;flex-direction:column;justify-content:space-between;gap:8px;padding:12px;transition:all .2s;display:flex}.kPipelineStepCard.step-success{background:#f0fdf4;border-color:#10b9814d}.kPipelineStepCard.step-processing{background:#fffbeb;border-color:#f59e0b66}.kPipelineStepCard.step-failed{background:#fef2f2;border-color:#dc26264d}.kPipelineStepCard.step-skipped{opacity:.75;background:var(--bg-soft)}.kStepHeader{align-items:center;gap:8px;display:flex}.kStepIcon{flex-shrink:0;font-size:14px}.kStepName{color:var(--ink);font-size:12px;font-weight:700;line-height:1.2}.kStepDesc{color:var(--ink-tertiary);font-size:11px;line-height:1.3}.kStepBadge{border-radius:6px;align-self:flex-start;align-items:center;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.step-success .kStepBadge{color:#166534;background:#dcfce7}.step-processing .kStepBadge{color:#b45309;background:#fef3c7}.step-failed .kStepBadge{color:#991b1b;background:#fee2e2}.step-skipped .kStepBadge{background:var(--bg-soft);color:var(--ink-tertiary);border:1px solid var(--hairline)}.kDetailErrorBanner{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;flex-direction:column;gap:8px;margin-bottom:20px;padding:14px 16px;display:flex}.kDetailErrorTitle{color:#991b1b;font-size:12.5px;font-weight:700}.kDetailErrorMsg{color:#b91c1c;word-break:break-word;background:#fff;border:1px solid #fca5a5;border-radius:8px;padding:8px 12px;font-family:monospace;font-size:12px;line-height:1.4}.kDetailRetryBtn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;align-self:flex-start;align-items:center;gap:6px;margin-top:4px;padding:6px 14px;font-size:11.5px;font-weight:600;transition:background .15s;display:inline-flex}.kDetailRetryBtn:hover{background:#b91c1c}.kChunksBox{flex-direction:column;gap:10px;max-height:420px;display:flex;overflow-y:auto}.kChunkCard{background:var(--bg-soft);border:1px solid var(--hairline);border-radius:10px;padding:14px}.kChunkNum{color:var(--primary);margin-bottom:6px;font-size:11px;font-weight:700}.kChunkArabic{text-align:right;color:var(--ink);direction:rtl;background:#0e4d3c0a;border-radius:8px;margin-bottom:8px;padding:8px 12px;font-family:Amiri,Traditional Arabic,serif;font-size:16px;line-height:1.8}.kChunkText{color:var(--ink-secondary);font-size:12.5px;line-height:1.6}.kEmptyChunks{text-align:center;color:var(--ink-tertiary);padding:24px;font-size:12.5px}@media (width<=1100px){.knowledgeStatGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.knowledgeStatGrid{grid-template-columns:1fr}.knowledgeTabHeader{flex-direction:column;align-items:stretch}.knowledgeActionHeader{width:100%}.knowledgeActionHeader button{flex:1;justify-content:center}.kModalRow{grid-template-columns:1fr}}.questionsPage{flex-direction:column;gap:22px;display:flex}.qStatGrid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.qStatCard{border:1px solid var(--hairline);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;align-items:center;gap:16px;padding:18px 20px;display:flex}.qStatIcon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.qStatIcon svg{width:22px;height:22px}.qIconEmerald{background:var(--primary-tint);color:var(--primary)}.qIconOrange{background:var(--warning-tint);color:var(--warning)}.qIconBlue{color:#2563eb;background:#ebf5ff}.qIconGold{color:#d97706;background:#fef3c7}.qStatLabel{color:var(--ink-secondary);font-size:11.5px;font-weight:500}.qStatValue{color:var(--ink);font-family:Fraunces,Georgia,serif;font-size:22px;font-weight:600;line-height:1.2}.qStatSub{color:var(--ink-tertiary);margin-top:2px;font-size:10.5px}.questionsPanel{border:1px solid var(--hairline);box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;padding:22px 24px}.qPanelHeader{border-bottom:1px solid var(--hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;padding-bottom:18px;display:flex}.qTabButtons{background:var(--bg-soft);border:1px solid var(--hairline);border-radius:12px;align-items:center;gap:6px;padding:4px;display:flex}.qTabBtn{color:var(--ink-secondary);cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:8px;padding:8px 16px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.qTabBtn:hover{color:var(--ink)}.qTabBtnActive{color:var(--primary);background:#fff;box-shadow:0 2px 6px #0000000d}.qPendingDot{background:var(--warning);border-radius:50%;width:7px;height:7px;display:inline-block}.qSearchFilterWrap{flex:1;justify-content:flex-end;align-items:center;gap:10px;display:flex}.qSearchBox{background:var(--bg-soft);border:1px solid var(--hairline);border-radius:10px;align-items:center;gap:10px;min-width:240px;padding:8px 14px;display:flex}.qSearchBox svg{width:15px;height:15px;color:var(--ink-tertiary);flex-shrink:0}.qSearchBox input{color:var(--ink);background:0 0;border:none;outline:none;width:100%;font-size:12.5px}.qSelectFilter{background:var(--bg-soft);border:1px solid var(--hairline);color:var(--ink);cursor:pointer;border-radius:10px;outline:none;padding:8px 12px;font-size:12.5px}.qListContainer{flex-direction:column;gap:16px;display:flex}.qCardItem{border:1px solid var(--hairline);background:#fff;border-radius:16px;flex-direction:column;gap:12px;padding:18px 20px;transition:all .18s;display:flex}.qCardItem:hover{border-color:var(--hairline-strong);box-shadow:0 4px 14px #0000000a}.qCardPending{border-left:4px solid var(--warning);background:linear-gradient(90deg,#fef3e240 0%,#fff 20%)}.qCardTop{justify-content:space-between;align-items:center;gap:12px;display:flex}.qMetaInfo{align-items:center;gap:10px;display:flex}.qIdBadge{color:var(--primary);background:var(--primary-tint);border:1px solid var(--primary-tint-strong);letter-spacing:.3px;border-radius:6px;align-items:center;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.qTimeText{color:var(--ink-tertiary);font-size:11.5px;font-weight:500}.qUserInfo{align-items:center;gap:10px;display:flex}.qUserAvatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.qUserName{color:var(--ink);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.qProBadge{color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:4px;padding:1px 6px;font-size:9.5px;font-weight:700}.qUserTime{color:var(--ink-tertiary);font-size:11px}.qBadgeGroup{align-items:center;gap:8px;display:flex}.qCategoryTag{color:var(--primary);background:var(--primary-tint);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.qStatusTag{border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.qStatus-pending{background:var(--warning-tint);color:var(--warning);border:1px solid #b4530933}.qStatus-verified{color:#2563eb;background:#ebf5ff;border:1px solid #2563eb33}.qQuestionText{color:var(--ink);font-size:14px;font-weight:600;line-height:1.45}.qAnswerPreview{background:var(--bg-soft);border:1px solid var(--hairline);border-radius:12px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.qAnswerLabel{color:var(--primary);align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:flex}.qAnswerLabel svg{width:14px;height:14px}.qAnswerText{color:var(--ink-secondary);font-size:13px;line-height:1.6}.qDalilText{color:var(--primary);border:1px solid var(--primary-tint-strong);background:#fff;border-radius:8px;padding:6px 10px;font-size:12px}.qCardFooter{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:6px;display:flex}.qRefList{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.qRefBadge{color:var(--ink-secondary);background:var(--bg-soft);border:1px solid var(--hairline);border-radius:6px;padding:3px 8px;font-size:11px}.qRefBadgeNone{color:#d97706;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;padding:3px 8px;font-size:11px}.qActions{align-items:center;gap:8px;display:flex}.qBtnPromote{color:#2563eb;cursor:pointer;background:#ebf5ff;border:1px solid #2563eb40;border-radius:9px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.qBtnPromote:hover{color:#fff;background:#2563eb}.qBtnPromote svg{width:14px;height:14px}.qBtnReview{background:var(--primary-tint);color:var(--primary);border:1px solid var(--primary-tint-strong);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:7px 16px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.qBtnReview svg{width:14px;height:14px}.qBtnReview:hover{background:var(--primary);color:#fff}.qBtnDelete{border:1px solid var(--hairline);width:32px;height:32px;color:var(--ink-tertiary);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.qBtnDelete svg{width:15px;height:15px}.qBtnDelete:hover{background:var(--danger-tint);color:var(--danger);border-color:#dc262633}.qEmptyState{text-align:center;color:var(--ink-tertiary);padding:40px 16px;font-size:13px}.qModalQuestionCard{background:var(--bg-soft);border:1px solid var(--hairline);border-radius:12px;margin-bottom:16px;padding:14px 16px}.qModalUserMeta{color:var(--ink-tertiary);align-items:center;gap:10px;margin-bottom:10px;font-size:12px;display:flex}.qModalQuestion{color:var(--ink);font-size:14px;font-weight:600;line-height:1.45}.qModalDalilBox{border:1px solid var(--primary-tint-strong);background:#0e4d3c0a;border-radius:12px;margin-bottom:16px;padding:14px}.qDalilHeading{color:var(--primary);margin-bottom:6px;font-size:11.5px;font-weight:700}.qSourceChips{flex-wrap:wrap;gap:8px;display:flex}.qSourceChip{border:1px solid var(--hairline);color:var(--ink-secondary);background:#fff;border-radius:6px;padding:4px 10px;font-size:11px}.qSourceChipNone{color:#b45309;font-size:12px;line-height:1.5}@media (width<=1100px){.qStatGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.qStatGrid{grid-template-columns:1fr}.qPanelHeader{flex-direction:column;align-items:stretch}.qSearchFilterWrap{flex-direction:column;width:100%}.qCardTop{flex-direction:column;align-items:flex-start}.qCardFooter{flex-direction:column;align-items:flex-start;gap:12px}.qActions{justify-content:flex-end;width:100%}}.proPage{flex-direction:column;gap:24px;display:flex}.proStatGrid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.pStatCard{border:1px solid var(--hairline);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;align-items:center;gap:16px;padding:18px 20px;display:flex}.pStatIcon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pStatIcon svg{width:22px;height:22px}.pIconGold{color:#d97706;background:#fef3c7}.pIconEmerald{background:var(--primary-tint);color:var(--primary)}.pIconBlue{color:#2563eb;background:#ebf5ff}.pIconPurple{color:#7c3aed;background:#f3e8ff}.pStatLabel{color:var(--ink-secondary);font-size:11.5px;font-weight:500}.pStatValue{color:var(--ink);font-family:Fraunces,Georgia,serif;font-size:22px;font-weight:600;line-height:1.2}.pStatSub{color:var(--ink-tertiary);margin-top:2px;font-size:10.5px}.plansSection{border:1px solid var(--hairline);box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;padding:24px}.plansHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.plansTitle{color:var(--ink);font-family:Fraunces,Georgia,serif;font-size:18px;font-weight:600}.plansSubtitle{color:var(--ink-secondary);margin-top:2px;font-size:12.5px}.plansGrid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.planCard{border:1px solid var(--hairline);background:var(--bg-soft);border-radius:16px;flex-direction:column;padding:24px;transition:all .2s;display:flex;position:relative}.planCard:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000000f}.planCardPopular{border:2px solid var(--primary);background:#fff;box-shadow:0 8px 30px #0e4d3c1f}.popularRibbon{color:#fff;background:linear-gradient(135deg,#10b981 0%,#0e4d3c 100%);border-radius:999px;padding:4px 12px;font-size:10.5px;font-weight:700;position:absolute;top:-12px;right:20px;box-shadow:0 2px 8px #0e4d3c40}.planHeader{margin-bottom:16px}.planTag{text-transform:uppercase;letter-spacing:.05em;color:var(--primary);background:var(--primary-tint);border-radius:6px;margin-bottom:8px;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-block}.planName{color:var(--ink);margin-bottom:10px;font-size:16px;font-weight:700}.planPriceWrap{align-items:baseline;gap:4px;display:flex}.planPrice{color:var(--ink);font-family:Fraunces,Georgia,serif;font-size:28px;font-weight:600}.planPeriod{color:var(--ink-tertiary);font-size:12px}.planDivider{background:var(--hairline);height:1px;margin-bottom:16px}.planFeatures{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.planFeatures li{color:var(--ink-secondary);align-items:flex-start;gap:10px;font-size:12.5px;line-height:1.4;display:flex}.planFeatures li svg{color:#10b981;flex-shrink:0;width:15px;height:15px;margin-top:1px}.proPanel{border:1px solid var(--hairline);box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;padding:22px 24px}.proPanelHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.proPanelTitle{color:var(--ink);font-family:Fraunces,Georgia,serif;font-size:17px;font-weight:600}.proPanelSubtitle{color:var(--ink-tertiary);margin-top:2px;font-size:12px}.proFilterActions{flex:1;justify-content:flex-end;align-items:center;gap:10px;display:flex}.proTableContainer{overflow-x:auto}.trxUserWrap{align-items:center;gap:10px;display:flex}.trxAvatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.trxUserName{color:var(--ink);font-size:13px;font-weight:600}.trxUserEmail{color:var(--ink-tertiary);font-size:11px}.trxPlanBadge{color:var(--primary);background:var(--primary-tint);white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.trxDateText{color:var(--ink);font-size:12px;font-weight:600}.trxSubDate{color:var(--ink-tertiary);font-size:10.5px}.pStatusPill{white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.pStatus-active{background:var(--primary-tint);color:var(--primary);border:1px solid var(--primary-tint-strong)}.pStatus-pending{background:var(--warning-tint);color:var(--warning);border:1px solid #b4530933}.pStatus-expired{background:var(--bg-soft);color:var(--ink-tertiary);border:1px solid var(--hairline)}.invoiceHeader{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;display:flex}.invoiceBrand{color:var(--primary);font-family:Fraunces,Georgia,serif;font-size:18px;font-weight:600}.invoiceStatus{color:#10b981;background:var(--primary-tint);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700}.invoiceDetailBox{background:var(--bg-soft);border:1px solid var(--hairline);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.invRow{color:var(--ink);justify-content:space-between;font-size:13px;display:flex}.invRow span:first-child{color:var(--ink-tertiary)}.invTotalRow{border-top:1px dashed var(--hairline-strong);justify-content:space-between;align-items:center;margin-top:6px;padding-top:12px;font-size:14px;font-weight:700;display:flex}.invTotalAmount{color:var(--primary);font-family:Fraunces,Georgia,serif;font-size:18px}@media (width<=1100px){.proStatGrid{grid-template-columns:repeat(2,1fr)}.plansGrid{grid-template-columns:1fr}}@media (width<=768px){.proStatGrid{grid-template-columns:1fr}.proPanelHeader{flex-direction:column;align-items:stretch}.proFilterActions{flex-direction:column;width:100%}}.teamPage{flex-direction:column;gap:24px;display:flex}.teamStatGrid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.tStatCard{border:1px solid var(--hairline);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;align-items:center;gap:16px;padding:18px 20px;display:flex}.tStatIcon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.tStatIcon svg{width:22px;height:22px}.tIconEmerald{background:var(--primary-tint);color:var(--primary)}.tIconBlue{color:#2563eb;background:#ebf5ff}.tIconPurple{color:#7c3aed;background:#f3e8ff}.tIconGold{color:#d97706;background:#fef3c7}.tStatLabel{color:var(--ink-secondary);font-size:11.5px;font-weight:500}.tStatValue{color:var(--ink);font-family:Fraunces,Georgia,serif;font-size:22px;font-weight:600;line-height:1.2}.tStatSub{color:var(--ink-tertiary);margin-top:2px;font-size:10.5px}.rolesGrid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.roleCard{border:1px solid var(--hairline);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;flex-direction:column;gap:8px;padding:18px;display:flex}.roleBadge{border-radius:8px;width:fit-content;padding:4px 10px;font-size:11.5px;font-weight:700}.roleBadge-emerald{background:var(--primary-tint);color:var(--primary);border:1px solid var(--primary-tint-strong)}.roleBadge-blue{color:#2563eb;background:#ebf5ff;border:1px solid #2563eb33}.roleBadge-purple{color:#7c3aed;background:#f3e8ff;border:1px solid #7c3aed33}.roleBadge-gold{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.roleDesc{color:var(--ink-secondary);font-size:12px;line-height:1.5}.teamPanel{border:1px solid var(--hairline);box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;padding:22px 24px}.teamPanelHeader{border-bottom:1px solid var(--hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:18px;display:flex}.teamPanelTitle{color:var(--ink);font-family:Fraunces,Georgia,serif;font-size:17px;font-weight:600}.teamPanelSubtitle{color:var(--ink-tertiary);margin-top:2px;font-size:12px}.teamToolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.teamTableContainer{overflow-x:auto}.teamMemberWrap{align-items:center;gap:12px;display:flex}.teamAvatar{color:#fff;background:linear-gradient(135deg,#0e4d3c 0%,#178863 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.teamMemberName{color:var(--ink);font-size:13px;font-weight:600}.teamMemberEmail{color:var(--ink-tertiary);font-size:11px}.rolePill{white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600}.rolePill-super_admin{background:var(--primary-tint);color:var(--primary);border:1px solid var(--primary-tint-strong)}.rolePill-sharia_council{color:#2563eb;background:#ebf5ff;border:1px solid #2563eb33}.rolePill-editor{color:#7c3aed;background:#f3e8ff;border:1px solid #7c3aed33}.rolePill-admin_it{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.tStatusPill{white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.tStatus-active{background:var(--primary-tint);color:var(--primary);border:1px solid var(--primary-tint-strong)}.tStatus-pending{background:var(--warning-tint);color:var(--warning);border:1px solid #b4530933}@media (width<=1100px){.teamStatGrid,.rolesGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.teamStatGrid,.rolesGrid{grid-template-columns:1fr}.teamPanelHeader,.teamToolbar{flex-direction:column;align-items:stretch}}.settingsPage{flex-direction:column;display:flex}.settingsLayout{grid-template-columns:260px 1fr;align-items:flex-start;gap:20px;display:grid}.settingsNavCard{border:1px solid var(--hairline);box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;padding:20px 14px}.settingsNavHeader{border-bottom:1px solid var(--hairline);margin-bottom:12px;padding:0 10px 14px}.settingsNavTitle{color:var(--ink);font-family:Fraunces,Georgia,serif;font-size:16px;font-weight:600}.settingsNavSubtitle{color:var(--ink-tertiary);margin-top:2px;font-size:11px}.settingsNav{flex-direction:column;gap:4px;display:flex}.settingsNavItem{color:var(--ink-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .15s;display:flex}.settingsNavItem svg{flex-shrink:0;width:17px;height:17px}.settingsNavItem:hover{background:var(--bg-soft);color:var(--ink)}.settingsNavItemActive{background:var(--primary-tint);color:var(--primary);font-weight:600}.settingsContentCard{border:1px solid var(--hairline);box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;padding:28px}.settingsSection{flex-direction:column;gap:20px;display:flex}.settingsSectionTitle{color:var(--ink);font-family:Fraunces,Georgia,serif;font-size:18px;font-weight:600}.settingsSectionSub{color:var(--ink-secondary);margin-top:-12px;margin-bottom:8px;font-size:12.5px}.settingsFormGrid{flex-direction:column;gap:16px;display:flex}.kRangeInput{accent-color:var(--primary);cursor:pointer;height:6px;margin:6px 0}.fieldHelpText{color:var(--ink-tertiary);font-size:11px;line-height:1.4}.toggleOptionList{flex-direction:column;gap:12px;margin-top:10px;display:flex}.toggleCard{background:var(--bg-soft);border:1px solid var(--hairline);cursor:pointer;border-radius:12px;align-items:flex-start;gap:14px;padding:16px;transition:all .15s;display:flex}.toggleCard:hover{border-color:var(--primary-tint-strong)}.toggleCard input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer;margin-top:2px}.toggleInfo{flex-direction:column;gap:3px;display:flex}.toggleTitle{color:var(--ink);font-size:13px;font-weight:600}.toggleDesc{color:var(--ink-secondary);font-size:11.5px;line-height:1.45}.settingsFooter{border-top:1px solid var(--hairline);justify-content:flex-end;margin-top:28px;padding-top:20px;display:flex}@media (width<=900px){.settingsLayout{grid-template-columns:1fr}}.adminShell{background:var(--bg-soft);width:100vw;height:100vh;max-height:100vh;color:var(--ink);display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--hairline);box-sizing:border-box;z-index:50;background:#fff;flex-direction:column;flex-shrink:0;width:270px;height:100vh;max-height:100vh;padding:22px 16px 18px;transition:width .22s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:2px 0 16px #0e4d3c08}.sidebarCollapsed{width:82px;padding:22px 12px 18px}.sidebarTop{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 4px 18px;display:flex}.sidebarBrand{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;min-width:0;display:flex}.brandMarkSm{background:linear-gradient(135deg,#0e4d3c 0%,#062e24 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s;display:flex;box-shadow:0 4px 12px #0e4d3c40}.brandMarkSm:hover{transform:scale(1.04)}.brandMarkSm svg{width:24px;height:24px}.brandTextWrap{flex-direction:column;min-width:0;display:flex}.brandName{color:var(--primary);letter-spacing:-.01em;font-family:Fraunces,Georgia,serif;font-size:16px;font-weight:600;line-height:1.2}.brandTag{color:var(--ink-tertiary);letter-spacing:.04em;text-transform:uppercase;margin-top:2px;font-size:10px;font-weight:600}.collapseBtn{border:1px solid var(--hairline);background:var(--bg-soft);width:28px;height:28px;color:var(--ink-tertiary);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.collapseBtn:hover{color:var(--primary);border-color:var(--primary-tint-strong);background:var(--primary-tint)}.collapseBtn svg{width:14px;height:14px}.sidebarAiStatus{border:1px solid var(--primary-tint-strong);background:linear-gradient(135deg,#0e4d3c0f 0%,#17886317 100%);border-radius:10px;align-items:center;gap:10px;margin-bottom:18px;padding:9px 12px;display:flex}.aiStatusDot{background:#10b981;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s infinite pulseDot;box-shadow:0 0 0 3px #10b98140}.aiStatusInfo{flex-direction:column;min-width:0;display:flex}.aiStatusTitle{color:var(--primary);font-size:11px;font-weight:700;line-height:1.2}.aiStatusSubtitle{color:var(--ink-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;overflow:hidden}.sidebarSectionLabel{letter-spacing:.08em;color:var(--ink-tertiary);text-transform:uppercase;padding:0 8px 8px;font-size:10px;font-weight:700}.sidebarNav{flex-direction:column;flex:1;gap:4px;min-height:0;padding-right:2px;display:flex;overflow:hidden auto}.sidebarNav::-webkit-scrollbar{width:4px}.sidebarNav::-webkit-scrollbar-thumb{background:var(--hairline-strong);border-radius:4px}.navItem{color:var(--ink-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .18s;display:flex;position:relative}.navItem:hover{background:var(--bg-soft);color:var(--primary);transform:translate(2px)}.navIconWrap{flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.navItem svg{width:18px;height:18px;transition:transform .15s}.navItem:hover svg{transform:scale(1.08)}.navItemLabel{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.navItemActive{color:var(--primary);box-shadow:inset 3px 0 0 0 var(--primary);background:linear-gradient(90deg,#0e4d3c1f 0%,#0e4d3c0a 100%);font-weight:600}.navItemActive svg{color:var(--primary)}.navItemBadge{border-radius:999px;flex-shrink:0;padding:2px 7px;font-size:10.5px;font-weight:700;line-height:1}.badge-warning{background:var(--warning-tint);color:var(--warning);border:1px solid #b4530933}.badge-gold{color:#b45309;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #fcd34d}.badge-default{background:var(--bg-soft);color:var(--ink-secondary)}.navCollapsedDot{background:var(--primary);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:10px}.sidebarFooter{border-top:1px solid var(--hairline);margin-top:auto;padding-top:14px}.arabesqueDivider{opacity:.6;background-image:radial-gradient(circle, var(--primary) 1px, transparent 1px);background-size:8px 6px;width:100%;height:6px;margin-bottom:12px}.adminMini{background:var(--bg-soft);border:1px solid var(--hairline);border-radius:12px;align-items:center;gap:10px;width:100%;padding:6px 4px;display:flex}.adminAvatar{color:#fff;background:linear-gradient(135deg,#0e4d3c 0%,#178863 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex;position:relative;box-shadow:0 2px 8px #0e4d3c33}.onlineIndicator{background:#10b981;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-2px;right:-2px}.adminMiniInfo{flex:1;min-width:0}.adminMiniName{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.adminMiniRole{color:var(--ink-tertiary);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:10px;overflow:hidden}.logoutBtn{width:32px;height:32px;color:var(--ink-tertiary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-right:4px;transition:all .18s;display:flex}.logoutBtn:hover{background:var(--danger-tint);color:var(--danger);transform:scale(1.05)}.logoutBtn svg{width:17px;height:17px}.logoutLoading{animation:.8s linear infinite logoutSpin}@keyframes logoutSpin{to{transform:rotate(360deg)}}.adminMain{flex-direction:column;flex:1;min-width:0;height:100vh;max-height:100vh;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--hairline);z-index:40;background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 32px;display:flex;box-shadow:0 1px 3px #00000005}.topbarLeft{align-items:center;gap:16px;display:flex}.topbarTitle{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:10px;font-family:Fraunces,Georgia,serif;font-size:22px;font-weight:600;display:flex}.topbarSubtitle{color:var(--ink-secondary);margin-top:2px;font-size:12.5px}.topbarActions{align-items:center;gap:12px;display:flex}.topbarSearch{background:var(--bg-soft);border:1px solid var(--hairline);border-radius:10px;align-items:center;gap:9px;width:260px;padding:8px 14px;transition:all .18s;display:flex}.topbarSearch:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint);background:#fff}.topbarSearch svg{width:15px;height:15px;color:var(--ink-tertiary);flex-shrink:0}.topbarSearch input{color:var(--ink);background:0 0;border:none;outline:none;width:100%;font-family:Inter,sans-serif;font-size:12.5px}.topbarSearch input::placeholder{color:var(--ink-tertiary)}.topbarBtn{border:1px solid var(--hairline);width:38px;height:38px;color:var(--ink-secondary);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.topbarBtn:hover{color:var(--primary);border-color:var(--primary-tint-strong);background:var(--primary-tint)}.topbarBtn svg{width:18px;height:18px}.topbarNotifDot{background:var(--danger);border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px;box-shadow:0 0 0 2px #fff}.topbarProfileBtn{border:1px solid var(--hairline);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:10px;padding:4px 10px 4px 4px;transition:all .15s;display:flex}.topbarProfileBtn:hover{background:var(--bg-soft);border-color:var(--hairline-strong)}.topbarProfileAvatar{background:var(--primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:flex}.topbarProfileText{text-align:left;line-height:1.2}.topbarProfileName{color:var(--ink);font-size:12px;font-weight:600}.topbarProfileRole{color:var(--ink-tertiary);font-size:10px}.adminContent{background:var(--bg-soft);scroll-behavior:smooth;flex:1;height:calc(100vh - 75px);min-height:0;padding:28px 32px 48px;overflow:hidden auto}.adminContent::-webkit-scrollbar{width:8px}.adminContent::-webkit-scrollbar-track{background:var(--bg-soft)}.adminContent::-webkit-scrollbar-thumb{background:var(--hairline-strong);border:2px solid var(--bg-soft);border-radius:999px}.adminContent::-webkit-scrollbar-thumb:hover{background:var(--primary-soft)}.uiModalOverlay{z-index:1000;-webkit-backdrop-filter:blur(6px);background:#10201a80;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.uiModal{border:1px solid var(--hairline);background:#fff;border-radius:20px;width:100%;max-width:580px;max-height:calc(100vh - 48px);animation:.22s cubic-bezier(.16,1,.3,1) scaleUp;overflow-y:auto;box-shadow:0 24px 60px #0e4d3c26}.uiModalLarge{max-width:780px}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.uiModalHeader{border-bottom:1px solid var(--hairline);z-index:10;background:#fff;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.uiModalTitle{color:var(--ink);font-family:Fraunces,Georgia,serif;font-size:19px;font-weight:600}.uiModalClose{border:1px solid var(--hairline);background:var(--bg-soft);width:32px;height:32px;color:var(--ink-tertiary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.uiModalClose:hover{color:var(--ink);background:var(--hairline)}.uiModalClose svg{width:16px;height:16px}.uiModalBody{padding:24px}.uiModalFooter{border-top:1px solid var(--hairline);background:var(--bg-soft);justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.topbarHamburgerBtn{border:1px solid var(--hairline);background:var(--bg-soft);width:38px;height:38px;color:var(--ink);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:none}.topbarHamburgerBtn:hover{background:var(--primary-tint);color:var(--primary);border-color:var(--primary-tint-strong)}.topbarHamburgerBtn svg{width:20px;height:20px}.sidebarMobileCloseBtn{border:1px solid var(--hairline);background:var(--bg-soft);width:32px;height:32px;color:var(--ink-secondary);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:none}.sidebarMobileCloseBtn:hover{background:var(--danger-tint);color:var(--danger);border-color:#ef444433}.sidebarMobileCloseBtn svg{width:16px;height:16px}.sidebarBackdrop{-webkit-backdrop-filter:blur(4px);z-index:998;background:#0e231c8c;animation:.2s fadeIn;position:fixed;inset:0}.tableResponsiveWrap{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:8px;overflow-x:auto}.tableResponsiveWrap::-webkit-scrollbar{height:6px}.tableResponsiveWrap::-webkit-scrollbar-thumb{background:var(--hairline-strong);border-radius:6px}@media (width<=992px){.sidebar{z-index:1000;max-width:85vw;box-shadow:none;transition:transform .28s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);width:280px!important}.sidebar.sidebarMobileOpen{transform:translate(0);box-shadow:12px 0 35px #00000040}.sidebarMobileCloseBtn{display:flex}.collapseBtn{display:none}.topbarHamburgerBtn{display:flex}.topbar{padding:14px 18px}.topbarSearch{width:180px}.adminContent{height:calc(100vh - 67px);padding:20px 18px 40px}}@media (width<=768px){.topbarSearch,.topbarProfileText{display:none}.topbarTitle{font-size:18px}.topbarSubtitle{font-size:11px}.topbar{padding:12px 14px}.adminContent{padding:16px 12px 32px}.uiModal{border-radius:16px;max-width:95vw}.uiModalHeader{padding:16px 18px}.uiModalTitle{font-size:17px}.uiModalBody{padding:18px}.uiModalFooter{padding:14px 18px}}@media (width<=480px){.topbarTitle{font-size:16px}.topbarLeft{gap:10px}.topbarActions{gap:8px}.topbarBtn{width:34px;height:34px}.topbarProfileAvatar{width:28px;height:28px}}.envRibbonTopBar{z-index:99999;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:6px 16px;font-size:11.5px;font-weight:500;display:flex;position:relative;box-shadow:0 1px 4px #00000014}.envStaging{color:#92400e;background:linear-gradient(90deg,#fef3c7 0%,#fde68a 100%);border-bottom:1px solid #fcd34d}.envLocal{color:#0369a1;background:linear-gradient(90deg,#e0f2fe 0%,#bae6fd 100%);border-bottom:1px solid #7dd3fc}.envRibbonContent{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.envBadgePill{letter-spacing:.04em;background:#00000014;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:800}.envDescription code{background:#fff9;border-radius:4px;padding:1px 5px;font-family:monospace;font-size:11px}.envRibbonCloseBtn{color:inherit;cursor:pointer;opacity:.65;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:12px;transition:opacity .15s}.envRibbonCloseBtn:hover{opacity:1;background:#0000000f}.envRibbonFloatingPill{z-index:99999;color:#92400e;cursor:pointer;background:#fef3c7;border:1px solid #fcd34d;border-radius:999px;padding:4px 10px;font-size:10.5px;font-weight:800;transition:transform .15s;position:fixed;bottom:14px;right:14px;box-shadow:0 4px 14px #00000026}.envRibbonFloatingPill:hover{transform:scale(1.05)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;width:100%;max-width:100%;min-height:100%;overflow-x:hidden}body{background:var(--bg);color:var(--ink);font-family:Inter,sans-serif}:root{--bg:#fff;--bg-soft:#f7faf9;--surface:#fff;--primary:#0e4d3c;--primary-hover:#0a3a2d;--primary-soft:#178863;--primary-tint:#e3f1eb;--primary-tint-strong:#cfe8dc;--ink:#10201a;--ink-secondary:#5b6b65;--ink-tertiary:#8fa098;--hairline:#e3e8e6;--hairline-strong:#cbd5d1;--danger:#dc2626;--danger-tint:#fdecec;--warning:#b45309;--warning-tint:#fef3e2;--info:#2563eb;--info-tint:#eaf1fe;--success:#178863;--success-tint:#e3f1eb;--shadow-sm:0 1px 2px #10201a0a;--shadow-md:0 8px 24px #10201a0f;--shadow-lg:0 20px 50px #0e4d3c1a}