:root{--font-family:"Inter", sans-serif;--font-heading:"EB Garamond", Georgia, serif;--border-radius-sm:10px;--border-radius-md:18px;--border-radius-lg:28px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--color-primary:#d4af37;--color-primary-hover:#bfa02e;--color-primary-light:#d4af371f;--color-secondary:#d9f99d;--color-secondary-hover:#c8e87a;--color-secondary-light:#d9f99d1a;--color-tertiary:#a78bfa;--color-tertiary-light:#a78bfa1a;--color-bg-body:#0c1322;--color-bg-card:#ffffff0a;--color-bg-elevated:#ffffff12;--color-bg-hover:#ffffff17;--color-border:#ffffff1a;--color-border-gold:#d4af374d;--color-white:#fff;--color-text-title:#fff;--color-text-body:#ffffffbf;--color-text-light:#ffffff6b;--gradient-primary:linear-gradient(135deg, #0c1322 0%, #111927 50%, #0f1d2e 100%);--gradient-gold:linear-gradient(135deg, #d4af37 0%, #f0d060 50%, #d4af37 100%);--gradient-hero:radial-gradient(ellipse 80% 60% at 50% -10%, #d4af3733 0%, transparent 70%), radial-gradient(ellipse 50% 40% at 80% 80%, #a78bfa1a 0%, transparent 60%), linear-gradient(180deg, #0c132273 0%, #0a111e73 100%);--shadow-sm:0 2px 12px #0000004d, inset 0 1px 0 #ffffff0f;--shadow-md:0 8px 32px #0006, inset 0 1px 0 #ffffff14;--shadow-lg:0 20px 60px #00000080, 0 0 0 1px #ffffff0f, inset 0 1px 0 #ffffff14;--shadow-gold:0 0 24px #d4af3733, 0 8px 32px #0006;--glass-bg:#0c1322a6;--glass-border:1px solid #ffffff1a;--glass-blur:blur(24px);--zakat-debt-bg:#ef444426;--zakat-debt-color:#f87171;--progress-track-bg:#ffffff14;--warning-text:#f59e0b;--warning-bg:#f59e0b26;--warning-border:1px solid #f59e0b40;--info-bg:var(--color-bg-elevated);--info-border:1px solid var(--color-border);--logo-gold-start:#d4af37;--logo-gold-mid:#f0d060;--logo-gold-end:#b08d3c;--logo-accent-color:var(--color-tertiary);--logo-text-gold:var(--color-primary)}[data-theme=light]{--color-primary:#b08d3c;--color-primary-hover:#93742f;--color-primary-light:#b08d3c14;--color-secondary:#d4af37;--color-secondary-hover:#bfa02e;--color-secondary-light:#d4af3714;--color-tertiary:#883454;--color-tertiary-light:#fdf4f7;--color-bg-body:#fcfbf9;--color-bg-card:#fff;--color-bg-elevated:#faf9f5;--color-bg-hover:#b08d3c0a;--color-border:#eae6df;--color-border-gold:#b08d3c40;--color-white:#fff;--color-text-title:#2b241a;--color-text-body:#4e473f;--color-text-light:#948d85;--gradient-primary:linear-gradient(135deg, #b08d3c 0%, #d4af37 100%);--gradient-gold:linear-gradient(135deg, #b08d3c 0%, #d4af37 100%);--gradient-hero:radial-gradient(ellipse 70% 50% at 50% -5%, #b08d3c0f 0%, transparent 65%), linear-gradient(180deg, #fcfbf9 0%, #faf6ee 100%);--shadow-sm:0 2px 8px #b08d3c0a;--shadow-md:0 8px 24px #b08d3c0f;--shadow-lg:0 16px 40px #b08d3c14;--shadow-gold:0 8px 24px #b08d3c1f;--glass-bg:#ffffffbf;--glass-border:1px solid #b08d3c1f;--glass-blur:blur(20px);--zakat-debt-bg:#fef2f2;--zakat-debt-color:#b91c1c;--progress-track-bg:#e5e7eb;--warning-text:#b45309;--warning-bg:#fef3c7;--warning-border:1px solid #fde68a;--info-bg:#f1f5f9;--info-border:1px solid #e2e8f0;--logo-gold-start:#b08d3c;--logo-gold-mid:#d4af37;--logo-gold-end:#93742f;--logo-accent-color:var(--color-tertiary);--logo-text-gold:var(--color-primary)}*{box-sizing:border-box;margin:0;padding:0}img,video{max-width:100%;height:auto}html{background-color:var(--color-bg-body);width:100%;overflow-x:hidden}body{width:100%;font-family:var(--font-family);color:var(--color-text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0000;min-height:100vh;line-height:1.6;overflow-x:hidden}body,html,.header,.core-card,.app-container,.hero-section{transition:background-color .3s,color .3s,border-color .3s}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:0}a{color:inherit;transition:var(--transition);text-decoration:none}button,input{border:none;outline:none;font-family:inherit}.app-container{background-color:#0000;flex-direction:column;width:100%;max-width:100vw;min-height:100vh;padding:0;display:flex;overflow-x:hidden}.app-container[dir=rtl]{font-family:Jameel Noori Nastaleeq,Noto Nastaliq Urdu,Inter,sans-serif}.app-container[dir=rtl] h1,.app-container[dir=rtl] h2,.app-container[dir=rtl] h3,.app-container[dir=rtl] h4,.app-container[dir=rtl] p,.app-container[dir=rtl] span,.app-container[dir=rtl] button{font-family:Jameel Noori Nastaleeq,Noto Nastaliq Urdu,Inter,sans-serif;line-height:2.2}@media (max-width:768px){.app-container{padding:0 16px}}.header{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-bottom:var(--glass-border);z-index:1000;justify-content:space-between;align-items:center;padding:16px 40px;transition:background .3s,border-color .3s;display:flex;position:sticky;top:0}.logo-container{cursor:pointer;align-items:center;gap:12px;display:flex}.logo-icon{width:32px;height:32px;color:var(--color-primary)}.logo-text{letter-spacing:-.5px;color:var(--color-primary);font-size:22px;font-weight:700}.logo-image{object-fit:contain;width:auto;height:40px;display:block}@media (max-width:768px){.logo-image{height:34px}}.btn-hamburger{cursor:pointer;z-index:101;width:24px;height:18px;transition:var(--transition);background:0 0;border:none;flex-direction:column;justify-content:space-between;padding:0;display:none}.hamburger-bar{background-color:var(--color-text-title);border-radius:2px;width:100%;height:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-hamburger.active .hamburger-bar:first-child{transform:translateY(8px)rotate(45deg)}.btn-hamburger.active .hamburger-bar:nth-child(2){opacity:0}.btn-hamburger.active .hamburger-bar:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.mobile-only-menu-actions{display:none}.nav-menu{align-items:center;gap:36px;list-style:none;display:flex}.nav-link{color:var(--color-text-body);cursor:pointer;padding:6px 0;font-size:15px;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.nav-link.active:after{content:"";background-color:var(--color-secondary);border-radius:2px;width:100%;height:2px;position:absolute;bottom:0;left:0}.nav-actions{align-items:center;gap:20px;display:flex}.btn-icon-search{width:40px;height:40px;color:var(--color-text-body);cursor:pointer;transition:var(--transition);background-color:#0000;border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-icon-search:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.btn-signin{background:var(--gradient-gold);color:#0c1322;cursor:pointer;transition:var(--transition);letter-spacing:.3px;border:none;border-radius:50px;justify-content:center;align-items:center;padding:10px 22px;font-size:14px;font-weight:700;display:inline-flex}[data-theme=light] .btn-signin{background:var(--gradient-primary);color:var(--color-white)}.btn-signin:hover{box-shadow:var(--shadow-gold);transform:translateY(-2px)}.btn-language-toggle{background:var(--color-bg-elevated);border:var(--glass-border);color:var(--color-text-title);cursor:pointer;transition:var(--transition);border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;display:flex}.btn-language-toggle:hover{background:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.btn-theme-toggle{background:var(--color-bg-elevated);border:var(--glass-border);width:38px;height:38px;color:var(--color-primary);cursor:pointer;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-theme-toggle:hover{background:var(--color-primary-light);border-color:var(--color-primary);transform:rotate(15deg)scale(1.1)}.hero-section{text-align:center;background:var(--gradient-hero);flex-direction:column;align-items:center;padding:80px 32px 64px;display:flex;position:relative;overflow:hidden}[data-theme=dark] .hero-section:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#ffffff0a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.hero-section>*{z-index:1;position:relative}.badge-pill{background:var(--color-primary-light);color:var(--color-primary);letter-spacing:2px;text-transform:uppercase;border:1px solid var(--color-border-gold);border-radius:100px;justify-content:center;align-items:center;margin-bottom:28px;padding:6px 20px;font-size:11px;font-weight:700;display:inline-flex}.hero-heading{color:var(--color-text-title);word-break:break-word;width:100%;max-width:820px;margin-bottom:20px;font-size:clamp(28px,6vw,54px);font-weight:700;line-height:1.15}[data-theme=dark] .hero-heading{background:linear-gradient(135deg,#fff 0%,#d4af37e6 60%,#fff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtext{color:var(--color-text-body);max-width:600px;margin-bottom:40px;font-size:16px;line-height:1.7}.hero-cta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-bottom:24px;display:flex}.btn-hero-primary{background:var(--gradient-gold);color:#0c1322;cursor:pointer;letter-spacing:.3px;transition:var(--transition);border:none;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}[data-theme=light] .btn-hero-primary{background:var(--gradient-primary);color:#fff}.btn-hero-primary:hover{box-shadow:var(--shadow-gold);transform:translateY(-2px)}.btn-hero-secondary{color:var(--color-text-body);cursor:pointer;border:var(--glass-border);transition:var(--transition);background:0 0;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:13px 28px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn-hero-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}@media (max-width:480px){.search-pill-desktop{display:none}}.search-pill-container{background:var(--color-bg-elevated);border:var(--glass-border);width:100%;max-width:580px;box-shadow:var(--shadow-sm);transition:var(--transition);box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:100px;align-items:center;padding:8px 10px 8px 24px;display:flex}.search-pill-container:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-gold)}.search-pill-icon{color:var(--color-text-light);flex-shrink:0;margin-right:12px}.search-pill-input{color:var(--color-text-title);background-color:#0000;flex-grow:1;font-size:15px}.search-pill-input::placeholder{color:var(--color-text-light)}.search-pill-button{background:var(--gradient-gold);color:#0c1322;cursor:pointer;width:42px;height:42px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}[data-theme=light] .search-pill-button{background:var(--gradient-primary);color:var(--color-white)}.search-pill-button:hover{box-shadow:var(--shadow-gold);transform:scale(1.08)}.dashboard-section{grid-template-columns:1.5fr 1fr;gap:28px;padding:48px 48px 64px;display:grid}.core-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.core-card{background:var(--color-bg-card);border:var(--glass-border);border-radius:var(--border-radius-md);text-align:center;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:center;padding:32px 20px;display:flex}.core-card:hover{box-shadow:var(--shadow-gold);border-color:var(--color-border-gold);transform:translateY(-8px)}.card-icon-container{width:56px;height:56px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.core-card:first-child .card-icon-container,.core-card:nth-child(4) .card-icon-container,.core-card:nth-child(7) .card-icon-container{background:var(--color-primary-light);color:var(--color-primary)}.core-card:nth-child(2) .card-icon-container,.core-card:nth-child(5) .card-icon-container{background:var(--color-secondary-light);color:var(--color-secondary)}.core-card:nth-child(3) .card-icon-container,.core-card:nth-child(6) .card-icon-container{background:var(--color-tertiary-light);color:var(--color-tertiary)}.core-card:hover .card-icon-container{transform:scale(1.15)}.card-title{color:var(--color-text-title);font-size:16px;font-weight:600}.prayer-widget{border:var(--glass-border);border-radius:var(--border-radius-md);color:var(--color-white);box-shadow:var(--shadow-gold);-webkit-backdrop-filter:blur(24px);background:linear-gradient(135deg,#d4af3726 0%,#0c1322e6 100%);flex-direction:column;justify-content:space-between;padding:32px;display:flex;position:relative;overflow:hidden}[data-theme=light] .prayer-widget{background:var(--gradient-primary);box-shadow:var(--shadow-md);-webkit-backdrop-filter:none;backdrop-filter:none;border:none}.prayer-widget:before{content:"";background:radial-gradient(circle,#d4af371f 0%,#fff0 70%);border-radius:50%;width:180px;height:180px;position:absolute;top:-50px;right:-50px}.widget-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.location-title{letter-spacing:-.5px;font-size:24px;font-weight:700}.hijri-date{opacity:.8;margin-top:4px;font-size:13px;font-weight:500}.location-icon{color:var(--color-secondary);flex-shrink:0;width:24px;height:24px}.prayer-list{flex-direction:column;gap:12px;display:flex}.prayer-row{border-radius:var(--border-radius-sm);transition:var(--transition);background-color:#ffffff0d;border:1px solid #0000;justify-content:space-between;align-items:center;padding:12px 16px;font-size:15px;font-weight:500;display:flex}.prayer-row:hover{background-color:#ffffff14}.prayer-row.next-prayer{color:#5c4308;background-color:#ffefa7;border:1px solid #c8a24a4d;font-weight:700;transform:scale(1.02);box-shadow:0 4px 12px #0000001a}.next-badge-container{align-items:center;gap:8px;display:flex}.bell-icon{animation:2s infinite alternate ring}.prayer-time{font-weight:700}@keyframes ring{0%{transform:rotate(0)}10%{transform:rotate(15deg)}20%{transform:rotate(-15deg)}30%{transform:rotate(15deg)}40%{transform:rotate(-15deg)}50%{transform:rotate(0)}to{transform:rotate(0)}}.prayer-page-container{box-sizing:border-box;flex-direction:column;gap:32px;width:100%;max-width:100%;padding:48px;display:flex;overflow-x:hidden}.prayer-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.prayer-header-left{text-align:start}.prayer-header-left h1{color:var(--color-primary);letter-spacing:-1px;margin-bottom:6px;font-size:36px;font-weight:800}.prayer-header-left p{color:var(--color-text-body);font-size:15px}.prayer-header-filters{align-items:center;gap:16px;display:flex}.location-dropdown{background:var(--color-bg-elevated);border:var(--glass-border);border-radius:var(--border-radius-sm);color:var(--color-text-title);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:10px;padding:10px 18px;font-size:14px;font-weight:600;display:flex}.btn-autodetect{background-color:var(--color-bg-card);border:1px solid var(--color-secondary);border-radius:var(--border-radius-sm);color:var(--color-secondary);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:flex}.btn-autodetect:hover{background-color:var(--color-secondary-light);transform:translateY(-1px)}.next-prayer-banner{border:var(--glass-border);border-radius:var(--border-radius-md);color:var(--color-white);box-shadow:var(--shadow-gold);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#d4af3733 0%,#0c1322f2 100%);justify-content:space-between;align-items:center;padding:36px 48px;display:flex;position:relative;overflow:hidden}[data-theme=light] .next-prayer-banner{background:var(--gradient-primary);box-shadow:var(--shadow-md);-webkit-backdrop-filter:none;backdrop-filter:none;border:none}.next-prayer-banner:before{content:"";z-index:1;background:radial-gradient(circle at 70% 120%,#ffffff0d 0%,#fff0 60%);position:absolute;inset:0}.banner-left-details{z-index:2;text-align:start;position:relative}.banner-left-details .label{text-transform:uppercase;letter-spacing:1.5px;opacity:.8;font-size:14px;font-weight:600}.banner-left-details .prayer-name{letter-spacing:-1.5px;margin:6px 0;font-size:48px;font-weight:800}.banner-left-details .prayer-time{color:#ffefa7;font-size:20px;font-weight:700}.banner-right-countdown{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.countdown-ring-svg{width:120px;height:120px;transform:rotate(-90deg)}.countdown-ring-bg{fill:none;stroke:#ffffff1a;stroke-width:8px}.countdown-ring-progress{fill:none;stroke:#ffefa7;stroke-width:8px;stroke-linecap:round;stroke-dasharray:339.29;stroke-dashoffset:84.8px;transition:stroke-dashoffset .35s}.countdown-ring-text{text-align:center;color:var(--color-white);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.countdown-time{letter-spacing:-.5px;font-size:22px;font-weight:700;line-height:1}.countdown-label{opacity:.8;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:10px;font-weight:600}.timings-split-grid{grid-template-columns:1.6fr 1fr;gap:32px;width:100%;display:grid}.today-timings-col{text-align:start;flex-direction:column;gap:16px;display:flex}.timings-section-header{margin-bottom:8px}.timings-section-header h2{color:var(--color-primary);font-size:20px;font-weight:700}.timings-date-sub{color:var(--color-text-body);margin-top:4px;font-size:13px}.timing-row-list{flex-direction:column;gap:12px;display:flex}.timing-row-card{background:var(--color-bg-card);border:var(--glass-border);border-radius:var(--border-radius-sm);transition:var(--transition);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:relative}.timing-row-card:hover{box-shadow:var(--shadow-gold);border-color:var(--color-border-gold);transform:translateY(-2px)}.timing-row-left{align-items:center;gap:16px;display:flex}.timing-icon-circle{background:var(--color-bg-elevated);width:40px;height:40px;color:var(--color-text-body);border-radius:50%;justify-content:center;align-items:center;display:flex}.timing-row-card.active .timing-icon-circle{background:var(--color-primary-light);color:var(--color-primary)}.timing-name-container{align-items:center;gap:12px;display:flex}.timing-name{color:var(--color-text-title);font-size:16px;font-weight:600}.badge-next{background-color:var(--color-secondary-light);color:#5c4308;text-transform:uppercase;border:1px solid #c8a24a33;border-radius:20px;padding:3px 10px;font-size:10px;font-weight:700}.timing-row-right{align-items:center;gap:24px;display:flex}.timing-hour{color:var(--color-text-title);font-size:16px;font-weight:700}.timing-bell-btn{color:var(--color-text-light);cursor:pointer;transition:var(--transition);background-color:#0000;align-items:center;display:flex}.timing-bell-btn:hover{color:var(--color-secondary);transform:scale(1.1)}.timing-row-card.active{border-inline-start:4px solid var(--color-secondary);background-color:var(--color-primary-light)}.timing-row-card.active .timing-name{color:var(--color-primary);font-weight:700}.timing-row-card.active .timing-bell-btn{color:var(--color-secondary)}.weekly-schedule-col{text-align:start;flex-direction:column;gap:16px;display:flex}.weekly-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);padding:24px}.weekly-card-header h2{color:var(--color-primary);margin-bottom:16px;font-size:20px;font-weight:700}.weekly-table{border-collapse:collapse;text-align:start;width:100%}.weekly-table th{color:var(--color-text-light);border-bottom:1px solid var(--color-border);padding-bottom:12px;font-size:13px;font-weight:600}.weekly-table td{color:var(--color-text-body);padding:12px 0;font-size:14px;font-weight:500}.weekly-row.active,.weekly-row.active td{color:var(--color-primary);font-weight:700}.weekly-btn-container{border-top:1px solid var(--color-border);justify-content:center;margin-top:20px;padding-top:16px;display:flex}.btn-view-month{color:var(--color-primary);cursor:pointer;transition:var(--transition);background-color:#0000;font-size:14px;font-weight:600}.btn-view-month:hover{color:var(--color-secondary);text-decoration:underline}.app-footer{background:var(--color-bg-elevated);border-top:var(--glass-border);box-sizing:border-box;width:100%;margin-top:auto;padding:64px 48px;overflow-x:hidden}.footer-columns{text-align:start;box-sizing:border-box;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:48px;width:100%;max-width:1200px;margin:0 auto;display:grid}.footer-brand{flex-direction:column;gap:16px;display:flex}.footer-logo{align-items:center;gap:10px;display:flex}.footer-logo-text{color:var(--color-primary);font-size:20px;font-weight:700}.footer-logo-icon{width:24px;height:24px;color:var(--color-primary)}.footer-copyright{color:var(--color-text-body);font-size:13px;line-height:1.6}.footer-col-title{text-transform:uppercase;color:var(--color-primary);letter-spacing:.5px;margin-bottom:20px;font-size:14px;font-weight:700}.footer-col-list{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-col-list li{color:var(--color-text-body);cursor:pointer;transition:var(--transition);font-size:14px}.footer-col-list li:hover{color:var(--color-primary);transform:translate(2px)}.footer-newsletter{flex-direction:column;display:flex}.footer-newsletter-text{color:var(--color-text-body);margin-bottom:16px;font-size:13px;line-height:1.5}.newsletter-form{flex-wrap:wrap;gap:8px;display:flex}.newsletter-input{box-sizing:border-box;border-radius:var(--border-radius-sm);border:var(--glass-border);background:var(--color-bg-elevated);height:40px;color:var(--color-text-title);outline:none;flex-grow:1;padding:10px 14px;font-size:13px}.newsletter-input:focus{border-color:var(--color-primary)}.btn-newsletter-submit{border-radius:var(--border-radius-sm);background:var(--gradient-gold);color:#0c1322;cursor:pointer;width:40px;height:40px;transition:var(--transition);justify-content:center;align-items:center;display:flex}[data-theme=light] .btn-newsletter-submit{background:var(--gradient-primary);color:var(--color-white)}.btn-newsletter-submit:hover{box-shadow:var(--shadow-gold);transform:scale(1.05)}.books-page-container{box-sizing:border-box;flex-direction:column;gap:32px;width:100%;max-width:100%;padding:48px;display:flex;overflow-x:hidden}.books-header-section{text-align:start}.books-header-section h1{color:var(--color-primary);letter-spacing:-1px;margin-bottom:8px;font-size:36px;font-weight:800}.books-header-section p{color:var(--color-text-body);font-size:15px}.books-search-container{width:100%;display:flex}.books-search-bar{background:var(--color-bg-elevated);border:var(--glass-border);border-radius:var(--border-radius-sm);width:100%;max-width:480px;box-shadow:var(--shadow-sm);transition:var(--transition);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:12px;padding:10px 16px;display:flex}.books-search-bar:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-gold)}.books-search-input{width:100%;color:var(--color-text-title);background-color:#0000;border:none;outline:none;font-size:14px}.books-search-input::placeholder{color:var(--color-text-light)}.category-pills-row{flex-wrap:wrap;gap:12px;display:flex}.category-pill{border:var(--glass-border);background:var(--color-bg-elevated);color:var(--color-text-body);cursor:pointer;transition:var(--transition);border-radius:100px;outline:none;padding:8px 20px;font-size:13px;font-weight:600}.category-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.category-pill.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.books-grid-layout{box-sizing:border-box;grid-template-columns:repeat(4,1fr);gap:24px;width:100%;max-width:100%;display:grid}.book-item-card{background:var(--color-bg-card);border:var(--glass-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);border-radius:14px;flex-direction:column;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.book-item-card:hover{box-shadow:var(--shadow-gold);border-color:var(--color-border-gold);transform:translateY(-8px)}.book-cover-container{width:100%;padding-bottom:118%;position:relative;overflow:hidden}.book-cover-container:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(90deg,#00000052 0%,#0000002e 25%,#ffffff2e 45%,#fff0 65%,#00000014 100%);width:18px;transition:opacity .4s;position:absolute;top:0;bottom:0;left:0}.book-cover-container:before{content:"";z-index:2;pointer-events:none;background-color:#00000026;width:1px;position:absolute;top:0;bottom:0;right:0}.app-container[dir=rtl] .book-cover-container:after{background:linear-gradient(270deg,#00000052 0%,#0000002e 25%,#ffffff2e 45%,#fff0 65%,#00000014 100%);left:auto;right:0}.app-container[dir=rtl] .book-cover-container:before{left:0;right:auto}.book-category-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffefa7;text-transform:uppercase;letter-spacing:.8px;z-index:3;background:#0f2a14d9;border:1px solid #c8a24a59;border-radius:6px;padding:5px 12px;font-size:10px;font-weight:800;position:absolute;top:14px;left:14px;box-shadow:0 4px 12px #00000026}.app-container[dir=rtl] .book-category-tag{left:auto;right:14px}.book-cover-image{z-index:1;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.book-cover-image img{transition:transform .6s cubic-bezier(.16,1,.3,1)}.book-item-card:hover .book-cover-image img{transform:scale(1.06)}.cover-seerat{background:linear-gradient(135deg, #2b241a 0%, var(--color-primary) 100%);box-sizing:border-box;border:4px double #c8a24a}.cover-seerat-ornament{border:1px solid #c8a24a;border-radius:50%;justify-content:center;align-items:center;width:76px;height:90px;display:flex;position:relative}.cover-seerat-ornament:before{content:"";border:1px dashed #c8a24a;border-radius:50%;position:absolute;inset:6px}.cover-seerat-title{color:#c8a24a;text-transform:uppercase;letter-spacing:1px;font-size:9px;font-weight:700}.cover-hadith{background:linear-gradient(135deg,#6288a5 0%,#87aac4 100%);border:1px solid #ffffff1a}.cover-hadith-inner{flex-direction:column;align-items:center;gap:8px;display:flex}.crescent-moon-glow{border-radius:50%;width:60px;height:60px;margin-bottom:12px;transform:rotate(-30deg)translate(-10px,-10px);box-shadow:10px 10px #ffefa7}.cover-hadith-text{color:var(--color-white);letter-spacing:.5px;opacity:.9;font-size:10px;font-weight:600}.cover-hadith-text-alt{color:#ffefa7;text-transform:uppercase;letter-spacing:1px;font-size:8px;font-weight:700}.cover-history{background:linear-gradient(135deg,#aa7f56 0%,#c49b72 100%);position:relative}.cover-history-contour{border:1px solid #fff3;justify-content:center;align-items:center;display:flex;position:absolute;inset:12px}.cover-history-map-symbol{border-inline-start:20px solid #0000;border-bottom:35px solid #ffffff40;border-right:20px solid #0000;width:0;height:0;position:relative}.cover-history-map-symbol:after{content:"";border-inline-start:10px solid #0000;border-bottom:20px solid #ffffff59;border-right:10px solid #0000;width:0;height:0;position:absolute;top:10px;left:-10px}.cover-placeholder{border-bottom:1px solid var(--color-border);background-color:#f8faf9;background-image:radial-gradient(#bdc5c7 1px,#0000 0);background-size:16px 16px}.placeholder-inner{color:var(--color-text-light);flex-direction:column;align-items:center;gap:12px;display:flex}.placeholder-icon{width:42px;height:42px;color:var(--color-text-light);opacity:.6}.placeholder-text{letter-spacing:.5px;opacity:.8;font-size:12px;font-weight:600}.book-info-body{text-align:start;flex-direction:column;flex-grow:1;padding:16px;display:flex}.book-title{color:var(--color-text-title);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:auto;margin-bottom:4px;font-size:16px;font-weight:700;line-height:1.45;transition:color .3s;display:-webkit-box;overflow:hidden}.book-item-card:hover .book-title{color:var(--color-primary)}.book-author{color:var(--color-text-light);white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:13px;font-weight:500;overflow:hidden}.book-action-buttons{flex-direction:column;gap:10px;margin-top:auto;display:flex}.btn-read{background:var(--gradient-primary);color:var(--color-white);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:13px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.btn-read:hover{background:linear-gradient(135deg, var(--color-primary-hover) 0%, var(--color-primary) 100%);transform:translateY(-2px);box-shadow:0 6px 18px #b08d3c40}.btn-download{border:1px solid var(--color-secondary);color:var(--color-secondary);cursor:pointer;background-color:#0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:13px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.btn-download:hover{background-color:var(--color-secondary-light);border-color:var(--color-secondary-hover);color:var(--color-secondary-hover);transform:translateY(-2px)}.articles-page-container{box-sizing:border-box;flex-direction:column;gap:32px;width:100%;max-width:100%;padding:48px;display:flex;overflow-x:hidden}.articles-header-section{text-align:start;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.articles-header-left{text-align:start}.articles-header-left h1{color:var(--color-primary);letter-spacing:-1px;margin-bottom:6px;font-size:36px;font-weight:800}.articles-header-left p{color:var(--color-text-body);font-size:15px}.articles-sort-container{color:var(--color-text-body);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.custom-sort-dropdown{display:inline-block;position:relative}.custom-sort-trigger{border:1px solid var(--color-border);border-radius:var(--border-radius-sm);min-width:120px;color:var(--color-text-title);background-color:var(--color-bg-card);cursor:pointer;transition:var(--transition);outline:none;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.custom-sort-trigger:hover,.custom-sort-trigger:focus{border-color:var(--color-primary);background-color:var(--color-primary-light)}.custom-sort-trigger .chevron-icon{color:var(--color-primary);transition:transform .2s}.custom-sort-trigger .chevron-icon.open{transform:rotate(180deg)}.custom-sort-menu{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-lg);z-index:100;flex-direction:column;gap:4px;min-width:130px;margin-top:6px;padding:6px;animation:.15s ease-out dropdownFadeIn;display:flex;position:absolute;top:100%;right:0}[dir=rtl] .custom-sort-menu{left:0;right:auto}[dir=rtl] .custom-sort-item{text-align:right;flex-direction:row-reverse;justify-content:flex-start}.custom-sort-item:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.custom-sort-item.active{color:var(--color-primary);background-color:var(--color-primary-light);font-weight:600}.custom-sort-item .check-icon{color:var(--color-primary);flex-shrink:0}.articles-split-layout{grid-template-columns:2.2fr 1fr;gap:32px;width:100%;display:grid}.articles-list-col{flex-direction:column;gap:24px;display:flex}.article-item-card{background:var(--color-bg-card);border:var(--glass-border);border-radius:var(--border-radius-sm);transition:var(--transition);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);width:100%;min-height:320px;display:flex;overflow:hidden}.article-item-card:hover{box-shadow:var(--shadow-gold);border-color:var(--color-border-gold);transform:translateY(-3px)}.article-cover-link{cursor:pointer;flex-shrink:0;align-self:stretch;width:340px;min-width:340px;display:block;position:relative;overflow:hidden}.article-cover-wrapper{background:var(--color-bg-elevated);flex-shrink:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.article-cover-img{object-fit:cover;object-position:center center;width:100%;height:100%;transition:transform .5s;display:block}.article-item-card:hover .article-cover-img{transform:scale(1.04)}.badge-featured{color:var(--color-white);text-transform:uppercase;letter-spacing:.5px;z-index:3;background-color:#0009;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:700;display:flex;position:absolute;top:12px;left:12px}.article-info-details{text-align:start;flex-direction:column;flex-grow:1;justify-content:space-between;min-width:0;padding:20px;display:flex;overflow:hidden}.article-meta-tags{align-items:center;gap:12px;margin-bottom:12px;display:flex}.article-capsule-tag{background-color:var(--color-primary-light);color:var(--color-primary);text-transform:uppercase;border:1px solid #1b5e201a;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.article-read-time{color:var(--color-text-light);align-items:center;gap:4px;font-size:13px;display:flex}.article-title{color:var(--color-text-title);letter-spacing:-.5px;transition:var(--transition);margin-bottom:12px;font-size:22px;font-weight:800;line-height:1.3}.article-item-card:hover .article-title{color:var(--color-primary)}.article-summary{color:var(--color-text-body);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:20px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.article-btn-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;display:flex}.btn-read-link{color:var(--color-primary);cursor:pointer;transition:var(--transition);align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.btn-read-link:hover{color:var(--color-secondary)}.btn-read-link svg{transition:transform .2s}.btn-read-link:hover svg{transform:translate(3px)}.btn-watch-video{color:var(--color-primary);cursor:pointer;transition:var(--transition);background-color:#ebefef;border-radius:100px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;display:flex}.btn-watch-video:hover{background-color:#dfe5e5;transform:translateY(-1px)}.categories-sidebar-col{flex-direction:column;gap:24px;display:flex}.categories-side-widget{background:var(--color-bg-card);border:var(--glass-border);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);text-align:start;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:24px}.categories-widget-title{color:var(--color-primary);margin-bottom:20px;font-size:20px;font-weight:700}.category-list-container{flex-direction:column;gap:8px;display:flex}.category-list-item{border-radius:var(--border-radius-sm);color:var(--color-text-body);cursor:pointer;transition:var(--transition);border:1px solid #0000;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.category-list-item:hover{background:var(--color-bg-elevated);color:var(--color-primary)}.category-list-item.active{border-inline-start:3px solid var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.badge-count-pill{color:var(--color-text-body);transition:var(--transition);background:#ffffff0f;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700}.category-list-item.active .badge-count-pill{color:var(--color-primary);background:#d4af3726}@media (max-width:1024px){.dashboard-section{grid-template-columns:1fr;gap:32px;padding:0 24px 48px}.header{padding:16px 24px}.hero-heading{font-size:36px}.footer-columns{grid-template-columns:1fr;gap:32px}.books-grid-layout{grid-template-columns:repeat(3,1fr);gap:20px}.articles-split-layout{grid-template-columns:1fr}.article-item-card{flex-direction:column}.article-cover-link{width:100%;min-width:100%;height:220px}.article-cover-wrapper{width:100%;min-width:100%;height:220px;min-height:220px;max-height:220px}.article-btn-row{flex-direction:column;align-items:stretch;gap:12px}}@media (max-width:768px){.header{padding:12px 16px}.app-footer{padding:32px 16px}.footer-columns{text-align:center;grid-template-columns:1fr;gap:28px;width:100%;overflow-x:hidden}.footer-brand{align-items:center}.footer-logo{justify-content:center}.footer-col-list{align-items:center}.newsletter-form{flex-direction:column}.newsletter-input{box-sizing:border-box;width:100%}.btn-newsletter-submit{align-self:center}.core-grid{grid-template-columns:repeat(2,1fr);gap:16px}.core-card{padding:24px 16px}.card-title{font-size:14.5px}.calendar-day-cell{border-radius:8px;padding:4px}.calendar-cell-gregorian{font-size:13px}.calendar-cell-hijri{font-size:9px}.calendar-grid-header{padding-bottom:8px;font-size:11px}.btn-hamburger{display:flex}.nav-menu{background:var(--glass-bg);width:100%;height:calc(100vh - 57px);-webkit-backdrop-filter:var(--glass-blur);z-index:99;border-top:var(--glass-border);box-shadow:var(--shadow-lg);flex-direction:column;align-items:flex-start;gap:24px;margin:0;padding:32px 24px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:57px;left:0;overflow-y:auto;transform:translate(-100%)}.nav-menu.mobile-open{transform:translate(0)}[dir=rtl] .nav-menu{transform:translate(100%)}[dir=rtl] .nav-menu.mobile-open{transform:translate(0)}.nav-link{border-bottom:1px solid #00000008;width:100%;padding:10px 0;font-size:18px;font-weight:600}.nav-link.active:after{display:none}.btn-language-toggle,.btn-signin,.nav-user-profile{display:none!important}.mobile-only-menu-actions{box-sizing:border-box;border-top:1px solid #0000000d;flex-direction:column;gap:16px;width:100%;margin-top:auto;padding-top:20px;display:flex}.btn-mobile-language-toggle{background-color:var(--color-bg-body);border:1px solid var(--color-border);color:var(--color-text-title);cursor:pointer;box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:14.5px;font-weight:700;display:flex}.btn-mobile-signin{background:var(--gradient-gold);color:#0c1322;cursor:pointer;box-sizing:border-box;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:12px;font-size:14.5px;font-weight:700;display:flex}[data-theme=light] .btn-mobile-signin{background:var(--gradient-primary);color:var(--color-white)}.btn-mobile-admin{border:1px solid var(--color-primary);width:100%;color:var(--color-primary);cursor:pointer;box-sizing:border-box;background-color:#0000;border-radius:8px;justify-content:center;align-items:center;padding:12px;font-size:14.5px;font-weight:700;display:flex}.mobile-menu-user{background-color:var(--color-bg-body);border:1px solid var(--color-border);box-sizing:border-box;border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.mobile-user-details{align-items:center;gap:12px;display:flex}.mobile-user-avatar{background-color:var(--color-primary);width:36px;height:36px;color:var(--color-white);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.mobile-user-name{color:var(--color-text-title);font-size:14px;font-weight:700}.mobile-user-role{color:var(--color-text-light);text-transform:capitalize;font-size:11.5px;font-weight:500}.btn-mobile-signout{border:1px solid var(--color-danger,#ef4444);color:var(--color-danger,#ef4444);cursor:pointer;transition:var(--transition);box-sizing:border-box;background-color:#0000;border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:700}.timings-split-grid{grid-template-columns:1fr;gap:32px}.prayer-page-container{padding:24px}.next-prayer-banner{text-align:center;flex-direction:column;gap:24px;padding:24px}.banner-left-details{text-align:center}.banner-left-details .prayer-name{font-size:36px}.books-grid-layout{grid-template-columns:1fr}.articles-page-container{padding:24px}.quran-sidebar{z-index:50!important;width:100%!important;height:100%!important;position:absolute!important}.quran-sidebar.closed{width:0!important}.quran-sidebar:not(.closed)~.quran-main-pane{display:none!important}.quran-audio-player{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;padding:12px!important;bottom:12px!important;left:12px!important;right:12px!important}.quran-audio-player>div{justify-content:space-between;width:100%}.zakat-field-wrapper{max-width:100%;min-width:unset;width:100%}.calendar-hijri-month-name{display:none}.recent-article-item{width:100%;min-width:0}.recent-details{flex:1;min-width:0;overflow:hidden}}.article-detail-cover-img{height:380px}@media (max-width:480px){.logo-text{font-size:15px!important}.header{padding:12px 16px!important}.core-grid{grid-template-columns:repeat(2,1fr);gap:12px}.core-card{padding:16px 12px}.card-title{font-size:13.5px}.calendar-day-cell{border-radius:6px;padding:2px}.calendar-cell-gregorian{font-size:11px}.calendar-cell-hijri{font-size:8px}.calendar-grid-header{padding-bottom:6px;font-size:9px}.calendar-grid-body{gap:4px}.hero-section{padding:32px 16px}.hero-heading{font-size:28px}.article-detail-cover-container,.article-detail-cover-img{height:240px!important}.hero-subtext{font-size:14px}.search-pill-container{padding:6px 8px 6px 16px}.search-pill-input{font-size:14px}.footer-columns{grid-template-columns:1fr;gap:32px}.prayer-page-header{flex-direction:column;align-items:flex-start}.prayer-header-filters{flex-direction:column;align-items:stretch;width:100%}.books-grid-layout,.tools-split-layout{grid-template-columns:1fr}.active-utility-card,.tools-page-container{padding:16px}.qa-split-layout{grid-template-columns:1fr}.qa-page-container,.spiritual-page-container,.spiritual-showcase-card,.calendar-page-container{padding:16px}.calendar-controls{flex-direction:column;align-items:flex-start;gap:12px}.calendar-selectors{flex-wrap:wrap;gap:8px}.calendar-select{padding:6px 10px;font-size:13px}.countdown-banner{text-align:center;flex-direction:column;padding:16px}.countdown-clock{flex-wrap:wrap;justify-content:center;gap:10px}.countdown-time-card{min-width:60px;padding:10px 8px}.countdown-val{font-size:24px}.articles-page-container{padding:16px}.articles-header-section{flex-direction:column;align-items:flex-start}.prayer-page-container,.next-prayer-banner{padding:16px}.banner-left-details .prayer-name{font-size:28px}.books-page-container{padding:16px}.zakat-tab-row{flex-wrap:wrap;gap:8px}.zakat-tab-btn{padding:8px 14px;font-size:14px}.zakat-section-card{padding:14px}.zakat-grid-2col{grid-template-columns:1fr}.zakat-asset-row{flex-direction:column;gap:8px}.zakat-results-actions-row{flex-direction:column;align-items:stretch}.btn-zakat-reset,.btn-zakat-action-primary,.btn-zakat-action-secondary{justify-content:center;width:100%}.zakat-share-menu{min-width:unset;left:0;right:0}}@media (max-width:380px){.app-container{padding:0 12px}.hero-heading{font-size:24px}.hero-subtext{font-size:13px}.search-pill-container{border-radius:50px;padding:5px 6px 5px 12px}.search-pill-button{width:36px;height:36px}.core-grid{grid-template-columns:repeat(2,1fr);gap:10px}.core-card{padding:14px 10px}.card-title{font-size:12.5px}.footer-columns{gap:24px}.books-grid-layout{grid-template-columns:1fr;gap:16px}.book-info-body{padding:16px}.btn-read,.btn-download{padding:12px;font-size:12px}.article-title{font-size:18px}.countdown-time-card{min-width:56px;padding:8px 6px}.countdown-val{font-size:20px}.zakat-tab-btn{padding:8px 10px;font-size:13px}.timing-row-card{padding:12px}.timing-name{font-size:14px}.qa-search-row{flex-wrap:nowrap;gap:6px;padding:5px 5px 5px 10px}.qa-search-row svg{width:16px;height:16px}.btn-qa-search{width:auto;padding:6px 12px;font-size:12px}.nav-search-form .search-suggestions-dropdown{width:calc(100vw - 32px);left:0;right:0}.tools-page-container{padding:8px}.active-utility-card,.zakat-section-card{padding:10px}}.tools-page-container{box-sizing:border-box;flex-direction:column;gap:32px;width:100%;max-width:100%;padding:48px;display:flex;overflow-x:hidden}.tools-header-section{text-align:start}.tools-header-section h1{color:var(--color-primary);letter-spacing:-1px;margin-bottom:6px;font-size:36px;font-weight:800}.tools-header-section p{color:var(--color-text-body);font-size:15px}.tools-split-layout{box-sizing:border-box;grid-template-columns:3fr 1fr;gap:32px;width:100%;max-width:100%;display:grid}.active-utility-card{background:var(--color-bg-card);border:var(--glass-border);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:var(--glass-blur);padding:32px;position:relative;overflow:hidden}.utility-card-header{text-align:start;align-items:center;gap:16px;margin-bottom:24px;display:flex}.utility-icon-container{background-color:var(--color-primary-light);width:56px;height:56px;color:var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.utility-title-text h2{color:var(--color-text-title);margin:0;font-size:24px;font-weight:800}.utility-desc{color:var(--color-text-body);text-align:start;margin-bottom:32px;font-size:14px;line-height:1.5}.tools-form-group{text-align:start;flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.tools-form-group label{color:var(--color-text-title);font-size:13px;font-weight:700}.tools-input-wrapper{background-color:var(--color-bg-body);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);transition:var(--transition);align-items:center;gap:8px;padding:12px 16px;display:flex}.tools-input-wrapper:focus-within{border-color:var(--color-primary);background-color:var(--color-bg-card);box-shadow:0 0 0 3px var(--color-primary-light)}.tools-input-prefix{color:var(--color-text-light);font-size:15px;font-weight:600}.tools-input-field{width:100%;color:var(--color-text-title);background:0 0;border:none;outline:none;font-size:15px;font-weight:600}.btn-calculate-zakat{background-color:var(--color-primary);width:100%;color:var(--color-white);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);border:none;outline:none;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:14px 28px;font-size:15px;font-weight:700;display:flex}.btn-calculate-zakat:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn-calculate-zakat:active{transform:scale(.98)}.tools-summary-box{background-color:var(--color-bg-body);border-radius:var(--border-radius-sm);border:1px solid var(--color-border);text-align:start;margin-top:32px;padding:24px}.tools-summary-box h3{color:var(--color-text-title);margin-top:0;margin-bottom:16px;font-size:18px;font-weight:800}.tools-summary-row{color:var(--color-text-body);justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;display:flex}.tools-summary-row.total{border-top:1px solid var(--color-border);color:var(--color-primary);margin-top:8px;padding-top:16px;font-size:16px;font-weight:800}.tasbih-panel{flex-direction:column;justify-content:center;align-items:center;padding:20px 0;display:flex}.tasbih-circle-btn{background:radial-gradient(circle, var(--color-primary-hover) 0%, var(--color-primary) 100%);border:8px solid var(--color-primary-light);width:180px;height:180px;color:var(--color-white);cursor:pointer;transition:transform .1s var(--transition), box-shadow .1s var(--transition);box-shadow:var(--shadow-md);-webkit-user-select:none;user-select:none;border-radius:50%;outline:none;flex-direction:column;justify-content:center;align-items:center;display:flex}.tasbih-circle-btn:active{box-shadow:var(--shadow-sm);transform:scale(.96)}.tasbih-count-num{margin-bottom:4px;font-size:48px;font-weight:900;line-height:1.1}.tasbih-count-lbl{text-transform:uppercase;letter-spacing:1px;opacity:.8;font-size:11px;font-weight:700}.tasbih-controls{align-items:center;gap:16px;margin-top:32px;display:flex}.btn-tasbih-action{cursor:pointer;transition:var(--transition);border-radius:100px;outline:none;padding:10px 24px;font-size:13px;font-weight:700}.btn-tasbih-action.reset{border:1px solid var(--color-border);background-color:var(--color-bg-card);color:var(--color-text-body)}.btn-tasbih-action.reset:hover{background-color:var(--color-bg-body)}.btn-tasbih-action.count-cap{border:1px solid var(--color-secondary);background-color:var(--color-bg-card);color:var(--color-secondary)}.btn-tasbih-action.count-cap:hover{background-color:var(--color-secondary-light)}.tasbih-preset-row{gap:10px;margin-top:24px;display:flex}.tasbih-preset-pill{border:1px solid var(--color-border);background-color:var(--color-bg-card);color:var(--color-text-body);cursor:pointer;transition:var(--transition);border-radius:100px;outline:none;padding:6px 16px;font-size:12px;font-weight:600}.tasbih-preset-pill:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.tasbih-preset-pill.active{background-color:var(--color-secondary-light);border-color:var(--color-secondary);color:var(--color-secondary)}.tool-directory-widget{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);text-align:start;padding:20px}.tool-directory-title{color:var(--color-primary);margin-bottom:20px;font-size:20px;font-weight:700}.tool-directory-search{border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background-color:var(--color-bg-elevated);align-items:center;gap:10px;margin-bottom:16px;padding:8px 12px;display:flex}.tool-directory-search input{color:var(--color-text-title);background:0 0;border:none;outline:none;width:100%;font-size:13px}.tool-directory-search input::placeholder{color:var(--color-text-light);opacity:.8}.tool-list-container{flex-direction:column;gap:8px;display:flex}.tool-list-item{border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);text-align:start;border:1px solid #0000;align-items:center;gap:12px;padding:12px 16px;display:flex}.tool-list-item:hover{background-color:var(--color-bg-body)}.tool-list-item.active{border-inline-start:4px solid var(--color-primary);background-color:var(--color-primary-light);color:var(--color-primary)}.tool-item-icon{color:var(--color-text-light);flex-shrink:0;justify-content:center;align-items:center;display:flex}.tool-list-item.active .tool-item-icon{color:var(--color-primary)}.tool-item-info{flex-direction:column;gap:2px;display:flex}.tool-item-name{color:var(--color-text-title);font-size:14px;font-weight:700}.tool-list-item.active .tool-item-name{color:var(--color-primary)}.tool-item-desc{color:var(--color-text-light);font-size:11px}.qa-page-container{box-sizing:border-box;flex-direction:column;gap:32px;width:100%;max-width:100%;padding:48px;display:flex;overflow-x:hidden}.qa-header-section{text-align:start}.qa-header-section h1{color:var(--color-primary);letter-spacing:-1px;margin-bottom:6px;font-size:36px;font-weight:800}.qa-header-section p{color:var(--color-text-body);font-size:15px}.qa-search-row{background:var(--color-bg-elevated);border:var(--glass-border);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);transition:var(--transition);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:12px;padding:8px 8px 8px 16px;display:flex}.qa-search-row:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-gold)}.qa-search-input{width:100%;color:var(--color-text-title);background:0 0;border:none;outline:none;font-size:15px}.btn-qa-search{white-space:nowrap;background:var(--gradient-gold);color:#0c1322;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);padding:10px 24px;font-size:14px;font-weight:700}[data-theme=light] .btn-qa-search{background:var(--gradient-primary);color:var(--color-white)}.btn-qa-search:hover{box-shadow:var(--shadow-gold);transform:translateY(-1px)}.qa-popular-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:-12px;display:flex}.qa-popular-label{color:var(--color-text-light);font-size:13px;font-weight:700}.qa-tag-pill{border:var(--glass-border);background:var(--color-bg-elevated);color:var(--color-text-body);cursor:pointer;transition:var(--transition);border-radius:100px;outline:none;padding:6px 14px;font-size:12px;font-weight:600}.qa-tag-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.qa-tag-pill.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.qa-split-layout{grid-template-columns:2.2fr 1fr;gap:32px;width:100%;display:grid}.qa-list-col{flex-direction:column;gap:24px;display:flex}.qa-list-header{justify-content:space-between;align-items:center;display:flex}.qa-list-header h2{color:var(--color-text-title);margin:0;font-size:22px;font-weight:800}.btn-view-all-qa{color:var(--color-primary);cursor:pointer;transition:var(--transition);align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.btn-view-all-qa:hover{color:var(--color-secondary)}.qa-item-card{background:var(--color-bg-card);border:var(--glass-border);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);transition:var(--transition);text-align:start;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;gap:16px;padding:24px;display:flex}.qa-item-card:hover{border-color:var(--color-border-gold);box-shadow:var(--shadow-gold);transform:translateY(-2px)}.qa-card-tags{flex-wrap:wrap;gap:8px;display:flex}.qa-pill-tag{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:700}.qa-pill-tag.yellow{color:#d4af37;background:#d4af3726}.qa-pill-tag.grey{background:var(--color-bg-elevated);color:var(--color-text-body)}.qa-card-question{color:var(--color-text-title);margin:0;font-size:20px;font-weight:800;line-height:1.3}.qa-card-answer-snippet{color:var(--color-text-body);margin-top:0;margin-bottom:4px;font-size:14px;line-height:1.5}.qa-card-footer{border-top:var(--glass-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.mufti-verified-badge{align-items:center;gap:10px;display:flex}.mufti-icon{background:var(--color-primary-light);width:32px;height:32px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.mufti-info{flex-direction:column;gap:2px;display:flex}.mufti-name{color:var(--color-text-title);font-size:13px;font-weight:700}.mufti-time{color:var(--color-text-light);font-size:11px}.btn-read-answer-link{color:var(--color-primary);cursor:pointer;transition:var(--transition);font-size:13px;font-weight:700}.btn-read-answer-link:hover{color:var(--color-secondary)}.wazifa-side-widget{background-color:var(--color-primary);border-radius:var(--border-radius-sm);color:var(--color-white);box-shadow:var(--shadow-sm);text-align:center;flex-direction:column;gap:20px;padding:24px;display:flex;position:relative}.wazifa-badge-pill{text-transform:uppercase;letter-spacing:1px;border:1.5px solid #fff6;border-radius:100px;align-self:center;align-items:center;gap:4px;padding:4px 12px;font-size:10px;font-weight:700;display:flex}.wazifa-image-container{border-radius:var(--border-radius-sm);aspect-ratio:1;border:2px solid #ffffff26;width:100%;position:relative;overflow:hidden}.wazifa-img{object-fit:cover;width:100%;height:100%}.wazifa-title-arabic{color:#ffefa7;margin-top:4px;margin-bottom:0;font-size:26px;font-weight:800}.wazifa-title-trans{opacity:.8;margin:0;font-size:13px;font-style:italic}.wazifa-instruction-label{text-transform:uppercase;letter-spacing:1px;color:#ffefa7;text-align:start;border-top:1px solid #ffffff26;margin-top:8px;padding-top:16px;font-size:10px;font-weight:800}.wazifa-instruction-text{opacity:.9;text-align:start;margin-top:-8px;margin-bottom:0;font-size:13px;line-height:1.4}.recent-articles-side-widget{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);text-align:start;padding:24px}.recent-articles-list{flex-direction:column;gap:16px;margin-top:16px;display:flex}.recent-article-item{cursor:pointer;transition:var(--transition);align-items:center;gap:12px;display:flex}.recent-article-item:hover{transform:translate(4px)}.recent-thumb-wrapper{border-radius:var(--border-radius-sm);border:1px solid var(--color-border);flex-shrink:0;width:50px;height:50px;overflow:hidden}.recent-thumb-img{object-fit:cover;width:100%;height:100%;transition:var(--transition)}.recent-article-item:hover .recent-thumb-img{transform:scale(1.1)}.recent-details{flex-direction:column;justify-content:center;min-width:0;display:flex}.recent-item-title{color:var(--color-text-title);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:13.5px;font-weight:700;line-height:1.3;overflow:hidden}.articles-pagination-wrapper{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:40px;padding-top:24px;display:flex}.btn-pagination-nav{background-color:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-title);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);-webkit-backdrop-filter:blur(8px);align-items:center;padding:10px 20px;font-size:13.5px;font-weight:700;display:flex}.btn-pagination-nav:hover:not(:disabled){background-color:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.btn-pagination-nav:disabled{opacity:.35;cursor:not-allowed}.pagination-numbers-row{align-items:center;gap:8px;display:flex}.btn-pagination-number{background-color:var(--color-bg-card);border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text-title);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);-webkit-backdrop-filter:blur(8px);justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.btn-pagination-number:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.btn-pagination-number.active{background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 4px 14px #d4af3740;color:var(--color-white)!important}.ask-mufti-widget{background:var(--color-bg-card);border:var(--glass-border);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);text-align:start;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:24px}.ask-mufti-title{color:var(--color-primary);margin-bottom:12px;font-size:20px;font-weight:800}.ask-mufti-desc{color:var(--color-text-body);margin-bottom:24px;font-size:13.5px;line-height:1.5}.ask-mufti-form{flex-direction:column;gap:16px;display:flex}.ask-mufti-field{flex-direction:column;gap:8px;display:flex}.ask-mufti-field label{color:var(--color-text-title);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.ask-mufti-field textarea{border:var(--glass-border);border-radius:var(--border-radius-sm);resize:none;transition:var(--transition);background:var(--color-bg-elevated);color:var(--color-text-title);outline:none;padding:12px;font-family:inherit;font-size:14px}.ask-mufti-field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.btn-submit-mufti-question{background:var(--gradient-gold);color:#0c1322;border-radius:var(--border-radius-sm);cursor:pointer;width:100%;transition:var(--transition);border:none;outline:none;padding:14px;font-size:14px;font-weight:700}[data-theme=light] .btn-submit-mufti-question{background:var(--gradient-primary);color:var(--color-white)}.btn-submit-mufti-question:hover{box-shadow:var(--shadow-gold);transform:translateY(-1px)}.btn-submit-mufti-question:active{transform:scale(.98)}.spiritual-page-container{box-sizing:border-box;flex-direction:column;gap:32px;width:100%;max-width:100%;padding:48px;display:flex;overflow-x:hidden}.spiritual-header-section{text-align:start}.spiritual-header-section h1{color:var(--color-primary);letter-spacing:-1px;margin-bottom:8px;font-size:36px;font-weight:800}.spiritual-header-section p{color:var(--color-text-body);font-size:15px}.spiritual-split-layout{grid-template-columns:2.2fr 1fr;gap:32px;width:100%;display:grid}.spiritual-showcase-col{flex-direction:column;display:flex}.spiritual-showcase-card{background:var(--color-bg-card);border:var(--glass-border);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);text-align:start;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:40px;padding:40px;display:flex;position:relative;overflow:hidden}.spiritual-artwork-frame{border-radius:var(--border-radius-sm);border:4px solid var(--color-primary-light);width:280px;height:280px;box-shadow:var(--shadow-sm);flex-shrink:0;overflow:hidden}.spiritual-artwork-img{object-fit:cover;width:100%;height:100%}.spiritual-wazifa-details{flex-direction:column;flex:1;gap:12px;display:flex}.spiritual-arabic-title{color:var(--color-primary);margin:0;font-size:40px;font-weight:800}.spiritual-trans-title{color:var(--color-text-title);margin:0;font-size:24px;font-weight:700}.spiritual-meaning{color:var(--color-text-light);margin:0;font-size:14px;font-style:italic}.spiritual-divider{background:var(--glass-border);height:1px;margin:12px 0}.spiritual-instructions h4{color:var(--color-text-title);margin-bottom:8px;font-size:14px;font-weight:700}.spiritual-instructions p{color:var(--color-text-body);margin-bottom:24px;font-size:13.5px;line-height:1.5}.spiritual-target-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.target-num{color:var(--color-secondary);font-size:32px;font-weight:900;line-height:1;display:block}.target-label{color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.btn-mark-completed{background-color:var(--color-primary);color:var(--color-white);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);border:none;outline:none;padding:12px 28px;font-size:14px;font-weight:700}.btn-mark-completed:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn-mark-completed:active{transform:scale(.97)}.spiritual-feed-col{flex-direction:column;display:flex}.spiritual-feed-widget{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);text-align:start;padding:24px}.spiritual-feed-title{color:var(--color-primary);margin-bottom:20px;font-size:20px;font-weight:800}.spiritual-feed-container{flex-direction:column;gap:12px;display:flex}.spiritual-feed-item{border-radius:var(--border-radius-sm);border:1px solid var(--color-border);transition:var(--transition);cursor:pointer;background-color:var(--color-bg-card);padding:16px}.spiritual-feed-item.active{border-inline-start:4px solid var(--color-primary);background-color:var(--color-primary-light)}.feed-item-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.feed-item-date{color:var(--color-text-light);text-transform:uppercase;font-size:11px;font-weight:700}.feed-item-goal{color:var(--color-secondary);font-size:11px;font-weight:700}.feed-item-title{color:var(--color-text-title);text-align:start;margin:0 0 4px;font-size:15px;font-weight:700}.feed-item-arabic{color:var(--color-primary);text-align:right;margin:0;font-size:20px;font-weight:700}@media (max-width:1024px){.dashboard-section{grid-template-columns:1fr;gap:32px;padding:0 24px 48px}.header{padding:18px 24px}.hero-heading{font-size:36px}.footer-columns{grid-template-columns:repeat(2,1fr);gap:32px}.books-grid-layout{grid-template-columns:repeat(3,1fr);gap:20px}.articles-split-layout,.tools-split-layout,.qa-split-layout{grid-template-columns:1fr}.categories-sidebar-col{display:none!important}.spiritual-split-layout{grid-template-columns:1fr}}@media (max-width:768px){.core-grid{grid-template-columns:repeat(2,1fr)}.timings-split-grid{grid-template-columns:1fr;gap:32px}.prayer-page-container{padding:24px}.next-prayer-banner{text-align:center;flex-direction:column;gap:24px;padding:24px}.banner-left-details{text-align:center}.banner-left-details .prayer-name{font-size:36px}.books-grid-layout{grid-template-columns:repeat(2,1fr)}.books-page-container{padding:24px}.article-item-card{flex-direction:column}.article-cover-link{width:100%;min-width:100%;height:220px}.article-cover-wrapper{width:100%;min-width:100%;height:220px;min-height:220px;max-height:220px}.articles-page-container,.tools-page-container,.active-utility-card,.qa-page-container{padding:24px}.weekly-widget-table{display:block;overflow-x:auto}.prayer-header-wrapper{flex-direction:column;align-items:flex-start;gap:16px}.weekly-schedule-widget{padding:20px}.weekly-widget-title{margin-bottom:16px;font-size:20px}.weekly-widget-desc{margin-bottom:24px;font-size:13px}.spiritual-page-container{padding:24px}.spiritual-showcase-card{flex-direction:column;gap:24px;padding:24px}.spiritual-artwork-frame{aspect-ratio:1;width:100%;height:auto}}.app-container[dir=rtl] p,.app-container[dir=rtl] .hero-subtext,.app-container[dir=rtl] .article-summary,.app-container[dir=rtl] .book-info-body p,.app-container[dir=rtl] .qa-card-answer-snippet,.app-container[dir=rtl] .spiritual-meaning,.app-container[dir=rtl] .spiritual-instructions p,.app-container[dir=rtl] .wazifa-instruction-text,.app-container[dir=rtl] .weekly-widget-desc,.app-container[dir=rtl] .features-widget-desc{font-size:23px!important;line-height:2.3!important}.app-container[dir=rtl] .hero-heading{font-size:58px!important;line-height:1.8!important}.app-container[dir=rtl] .hero-subtext{font-size:25px!important;line-height:2.4!important}.app-container[dir=rtl] .search-pill-input,.app-container[dir=rtl] .qa-search-input{font-size:22px!important;line-height:1.8!important}.app-container[dir=rtl] .article-title,.app-container[dir=rtl] .book-title,.app-container[dir=rtl] .qa-card-question,.app-container[dir=rtl] .spiritual-trans-title,.app-container[dir=rtl] .weekly-widget-title,.app-container[dir=rtl] .features-widget-title{font-size:26px!important;font-weight:700!important;line-height:1.9!important}.app-container[dir=rtl] .spiritual-arabic-title,.app-container[dir=rtl] .wazifa-title-arabic{font-family:Georgia,Times New Roman,serif!important;font-size:38px!important;line-height:1.8!important}.app-container[dir=rtl] .feed-item-arabic{font-family:Georgia,Times New Roman,serif!important}.app-container[dir=rtl] .article-detail-container h1{font-size:48px!important;line-height:1.8!important}.app-container[dir=rtl] .article-detail-container p{font-size:26px!important;line-height:2.3!important}.app-container[dir=rtl] .article-detail-container div{font-size:24px!important;line-height:2.3!important}.app-container[dir=rtl] .article-capsule-tag,.app-container[dir=rtl] .book-category-tag,.app-container[dir=rtl] .wazifa-badge-pill,.app-container[dir=rtl] .qa-pill-tag,.app-container[dir=rtl] .article-read-time,.app-container[dir=rtl] .book-author{font-size:16px!important;line-height:1.8!important}.app-container[dir=rtl] .logo-text{font-size:26px!important}.app-container[dir=rtl] .nav-link,.app-container[dir=rtl] .btn-login{font-size:19px!important}.app-container[dir=rtl] .btn-language-toggle,.app-container[dir=rtl] .btn-admin-nav,.app-container[dir=rtl] .btn-signin,.app-container[dir=rtl] .btn-signout{font-size:17px!important;line-height:1.6!important}.app-container[dir=rtl] .nav-user-name{font-size:18px!important;line-height:1.8!important}.app-container[dir=rtl] .nav-user-role{font-size:14px!important;line-height:1.8!important}.app-container[dir=rtl] .footer-logo-text{font-size:25px!important}.app-container[dir=rtl] .footer-copyright{font-size:17px!important;line-height:2.2!important}.app-container[dir=rtl] .footer-col-title{font-size:18px!important;line-height:1.8!important}.app-container[dir=rtl] .footer-col-list li,.app-container[dir=rtl] .footer-newsletter-text{font-size:18px!important;line-height:2.2!important}.app-container[dir=rtl] .newsletter-input{font-size:17px!important}.search-suggestions-dropdown{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);z-index:1000;text-align:start;max-height:440px;margin-top:12px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-suggestions-dropdown.active{animation:.2s cubic-bezier(.16,1,.3,1) dropdownFadeIn}.suggestions-category-section{border-bottom:1px solid var(--color-border);padding:14px 18px}.suggestions-category-section:last-of-type{border-bottom:none}.suggestions-category-header{text-transform:uppercase;color:var(--color-primary);letter-spacing:.8px;align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.suggestions-list{flex-direction:column;gap:6px;display:flex}.suggestion-item{border-radius:var(--border-radius-sm);color:var(--color-text-body);transition:var(--transition);cursor:pointer;align-items:center;gap:12px;padding:8px 12px;text-decoration:none;display:flex}.suggestion-item:hover{background:var(--color-primary-light);color:var(--color-primary)}.suggestion-icon-container{background:var(--color-bg-elevated);border:var(--glass-border);width:30px;height:30px;color:var(--color-text-light);transition:var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.suggestion-item:hover .suggestion-icon-container{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.suggestion-text{white-space:nowrap;text-overflow:ellipsis;flex-grow:1;font-size:14px;font-weight:600;line-height:1.4;overflow:hidden}.suggestion-subtext{color:var(--color-text-light);margin-top:1px;font-size:11px}.suggestions-loading-state,.suggestions-empty-state{text-align:center;color:var(--color-text-light);padding:32px 24px;font-size:14px}.suggestions-footer{background:var(--color-bg-elevated);border-top:var(--glass-border);text-align:center;padding:12px 18px;font-size:13.5px;font-weight:700}.suggestions-footer a{color:var(--color-primary);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.suggestions-footer a:hover{color:var(--color-primary-hover);text-decoration:underline}.nav-search-form{background-color:var(--color-bg-body);border:1.5px solid var(--color-border);transition:var(--transition);border-radius:100px;align-items:center;gap:8px;width:100%;max-width:240px;padding:4px 6px 4px 16px;display:flex}.nav-search-form:focus-within{border-color:var(--color-primary);background-color:var(--color-bg-card);box-shadow:0 4px 16px var(--color-primary-light)}.nav-search-input{width:100%;color:var(--color-text-title);transition:var(--transition);background:0 0;border:none;outline:none;font-family:inherit;font-size:13.5px}.nav-search-input::placeholder{color:var(--color-text-light)}.nav-search-submit-btn,.nav-search-close-btn{color:var(--color-text-light);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;display:flex}.nav-search-submit-btn:hover{color:var(--color-primary);background-color:var(--color-primary-light)}.nav-search-close-btn:hover{color:#c53030;background-color:#fff5f5}[data-theme=dark] .nav-search-close-btn:hover{color:#f87171;background-color:#ef444426}.nav-search-form .search-suggestions-dropdown{width:340px;left:auto;right:0}.app-container[dir=rtl] .search-suggestions-dropdown{text-align:right!important}.app-container[dir=rtl] .suggestion-item{flex-direction:row-reverse!important}.app-container[dir=rtl] .suggestions-category-header{flex-direction:row-reverse!important;font-size:16px!important;line-height:1.8!important}.app-container[dir=rtl] .suggestion-text{font-size:19px!important;line-height:1.8!important}.app-container[dir=rtl] .suggestion-subtext{font-size:14px!important;line-height:1.6!important}.app-container[dir=rtl] .suggestions-footer{font-size:18px!important;line-height:1.8!important}.app-container[dir=rtl] .suggestions-footer a{flex-direction:row-reverse!important}.app-container[dir=rtl] .nav-search-form{padding:4px 16px 4px 6px}.app-container[dir=rtl] .nav-search-form .search-suggestions-dropdown{left:0;right:auto}.quran-search-input{border:1.5px solid var(--color-border);background-color:var(--color-bg-elevated);width:100%;color:var(--color-text-title);transition:var(--transition);direction:ltr;border-radius:8px;outline:none;padding:10px 14px 10px 36px;font-family:inherit;font-size:13px}.quran-search-input:hover{border-color:var(--color-border-gold)}.quran-search-input:focus{border-color:var(--color-primary);background-color:var(--color-bg-card);box-shadow:0 0 0 3px var(--color-primary-light)}.quran-search-input::placeholder{color:var(--color-text-light);opacity:.8}.quran-dropdown-trigger{border:1.5px solid var(--color-border);cursor:pointer;background-color:var(--color-bg-card);color:var(--color-text-title);min-width:180px;box-shadow:var(--shadow-sm);transition:var(--transition);border-radius:50px;outline:none;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.quran-dropdown-trigger:hover,.quran-dropdown-trigger:focus{border-color:var(--color-secondary);transform:translateY(-1px);box-shadow:0 4px 12px #c8a24a1f}.quran-dropdown-list{background-color:var(--glass-bg);border:1px solid var(--color-secondary);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);z-index:100;border-radius:12px;flex-direction:column;gap:4px;max-height:280px;margin-bottom:8px;padding:6px;animation:.2s cubic-bezier(.16,1,.3,1) slideUpFade;display:flex;position:absolute;bottom:100%;left:0;overflow-y:auto}.quran-dropdown-item{width:100%;color:var(--color-text-body);text-align:left;cursor:pointer;transition:var(--transition);background-color:#0000;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12.5px;font-weight:500;display:flex}.quran-dropdown-item:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.quran-dropdown-item.active{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:700}.quran-dropdown-item .check-icon{color:var(--color-secondary);font-weight:700}.quran-arabic-text{font-family:Georgia,Times New Roman,serif!important}.quran-mushaf-card{border:2px solid var(--color-secondary);box-shadow:var(--shadow-md);text-align:justify;text-justify:inter-word;color:var(--color-text-title);box-sizing:border-box;direction:rtl;background-color:#faf6ee;border-radius:20px;width:100%;padding:clamp(16px,4vw,48px) clamp(12px,3vw,40px);font-size:clamp(22px,4.5vw,32px);line-height:2.4;position:relative;overflow:hidden;font-family:Georgia,Times New Roman,serif!important}[data-theme=dark] .quran-mushaf-card{border-color:var(--color-primary-hover);background-color:#111927}.quran-mushaf-card:before{content:"";pointer-events:none;border:1.5px solid #c8a24a40;border-radius:14px;position:absolute;inset:10px}.quran-mushaf-card:after{content:"";pointer-events:none;border:.5px dashed #c8a24a26;border-radius:10px;position:absolute;inset:14px}.quran-mushaf-bismillah{color:var(--color-primary);text-align:center;border-bottom:1px solid #c8a24a33;margin-bottom:36px;padding-bottom:24px;font-size:36px;font-family:Georgia,Times New Roman,serif!important}.quran-mushaf-verse{cursor:pointer;transition:var(--transition);border-bottom:2px solid #0000;border-radius:8px;padding:2px 8px;display:inline;font-family:Georgia,Times New Roman,serif!important}.quran-mushaf-verse:hover{background-color:#1b5e200d}.quran-mushaf-verse.active{border-bottom:2.5px solid var(--color-secondary);background-color:#c8a24a2e}.quran-mushaf-verse-num{vertical-align:middle!important;-webkit-user-select:none!important;user-select:none!important;direction:ltr!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;margin:0 4px!important;font-family:Georgia,Times New Roman,serif!important;line-height:1!important;display:inline-flex!important;position:relative!important}.quran-mushaf-verse-num-bg{color:var(--color-secondary)!important;font-family:Georgia,Times New Roman,serif!important;font-size:38px!important;line-height:1!important;display:block!important}.quran-mushaf-verse-num-val{color:var(--color-text-title)!important;justify-content:center!important;align-items:center!important;font-family:Georgia,Times New Roman,serif!important;font-weight:700!important;line-height:1!important;display:flex!important;position:absolute!important;inset:0!important;transform:translateY(-1px)!important}.quran-mushaf-verse-num-val.single-digit{font-size:13px!important}.quran-mushaf-verse-num-val.double-digit{font-size:11px!important}.quran-mushaf-verse-num-val.triple-digit{font-size:9px!important}@keyframes slideUpFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.calendar-page-container{box-sizing:border-box;flex-direction:column;gap:32px;width:100%;max-width:100%;padding:48px;display:flex;overflow-x:hidden}.calendar-header-wrapper{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.calendar-header-title h1{color:var(--color-primary);letter-spacing:-1px;margin-bottom:6px;font-size:36px;font-weight:800}.calendar-header-title p{color:var(--color-text-body);font-size:15px}.countdown-banner{background:linear-gradient(135deg, var(--color-primary) 0%, #0d47a1 100%);color:var(--color-white);box-shadow:var(--shadow-lg);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:32px;display:flex;position:relative;overflow:hidden}.countdown-banner:after{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#c8a24a26 0%,#0000 70%);position:absolute;inset:0}.countdown-info{flex:300px}.countdown-info h2{color:var(--color-white);margin-bottom:8px;font-size:28px;font-weight:800}.countdown-info p{opacity:.95;font-size:14.5px}.countdown-clock{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.countdown-time-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;min-width:70px;box-shadow:var(--shadow-sm);background:#ffffff1a;border:1px solid #ffffff26;border-radius:14px;flex-direction:column;flex:0 auto;align-items:center;padding:12px;transition:transform .2s;display:flex}.countdown-time-card:hover{transform:translateY(-2px)}.countdown-val{color:var(--color-secondary);margin-bottom:4px;font-family:monospace;font-size:32px;font-weight:800;line-height:1}.countdown-label{text-transform:uppercase;letter-spacing:1px;opacity:.8;font-size:11px;font-weight:700}.calendar-layout-grid{grid-template-columns:2.2fr 1fr;gap:32px;display:grid}.calendar-card{background:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;gap:24px;padding:24px;display:flex}.calendar-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.calendar-nav-buttons{align-items:center;gap:8px;display:flex}.calendar-nav-btn{border:1px solid var(--color-border);background:var(--color-bg-body);color:var(--color-text-title);cursor:pointer;transition:var(--transition);border-radius:10px;justify-content:center;align-items:center;padding:8px 12px;display:flex}.calendar-nav-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.calendar-current-selection{color:var(--color-text-title);font-size:18px;font-weight:700}.calendar-selectors{gap:12px;display:flex}.calendar-select{border:1.5px solid var(--color-border);background:var(--color-bg-body);color:var(--color-text-title);cursor:pointer;transition:var(--transition);border-radius:10px;outline:none;padding:8px 16px;font-size:14px;font-weight:600}.calendar-select:focus{border-color:var(--color-primary)}.calendar-grid-header{text-align:center;color:var(--color-text-light);border-bottom:1px solid var(--color-border);grid-template-columns:repeat(7,1fr);min-width:0;padding-bottom:12px;font-size:14px;font-weight:700;display:grid}.calendar-grid-body{grid-template-columns:repeat(7,1fr);gap:8px;min-width:0;display:grid}.calendar-day-cell{aspect-ratio:1;border:1px solid var(--color-border);background:var(--color-bg-body);cursor:pointer;box-sizing:border-box;border-radius:12px;flex-direction:column;justify-content:space-between;min-width:0;padding:8px;transition:all .2s;display:flex;position:relative}.calendar-day-cell:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #1b5e2014}.calendar-day-cell.empty{cursor:default;pointer-events:none;background:0 0;border:none}.calendar-day-cell.today{border:2px solid var(--color-primary);background:var(--color-primary-light)}.calendar-day-cell.has-event{background:#c8a24a14;border-color:#c8a24a66}.calendar-day-cell.has-event:after{content:"";background:var(--color-secondary);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.calendar-cell-gregorian{color:var(--color-text-title);align-self:flex-start;font-size:16px;font-weight:700}.calendar-cell-hijri{color:var(--color-text-light);text-align:end;align-self:flex-end;font-size:11px;font-weight:600}.calendar-day-cell.has-event .calendar-cell-hijri{color:var(--color-secondary)}.events-sidebar-card{background:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;gap:20px;padding:24px;display:flex}.events-sidebar-card h3{color:var(--color-primary);margin:0;font-size:20px;font-weight:700}.events-list-feed{flex-direction:column;gap:16px;display:flex}.event-feed-item{border:1px solid var(--color-border);background:var(--color-bg-body);transition:var(--transition);border-radius:12px;flex-direction:column;padding:14px;display:flex;position:relative}.event-feed-item:hover{border-color:var(--color-primary);transform:translate(2px)}.event-feed-item.active{border-left:3px solid var(--color-primary)}.event-feed-item-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.event-feed-name{color:var(--color-text-title);font-size:14.5px;font-weight:700}.event-badge{white-space:nowrap;border-radius:20px;padding:3px 8px;font-size:10.5px;font-weight:700}.event-badge.passed{color:var(--color-text-light);background:#0000000d}.event-badge.today{background:var(--color-primary);color:var(--color-white);animation:2s infinite pulse}.event-badge.upcoming{background:var(--color-primary-light);color:var(--color-primary)}.event-feed-details{flex-direction:column;gap:2px;display:flex}.event-feed-gregorian{color:var(--color-text-body);font-size:12.5px}.event-feed-hijri{color:var(--color-text-light);font-size:11.5px}.calendar-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.calendar-modal-card{background:var(--color-bg-card);border:1.5px solid var(--color-border);width:100%;max-width:440px;box-shadow:var(--shadow-lg);border-radius:20px;flex-direction:column;gap:20px;padding:28px;animation:.25s cubic-bezier(.16,1,.3,1) forwards slideUpFade;display:flex;position:relative}.calendar-modal-close{cursor:pointer;color:var(--color-text-light);transition:var(--transition);background:0 0;border:none;position:absolute;top:16px;right:16px}.calendar-modal-close:hover{color:var(--color-text-title)}.calendar-modal-title{color:var(--color-primary);border-bottom:1.5px solid var(--color-border);margin:0;padding-bottom:12px;font-size:22px;font-weight:800}.calendar-modal-row{border-bottom:1px dashed var(--color-border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.calendar-modal-row:last-of-type{border-bottom:none}.calendar-modal-label{color:var(--color-text-light);font-size:13.5px;font-weight:600}.calendar-modal-val{color:var(--color-text-title);font-size:14.5px;font-weight:700}.calendar-modal-holidays-box{background:var(--color-primary-light);border:1px solid #1b5e2026;border-radius:10px;flex-direction:column;gap:6px;padding:12px;display:flex}@media (max-width:1024px){.calendar-layout-grid{grid-template-columns:1fr}}@media (max-width:768px){.calendar-page-container{padding:24px}.calendar-card,.events-sidebar-card{padding:16px}.countdown-banner{text-align:center;flex-direction:column;padding:20px}.countdown-clock{justify-content:center}.qa-search-row{flex-wrap:nowrap;gap:8px;padding:6px 6px 6px 12px}.btn-qa-search{width:auto;padding:8px 16px;font-size:13px}.qa-search-input{font-size:14px}}@media (max-width:480px){.calendar-page-container{padding:16px}.calendar-controls{flex-direction:column;align-items:stretch;gap:12px}.calendar-nav-buttons{justify-content:space-between;width:100%}.calendar-selectors{gap:8px;width:100%;display:flex}.calendar-dropdown-container{flex:1;min-width:0}.calendar-dropdown-trigger{min-width:unset;width:100%;padding:8px 10px;font-size:12px}}@media (max-width:380px){.calendar-page-container{padding:12px}.calendar-card,.events-sidebar-card{padding:10px}}[dir=rtl] .calendar-day-cell.has-event:after{left:6px;right:auto}[dir=rtl] .event-feed-item.active{border-left:none;border-right:3px solid var(--color-primary)}[dir=rtl] .event-feed-item:hover{transform:translate(-2px)}[dir=rtl] .calendar-cell-hijri{text-align:start;align-self:flex-end}.calendar-dropdown-container{display:inline-block;position:relative}.calendar-dropdown-trigger{border:1.5px solid var(--color-border);cursor:pointer;background-color:var(--color-bg-card);color:var(--color-text-title);min-width:140px;box-shadow:var(--shadow-sm);transition:var(--transition);border-radius:10px;outline:none;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.calendar-dropdown-trigger:hover,.calendar-dropdown-trigger:focus{border-color:var(--color-secondary);box-shadow:0 4px 12px #c8a24a1f}.calendar-dropdown-list{background-color:var(--color-bg-card);border:1.5px solid var(--color-secondary);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;border-radius:12px;flex-direction:column;gap:4px;min-width:150px;max-height:240px;margin-top:6px;padding:6px;animation:.2s cubic-bezier(.16,1,.3,1) slideUpFade;display:flex;position:absolute;top:100%;left:0;overflow-y:auto}[dir=rtl] .calendar-dropdown-list{left:auto;right:0}.calendar-dropdown-item{width:100%;color:var(--color-text-body);text-align:left;cursor:pointer;transition:var(--transition);background-color:#0000;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13.5px;font-weight:500;display:flex}[dir=rtl] .calendar-dropdown-item{text-align:right;flex-direction:row-reverse}.calendar-dropdown-item:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.calendar-dropdown-item.active{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:700}.calendar-dropdown-item .check-icon{color:var(--color-secondary);font-weight:700}.comment-author-name{font-size:14px;font-weight:700;line-height:1.4}.comment-time{margin-top:2px;font-size:12px;line-height:1.2}.app-container[dir=rtl] .comment-author-name{font-size:17px!important;line-height:1.4!important}.app-container[dir=rtl] .comment-time{margin-top:1px!important;font-size:12px!important;line-height:1.1!important}.btn-listen-audio{background-color:var(--color-primary-light);color:var(--color-primary);cursor:pointer;transition:var(--transition);border-radius:100px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.btn-listen-audio:hover{transform:translateY(-1px);background-color:#1b5e2033!important}.zakat-tab-row{border-bottom:2px solid var(--color-border);gap:12px;margin-bottom:24px;padding-bottom:12px;display:flex}.zakat-tab-btn{color:var(--color-text-light);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:10px 20px;font-size:16.5px;font-weight:700;transition:all .2s}.zakat-tab-btn.active{background-color:var(--color-primary-light);color:var(--color-primary)}.zakat-section-card{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:24px;padding:20px}.zakat-section-title{color:var(--color-primary);border-inline-start:4px solid var(--color-secondary);padding-inline-start:12px;margin-bottom:8px;padding-bottom:2px;font-size:18px;font-weight:800}.zakat-section-desc{color:var(--color-text-body);margin-bottom:20px;font-size:14px;line-height:1.6}.zakat-grid-2col{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px;display:grid}.zakat-input-group{flex-direction:column;gap:6px;display:flex}.zakat-input-label-row{justify-content:space-between;align-items:center;display:flex}.zakat-label{color:var(--color-text-title);font-size:14.5px;font-weight:700}.zakat-help{color:#5c6e5e;margin-top:2px;font-size:12.5px;font-weight:400;line-height:1.5}.zakat-field-wrapper{align-items:center;width:100%;min-width:140px;max-width:180px;display:flex;position:relative}.zakat-field-prefix{color:var(--color-text-body);-webkit-user-select:none;user-select:none;font-size:14.5px;font-weight:600;position:absolute;left:14px}.zakat-field-input{border:1px solid var(--color-border);background-color:var(--color-bg-elevated);width:100%;color:var(--color-text-body);box-sizing:border-box;border-radius:8px;outline:none;padding:11px 12px 11px 38px;font-size:15px;transition:border-color .2s}.zakat-field-input:focus{border-color:var(--color-primary)}.zakat-radio-row{flex-direction:column;gap:10px;margin-top:8px;display:flex}.zakat-radio-option{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.zakat-radio-input{cursor:pointer;accent-color:var(--color-primary);margin-top:4px}.zakat-radio-text{flex-direction:column;display:flex}.zakat-radio-title{color:var(--color-text-title);font-size:13.5px;font-weight:700}.zakat-radio-desc{color:var(--color-text-light);font-size:11.5px}.zakat-result-table{flex-direction:column;gap:10px;margin-top:16px;display:flex}.zakat-result-row{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px;justify-content:space-between;padding:12px 16px;font-size:15px;display:flex}.zakat-result-row.highlight{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:700}.zakat-result-row.status{background-color:var(--warning-bg);color:var(--warning-text);border:var(--warning-border);font-weight:700}.zakat-result-row.final{border:2px solid var(--color-primary);color:var(--color-primary);background-color:#f0fdf4;padding:16px;font-size:19px;font-weight:800}[data-theme=dark] .zakat-result-row.final{background-color:#10b98126}.zakat-reference-box{border-radius:8px;margin-top:20px;padding:16px;font-size:13.5px;line-height:1.6;background-color:var(--color-secondary-light)!important;border:1px solid #c8a24a40!important;border-inline-start:4px solid var(--color-secondary)!important}.zakat-reference-title{color:var(--color-primary);align-items:center;gap:6px;margin-bottom:6px;font-weight:800;display:flex}.zakat-rules-accordion{flex-direction:column;gap:12px;display:flex}.zakat-rule-item{border:1px solid var(--color-border);background-color:var(--color-bg-card);border-radius:8px;overflow:hidden}.zakat-rule-question{background-color:var(--color-bg-elevated);width:100%;text-align:inherit;color:var(--color-text-title);cursor:pointer;border:none;justify-content:space-between;align-items:center;padding:16px 20px;font-size:16px;font-weight:800;transition:background-color .2s,color .2s;display:flex}.zakat-rule-question:hover{background-color:var(--color-primary-light)}.zakat-rule-answer{color:var(--color-text-body);border-top:1px solid var(--color-border);background-color:var(--color-bg-card);padding:16px 20px;font-size:15px;line-height:1.75}.app-container[dir=rtl] .zakat-rule-question{font-family:Jameel Noori Nastaleeq,Noto Nastaliq Urdu,serif;font-size:21px!important;line-height:2!important}.app-container[dir=rtl] .zakat-rule-answer{font-family:Jameel Noori Nastaleeq,Noto Nastaliq Urdu,serif;font-size:19px!important;line-height:2.2!important}.app-container[dir=rtl] .zakat-rules-heading,.app-container[dir=rtl] .zakat-section-title{font-family:Jameel Noori Nastaleeq,Noto Nastaliq Urdu,serif;font-size:23px!important;line-height:2!important}.app-container[dir=rtl] .zakat-label,.app-container[dir=rtl] .zakat-radio-title{font-family:Jameel Noori Nastaleeq,Noto Nastaliq Urdu,serif;font-size:19px!important;line-height:1.8!important}.app-container[dir=rtl] .zakat-radio-desc{font-family:Jameel Noori Nastaleeq,Noto Nastaliq Urdu,serif;font-size:16px!important;line-height:1.8!important}.app-container[dir=rtl] .zakat-reference-title{font-family:Jameel Noori Nastaleeq,Noto Nastaliq Urdu,serif;font-size:18px!important;line-height:1.8!important}.app-container[dir=rtl] .zakat-reference-box,.app-container[dir=rtl] .zakat-reference-text{font-family:Jameel Noori Nastaleeq,Noto Nastaliq Urdu,serif;font-size:15px!important;line-height:2!important}.app-container[dir=rtl] .zakat-help{text-align:right;font-family:Jameel Noori Nastaleeq,Noto Nastaliq Urdu,serif;font-size:16px!important;line-height:1.9!important}.app-container[dir=rtl] .zakat-result-row{direction:rtl;font-family:Jameel Noori Nastaleeq,Noto Nastaliq Urdu,serif;font-size:19px!important;line-height:2!important}.app-container[dir=rtl] .zakat-status-text{font-family:Jameel Noori Nastaleeq,Noto Nastaliq Urdu,serif;font-size:20px!important;line-height:2!important}.app-container[dir=rtl] .btn-zakat-reset{padding:8px 18px;font-family:Jameel Noori Nastaleeq,Noto Nastaliq Urdu,serif;font-size:17px!important}.zakat-asset-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.zakat-asset-row:last-child{border-bottom:none}.zakat-asset-label-col{flex:1;align-items:flex-start;gap:12px;display:flex}.zakat-asset-icon{background-color:var(--color-primary-light);width:36px;height:36px;color:var(--color-primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-container[dir=rtl] .zakat-asset-label-col,.app-container[dir=rtl] .zakat-label{text-align:right}.app-container[dir=rtl] .zakat-help{text-align:right;font-family:Jameel Noori Nastaleeq,Noto Nastaliq Urdu,serif;line-height:1.8;font-size:14px!important}.app-container[dir=rtl] .zakat-section-desc{text-align:right;font-family:Jameel Noori Nastaleeq,Noto Nastaliq Urdu,serif;font-size:15px!important;line-height:2!important}.app-container[dir=rtl] .zakat-tab-btn{font-family:Jameel Noori Nastaleeq,Noto Nastaliq Urdu,serif;font-size:18px!important}.app-container[dir=rtl] .zakat-result-row{direction:rtl;font-family:Jameel Noori Nastaleeq,Noto Nastaliq Urdu,serif;line-height:2;font-size:17px!important}.zakat-results-card{background-color:var(--color-bg-body);border:1px solid var(--color-border);border-radius:12px;margin-bottom:24px;padding:24px;transition:all .3s;box-shadow:0 2px 4px #00000005}.zakat-results-card.eligible{box-shadow:0 4px 12px #1b5e2014;background:linear-gradient(135deg, var(--color-primary-light) 0%, #c8a24a0f 100%)!important;border:2px solid var(--color-primary)!important}.zakat-status-banner{background-color:var(--color-text-light);color:#fff;border-radius:8px;flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px;font-weight:800;transition:all .3s;display:flex}.zakat-status-banner.eligible{box-shadow:0 4px 12px #1b5e2033;background:var(--gradient-primary)!important}.zakat-status-text{font-size:15px;font-weight:700;line-height:1.45}.btn-zakat-reset{background-color:var(--color-bg-body);color:var(--color-text-body);cursor:pointer;border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:8px;margin-top:20px;padding:10px 20px;font-weight:600;transition:all .2s;display:inline-flex}.btn-zakat-reset:hover{background-color:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.zakat-reference-text{color:var(--color-text-body);margin-top:6px;font-size:13.5px;line-height:1.7}.zakat-rules-heading{color:var(--color-primary);border-inline-start:4px solid var(--color-secondary);padding-inline-start:12px;margin-bottom:8px;padding-bottom:2px;font-size:17px;font-weight:800}.app-container[dir=rtl] .zakat-field-prefix{font-family:Jameel Noori Nastaleeq,Noto Nastaliq Urdu,serif;left:auto;right:14px;font-size:15px!important}.app-container[dir=rtl] .zakat-field-input{text-align:left;direction:ltr;padding:11px 54px 11px 12px}.zakat-results-actions-row{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:24px;padding-top:16px;display:flex}.zakat-results-actions-row .btn-zakat-reset{margin-top:0!important}.zakat-results-actions-row>div{align-items:center;display:inline-flex}.btn-zakat-reset,.btn-zakat-action-primary,.btn-zakat-action-secondary{cursor:pointer;box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:42px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;margin:0!important}.btn-zakat-action-primary{background:var(--gradient-primary,linear-gradient(135deg, #b08d3c 0%, #d4af37 100%));border:1px solid #0000;box-shadow:0 4px 10px #b08d3c26;color:#fff!important}.btn-zakat-action-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 6px 14px #b08d3c38}.btn-zakat-reset,.btn-zakat-action-secondary{background-color:var(--color-bg-card,#fff);color:var(--color-text-body,#2d3748);border:1px solid var(--color-border,#e2e8f0)!important}.btn-zakat-reset:hover,.btn-zakat-action-secondary:hover{background-color:var(--color-primary-light,#faf5eb);color:var(--color-primary,#b08d3c);border-color:var(--color-primary,#b08d3c)!important}.zakat-share-menu{background-color:var(--color-bg-card,#fff);border:1px solid var(--color-primary);z-index:100;border-radius:10px;flex-direction:column;gap:6px;min-width:200px;padding:8px;animation:.25s cubic-bezier(.16,1,.3,1) zakatFadeIn;display:flex;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 10px 25px #0000001f}@keyframes zakatFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.zakat-share-menu-header{text-transform:uppercase;color:var(--color-text-light);letter-spacing:.05em;border-bottom:1px solid var(--color-border);margin-bottom:4px;padding:6px 12px 4px;font-size:11px;font-weight:700}.zakat-share-menu-item{color:var(--color-text-body);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13.5px;transition:all .15s;display:flex}.zakat-share-menu-item:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.zakat-toast-notification{background-color:var(--color-primary,#b08d3c);color:#fff;z-index:999;pointer-events:none;white-space:nowrap;border-radius:30px;padding:8px 16px;font-size:13px;font-weight:600;animation:2s cubic-bezier(.16,1,.3,1) forwards zakatToastAnim;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 8px 20px #00000026}@keyframes zakatToastAnim{0%{opacity:0;transform:translate(-50%,8px)}15%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}.app-container[dir=rtl] .btn-zakat-action-primary,.app-container[dir=rtl] .btn-zakat-action-secondary,.app-container[dir=rtl] .btn-zakat-reset{gap:8px;line-height:1.8;font-family:Jameel Noori Nastaleeq,Noto Nastaliq Urdu,serif!important;font-size:16px!important}.app-container[dir=rtl] .zakat-share-menu-header{text-align:right;line-height:1.6;font-family:Jameel Noori Nastaleeq,Noto Nastaliq Urdu,serif!important;font-size:14px!important}.app-container[dir=rtl] .zakat-share-menu-item{text-align:right;flex-direction:row-reverse;line-height:1.8;font-family:Jameel Noori Nastaleeq,Noto Nastaliq Urdu,serif!important;font-size:15px!important}.app-container[dir=rtl] .zakat-share-menu{left:0;right:auto}.zakat-print-only-receipt{display:none}@media print{@page{margin:1.2cm;size:A4 portrait}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:10.5pt;line-height:1.45;color:#000!important;background:#fff!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important}header,.header,.navbar,nav,footer,.footer,.tools-header-section,.tools-sidebar-col,.active-utility-card{display:none!important}.app-container,main,.tools-page-container,.tools-split-layout{max-width:100%!important;height:auto!important;min-height:auto!important;box-shadow:none!important;background:0 0!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.zakat-print-only-receipt{visibility:visible!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;display:block!important}.zakat-print-header{text-align:center;border-bottom:2px solid #b08d3c;margin-bottom:18px;padding-bottom:8px}.zakat-print-header h2{color:#b08d3c;margin:0 0 4px;font-size:22pt;font-weight:800}.zakat-print-header p{color:#555;margin:0 0 8px;font-size:10pt}.zakat-print-date{color:#444;font-size:9.5pt}.zakat-print-section{margin-bottom:18px}.zakat-print-section h3{color:#333;border-bottom:1px solid #ddd;margin-bottom:12px;padding-bottom:4px;font-size:13pt}.zakat-print-section h4{margin:12px 0 6px;font-size:10pt;font-weight:700}.zakat-print-table{border-collapse:collapse;width:100%;margin-bottom:14px}.zakat-print-table th,.zakat-print-table td{text-align:left;border-bottom:1px solid #eee;padding:6px 10px;font-size:9.5pt}.zakat-print-table th{color:#333;-webkit-print-color-adjust:exact;print-color-adjust:exact;font-weight:700;background-color:#f9f9f9!important}.print-total-row td{-webkit-print-color-adjust:exact;print-color-adjust:exact;border-top:1px solid #b08d3c;border-bottom:2px double #b08d3c;font-weight:700;background-color:#faf6ee!important}.print-debt-total td{border-top:1px solid #b91c1c;border-bottom:2px double #b91c1c;background-color:#fff5f5!important}.zakat-print-summary-box{-webkit-print-color-adjust:exact;print-color-adjust:exact;border:1px solid #eae6df;border-radius:8px;margin-bottom:18px;padding:12px;background-color:#faf6ee!important}.print-summary-row{border-bottom:1px solid #eae6df;justify-content:space-between;padding:6px 0;font-size:10.5pt;display:flex}.print-summary-row:last-child{border-bottom:none}.print-summary-row.status-row{padding:10px 0;font-size:11pt;font-weight:700}.print-summary-row.final-row{color:#b08d3c;border-top:2px solid #b08d3c;padding:10px 0 0;font-size:13pt;font-weight:700}.print-status-tag{-webkit-print-color-adjust:exact;print-color-adjust:exact;border-radius:4px;padding:3px 8px;font-size:9.5pt;font-weight:700;color:#fff!important;background-color:#b08d3c!important}.zakat-print-faq-section{page-break-before:always;margin-top:24px}.zakat-print-faq-section h3{color:#b08d3c;border-bottom:2px solid #b08d3c;margin-bottom:14px;padding-bottom:6px;font-size:13.5pt}.zakat-print-faq-item{page-break-inside:avoid;margin-bottom:12px}.zakat-print-faq-item h4{color:#333;margin:0 0 4px;font-size:10pt;font-weight:700}.zakat-print-faq-item p{color:#555;margin:0;font-size:9pt;line-height:1.45}.zakat-print-footer{color:#555;text-align:center;page-break-inside:avoid;border-top:1px dashed #ccc;margin-top:24px;padding-top:12px;font-size:9pt;line-height:1.5}.app-container[dir=rtl]{direction:rtl!important}.app-container[dir=rtl] .zakat-print-header h2{font-family:Jameel Noori Nastaleeq,Noto Nastaliq Urdu,serif!important;font-size:24pt!important;line-height:1.6!important}.app-container[dir=rtl] .zakat-print-header p,.app-container[dir=rtl] .zakat-print-date{font-family:Jameel Noori Nastaleeq,Noto Nastaliq Urdu,serif!important;font-size:14px!important;line-height:1.6!important}.app-container[dir=rtl] .zakat-print-section h3,.app-container[dir=rtl] .zakat-print-section h4,.app-container[dir=rtl] .zakat-print-faq-section h3{text-align:right!important;font-family:Jameel Noori Nastaleeq,Noto Nastaliq Urdu,serif!important;font-size:16px!important;line-height:1.6!important}.app-container[dir=rtl] .zakat-print-table th,.app-container[dir=rtl] .zakat-print-table td,.app-container[dir=rtl] .zakat-print-faq-item h4{text-align:right!important;font-family:Jameel Noori Nastaleeq,Noto Nastaliq Urdu,serif!important;font-size:14.5px!important;line-height:1.6!important}.app-container[dir=rtl] .zakat-print-faq-item p{text-align:right!important;font-family:Jameel Noori Nastaleeq,Noto Nastaliq Urdu,serif!important;font-size:13.5px!important;line-height:1.6!important}.app-container[dir=rtl] .print-summary-row{flex-direction:row-reverse!important;font-family:Jameel Noori Nastaleeq,Noto Nastaliq Urdu,serif!important;font-size:14.5px!important;line-height:1.6!important}.app-container[dir=rtl] .print-status-tag{font-family:Jameel Noori Nastaleeq,Noto Nastaliq Urdu,serif!important;font-size:12px!important;line-height:1.3!important}.app-container[dir=rtl] .zakat-print-footer,.app-container[dir=rtl] .zakat-print-footer p,.app-container[dir=rtl] .zakat-print-footer strong{text-align:center!important;font-family:Jameel Noori Nastaleeq,Noto Nastaliq Urdu,serif!important;font-size:11px!important;line-height:1.6!important}}.bg3d-scene{pointer-events:none;z-index:-10;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}[data-theme=light] .bg3d-scene{display:block}[data-theme=light] .bg3d-orb-gold{background:radial-gradient(circle,#b08d3c1f 0%,#b08d3c05 70%,#0000 100%)}[data-theme=light] .bg3d-orb-violet{background:radial-gradient(circle,#8834540d 0%,#0000 70%)}[data-theme=light] .bg3d-orb-teal{background:radial-gradient(circle,#b08d3c0a 0%,#0000 70%)}[data-theme=light] .bg3d-orb-gold-mid{background:radial-gradient(circle,#b08d3c14 0%,#0000 70%)}[data-theme=light] .bg3d-panel-inner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffffa6 0%,#ffffff59 50%,#b08d3c14 100%);border:1px solid #ffffffb3;box-shadow:0 8px 32px #b08d3c0d,inset 0 1px #ffffffe6,inset 0 -1px #00000005}[data-theme=light] .bg3d-gold-corner{border-color:#b08d3c99}[data-theme=light] .bg3d-pattern-wrap{color:#b08d3c33}[data-theme=light] .bg3d-shard{background:linear-gradient(135deg,#b08d3c0f,#ffffff73);border:1px solid #b08d3c26}.bg3d-orb{filter:blur(80px);border-radius:50%;animation:8s ease-in-out infinite orbPulse;position:absolute}.bg3d-orb-gold{background:radial-gradient(circle,#d4af372e 0%,#d4af3708 70%,#0000 100%);width:500px;height:500px;animation-duration:10s;animation-delay:0s;top:-100px;right:-80px}.bg3d-orb-violet{background:radial-gradient(circle,#a78bfa1f 0%,#0000 70%);width:400px;height:400px;animation-duration:13s;animation-delay:-3s;bottom:10%;left:-60px}.bg3d-orb-teal{background:radial-gradient(circle,#64c8b412 0%,#0000 70%);width:300px;height:300px;animation-duration:15s;animation-delay:-6s;top:40%;right:20%}@keyframes orbPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.bg3d-panel{position:absolute}.bg3d-panel-inner{background:linear-gradient(135deg,#ffffff0f 0%,#ffffff05 50%,#d4af370a 100%);border:1px solid #ffffff1a;border-radius:24px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1f,inset 0 -1px #0000001a}.bg3d-gold-corner{border-style:solid;border-color:#d4af37cc;width:36px;height:36px;position:absolute}.bg3d-gold-tl{border-width:2px 0 0 2px;border-radius:6px 0 0;top:12px;left:12px}.bg3d-gold-tr{border-width:2px 2px 0 0;border-radius:0 6px 0 0;top:12px;right:12px}.bg3d-gold-bl{border-width:0 0 2px 2px;border-radius:0 0 0 6px;bottom:12px;left:12px}.bg3d-gold-br{border-width:0 2px 2px 0;border-radius:0 0 6px;bottom:12px;right:12px}.bg3d-pattern-wrap{color:#d4af3799;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bg3d-panel-1{opacity:.65;width:280px;height:360px;animation:22s ease-in-out infinite float3d-1;top:60px;left:-210px;transform:rotate(2deg)skew(-8deg)skewY(6deg)}.bg3d-panel-2{opacity:.6;width:240px;height:310px;animation:26s ease-in-out infinite float3d-2;top:30px;right:-180px;transform:rotate(-3deg)skew(6deg)skewY(-4deg)}.bg3d-panel-3{opacity:.4;width:180px;height:240px;animation:30s ease-in-out infinite float3d-3;top:55%;left:-140px;transform:rotate(1deg)skew(4deg)skewY(3deg)}@keyframes float3d-1{0%{transform:rotate(2deg)skew(-8deg)skewY(6deg)translateY(0)}25%{transform:rotate(-1deg)skew(-6deg)skewY(4deg)translateY(-18px)}50%{transform:rotate(3deg)skew(-10deg)skewY(8deg)translateY(-8px)}75%{transform:rotate(-2deg)skew(-7deg)skewY(5deg)translateY(-22px)}to{transform:rotate(2deg)skew(-8deg)skewY(6deg)translateY(0)}}@keyframes float3d-2{0%{transform:rotate(-3deg)skew(6deg)skewY(-4deg)translateY(0)}33%{transform:rotate(1deg)skew(8deg)skewY(-6deg)translateY(-14px)}66%{transform:rotate(-4deg)skew(4deg)skewY(-3deg)translateY(-20px)}to{transform:rotate(-3deg)skew(6deg)skewY(-4deg)translateY(0)}}@keyframes float3d-3{0%{opacity:.55;transform:rotate(1deg)skew(4deg)skewY(3deg)translateY(0)}50%{opacity:.8;transform:rotate(-2deg)skew(6deg)skewY(5deg)translateY(-16px)}to{opacity:.55;transform:rotate(1deg)skew(4deg)skewY(3deg)translateY(0)}}.bg3d-shard{background:linear-gradient(135deg,#d4af3714,#ffffff05);border:1px solid #d4af372e;border-radius:12px;position:absolute}.bg3d-shard-1{opacity:.45;width:70px;height:100px;top:20%;right:-50px;transform:rotate(2deg)skew(-5deg)}.bg3d-shard-2{opacity:.3;width:50px;height:65px;bottom:20%;right:-35px;transform:rotate(-3deg)skew(4deg)}.bg3d-shard-3,.bg3d-panel-4{display:none}.bg3d-shard-4{opacity:.3;width:40px;height:55px;top:45%;right:-28px;transform:rotate(2deg)skew(-4deg)}.bg3d-orb-gold-mid{filter:blur(60px);background:radial-gradient(circle,#d4af3717 0%,#0000 70%);width:350px;height:350px;animation:12s ease-in-out -4s infinite orbPulse;top:45%;right:-80px}.bg3d-shimmer{pointer-events:none;background:linear-gradient(105deg,#0000 40%,#ffffff0f 50%,#0000 60%);width:60%;height:200%;position:absolute;top:-20%;left:-20%;transform:rotate(15deg)}.bottom-tab-bar{display:none}@media (max-width:768px){.bottom-tab-bar{background:var(--glass-bg);height:68px;-webkit-backdrop-filter:var(--glass-blur);border-top:var(--glass-border);z-index:1100;padding-bottom:env(safe-area-inset-bottom,0px);align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-tab-item{color:var(--color-text-light);transition:var(--transition);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:8px 4px;text-decoration:none;display:flex;position:relative}.bottom-tab-item.active{color:var(--color-primary)}.bottom-tab-item.active:before{content:"";background:var(--gradient-gold);border-radius:0 0 4px 4px;width:32px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}[data-theme=light] .bottom-tab-item.active:before{background:var(--gradient-primary)}.bottom-tab-icon{justify-content:center;align-items:center;display:flex}.bottom-tab-label{letter-spacing:.3px;font-size:9.5px;font-weight:600}.app-main{padding-bottom:68px!important}.app-footer{margin-bottom:68px}.header{grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;padding:12px 16px;display:grid}.btn-hamburger{order:1;justify-self:start;display:flex}.logo-container{order:2;justify-self:center}.nav-actions{order:3;justify-self:end;gap:8px}.btn-language-toggle,.btn-signin,.nav-user-profile{display:none!important}.btn-theme-toggle,.btn-icon-search{width:34px;height:34px;display:flex}.nav-search-form{z-index:2000;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:var(--glass-border);padding:12px 16px;top:0;left:0;right:0;position:fixed!important}.hero-section{text-align:center;min-height:auto;padding:36px 20px 40px}.hero-heading{margin-bottom:14px;font-size:clamp(24px,8vw,34px);line-height:1.2}.hero-subtext{max-width:100%;margin-bottom:28px;font-size:14px}.badge-pill{margin-bottom:20px;padding:5px 14px;font-size:10px}.search-pill-container{width:100%;max-width:100%;padding:8px 8px 8px 18px}.hero-cta-row{flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:20px;display:flex}.btn-hero-primary{background:var(--gradient-gold);color:#0c1322;cursor:pointer;letter-spacing:.3px;width:100%;max-width:280px;transition:var(--transition);border:none;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}[data-theme=light] .btn-hero-primary{background:var(--gradient-primary);color:#fff}.btn-hero-secondary{color:var(--color-text-body);cursor:pointer;border:var(--glass-border);width:100%;max-width:280px;transition:var(--transition);background:0 0;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:13px 28px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.dashboard-section{grid-template-columns:1fr;gap:20px;padding:20px 16px 32px}.prayer-widget{min-height:auto;padding:24px 20px}.location-title{font-size:18px}.core-grid{grid-template-columns:repeat(2,1fr);gap:12px}.core-card{border-radius:16px;padding:20px 12px}.card-icon-container{width:44px;height:44px;margin-bottom:10px}.card-title{font-size:13px;font-weight:600}.prayer-page-container{gap:20px;padding:20px 16px}.prayer-page-header{flex-direction:column;align-items:flex-start;gap:16px}.prayer-header-left h1{font-size:26px}.prayer-header-filters{flex-wrap:wrap;gap:10px;width:100%}.location-dropdown,.btn-autodetect{flex:1;justify-content:center;min-width:0;padding:10px 12px;font-size:13px}.next-prayer-banner{text-align:center;border-radius:20px;flex-direction:column;gap:20px;padding:24px 20px}.banner-left-details .prayer-name{font-size:32px}.timings-split-grid{grid-template-columns:1fr;gap:24px}.timing-row-card{padding:14px 16px}.books-page-container{gap:20px;padding:20px 16px}.books-header-section h1{font-size:26px}.books-search-bar{max-width:100%}.books-grid-layout{grid-template-columns:repeat(2,1fr);gap:14px}.articles-page-container,.qa-page-container,.spiritual-page-container,.tools-page-container,.search-page-container,.calendar-page-container{padding:20px 16px}}@media (max-width:480px){.hero-heading{font-size:26px}.dashboard-section{padding:16px 12px 28px}.core-grid{grid-template-columns:repeat(2,1fr);gap:10px}.core-card{border-radius:14px;padding:16px 10px}.card-title{font-size:12px}.books-grid-layout{grid-template-columns:repeat(2,1fr);gap:12px}.prayer-widget{padding:20px 16px}}@media (max-width:768px){.app-footer{display:none}.nav-menu{background:var(--glass-bg);width:100%;height:calc(100vh - 125px);-webkit-backdrop-filter:var(--glass-blur);z-index:999;border-top:var(--glass-border);box-shadow:var(--shadow-lg);flex-direction:column;align-items:flex-start;gap:8px;margin:0;padding:28px 20px;list-style:none;transition:none;display:none;position:fixed;top:57px;left:0;overflow-y:auto;transform:none}.nav-menu.mobile-open{display:flex}.nav-link{border-bottom:var(--glass-border);width:100%;color:var(--color-text-body);padding:12px 0;font-size:17px;font-weight:600}.nav-link:last-child{border-bottom:none}.nav-link:hover,.nav-link.active{color:var(--color-primary);padding-left:8px}.nav-link.active:after{display:none}}.auth-page-container{justify-content:center;align-items:center;min-height:80vh;padding:40px 16px;display:flex}.auth-card{background:var(--color-bg-card);border:var(--glass-border);width:100%;max-width:440px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:44px 40px;position:relative;overflow:hidden}.auth-card:before{content:"";background:linear-gradient(90deg,#0000,#d4af3766,#0000);height:1px;position:absolute;top:0;left:0;right:0}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{background:var(--color-primary-light);width:64px;height:64px;color:var(--color-primary);border:var(--glass-border);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:inline-flex}.auth-title{color:var(--color-text-title);letter-spacing:-.5px;margin:0 0 10px;font-family:EB Garamond,serif;font-size:28px;font-weight:800}.auth-subtitle{color:var(--color-text-light);margin:0;font-size:14px;line-height:1.5}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-form-group{flex-direction:column;gap:8px;display:flex}.auth-label{color:var(--color-text-light);text-transform:uppercase;letter-spacing:.8px;font-size:12px;font-weight:700}.auth-input-wrapper{background:var(--color-bg-elevated);border:var(--glass-border);transition:var(--transition);border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex}.auth-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.auth-input-icon{color:var(--color-text-light);flex-shrink:0}.auth-input{color:var(--color-text-title);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14.5px}.auth-input::placeholder{color:var(--color-text-light)}.auth-submit-btn{background:var(--gradient-gold);color:#0c1322;cursor:pointer;width:100%;transition:var(--transition);letter-spacing:.3px;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:4px;padding:15px;font-size:15px;font-weight:700;display:flex}[data-theme=light] .auth-submit-btn{background:var(--gradient-primary);color:#fff}.auth-submit-btn:hover:not(:disabled){box-shadow:var(--shadow-gold);transform:translateY(-2px)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-toggle-mode{text-align:center;color:var(--color-text-light);margin-top:24px;font-size:14px}.auth-toggle-link{color:var(--color-primary);cursor:pointer;transition:var(--transition);margin-left:4px;font-weight:700}.auth-toggle-link:hover{text-decoration:underline}.btn-article-like{background:var(--color-bg-elevated);border:var(--glass-border);color:var(--color-text-body);cursor:pointer;transition:var(--transition);border-radius:100px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:700;display:flex}.btn-article-like:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.btn-article-like.liked{color:#ef4444;background:#ef44441f;border-color:#ef444459}.btn-article-like.liked:hover{background:#ef444433;transform:translateY(-1px)}.btn-listen-audio{background:var(--color-primary-light);color:var(--color-primary);cursor:pointer;transition:var(--transition);border:1px solid #0000;border-radius:100px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.btn-listen-audio:hover{border-color:var(--color-primary);transform:translateY(-1px)}.btn-watch-video{background:var(--color-bg-elevated);border:var(--glass-border);color:var(--color-text-body);cursor:pointer;transition:var(--transition);border-radius:100px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:700;display:flex}.btn-watch-video:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.custom-sort-dropdown{position:relative}.custom-sort-trigger{background:var(--color-bg-elevated);border:var(--glass-border);color:var(--color-text-body);cursor:pointer;transition:var(--transition);border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.custom-sort-trigger:hover{border-color:var(--color-primary);color:var(--color-primary)}.chevron-icon{transition:transform .2s}.chevron-icon.open{transform:rotate(180deg)}.custom-sort-menu{background:var(--color-bg-card);border:var(--glass-border);min-width:160px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;border-radius:12px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.custom-sort-item{width:100%;color:var(--color-text-body);cursor:pointer;transition:var(--transition);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.custom-sort-item:hover{background:var(--color-bg-elevated);color:var(--color-primary)}.custom-sort-item.active{color:var(--color-primary);background:var(--color-primary-light)}.check-icon{color:var(--color-primary);flex-shrink:0}.recent-articles-side-widget{background:var(--color-bg-card);border:var(--glass-border);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);text-align:start;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-top:24px;padding:24px}.recent-articles-list{flex-direction:column;gap:16px;display:flex}.recent-thumb-wrapper{border:var(--glass-border);border-radius:8px;flex-shrink:0;width:54px;height:54px;overflow:hidden}.recent-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.recent-item-title{color:var(--color-text-title);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:13px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.recent-item-meta{color:var(--color-text-light);font-size:11px;font-weight:500}.zakat-section-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;margin-bottom:24px;padding:20px;background:var(--color-bg-card)!important;border:var(--glass-border)!important}.articles-header-section h1,.qa-header-section h1,.spiritual-header-section h1,.books-header-section h1,.prayer-header-left h1,.tools-header h1{background:linear-gradient(135deg, var(--color-text-title) 0%, var(--color-primary) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:36px;font-weight:800}[data-theme=light] .articles-header-section h1,[data-theme=light] .qa-header-section h1,[data-theme=light] .spiritual-header-section h1,[data-theme=light] .books-header-section h1,[data-theme=light] .prayer-header-left h1,[data-theme=light] .tools-header h1{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.book-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:var(--transition);background:var(--color-bg-card)!important;border:var(--glass-border)!important}.book-card:hover{transform:translateY(-3px);border-color:var(--color-border-gold)!important;box-shadow:var(--shadow-gold)!important}@media (max-width:480px){.auth-card{border-radius:20px;padding:32px 24px}.auth-title{font-size:24px}.auth-logo{width:52px;height:52px}}.home-preview-container{box-sizing:border-box;width:100%;padding:0 48px 64px}@media (max-width:1024px){.home-preview-container{padding:0 24px 48px}}@media (max-width:768px){.home-preview-container{padding:0 16px 32px}}.home-books-grid{grid-template-columns:repeat(6,1fr);gap:20px;width:100%;display:grid}@media (max-width:1200px){.home-books-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.home-books-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media (max-width:480px){.home-books-grid{grid-template-columns:repeat(2,1fr);gap:12px}}