:root{--primary-color:#1a5d1a;--primary-light:#2e8b57;--primary-dark:#0d3c0d;--secondary-color:#f8f9fa;--accent-color:gold;--text-color:#2c3e50;--text-light:#6c757d;--white:#fff;--off-white:#f8f9fa;--border-color:#e8f5e9;--shadow-sm:0 2px 8px #1a5d1a14;--shadow-md:0 4px 20px #1a5d1a1f;--shadow-lg:0 8px 30px #1a5d1a26;--shadow-xl:0 15px 50px #1a5d1a33;--primary-gradient:linear-gradient(135deg,#1a5d1a,#2e8b57);--light-gradient:linear-gradient(135deg,#f8f9fa,#e8f5e9);--transition-smooth:all 0.4s cubic-bezier(0.4,0,0.2,1);--transition-fast:all 0.2s ease;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:30px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background:linear-gradient(135deg,#f8f9fa,#e8f5e9);background:var(--light-gradient);color:#2c3e50;color:var(--text-color);direction:rtl;font-family:Cairo,Tajawal,sans-serif;line-height:1.6;overflow-x:hidden}.app,body{min-height:100vh}.app{display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#1a5d1a,#2e8b57);background:var(--primary-gradient);border-bottom:3px solid #ffffff1a;box-shadow:0 8px 30px #1a5d1a26;box-shadow:var(--shadow-lg);color:#fff;color:var(--white);height:70px;padding:0 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-content{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1400px}.logo-container{align-items:center;display:flex;gap:1rem}.logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:45px;object-fit:contain;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:45px}.logo:hover{transform:scale(1.05)}.logo-text{color:#fff;color:var(--white);font-size:1.5rem;font-weight:800;text-shadow:0 2px 4px #0000004d}.dropdown-container{position:relative}.dropdown-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fff3;border-radius:20px;border-radius:var(--radius-lg);color:#fff;color:var(--white);cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:space-between;min-width:140px;padding:.6rem 1.2rem;transition:all .2s ease;transition:var(--transition-fast)}.dropdown-btn:hover{background:#ffffff40;border-color:#ffffff4d;transform:translateY(-2px)}.dropdown-arrow{font-size:.8rem;transition:transform .3s ease}.dropdown-arrow.rotate{transform:rotate(180deg)}.dropdown-menu{background:#fff;background:var(--white);border:1px solid #e8f5e9;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 15px 50px #1a5d1a33;box-shadow:var(--shadow-xl);left:0;opacity:0;overflow:hidden;position:absolute;top:calc(100% + 10px);transform:translateY(-10px);transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);visibility:hidden;width:280px;z-index:2000}.dropdown-menu.open{opacity:1;transform:translateY(0);visibility:visible}.dropdown-menu:before{background:linear-gradient(135deg,#1a5d1a,#2e8b57);background:var(--primary-gradient);content:"";height:4px;position:absolute;right:0;top:0;width:100%}.dropdown-header{background:#f8f9fa;background:var(--off-white);border-bottom:1px solid #e8f5e9;border-bottom:1px solid var(--border-color);padding:1rem 1.2rem}.dropdown-title{align-items:center;color:#1a5d1a;color:var(--primary-color);display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;margin:0}.dropdown-close{align-items:center;background:#f8f9fa;background:var(--off-white);border:2px solid #e8f5e9;border:2px solid var(--border-color);border-radius:50%;color:#2c3e50;color:var(--text-color);cursor:pointer;display:flex;font-size:1rem;height:38px;justify-content:center;transition:all .2s ease;transition:var(--transition-fast);width:38px}.dropdown-close:hover{background:#1a5d1a;background:var(--primary-color);border-color:#1a5d1a;border-color:var(--primary-color);color:#fff;color:var(--white);transform:rotate(90deg)}.dropdown-content{max-height:300px;overflow-y:auto;padding:.5rem 0}.dropdown-item{align-items:center;border-bottom:1px solid #e8f5e9;border-bottom:1px solid var(--border-color);color:#2c3e50;color:var(--text-color);display:flex;padding:.8rem 1.2rem;text-decoration:none;transition:all .2s ease;transition:var(--transition-fast)}.dropdown-item:hover{background:#f8f9fa;background:var(--off-white);color:#1a5d1a;color:var(--primary-color);padding-right:1.5rem}.dropdown-item.active{background:linear-gradient(90deg,#e8f5e94d,#0000);border-right:3px solid #1a5d1a;border-right:3px solid var(--primary-color);font-weight:600}.dropdown-icon,.dropdown-item.active{color:#1a5d1a;color:var(--primary-color)}.dropdown-icon{align-items:center;background:#f8f9fa;background:var(--off-white);border-radius:50%;display:flex;font-size:1rem;height:35px;justify-content:center;margin-left:.8rem;transition:all .2s ease;transition:var(--transition-fast);width:35px}.dropdown-item:hover .dropdown-icon{background:#1a5d1a;background:var(--primary-color);color:#fff;color:var(--white)}.dropdown-item-text{flex:1 1;font-weight:500}.dropdown-overlay{animation:fadeIn .3s ease-out;background:#0000004d;height:100%;position:fixed;right:0;top:0;width:100%;z-index:1999}.main-content{flex:1 1;margin:2rem auto;max-width:1400px;padding:0 1.5rem;width:100%}.page{animation:fadeInUp .6s ease-out}.page-header{margin-bottom:3rem;padding-bottom:2rem;position:relative;text-align:center}.page-header:after{background:linear-gradient(135deg,#1a5d1a,#2e8b57);background:var(--primary-gradient);border-radius:2px;bottom:0;content:"";height:4px;position:absolute;right:50%;transform:translateX(50%);width:80px}.page-title{color:#1a5d1a;color:var(--primary-color);font-size:2.5rem;font-weight:800;margin-bottom:1rem}.page-subtitle{color:#6c757d;color:var(--text-light);font-size:1.2rem;margin:0 auto;max-width:600px}.hero{background:linear-gradient(135deg,#fffffff2,#f8f9faf2);border:1px solid #e8f5e9;border:1px solid var(--border-color);border-radius:30px;border-radius:var(--radius-xl);box-shadow:0 15px 50px #1a5d1a33;box-shadow:var(--shadow-xl);margin-bottom:3rem;overflow:hidden;padding:4rem 2rem;position:relative;text-align:center}.hero-content{align-items:center;display:flex;gap:4rem;margin:0 auto;max-width:1200px}.hero-text{flex:1 1;text-align:right}.hero-title{color:#1a5d1a;color:var(--primary-color);font-size:2.8rem;font-weight:800;line-height:1.3;margin-bottom:1rem}.hero-description{color:#6c757d;color:var(--text-light);font-size:1.2rem;line-height:1.8;margin:0 auto 2rem;max-width:700px}.hero-cta{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.cta-button{align-items:center;border:2px solid #0000;border-radius:50px;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.8rem;padding:1rem 2rem;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.cta-button.primary{background:linear-gradient(135deg,#1a5d1a,#2e8b57);background:var(--primary-gradient);box-shadow:0 4px 20px #1a5d1a1f;box-shadow:var(--shadow-md);color:#fff;color:var(--white)}.cta-button.primary:hover{box-shadow:0 8px 30px #1a5d1a26;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.cta-button.secondary{background:#fff;background:var(--white);border:2px solid #1a5d1a;border:2px solid var(--primary-color);color:#1a5d1a;color:var(--primary-color)}.cta-button.secondary:hover{background:#1a5d1a;background:var(--primary-color);color:#fff;color:var(--white);transform:translateY(-3px)}.hero-image{flex:0 0 300px}.quran-illustration{align-items:center;animation:float 6s ease-in-out infinite;background:linear-gradient(135deg,#2e8b57,#1a5d1a);background:linear-gradient(135deg,var(--primary-light) 0,var(--primary-color) 100%);border-radius:50%;box-shadow:0 15px 50px #1a5d1a33;box-shadow:var(--shadow-xl);color:#fff;color:var(--white);display:flex;font-size:8rem;height:300px;justify-content:center;width:300px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.daily-ayah-section{margin-bottom:4rem}.ayah-card{background:linear-gradient(135deg,#fffffff2,#f8f9faf2);border:2px solid #e8f5e9;border:2px solid var(--border-color);border-radius:30px;border-radius:var(--radius-xl);box-shadow:0 15px 50px #1a5d1a33;box-shadow:var(--shadow-xl);padding:3rem;position:relative;text-align:center}.ayah-text{color:#0d3c0d;color:var(--primary-dark);font-family:Noto Naskh Arabic,serif;font-size:2.2rem;line-height:1.8;margin-bottom:2.5rem}.ayah-reference{align-items:center;display:flex;gap:1.5rem;justify-content:center;margin-top:1rem}.ayah-number,.surah-name{background:#f8f9fa;background:var(--off-white);border:1px solid #e8f5e9;border:1px solid var(--border-color);border-radius:25px;color:#1a5d1a;color:var(--primary-color);font-weight:600;padding:.5rem 1.2rem}.features-section{margin-bottom:4rem}.section-container{margin:0 auto;max-width:1200px;padding:0 1rem}.section-header{margin-bottom:3rem;text-align:center}.section-title{font-size:2.2rem;gap:1rem;justify-content:center;margin-bottom:1rem}.section-subtitle{color:#6c757d;color:var(--text-light);font-size:1.1rem;margin:0 auto;max-width:600px}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background:#fff;background:var(--white);border:1px solid #e8f5e9;border:1px solid var(--border-color);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #1a5d1a1f;box-shadow:var(--shadow-md);padding:2rem;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.feature-card:hover{border-color:#2e8b57;border-color:var(--primary-light);box-shadow:0 15px 50px #1a5d1a33;box-shadow:var(--shadow-xl);transform:translateY(-10px)}.feature-icon-container{align-items:center;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:80px}.feature-card:hover .feature-icon-container{transform:scale(1.1) rotate(5deg)}.feature-title{color:#0d3c0d;color:var(--primary-dark);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.feature-description{color:#6c757d;color:var(--text-light);line-height:1.7;margin-bottom:1.5rem}.feature-link{align-items:center;color:#1a5d1a;color:var(--primary-color);display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;text-decoration:none;transition:all .2s ease;transition:var(--transition-fast)}.feature-link:hover{color:#0d3c0d;color:var(--primary-dark);gap:1rem}.daily-zekr-section{margin-bottom:4rem}.zekr-card{background:linear-gradient(135deg,#fff9e6,#fffaf0);border:2px solid #ffe082;border-radius:30px;border-radius:var(--radius-xl);box-shadow:0 15px 50px #1a5d1a33;box-shadow:var(--shadow-xl);padding:3rem;position:relative;text-align:center}.zekr-text{color:#5d4037;font-family:Noto Naskh Arabic,serif;font-size:1.8rem;margin-bottom:2rem}.zekr-benefit{align-items:center;background:#ffb74d1a;border-radius:12px;border-radius:var(--radius-md);color:#e65100;display:inline-flex;font-weight:600;gap:.8rem;margin-bottom:2rem;padding:1rem}.zekr-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.zekr-action-btn{align-items:center;border:none;border-radius:50px;cursor:pointer;display:flex;font-weight:600;gap:.8rem;padding:1rem 2rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.zekr-action-btn.primary{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.zekr-action-btn.primary:hover{box-shadow:0 6px 20px #f57c004d;transform:translateY(-3px)}.zekr-action-btn.secondary{background:#fff;background:var(--white);border:2px solid #1a5d1a;border:2px solid var(--primary-color);color:#1a5d1a;color:var(--primary-color);text-decoration:none}.zekr-action-btn.secondary:hover{background:#1a5d1a;background:var(--primary-color);color:#fff;color:var(--white);transform:translateY(-3px)}.statistics-section{background:linear-gradient(135deg,#1a5d1a08,#4caf5008);border-radius:30px;border-radius:var(--radius-xl);margin-bottom:4rem;padding:4rem 0}.statistics-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:#fff;background:var(--white);border:1px solid #e8f5e9;border:1px solid var(--border-color);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #1a5d1a1f;box-shadow:var(--shadow-md);padding:2rem;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.stat-card:hover{box-shadow:0 8px 30px #1a5d1a26;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.stat-icon{color:#1a5d1a;color:var(--primary-color);font-size:2.5rem;margin-bottom:1rem}.stat-number{color:#0d3c0d;color:var(--primary-dark);font-size:2.8rem;font-weight:800;margin-bottom:.5rem}.stat-label{color:#6c757d;color:var(--text-light);font-size:1rem}.cta-section{background:linear-gradient(135deg,#1a5d1a,#2e8b57);background:var(--primary-gradient);border-radius:30px;border-radius:var(--radius-xl);margin-bottom:4rem;overflow:hidden;padding:5rem 2rem;position:relative;text-align:center}.cta-content{margin:0 auto;max-width:800px;position:relative;z-index:1}.cta-title{color:#fff;color:var(--white);font-size:2.8rem;font-weight:800;margin-bottom:1.5rem}.cta-description{color:#ffffffe6;font-size:1.2rem;line-height:1.6;margin-bottom:2.5rem}.cta-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.cta-button.large{font-size:1.2rem;padding:1.2rem 2.5rem}.cta-button.outline{background:#0000;border:2px solid #fff;border:2px solid var(--white);color:#fff;color:var(--white)}.cta-button.outline:hover{background:#fff;background:var(--white);color:#1a5d1a;color:var(--primary-color)}.prayer-times{padding-bottom:3rem}.location-card{background:linear-gradient(135deg,var(--white) 0,var(--off-white) 100%);border:2px solid #e8f5e9;border:2px solid var(--border-color);border-radius:30px;border-radius:var(--radius-xl);box-shadow:0 4px 20px #1a5d1a1f;box-shadow:var(--shadow-md);margin-bottom:2rem;padding:2rem}.location-header{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.location-info{flex:1 1}.location-title{align-items:center;color:#1a5d1a;color:var(--primary-color);display:flex;font-size:1.5rem;gap:.8rem;margin-bottom:.5rem}.location-subtitle{align-items:center;color:#6c757d;color:var(--text-light);display:flex;font-size:1rem;gap:.5rem}.current-time{align-items:center;background:linear-gradient(135deg,#1a5d1a,#2e8b57);background:var(--primary-gradient);border-radius:50px;box-shadow:0 2px 8px #1a5d1a14;box-shadow:var(--shadow-sm);color:#fff;color:var(--white);display:flex;font-size:1.2rem;font-weight:700;gap:.8rem;padding:.8rem 1.5rem}.next-prayer-alert{background:linear-gradient(135deg,#2e7d32,#4caf50);border:2px solid #1b5e20;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 8px 30px #1a5d1a26;box-shadow:var(--shadow-lg);margin-bottom:2rem;padding:1.5rem}.alert-content{color:#fff;color:var(--white);flex-wrap:wrap;gap:1rem;justify-content:space-between}.alert-icon{background:#fff3;font-size:2rem}.alert-title{font-size:1.3rem;margin-bottom:.5rem}.alert-subtitle{font-size:1rem;gap:.5rem;opacity:.9}.alert-time{background:#fff3;border-radius:50px;font-size:1.5rem;font-weight:800;padding:.8rem 1.5rem}.prayer-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.prayer-card{border:2px solid;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #1a5d1a1f;box-shadow:var(--shadow-md);padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.prayer-card:hover{box-shadow:0 8px 30px #1a5d1a26;box-shadow:var(--shadow-lg)}.prayer-header{margin-bottom:1.5rem}.prayer-icon{background:#fff3;font-size:1.5rem}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;gap:.3rem;padding:.3rem .8rem}.status-badge.passed{background:#4caf5033;color:#2e7d32}.status-badge.next{background:#ffffff4d;color:#fff;color:var(--white)}.status-badge.upcoming{background:#9e9e9e33;color:#616161}.prayer-body{margin-bottom:1.5rem}.prayer-name{font-family:Noto Naskh Arabic,serif;font-size:1.5rem;margin-bottom:1rem}.prayer-time-display{align-items:center;display:flex;flex-direction:column;gap:.3rem}.prayer-time-display .time{font-size:2.5rem;font-weight:800;line-height:1}.quran-listen{padding-bottom:3rem}.listen-container{margin:0 auto;max-width:1400px}.search-section{margin-bottom:2rem}.search-box{margin:0 auto;max-width:500px;position:relative}.search-icon{color:#6c757d;color:var(--text-light);font-size:1.1rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.search-input{background:#fff;background:var(--white);border:2px solid #e8f5e9;border:2px solid var(--border-color);border-radius:50px;color:#2c3e50;color:var(--text-color);font-family:inherit;font-size:1rem;padding:1rem 3rem 1rem 1rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.search-input:focus{border-color:#2e8b57;border-color:var(--primary-light);box-shadow:0 0 0 3px #2e8b571a;outline:none}.clear-search{background:#0000;border:none;color:#6c757d;color:var(--text-light);cursor:pointer;font-size:1rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%);transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.clear-search:hover{color:#1a5d1a;color:var(--primary-color)}.content-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:3rem}.qaris-section,.surahs-section{background:#fff;background:var(--white);border:1px solid #e8f5e9;border:1px solid var(--border-color);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #1a5d1a1f;box-shadow:var(--shadow-md);padding:2rem}.section-header{align-items:center;border-bottom:2px solid #e8f5e9;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.section-title{color:#1a5d1a;color:var(--primary-color);font-size:1.5rem;gap:.8rem}.section-count{background:linear-gradient(135deg,#1a5d1a,#2e8b57);background:var(--primary-gradient);border-radius:20px;color:#fff;color:var(--white);font-size:.9rem;font-weight:600;padding:.3rem .8rem}.qaris-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));max-height:500px;overflow-y:auto;padding-right:.5rem}.qari-card{background:#f8f9fa;background:var(--off-white);border:2px solid #0000;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;overflow:hidden;padding:1.2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.qari-card:hover{border-color:#2e8b57;border-color:var(--primary-light);box-shadow:0 4px 20px #1a5d1a1f;box-shadow:var(--shadow-md);transform:translateY(-5px)}.qari-card.selected{background:linear-gradient(135deg,#e8f5e94d,#0000);border-color:#1a5d1a;border-color:var(--primary-color)}.qari-image{border:3px solid #fff;border:3px solid var(--white);border-radius:50%;box-shadow:0 2px 8px #1a5d1a14;box-shadow:var(--shadow-sm);height:70px;margin-bottom:1rem;overflow:hidden;position:relative;width:70px}.qari-image img{height:100%;object-fit:cover;width:100%}.qari-info{text-align:center}.qari-name{color:#1a5d1a;color:var(--primary-color);font-size:1.2rem;font-weight:700;margin-bottom:.3rem}.qari-rewaya{color:#6c757d;color:var(--text-light);font-size:.9rem;margin-bottom:1rem}.qari-meta{justify-content:space-between}.qari-count,.qari-meta{align-items:center;display:flex}.qari-count{font-size:.9rem;gap:.5rem}.qari-count,.qari-favorite{color:#6c757d;color:var(--text-light)}.qari-favorite{background:#0000;border:none;cursor:pointer;font-size:1.1rem;padding:.3rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.qari-favorite:hover{color:#ff4757;transform:scale(1.2)}.qari-favorite.active{color:#ff4757}.favorite-badge{align-items:center;background:gold;background:var(--accent-color);border:2px solid #fff;border:2px solid var(--white);border-radius:50%;box-shadow:0 3px 8px #ffd7004d;color:#fff;color:var(--white);display:flex;font-size:.8rem;height:25px;justify-content:center;left:-5px;position:absolute;top:-5px;width:25px}.surahs-list{max-height:500px;overflow-y:auto;padding-right:.5rem}.surah-item{align-items:center;background:#f8f9fa;background:var(--off-white);border:1px solid #0000;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;margin-bottom:.8rem;padding:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.surah-item:hover{background:#e8f5e94d;border-color:#e8f5e9;border-color:var(--border-color);transform:translateX(-5px)}.surah-item.active{background:linear-gradient(135deg,#e8f5e980,#0000);border-color:#2e8b57;border-color:var(--primary-light);border-right:3px solid #1a5d1a;border-right:3px solid var(--primary-color)}.surah-number{font-size:.9rem;height:35px;margin-left:1rem;width:35px}.surah-details{flex:1 1}.surah-name{font-size:1.2rem;font-weight:600;margin-bottom:.3rem}.surah-meta{color:#6c757d;color:var(--text-light);display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem}.play-surah-btn{align-items:center;background:#1a5d1a;background:var(--primary-color);border:none;border-radius:50%;color:#fff;color:var(--white);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:40px}.play-surah-btn:hover{background:#0d3c0d;background:var(--primary-dark);transform:scale(1.1)}.play-surah-btn.playing{background:#ff4757}.current-qari{align-items:center;background:linear-gradient(135deg,#2e8b57,#1a5d1a);background:linear-gradient(135deg,var(--primary-light) 0,var(--primary-color) 100%);border-radius:20px;box-shadow:0 3px 8px #2e8b5733;color:#fff;color:var(--white);display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-right:1rem;padding:.3rem 1rem}.mini-player{animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8f9fa);background:linear-gradient(135deg,var(--white) 0,var(--off-white) 100%);border:2px solid #e8f5e9;border:2px solid var(--border-color);border-radius:20px;border-radius:var(--radius-lg);bottom:20px;box-shadow:0 8px 30px #00000026;max-width:800px;padding:1rem 1.5rem;position:fixed;right:50%;transform:translateX(50%);width:90%;z-index:1000}@keyframes slideUp{0%{opacity:0;transform:translateX(50%) translateY(100%)}to{opacity:1;transform:translateX(50%) translateY(0)}}.mini-player-content{align-items:center;display:flex;gap:1.5rem;justify-content:space-between}.mini-player-info{flex:1 1;min-width:0}.mini-player-text{margin-bottom:.5rem}.mini-player-title{color:#1a5d1a;color:var(--primary-color);font-family:Noto Naskh Arabic,serif;font-size:1.2rem;font-weight:700;margin-bottom:.3rem}.mini-player-subtitle,.mini-player-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-player-subtitle{color:#6c757d;color:var(--text-light);font-size:.9rem}.mini-progress-bar{-webkit-appearance:none;appearance:none;background:#e8f5e9;background:var(--border-color);border-radius:2px;cursor:pointer;height:4px;outline:none;width:100%}.mini-progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#1a5d1a;background:var(--primary-color);border:2px solid #fff;border:2px solid var(--white);border-radius:50%;box-shadow:0 2px 5px #0003;cursor:pointer;height:14px;width:14px}.mini-player-controls{align-items:center;display:flex;flex-shrink:0;gap:1rem}.mini-control-btn{align-items:center;background:#f8f9fa;background:var(--off-white);border:2px solid #e8f5e9;border:2px solid var(--border-color);border-radius:50%;color:#1a5d1a;color:var(--primary-color);cursor:pointer;display:flex;font-size:1rem;height:35px;justify-content:center;transition:all .2s ease;transition:var(--transition-fast);width:35px}.mini-control-btn:hover{background:#1a5d1a;background:var(--primary-color);border-color:#1a5d1a;border-color:var(--primary-color);color:#fff;color:var(--white);transform:scale(1.1)}.mini-play-btn{align-items:center;background:linear-gradient(135deg,#1a5d1a,#2e8b57);background:var(--primary-gradient);border:none;border-radius:50%;box-shadow:0 4px 10px #2e8b574d;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1.1rem;height:40px;justify-content:center;transition:all .2s ease;transition:var(--transition-fast);width:40px}.mini-play-btn:hover{box-shadow:0 6px 15px #2e8b5766;transform:scale(1.1)}.mini-volume-control{align-items:center;background:#f8f9fa;background:var(--off-white);border:1px solid #e8f5e9;border:1px solid var(--border-color);border-radius:20px;display:flex;gap:.5rem;padding:.3rem .8rem}.mini-volume-icon{color:#1a5d1a;color:var(--primary-color);font-size:1rem}.mini-volume-bar{-webkit-appearance:none;appearance:none;background:#e8f5e9;background:var(--border-color);border-radius:1.5px;cursor:pointer;height:3px;outline:none;width:70px}.mini-close-btn{align-items:center;background:#f8f9fa;background:var(--off-white);border:2px solid #e8f5e9;border:2px solid var(--border-color);border-radius:50%;color:#6c757d;color:var(--text-light);cursor:pointer;display:flex;font-size:.9rem;height:30px;justify-content:center;transition:all .2s ease;transition:var(--transition-fast);width:30px}.mini-close-btn:hover{background:#ff4757;border-color:#ff4757;color:#fff;color:var(--white);transform:scale(1.1)}.favorites-section{background:#fff;background:var(--white);border:1px solid #e8f5e9;border:1px solid var(--border-color);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #1a5d1a1f;box-shadow:var(--shadow-md);margin-top:2rem;padding:2rem}.favorites-grid{display:flex;flex-wrap:wrap;gap:1.5rem}.favorite-card{align-items:center;background:#f8f9fa;background:var(--off-white);border:1px solid #0000;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;min-width:200px;padding:1rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.favorite-card:hover{border-color:#2e8b57;border-color:var(--primary-light);box-shadow:0 2px 8px #1a5d1a14;box-shadow:var(--shadow-sm);transform:translateY(-3px)}.favorite-image{border:2px solid #fff;border:2px solid var(--white);border-radius:50%;height:50px;margin-left:1rem;overflow:hidden;width:50px}.favorite-image img{height:100%;object-fit:cover;width:100%}.favorite-info{flex:1 1}.favorite-info h4{color:#1a5d1a;color:var(--primary-color);font-size:1rem;margin-bottom:.2rem}.favorite-info p{color:#6c757d;color:var(--text-light);font-size:.8rem}.remove-favorite{align-items:center;background:#ff4757;border:none;border-radius:50%;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:.8rem;height:25px;justify-content:center;left:-8px;opacity:0;position:absolute;top:-8px;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:25px}.favorite-card:hover .remove-favorite{opacity:1}.clear-favorites-btn{align-items:center;background:#f8f9fa;background:var(--off-white);border:1px solid #ff47574d;border-radius:8px;border-radius:var(--radius-sm);color:#ff4757;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.4rem 1rem;transition:all .2s ease;transition:var(--transition-fast)}.clear-favorites-btn:hover{background:#ff4757;box-shadow:0 4px 10px #ff475733;color:#fff;color:var(--white);transform:translateY(-2px)}.favorite-surah-count{align-items:center;background:#f8f9fa;background:var(--off-white);border-radius:10px;color:#6c757d;color:var(--text-light);display:flex;font-size:.8rem;gap:.3rem;margin-top:.3rem;padding:.2rem .5rem;width:-webkit-fit-content;width:fit-content}.quran-reader.dark-mode{background:#121212;color:#e0e0e0}.quran-reader.dark-mode .surah-card{background:#1e1e1e;border-color:#333;color:#e0e0e0}.surah-list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.surah-card{background:#fff;background:var(--white);border:1px solid #e8f5e9;border:1px solid var(--border-color);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #1a5d1a1f;box-shadow:var(--shadow-md);cursor:pointer;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.surah-card:hover{border-color:#2e8b57;border-color:var(--primary-light);box-shadow:0 15px 50px #1a5d1a33;box-shadow:var(--shadow-xl);transform:translateY(-10px) translateX(-5px)}.surah-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.surah-number{background:linear-gradient(135deg,#1a5d1a,#2e8b57);background:var(--primary-gradient);box-shadow:0 2px 8px #1a5d1a14;box-shadow:var(--shadow-sm);color:var(--white);font-size:1.3rem;height:45px;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:45px}.surah-card:hover .surah-number{transform:scale(1.1) rotate(1turn)}.surah-name{color:#1a5d1a;color:var(--primary-color);font-family:Noto Naskh Arabic,serif;font-size:2rem;font-weight:800;text-align:right}.surah-transliteration{font-size:1.1rem;margin-top:.5rem}.surah-info,.surah-transliteration{color:#6c757d;color:var(--text-light)}.surah-info{border-top:1px solid #e8f5e9;border-top:1px solid var(--border-color);justify-content:space-between;padding-top:1.5rem}.play-btn,.surah-info{display:flex;margin-top:1.5rem}.play-btn{align-items:center;background:linear-gradient(135deg,#1a5d1a,#2e8b57);background:var(--primary-gradient);border:none;border-radius:50px;color:#fff;color:var(--white);cursor:pointer;font-weight:600;gap:.5rem;justify-content:center;padding:.8rem 2rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.play-btn:hover{box-shadow:0 4px 20px #1a5d1a1f;box-shadow:var(--shadow-md);transform:translateY(-3px)}.azkar-container{margin:0 auto;max-width:800px;padding:15px;position:relative}.azkar-card{background:linear-gradient(135deg,#fffffff2,#f8f9faf2);border:1px solid #e8f5e9;border:1px solid var(--border-color);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #1a5d1a1f;box-shadow:var(--shadow-md);margin-bottom:2rem;overflow:hidden;padding:1.5rem;position:relative}.azkar-text{color:#1a5d1a;color:var(--primary-color);font-family:Noto Naskh Arabic,Amiri,serif;font-size:1.5rem;line-height:1.8;margin-bottom:1.5rem;position:relative;text-align:center;text-shadow:0 1px 2px #0000000d;z-index:1}.azkar-description{background:#e8f5e980;border-radius:12px;border-radius:var(--radius-md);border-right:3px solid #2e8b57;border-right:3px solid var(--primary-light);color:#2c3e50;color:var(--text-color);font-size:.95rem;line-height:1.6;margin:1rem 0;padding:1rem;position:relative;z-index:1}.azkar-reference{border-top:1px solid #e8f5e9;border-top:1px solid var(--border-color);color:#1a5d1a;color:var(--primary-color);font-size:.9rem;font-weight:600;gap:.6rem;margin-top:1.5rem;padding:.8rem;text-align:left}.azkar-navigation,.azkar-reference{align-items:center;display:flex;position:relative;z-index:1}.azkar-navigation{flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-top:2rem}.azkar-nav-btn{align-items:center;background:#1a5d1a;background:var(--primary-color);border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;min-width:140px;padding:.8rem 1.2rem;transition:all .3s ease}.azkar-nav-btn:hover{background:#0d3c0d;background:var(--primary-dark);box-shadow:0 4px 20px #1a5d1a1f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.azkar-nav-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.azkar-counter{background:var(--light-color);border:1px solid #e8f5e9;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#2c3e50;color:var(--text-color);font-size:.9rem;font-weight:600;padding:.6rem 1.2rem}@media (max-width:768px){.azkar-container{max-width:100%;padding:10px}.azkar-card{border-radius:12px;border-radius:var(--radius-md);margin-bottom:1.5rem;padding:1rem}.azkar-text{font-size:1.2rem;line-height:1.6;margin-bottom:1rem}.azkar-description{font-size:.85rem;line-height:1.5;margin:.8rem 0;padding:.8rem}.azkar-reference{font-size:.8rem;gap:.4rem;margin-top:1rem;padding:.6rem}.azkar-navigation{gap:.8rem;margin-top:1.5rem}.azkar-nav-btn{font-size:.8rem;min-width:120px;padding:.6rem 1rem}.azkar-counter{font-size:.8rem;padding:.5rem 1rem}}@media (max-width:480px){.azkar-card{padding:.8rem}.azkar-text{font-size:1.1rem;line-height:1.5}.azkar-description{font-size:.8rem;line-height:1.4;padding:.7rem}.azkar-reference{font-size:.75rem;padding:.5rem}.azkar-navigation{flex-direction:column;gap:.8rem;width:100%}.azkar-nav-btn{min-width:auto;padding:.7rem;width:100%}.azkar-counter{margin-bottom:.5rem;order:-1;text-align:center;width:100%}}@media (max-width:360px){.azkar-text{font-size:1rem;line-height:1.4}.azkar-description{font-size:.75rem;line-height:1.3;padding:.6rem}.azkar-reference{font-size:.7rem}.azkar-nav-btn{font-size:.75rem;padding:.6rem}}@media (max-width:768px) and (orientation:landscape){.azkar-text{font-size:1.1rem;line-height:1.5}.azkar-navigation{flex-direction:row}.azkar-nav-btn{min-width:45%}.azkar-counter{margin-bottom:0;order:0;width:auto}}@media (prefers-color-scheme:dark){.azkar-card{background:linear-gradient(135deg,#1e1e1ef2,#282828f2);border-color:var(--border-color-dark)}.azkar-text{color:#2e8b57;color:var(--primary-light)}.azkar-description{background:#1e281e80;color:#e0e0e0}.azkar-reference{color:#2e8b57;color:var(--primary-light)}.azkar-counter{background:var(--dark-color);border-color:var(--border-color-dark);color:#e0e0e0}}.azkar-text{text-align:justify;text-align-last:center}.azkar-text::selection{background:#2e8b57;background:var(--primary-light);color:#fff}.azkar-card{animation:fadeInUp .5s ease-out}.azkar-nav-btn i{font-size:1.1em}.azkar-reference i{font-size:1em}.azkar-description,.azkar-reference,.azkar-text{line-height:1.6;word-spacing:2px}.azkar-text{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}@media (max-width:768px){.azkar-container{scroll-padding-top:80px}}.azkar-nav-btn{min-height:44px}.azkar-reference{min-height:36px}.azkar-nav-btn{touch-action:manipulation}@media (max-width:480px){body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}}@supports (padding:max(0px)){.azkar-container{padding-bottom:max(15px,env(safe-area-inset-bottom));padding-left:max(15px,env(safe-area-inset-left));padding-right:max(15px,env(safe-area-inset-right))}}.counter-display{background:linear-gradient(135deg,#1a5d1a,#2e8b57);background:var(--primary-gradient);border-radius:50px;box-shadow:0 2px 8px #1a5d1a14;box-shadow:var(--shadow-sm);color:#fff;color:var(--white);font-weight:600;padding:.8rem 1.5rem}.rosary-container{background:linear-gradient(135deg,#fffffff2,#f8f9faf2);border:2px solid #e8f5e9;border:2px solid var(--border-color);border-radius:30px;border-radius:var(--radius-xl);box-shadow:0 15px 50px #1a5d1a33;box-shadow:var(--shadow-xl);margin:0 auto;max-width:600px;overflow:hidden;padding:3rem;position:relative;text-align:center}.counter{color:#1a5d1a;color:var(--primary-color);font-size:6rem;font-weight:800;margin:2rem 0;position:relative;text-shadow:0 4px 8px #0000001a;transition:all .2s ease;transition:var(--transition-fast);z-index:1}.rosary-btn{align-items:center;background:linear-gradient(135deg,#1a5d1a,#2e8b57);background:var(--primary-gradient);border:none;border-radius:50px;box-shadow:0 4px 20px #1a5d1a1f;box-shadow:var(--shadow-md);color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-size:1.3rem;font-weight:700;gap:.8rem;margin:1rem;padding:1.2rem 3.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.rosary-btn:hover{box-shadow:0 8px 30px #1a5d1a26;box-shadow:var(--shadow-lg);transform:translateY(-5px) scale(1.05)}.rosary-controls{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:3rem}.reset-btn{background:#dc3545}.history-section{border-top:2px solid #e8f5e9;border-top:2px solid var(--border-color);margin-top:4rem;padding-top:2rem}.history-list{background:#f8f9fa;background:var(--secondary-color);border-radius:12px;border-radius:var(--radius-md);margin-top:1.5rem;max-height:300px;overflow-y:auto;padding:1.5rem}.history-item{align-items:center;border-bottom:1px solid #e8f5e9;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease;transition:var(--transition-fast)}.history-item:hover{background:#e8f5e94d;transform:translateX(-5px)}.radio-player{background:#fff;background:var(--white);border:2px solid #e8f5e9;border:2px solid var(--border-color);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 15px 50px #1a5d1a33;box-shadow:var(--shadow-xl);margin-bottom:3rem;overflow:hidden;padding:2rem;position:relative}.now-playing{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.station-info{flex:1 1}.station-name{color:#1a5d1a;color:var(--primary-color);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.station-status{align-items:center;color:#2e8b57;color:var(--primary-light);display:flex;font-weight:600;gap:.5rem}.status-indicator{animation:pulse 1.5s infinite;background:#2e8b57;background:var(--primary-light);border-radius:50%;height:12px;width:12px}.radio-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:2rem}.radio-card{background:#fff;background:var(--white);border:1px solid #e8f5e9;border:1px solid var(--border-color);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #1a5d1a1f;box-shadow:var(--shadow-md);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.radio-card:hover{border-color:#2e8b57;border-color:var(--primary-light);box-shadow:0 15px 50px #1a5d1a33;box-shadow:var(--shadow-xl);transform:translateY(-10px) scale(1.02)}.radio-image{height:200px;object-fit:cover;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.radio-card:hover .radio-image{transform:scale(1.05)}.radio-info{padding:1.8rem}.radio-name{color:#1a5d1a;color:var(--primary-color);font-size:1.4rem;font-weight:700;line-height:1.4;margin-bottom:1rem}.footer{background:linear-gradient(135deg,#1a5d1a,#2e8b57);background:var(--primary-gradient);color:#fff;color:var(--white);margin-top:auto;overflow:hidden;padding:3rem 2rem 1.5rem;position:relative}.footer-content{margin:0 auto;max-width:1400px;position:relative;z-index:1}.footer-top{flex-direction:column;gap:1.5rem;margin-bottom:2rem}.creator,.footer-top{align-items:center;display:flex}.creator{color:#fffffff2;font-size:1.1rem;font-weight:600;gap:.8rem;justify-content:center;text-align:center}.creator i{animation:spin 4s linear infinite;color:gold;color:var(--accent-color)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.footer-links{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:1.5rem 0}.footer-link{color:#ffffffd9;font-weight:500;padding:.3rem 0;position:relative;text-decoration:none;transition:all .2s ease;transition:var(--transition-fast)}.footer-link:after{background:gold;background:var(--accent-color);bottom:0;content:"";height:2px;position:absolute;right:0;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:0}.footer-link:hover{color:#fff;color:var(--white)}.footer-link:hover:after{width:100%}.copyright{border-top:1px solid #ffffff26;color:#ffffffb3;font-size:.9rem;margin-top:2rem;padding-top:1.5rem}.copyright,.copyright p{text-align:center;width:100%}.copyright p{direction:rtl;margin:0;padding:0}@media (max-width:768px){.footer{padding:2rem 1rem 1rem}.footer-links{gap:1.5rem}.creator{flex-direction:column;font-size:1rem;gap:.5rem;text-align:center}}@media (max-width:480px){.footer{padding:1.5rem .8rem .8rem}.footer-links{align-items:center;flex-direction:column;gap:1rem}.copyright{font-size:.8rem;margin-top:1.5rem;padding-top:1rem}}.spinner-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.spinner{animation:spin 1s linear infinite;border:4px solid #2e8b571a;border-radius:50%;border-right:4px solid #1a5d1a;border-right:4px solid var(--primary-color);border-top-color:#1a5d1a;border-top:4px solid var(--primary-color);height:60px;margin-bottom:1.5rem;width:60px}.spinner-text{color:#6c757d;color:var(--text-light);font-size:1.1rem}.error-message{background:linear-gradient(135deg,#fff,#f8f9fa);background:linear-gradient(135deg,var(--white) 0,var(--off-white) 100%);border:2px solid #e8f5e9;border:2px solid var(--border-color);border-radius:20px;border-radius:var(--radius-lg);padding:3rem 1rem}.error-message i{font-size:3rem;margin-bottom:1rem}.error-message p{color:#2c3e50;color:var(--text-color);font-size:1.2rem;margin-bottom:1.5rem}.retry-btn{background:linear-gradient(135deg,#1a5d1a,#2e8b57);background:var(--primary-gradient);border-radius:25px;color:var(--white);gap:.5rem;padding:.8rem 1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.retry-btn:hover{box-shadow:0 4px 20px #1a5d1a1f;box-shadow:var(--shadow-md)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f8f9fa;background:var(--secondary-color)}::-webkit-scrollbar-thumb{background:#2e8b57;background:var(--primary-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#1a5d1a;background:var(--primary-color)}@media (max-width:1200px){.hero-content{gap:2rem}.hero-title{font-size:2.5rem}.quran-illustration{font-size:6rem;height:250px;width:250px}}@media (max-width:992px){.header{padding:0 1rem}.hero-content{flex-direction:column;gap:3rem}.hero-content,.hero-text{text-align:center}.content-grid{grid-template-columns:1fr}.ayah-text,.section-title{font-size:1.8rem}.cta-title{font-size:2.2rem}}@media (max-width:768px){html{font-size:14px}.header{height:60px}.logo{height:35px;width:35px}.logo-text{font-size:1.2rem}.dropdown-btn{font-size:.9rem;min-width:100px;padding:.5rem 1rem}.dropdown-text{display:none}.main-content{margin:1rem auto;padding:0 1rem}.hero{padding:2rem 1rem}.hero-title{font-size:2rem}.features-grid,.prayer-grid,.radio-grid,.statistics-grid,.surah-list{grid-template-columns:1fr}.mini-player{bottom:10px;padding:.8rem 1rem;width:95%}.mini-player-content{flex-direction:column;gap:.8rem}.mini-volume-control{display:none}.qaris-grid{grid-template-columns:1fr}.azkar-text{font-size:1.8rem}.counter{font-size:5rem}.dropdown-menu{height:100vh;position:fixed;right:0;top:0;transform:translateX(100%);width:280px}.dropdown-menu.open{transform:translateX(0)}}@media (max-width:480px){.hero-title{font-size:1.8rem}.hero-cta{flex-direction:column}.cta-button{justify-content:center;width:100%}.ayah-text{font-size:1.5rem}.zekr-text{font-size:1.4rem}.cta-section{padding:3rem 1rem}.cta-title{font-size:1.8rem}.footer{padding:2rem 1rem}.footer-links{gap:1rem}.quran-illustration{font-size:5rem;height:200px;width:200px}.mini-player{max-width:350px;padding:.7rem;width:96%}.mini-player-title{font-size:.9rem}.mini-player-subtitle{font-size:.75rem}}.notify-me-btn,.set-reminder-btn{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:25px;color:inherit;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;padding:.8rem 1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.notify-me-btn:hover,.set-reminder-btn:hover{background:#ffffff4d;box-shadow:0 6px 15px #fff3;transform:translateY(-3px) scale(1.05)}.notify-me-btn:active,.set-reminder-btn:active{transform:translateY(-1px) scale(1.02)}.prayer-card .notify-me-btn,.prayer-card .set-reminder-btn{margin-top:1rem;width:100%}.completed-text{align-items:center;color:#2e7d32;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.8rem 1.5rem}.completed-text i{color:#2e7d32}@media (max-width:768px){.notify-me-btn,.set-reminder-btn{min-width:110px}.completed-text,.notify-me-btn,.set-reminder-btn{font-size:.85rem;padding:.7rem 1.2rem}}@media (max-width:480px){.notify-me-btn,.set-reminder-btn{font-size:.8rem;gap:.3rem;min-width:100px;padding:.6rem 1rem}.notify-me-btn i,.set-reminder-btn i{font-size:.9rem}.completed-text{font-size:.8rem;padding:.6rem 1rem}}.ayah-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.ayah-action-btn{align-items:center;background:#fff;background:var(--white);border:2px solid #1a5d1a;border:2px solid var(--primary-color);border-radius:25px;color:#1a5d1a;color:var(--primary-color);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.8rem 1.8rem;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.ayah-action-btn:hover{background:#1a5d1a;background:var(--primary-color);box-shadow:0 6px 15px #1a5d1a33;color:#fff;color:var(--white);transform:translateY(-3px)}.ayah-action-btn i{font-size:1rem}@media (max-width:768px){.ayah-actions{align-items:center;flex-direction:column}.ayah-action-btn{justify-content:center;max-width:250px;width:100%}}@media (max-width:480px){.ayah-action-btn{font-size:.9rem;padding:.7rem 1.5rem}}.controls-bar{align-items:center;background:#fff;background:var(--white);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #1a5d1a1f;box-shadow:var(--shadow-md);display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.search-container{flex:1 1;min-width:300px}.search-container>div{position:relative}.search-container .form-input{background:#fff;background:var(--white);border:2px solid #e8f5e9;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#2c3e50;color:var(--text-color);direction:rtl;font-family:inherit;font-size:1rem;padding:.9rem 3rem .9rem 1rem;transition:all .2s ease;transition:var(--transition-fast);width:100%}.search-container .form-input:focus{border-color:#2e8b57;border-color:var(--primary-light);box-shadow:0 0 0 3px #2e8b571a;outline:none}.search-container .fas.fa-search{font-size:1rem;left:1rem}.search-container .clear-search-btn,.search-container .fas.fa-search{color:#6c757d;color:var(--text-light);position:absolute;top:50%;transform:translateY(-50%)}.search-container .clear-search-btn{background:none;border:none;cursor:pointer;left:3rem;padding:.3rem;transition:all .2s ease;transition:var(--transition-fast)}.search-container .clear-search-btn:hover{color:#1a5d1a;color:var(--primary-color);transform:translateY(-50%) scale(1.1)}.stats{color:#6c757d;color:var(--text-light);display:flex;font-size:.95rem;gap:1.5rem}.stat-item{gap:.5rem}.stat-item i{color:#1a5d1a;color:var(--primary-color);font-size:1.1rem}@media (max-width:768px){.controls-bar{align-items:stretch;flex-direction:column}.search-container{min-width:100%}.stats{justify-content:space-around;width:100%}}@media (max-width:480px){.controls-bar{padding:1rem}.stats{flex-direction:column;gap:.8rem}.stat-item{justify-content:center}}.info-cards{margin:30px 0}.prayer-tips{background:linear-gradient(135deg,#f0f7ff,#fff);border:1px solid #e3f2fd;border-radius:20px;box-shadow:0 4px 12px #0000000d;margin-top:30px;padding:25px}.tips-title{align-items:center;color:#1565c0;display:flex;font-family:Cairo,sans-serif;font-size:20px;font-weight:700;gap:10px;margin-bottom:20px}.tips-title i{color:#ff9800;font-size:22px}.tips-grid{grid-gap:15px;gap:15px}.tip-item{background:#fff;border:1px solid #e0e0e0;cursor:pointer;gap:12px;padding:15px}.tip-item:hover{background:linear-gradient(135deg,#e3f2fd,#fff);border-color:#2196f3;box-shadow:0 4px 12px #2196f326;transform:translateX(5px)}.tip-item i{background:#e3f2fd;color:#2196f3;font-size:18px;height:40px;transition:all .3s ease;width:40px}.tip-item:hover i{background:#2196f3;color:#fff;transform:scale(1.1)}.tip-item span{flex:1 1;line-height:1.5;text-align:right}@media (max-width:768px){.info-cards{gap:15px;grid-template-columns:1fr}.info-card{padding:15px}.info-icon{font-size:18px;height:45px;width:45px}.info-title{font-size:16px}.info-text{font-size:13px}.prayer-tips{padding:20px}.tips-title{font-size:18px}.tips-grid{grid-template-columns:1fr}.tip-item{padding:12px}.tip-item i{font-size:16px;height:35px;width:35px}.tip-item span{font-size:13px}}@media (max-width:480px){.info-card{flex-direction:column;text-align:center}.info-icon{align-self:center}.info-text,.tip-item{text-align:center}.tip-item{flex-direction:column;gap:10px}.tip-item span{text-align:center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.info-card,.tip-item{animation:fadeInUp .5s ease-out}.tip-item:first-child{animation-delay:.1s}.tip-item:nth-child(2){animation-delay:.2s}.tip-item:nth-child(3){animation-delay:.3s}.tip-item:nth-child(4){animation-delay:.4s}.info-card:first-child .info-icon{background:linear-gradient(135deg,#1565c0,#2196f3)}.info-card:nth-child(2) .info-icon{background:linear-gradient(135deg,#2e7d32,#4caf50)}.tip-item:first-child i{color:#4caf50}.tip-item:nth-child(2) i{color:#2196f3}.tip-item:nth-child(3) i{color:#9c27b0}.tip-item:nth-child(4) i{color:#ff9800}.tip-item:first-child:hover i{background:#4caf50}.tip-item:nth-child(2):hover i{background:#2196f3}.tip-item:nth-child(3):hover i{background:#9c27b0}.tip-item:nth-child(4):hover i{background:#ff9800}.info-card:hover .info-icon{transform:scale(1.1);transition:transform .3s ease}.info-card:hover .info-title{color:#1b5e20;transition:color .3s ease}.sadaka-jariya{margin:0 auto;max-width:1200px;padding:20px}.page-title{color:#2e7d32;font-size:32px;margin-bottom:10px}.page-subtitle,.page-title{font-family:Cairo,sans-serif;text-align:center}.page-subtitle{color:#666;font-size:16px;margin-bottom:40px}.stepper{justify-content:space-between;margin:40px 0}.step,.stepper{align-items:center;display:flex;position:relative}.step{flex:1 1;flex-direction:column}.step-circle{align-items:center;background:#e0e0e0;border:3px solid #0000;border-radius:50%;color:#666;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;margin-bottom:10px;transition:all .3s ease;width:40px}.step.active .step-circle{background:#2e7d32;border-color:#4caf50;color:#fff;transform:scale(1.1)}.step-line{background:#e0e0e0;flex:1 1;height:3px;margin:0 10px}.step-label{color:#666;font-family:Cairo,sans-serif;font-size:14px;text-align:center}.step.active .step-label{color:#2e7d32;font-weight:700}.steps-content{background:#fff;border:1px solid #e0e0e0;border-radius:20px;box-shadow:0 8px 30px #0000001a;margin:30px 0;padding:30px}.step-title{border-bottom:2px solid #f0f0f0;color:#2e7d32;font-family:Cairo,sans-serif;font-size:24px;padding-bottom:15px}.step-title,.type-selection{margin-bottom:30px}.type-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.type-option{background:#fff;border:2px solid #e0e0e0;border-radius:15px;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.type-option:hover{border-color:#4caf50;box-shadow:0 5px 20px #4caf5033;transform:translateY(-5px)}.type-option.selected{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border-color:#2e7d32}.type-option input{opacity:0;position:absolute}.option-content{text-align:center}.option-content i{color:#4caf50;font-size:40px;margin-bottom:15px}.option-content span{color:#333;display:block;font-family:Cairo,sans-serif;font-size:18px;font-weight:700;margin-bottom:10px}.option-desc{color:#666;font-family:Cairo,sans-serif;font-size:14px;margin:0}.form-group{margin-bottom:25px}.form-group label{color:#333;display:block;font-family:Cairo,sans-serif;font-size:14px;font-weight:700;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e0e0e0;border-radius:10px;font-family:Cairo,sans-serif;font-size:16px;padding:12px 15px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.image-upload-container{margin-top:10px}.image-preview{align-items:center;border:2px dashed #e0e0e0;border-radius:10px;cursor:pointer;display:flex;height:200px;justify-content:center;margin-bottom:15px;overflow:hidden;transition:all .3s ease;width:200px}.image-preview:hover{background:#f9f9f9;border-color:#4caf50}.image-preview img{height:100%;object-fit:cover;width:100%}.upload-placeholder{color:#666;text-align:center}.upload-placeholder i{color:#ccc;font-size:48px;margin-bottom:10px}.upload-placeholder span{display:block;font-family:Cairo,sans-serif;font-size:14px;margin-bottom:5px}.upload-placeholder small{color:#999;font-family:Cairo,sans-serif;font-size:12px}.remove-image-btn{background:#f44336;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Cairo,sans-serif;font-size:14px;padding:8px 15px;transition:all .3s ease}.remove-image-btn:hover{background:#d32f2f}.remove-image-btn i{margin-right:5px}.selection-section{margin-bottom:40px}.selection-section h4{align-items:center;color:#2e7d32;display:flex;font-family:Cairo,sans-serif;font-size:20px;gap:10px;margin-bottom:20px}.selection-section h4 i{color:#4caf50}.selection-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:300px;overflow-y:auto;padding:10px}.selection-item{background:#fff;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;padding:15px;transition:all .3s ease}.selection-item:hover{border-color:#4caf50;transform:translateY(-3px)}.selection-item.selected{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border-color:#2e7d32}.item-header{justify-content:space-between;margin-bottom:10px}.item-header,.item-number{align-items:center;display:flex}.item-number{background:#4caf50;border-radius:50%;color:#fff;font-size:12px;font-weight:700;height:30px;justify-content:center;width:30px}.item-body h5{color:#333;font-size:16px}.item-body h5,.item-subtitle{font-family:Cairo,sans-serif;margin-bottom:5px;text-align:center}.item-subtitle{color:#666;font-size:12px}.item-desc{color:#999;font-family:Cairo,sans-serif;font-size:11px;margin:0;text-align:center}.adhkar-list{max-height:300px;overflow-y:auto;padding:10px}.adhkar-item{background:#fff;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;margin-bottom:15px;padding:15px;transition:all .3s ease}.adhkar-item:hover{border-color:#4caf50}.adhkar-item.selected{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border-color:#2e7d32}.adhkar-header{margin-bottom:10px}.adhkar-header,.adhkar-title{align-items:center;display:flex;gap:10px}.adhkar-title{color:#2e7d32;font-family:Cairo,sans-serif;font-weight:700}.zekr-text{font-size:14px;line-height:1.6;margin-bottom:10px;text-align:right}.zekr-desc{font-size:12px;margin-bottom:5px}.zekr-ref{font-size:11px;margin:0}.zekr-ref i{margin-right:5px}.selected-count{align-items:center;background:#e8f5e9;border:2px solid #c8e6c9;border-radius:10px;display:flex;gap:10px;margin-top:15px;padding:10px 15px}.selected-count i{color:#2e7d32;font-size:18px}.selected-count span{color:#2e7d32;font-family:Cairo,sans-serif;font-weight:700}.step-actions{border-top:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-top:40px;padding-top:20px}.create-btn,.next-btn,.prev-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:Cairo,sans-serif;font-size:16px;font-weight:700;gap:10px;justify-content:center;padding:12px 30px;transition:all .3s ease}.next-btn{background:linear-gradient(135deg,#2e7d32,#4caf50);color:#fff}.next-btn:hover:not(:disabled){box-shadow:0 5px 15px #2e7d3266;transform:translateX(-5px)}.next-btn:disabled{background:#ccc;cursor:not-allowed}.prev-btn{background:#fff;border:2px solid #e0e0e0;color:#666}.prev-btn:hover{background:#f9f9f9;border-color:#4caf50;color:#2e7d32}.create-btn{background:linear-gradient(135deg,#ff9800,#ffb74d);color:#fff;justify-content:center;width:100%}.create-btn:hover:not(:disabled){box-shadow:0 5px 20px #ff98004d;transform:translateY(-3px)}.create-btn:disabled{cursor:not-allowed;opacity:.7}.success-step{text-align:center}.success-icon{color:#2e7d32;font-size:80px;margin-bottom:20px}.success-title{color:#2e7d32;font-family:Cairo,sans-serif;font-size:28px;margin-bottom:30px}.success-card{background:#f9f9f9;border-radius:15px;margin:30px 0;padding:25px;text-align:right}.success-info h4{color:#333;font-family:Cairo,sans-serif;margin-bottom:15px}.success-info ul{list-style:none;padding:0}.success-info li{font-family:Cairo,sans-serif;margin-bottom:10px}.success-info strong{color:#2e7d32}.share-section{border-top:2px solid #e0e0e0;margin-top:30px;padding-top:20px}.share-section h4{align-items:center;color:#333;font-family:Cairo,sans-serif;justify-content:flex-end}.share-link-container,.share-section h4{display:flex;gap:10px;margin-bottom:15px}.share-link-input{border:2px solid #e0e0e0;border-radius:10px;direction:ltr;flex:1 1;padding:12px 15px;text-align:left}.copy-btn,.share-link-input{font-family:Cairo,sans-serif}.copy-btn{background:#2196f3;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:12px 20px;transition:all .3s ease}.copy-btn:hover{background:#1976d2;transform:translateY(-2px)}.share-note{color:#666;font-size:14px;margin-bottom:20px}.share-btn,.share-note{font-family:Cairo,sans-serif}.share-btn{align-items:center;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:10px;padding:12px 25px;transition:all .3s ease}.share-btn.whatsapp{background:#25d366}.share-btn.facebook{background:#1877f2}.share-btn.telegram{background:#08c}.share-btn:hover{box-shadow:0 5px 15px #0003;transform:translateY(-3px)}.success-actions{display:flex;gap:20px;justify-content:center;margin-top:30px}.new-sadaka-btn,.view-sadaka-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:Cairo,sans-serif;font-size:16px;font-weight:700;gap:10px;padding:12px 30px;transition:all .3s ease}.new-sadaka-btn{background:#fff;border:2px solid #2e7d32;color:#2e7d32}.new-sadaka-btn:hover{background:#2e7d32;color:#fff;transform:translateY(-3px)}.view-sadaka-btn{background:linear-gradient(135deg,#2196f3,#21cbf3);color:#fff}.view-sadaka-btn:hover{box-shadow:0 5px 15px #2196f366;transform:translateY(-3px)}.error-alert,.success-alert{align-items:center;animation:slideIn .3s ease;border-radius:10px;display:flex;gap:15px;margin:20px 0;padding:15px 20px}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.error-alert{background:#ffebee;border:2px solid #ffcdd2;color:#c62828}.success-alert{background:#e8f5e9;border:2px solid #c8e6c9;color:#2e7d32}.error-alert i,.success-alert i{font-size:20px}.error-alert span,.success-alert span{flex:1 1;font-family:Cairo,sans-serif}.close-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:18px}.progress-info{margin:30px 0}.progress-bar{background:#e0e0e0;border-radius:5px;height:10px;margin-bottom:10px;overflow:hidden}.progress-fill{background:linear-gradient(135deg,#2e7d32,#4caf50);border-radius:5px;height:100%;transition:width .3s ease}.progress-text{color:#666;font-family:Cairo,sans-serif;font-size:14px;text-align:center}.info-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:40px}.info-card{align-items:flex-start;background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 4px 6px #0000000d;display:flex;gap:15px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.info-card:hover{border-color:#2e7d32;box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.info-card:before{background:linear-gradient(180deg,#2e7d32,#4caf50);border-radius:0 16px 16px 0;content:"";height:100%;position:absolute;right:0;top:0;width:5px}.info-icon{align-items:center;background:linear-gradient(135deg,#2e7d32,#4caf50);border-radius:12px;box-shadow:0 4px 10px #2e7d324d;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:50px;justify-content:center;width:50px}.info-content{flex:1 1}.info-title{color:#2e7d32;font-size:18px;font-weight:700;margin-bottom:8px}.info-text,.info-title{font-family:Cairo,sans-serif}.info-text{color:#555;font-size:14px;line-height:1.6;margin:0;text-align:right}@media (max-width:768px){.sadaka-jariya{padding:15px}.page-title{font-size:24px}.stepper{margin:20px 0}.step-circle{font-size:14px;height:35px;width:35px}.step-label{font-size:12px}.steps-content{margin:20px 0;padding:20px}.step-title{font-size:20px}.type-options{grid-template-columns:1fr}.selection-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.form-row{grid-template-columns:1fr}.image-preview{height:150px;width:150px}.step-actions{flex-direction:column;gap:15px}.create-btn,.next-btn,.prev-btn{justify-content:center;width:100%}.share-buttons{flex-direction:column}.share-btn{justify-content:center;width:100%}.success-actions{flex-direction:column}.info-cards{grid-template-columns:1fr}}@media (max-width:480px){.page-title{font-size:20px}.page-subtitle{font-size:14px}.step-title{font-size:18px}.selection-grid{grid-template-columns:repeat(2,1fr)}.adhkar-item{padding:10px}}.sadaka-view{background:linear-gradient(135deg,#f8f9fa,#fff);margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}.sadaka-header{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000000d;justify-content:space-between;margin-bottom:30px;padding:20px}.back-btn,.sadaka-header{align-items:center;display:flex}.back-btn{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;color:#333;cursor:pointer;font-family:Cairo,sans-serif;font-size:14px;gap:10px;padding:10px 20px;transition:all .3s ease}.back-btn:hover{background:#2e7d32;border-color:#2e7d32;color:#fff;transform:translateX(5px)}.sadaka-hero{background:linear-gradient(135deg,#2e7d32,#4caf50);border-radius:20px;color:#fff;margin-bottom:30px;overflow:hidden;padding:40px 30px;position:relative;text-align:center}.sadaka-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%23fff' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0}.hero-content{position:relative;z-index:1}.type-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50px;display:inline-flex;gap:10px;margin-bottom:20px;padding:10px 20px}.type-badge i{font-size:20px}.person-name{font-size:36px;font-weight:700;margin:15px 0;text-shadow:0 2px 4px #0003}.person-relation{font-size:18px;margin-bottom:20px;opacity:.9}.person-relation i{margin-left:10px}.person-image{border:5px solid #fff;border-radius:50%;box-shadow:0 10px 30px #0003;height:150px;margin:20px auto;overflow:hidden;width:150px}.person-image img{height:100%;object-fit:cover;width:100%}.prayer-stats{display:flex;gap:40px;justify-content:center;margin-top:30px}.stat-item{align-items:center;display:flex;gap:15px}.stat-item i{font-size:30px;opacity:.8}.stat-number{display:block;font-size:28px;font-weight:700}.stat-label{color:#fff;display:block;font-size:14px;opacity:.8}.prayer-section{margin:30px 0;text-align:center}.pray-btn{align-items:center;background:linear-gradient(135deg,#ff9800,#ffb74d);border:none;border-radius:50px;box-shadow:0 10px 20px #ff98004d;color:#fff;cursor:pointer;display:inline-flex;font-size:20px;font-weight:700;gap:15px;padding:18px 40px;transition:all .3s ease}.pray-btn:hover:not(:disabled){box-shadow:0 15px 30px #ff980066;transform:translateY(-5px)}.pray-btn:disabled{cursor:not-allowed;opacity:.7}.pray-btn.prayed{background:linear-gradient(135deg,#2e7d32,#4caf50)}.prayer-thanks{align-items:center;color:#2e7d32;display:flex;font-size:16px;gap:10px;justify-content:center;margin-top:20px}.adhkar-section,.details-section,.prayer-tips,.share-section,.surahs-section{background:#fff;border-radius:20px;box-shadow:0 4px 15px #0000000d;margin:30px 0;padding:30px}.adhkar-section h3,.details-section h3,.prayer-tips h3,.share-section h3,.surahs-section h3{align-items:center;color:#2e7d32;display:flex;font-family:Cairo,sans-serif;font-size:24px;gap:15px;margin-bottom:25px}.adhkar-section h3 i,.details-section h3 i,.prayer-tips h3 i,.share-section h3 i,.surahs-section h3 i{color:#4caf50}.details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.detail-item{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.detail-item:hover{border-color:#4caf50;transform:translateY(-3px)}.detail-item i{align-items:center;background:#fff;border-radius:10px;color:#4caf50;display:flex;font-size:24px;height:50px;justify-content:center;width:50px}.detail-label{color:#666;font-size:12px;margin-bottom:5px}.detail-label,.detail-value{display:block;font-family:Cairo,sans-serif}.detail-value{color:#333;font-size:16px;font-weight:700}.notes-section{background:#fff9e1;border:2px solid #ffecb3;border-radius:12px;padding:20px}.notes-section h4{align-items:center;color:#ff9800;display:flex;font-family:Cairo,sans-serif;font-size:18px;gap:10px;margin-bottom:15px}.notes-text{color:#5d4037;font-family:Cairo,sans-serif;line-height:1.8;margin:0}.surahs-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.surah-card{align-items:center;background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border:2px solid #c8e6c9;border-radius:12px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.surah-card:hover{border-color:#4caf50;box-shadow:0 10px 20px #4caf5033;transform:translateY(-5px)}.surah-number{background:#2e7d32}.surah-content{flex:1 1}.surah-name{color:#2e7d32}.adhkar-list{grid-gap:20px;display:grid;gap:20px}.zekr-card{background:#fff;border:2px solid #e0e0e0;border-radius:15px;padding:20px;transition:all .3s ease}.zekr-card:hover{border-color:#4caf50;box-shadow:0 5px 20px #0000001a}.zekr-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.zekr-number{background:#e3f2fd;border-radius:20px;color:#1565c0;font-family:Cairo,sans-serif;font-size:14px;font-weight:700;padding:5px 15px}.zekr-header i{color:#4caf50;font-size:20px}.zekr-text{color:#333;font-size:18px;font-weight:500;line-height:1.8;margin-bottom:15px;text-align:center}.zekr-desc,.zekr-text{font-family:Cairo,sans-serif}.zekr-desc{color:#666;font-size:14px;line-height:1.6;margin-bottom:10px;text-align:right}.zekr-ref{align-items:center;color:#999;display:flex;font-family:Cairo,sans-serif;font-size:12px;gap:10px}.share-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:25px 0}.share-buttons .share-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:12px;justify-content:center;min-width:160px;padding:15px 30px;transition:all .3s ease}.share-buttons .whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.share-buttons .facebook{background:linear-gradient(135deg,#1877f2,#0d47a1);color:#fff}.share-buttons .copy{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff}.share-buttons .share-btn:hover{box-shadow:0 10px 20px #0003;transform:translateY(-5px)}.share-note{align-items:center;background:#e8f5e9;border:2px solid #c8e6c9;border-radius:12px;display:flex;gap:15px;margin-top:20px;padding:15px}.share-note i{color:#2e7d32;font-size:20px}.share-note span{color:#2e7d32;flex:1 1;font-family:Cairo,sans-serif;font-size:14px}.tips-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tip-item{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;display:flex;gap:15px;padding:20px;transition:all .3s ease}.tip-item:hover{background:#fff;border-color:#4caf50;transform:translateY(-5px)}.tip-item i{align-items:center;background:#fff;border-radius:10px;color:#4caf50;display:flex;flex-shrink:0;font-size:24px;height:50px;justify-content:center;width:50px}.tip-item span{color:#333;font-family:Cairo,sans-serif;font-size:14px;font-weight:500;line-height:1.6}.sadaka-footer{background:linear-gradient(135deg,#2e7d32,#4caf50);border-radius:20px;color:#fff;margin-top:40px;padding:30px;text-align:center}.footer-text{font-family:Cairo,sans-serif;font-size:18px;line-height:1.8;margin-bottom:10px}.footer-text i{margin-left:10px}.footer-text small{display:block;font-size:14px;margin-top:10px;opacity:.8}@media (max-width:768px){.sadaka-view{padding:15px}.sadaka-header{flex-direction:column;gap:15px;text-align:center}.person-name{font-size:28px}.prayer-stats{flex-direction:column;gap:20px}.pray-btn{justify-content:center;width:100%}.details-grid{grid-template-columns:1fr}.surahs-grid{grid-template-columns:repeat(2,1fr)}.share-buttons{flex-direction:column}.share-buttons .share-btn{width:100%}.tips-grid{grid-template-columns:1fr}}@media (max-width:480px){.sadaka-hero{padding:30px 20px}.person-image{height:120px;width:120px}.adhkar-section,.details-section,.prayer-tips,.share-section,.surahs-section{padding:20px}.surahs-grid{grid-template-columns:1fr}.zekr-text{font-size:16px}}.error-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.home-btn{align-items:center;background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:Cairo,sans-serif;font-size:16px;gap:10px;padding:12px 30px;transition:all .3s ease}.home-btn:hover{background:#2e7d32;transform:translateY(-2px)}.footer-link{border-top:1px solid #fff3;margin-top:15px;padding-top:15px}.footer-link small{font-size:12px;opacity:.8}.quran-audio-section{background:#fff;border-radius:20px;box-shadow:0 4px 15px #0000000d;margin:30px 0;padding:30px}.quran-audio-section h3{align-items:center;color:#2e7d32;display:flex;font-family:Cairo,sans-serif;font-size:24px;gap:15px;margin-bottom:25px}.quran-audio-section h3 i{color:#4caf50}.reciter-selection{margin-bottom:30px}.reciter-selection h4{align-items:center;color:#333;display:flex;font-family:Cairo,sans-serif;font-size:18px;gap:10px;margin-bottom:15px}.reciter-list{display:flex;flex-wrap:wrap;gap:10px}.reciter-btn{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:5px;min-width:120px;padding:12px 20px;transition:all .3s ease}.reciter-btn:hover{border-color:#4caf50;transform:translateY(-3px)}.reciter-btn.selected{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border-color:#2e7d32;color:#2e7d32}.reciter-btn i{color:#4caf50;font-size:20px}.reciter-btn.selected i{color:#2e7d32}.reciter-btn span{font-family:Cairo,sans-serif;font-size:14px;font-weight:700}.reciter-btn small{color:#666;font-family:Cairo,sans-serif;font-size:11px}.audio-player{background:linear-gradient(135deg,#2e7d32,#4caf50);border-radius:15px;color:#fff;margin-bottom:30px;padding:25px}.player-header{margin-bottom:20px;text-align:center}.player-header h4{align-items:center;display:flex;font-family:Cairo,sans-serif;font-size:20px;gap:10px;justify-content:center;margin-bottom:10px}.reciter-name{font-family:Cairo,sans-serif;font-size:14px;opacity:.9}.player-controls{display:flex;flex-direction:column;gap:20px}.control-btn{align-items:center;background:#fff;border:none;border-radius:50px;color:#2e7d32;cursor:pointer;display:flex;font-family:Cairo,sans-serif;font-size:18px;font-weight:700;gap:15px;justify-content:center;margin:0 auto;min-width:150px;padding:15px 30px;transition:all .3s ease}.control-btn:hover{box-shadow:0 5px 15px #fff3;transform:scale(1.05)}.time-display{align-items:center;display:flex;gap:15px;width:100%}.time-display span{font-family:Cairo,sans-serif;font-size:14px;min-width:50px;text-align:center}.seek-slider{-webkit-appearance:none;background:#ffffff4d;border-radius:3px;flex:1 1;height:6px;outline:none}.seek-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:2px solid #2e7d32;border-radius:50%;cursor:pointer;height:20px;width:20px}.volume-control{align-items:center;display:flex;gap:10px;justify-content:center}.volume-control i{font-size:20px}.volume-slider{-webkit-appearance:none;background:#ffffff4d;border-radius:3px;height:6px;outline:none;width:100px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:16px;width:16px}.player-info{border-top:1px solid #fff3;margin-top:20px;padding-top:15px}.current-sura{align-items:center;display:flex;font-family:Cairo,sans-serif;font-size:14px;gap:10px;justify-content:center;text-align:center}.surahs-audio-list{margin-top:30px}.surahs-audio-list h4{align-items:center;color:#333;display:flex;font-family:Cairo,sans-serif;font-size:18px;gap:10px;margin-bottom:20px}.surahs-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.surah-audio-card{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:15px;padding:20px;transition:all .3s ease}.surah-audio-card:hover{border-color:#4caf50;box-shadow:0 5px 20px #4caf501a;transform:translateY(-5px)}.surah-audio-card.playing{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border-color:#2e7d32}.surah-audio-header{align-items:center;display:flex;gap:15px;margin-bottom:15px}.surah-number{align-items:center;background:#4caf50;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.surah-audio-card.playing .surah-number{background:#2e7d32}.surah-info{flex:1 1}.surah-name{color:#333;font-family:Cairo,sans-serif;font-size:18px;margin-bottom:5px}.surah-transliteration{color:#666;font-family:Cairo,sans-serif;font-size:12px;margin:0}.surah-audio-actions{display:flex;gap:10px;margin-bottom:15px}.play-sura-btn{align-items:center;background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-family:Cairo,sans-serif;font-size:14px;gap:10px;justify-content:center;padding:10px 15px;transition:all .3s ease}.play-sura-btn:hover:not(:disabled){background:#2e7d32;transform:translateY(-2px)}.play-sura-btn:disabled{cursor:not-allowed;opacity:.7}.play-sura-btn.playing{background:#ff9800}.download-btn{align-items:center;background:#2196f3;border-radius:8px;color:#fff;display:flex;font-family:Cairo,sans-serif;font-size:14px;gap:10px;justify-content:center;padding:10px 15px;text-decoration:none;transition:all .3s ease}.download-btn:hover{background:#1976d2;transform:translateY(-2px)}.not-available{align-items:center;background:#f44336;border-radius:8px;color:#fff;display:flex;font-family:Cairo,sans-serif;font-size:14px;gap:10px;justify-content:center;padding:10px 15px}.surah-audio-info{border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-top:10px;padding-top:10px}@media (max-width:768px){.quran-audio-section{padding:20px}.reciter-list{flex-direction:column}.reciter-btn{width:100%}.surahs-grid{grid-template-columns:1fr}.player-controls,.time-display{flex-direction:column}.time-display{gap:10px}.surah-audio-actions{flex-direction:column}.download-btn,.play-sura-btn{width:100%}}@media (max-width:480px){.audio-player{padding:15px}.control-btn{font-size:16px;padding:12px 20px}.surah-audio-card{padding:15px}}.reciter-selection-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px}.reciter-selection-item{background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;overflow:hidden;padding:15px;position:relative;transition:all .3s ease}.reciter-selection-item:hover{border-color:#4caf50;box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.reciter-selection-item.selected{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border-color:#2e7d32}.reciter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.reciter-avatar{font-size:20px;height:50px;width:50px}.reciter-selection-item.selected .reciter-avatar{background:linear-gradient(135deg,#ff9800,#f57c00)}.reciter-body h5{color:#333;font-family:Cairo,sans-serif;font-size:16px;margin-bottom:8px}.reciter-rewaya{color:#fff;font-family:Cairo,sans-serif;gap:5px;margin-bottom:10px}.reciter-info,.reciter-rewaya{align-items:center;display:flex}.reciter-info{color:#888;font-size:11px;justify-content:space-between}.reciter-available,.reciter-count{align-items:center;display:flex;gap:3px}.reciter-selected-badge{align-items:center;animation:fadeIn .3s ease;background:#2e7d32;border-radius:20px;color:#fff;display:flex;font-size:11px;gap:5px;left:10px;padding:5px 10px;position:absolute;top:10px}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.reciter-info-badge{align-items:center;background:#4caf50;border-radius:15px;color:#fff;display:inline-flex;font-size:12px;gap:5px;margin-right:10px;padding:5px 10px}@media (max-width:768px){.reciter-selection-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.reciter-selection-item{padding:12px}.reciter-avatar{font-size:16px;height:40px;width:40px}.reciter-body h5{font-size:14px}}@media (max-width:480px){.reciter-selection-grid{grid-template-columns:1fr}}.selected-reciter-badge{align-items:center;background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:15px;color:#fff;display:flex;gap:15px;margin:20px auto;max-width:300px;padding:15px}.selected-reciter-badge i{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:24px;height:50px;justify-content:center;width:50px}.reciter-label{display:block;font-size:12px;margin-bottom:5px;opacity:.9}.reciter-name{display:block;font-size:16px;font-weight:700;margin-bottom:3px}.reciter-rewaya{display:block;font-size:12px;opacity:.8}.selected-reciter-info{margin-bottom:25px}.selected-reciter-card{align-items:center;background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border:2px solid #c8e6c9;border-radius:15px;display:flex;gap:20px;padding:20px}.reciter-avatar{align-items:center;background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:60px;justify-content:center;width:60px}.reciter-details{flex:1 1}.reciter-details h4{color:#2e7d32;font-family:Cairo,sans-serif;font-size:18px;gap:10px}.reciter-details h4,.reciter-main-info{align-items:center;display:flex;margin-bottom:10px}.reciter-main-info{gap:15px}.reciter-main-info strong{color:#333;font-size:20px}.reciter-rewaya-badge{background:#4caf50;border-radius:20px;color:#fff;font-size:12px;font-weight:700;padding:5px 12px}.reciter-note{align-items:center;color:#666;display:flex;font-family:Cairo,sans-serif;font-size:14px;gap:10px;margin:0}.reciter-note i{color:#ff9800}.reciter-btn.original-selected{border:2px solid #ff9800;position:relative}.reciter-btn.original-selected:before{background:#ff9800;border-radius:10px;color:#fff;content:"مختار أصلي";font-size:10px;font-weight:700;left:10px;padding:3px 8px;position:absolute;top:-10px}.reciter-btn-info{display:flex;flex-direction:column;gap:3px}.original-badge{background:#ff9800;border-radius:10px;color:#fff;font-size:10px;font-weight:700;margin-top:5px;padding:2px 6px}.original-indicator{align-items:center;background:#ff9800;border-radius:15px;color:#fff;display:inline-flex;font-size:12px;gap:5px;margin-right:10px;padding:3px 10px}.detail-item.reciter-detail-item{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border-color:#c8e6c9}.detail-subvalue{color:#666;display:block;font-family:Cairo,sans-serif;font-size:12px;margin-top:3px}.surah-audio-info small{align-items:center;color:#666;display:flex;font-family:Cairo,sans-serif;font-size:11px;gap:5px}@media (max-width:768px){.selected-reciter-badge{max-width:100%;padding:12px}.selected-reciter-card{flex-direction:column;padding:15px;text-align:center}.reciter-details h4{justify-content:center}.reciter-main-info{flex-direction:column;gap:8px}.original-indicator{font-size:10px;padding:2px 8px}}@media (max-width:480px){.selected-reciter-badge{flex-direction:column;gap:10px;text-align:center}.reciter-btn.original-selected:before{font-size:8px;left:5px;padding:2px 6px}}.prayers-section{background:#fff;border:2px solid #e8f5e9;border-radius:20px;box-shadow:0 10px 30px #27ae601a;margin:40px 0;padding:30px}.prayers-section h3{align-items:center;border-bottom:3px solid #e8f5e9;color:#27ae60;display:flex;font-size:1.8rem;gap:12px;justify-content:center;margin-bottom:25px;padding-bottom:15px;text-align:center}.prayers-list{grid-gap:25px;display:grid;gap:25px;margin-bottom:30px}.prayer-card{background:#fff;border:2px solid #e8f5e9;box-shadow:0 5px 15px #00000014}.prayer-card:hover{border-color:#27ae60;box-shadow:0 15px 35px #27ae6026}.prayer-card-header{align-items:center;background:linear-gradient(135deg,#27ae60,#2ecc71);display:flex;justify-content:space-between;padding:15px 25px}.prayer-number{align-items:center;color:#fff;display:flex;font-size:1.1rem;font-weight:700;gap:10px}.prayer-number:before{content:"🔖";font-size:1.2rem}.prayer-auto-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;color:#fff;display:flex;font-size:.9rem;gap:8px;padding:5px 15px}.prayer-card-body{padding:25px}.prayer-arabic-container{background:#f8fef8;border-radius:10px;border-right:5px solid #27ae60;margin-bottom:20px;padding:20px}.prayer-arabic{color:#2c3e50;direction:rtl;font-family:Scheherazade,Noto Naskh Arabic,serif;font-size:1.3rem;line-height:2;margin:0;text-align:right}.prayer-description{align-items:center;background:#f1f8e9;border-radius:10px;color:#388e3c;display:flex;font-size:1rem;gap:12px;margin-bottom:20px;padding:15px}.prayer-description i{color:#27ae60;font-size:1.2rem}.prayer-actions{display:flex;gap:15px}.copy-prayer-btn,.read-prayer-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:700;gap:10px;justify-content:center;padding:12px 20px;transition:all .3s ease}.copy-prayer-btn{background:#27ae60;color:#fff}.copy-prayer-btn:hover{background:#219653;box-shadow:0 5px 15px #27ae604d;transform:translateY(-2px)}.read-prayer-btn{background:#fff;border:2px solid #27ae60;color:#27ae60}.read-prayer-btn:hover{background:#27ae60;box-shadow:0 5px 15px #27ae604d;color:#fff;transform:translateY(-2px)}.prayers-info{background:#f1f8e9;border-radius:15px;border-right:5px solid #27ae60;padding:20px}.prayers-info p{align-items:flex-start;color:#2e7d32;display:flex;font-size:1rem;gap:12px;line-height:1.6;margin:0}.prayers-info i{color:#27ae60;font-size:1.2rem;margin-top:3px}@media (max-width:768px){.prayers-section{margin:25px 0;padding:20px}.prayers-section h3{flex-direction:column;font-size:1.5rem;gap:8px}.prayer-card-header{flex-direction:column;gap:10px;padding:12px 20px;text-align:center}.prayer-card-body{padding:20px}.prayer-arabic{font-size:1.1rem;line-height:1.8}.prayer-actions{flex-direction:column}.prayer-description{padding:15px}.prayer-description,.prayers-info p{flex-direction:column;text-align:center}.prayers-info p{gap:10px}}.prayer-card:nth-child(odd) .prayer-arabic-container{border-right-color:#2ecc71}.prayer-card:nth-child(2n) .prayer-card-header{background:linear-gradient(135deg,#2ecc71,#27ae60)}.copy-prayer-btn:active,.read-prayer-btn:active{transform:scale(.98)}.location-selector{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #c8e6c9;border-radius:15px;box-shadow:0 4px 12px #2e7d320d;margin-bottom:25px;padding:20px}.selector-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.selector-group{display:flex;flex-direction:column}.selector-group label{align-items:center;color:#2e7d32;display:flex;font-family:Cairo,sans-serif;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.selector-group label i{color:#4caf50}.city-select,.country-select,.method-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%234CAF50' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;background-size:12px;border:2px solid #c8e6c9;border-radius:10px;color:#2e7d32;cursor:pointer;font-family:Cairo,sans-serif;font-size:14px;font-weight:500;padding:12px 15px;transition:all .3s ease}.city-select:hover,.country-select:hover,.method-select:hover{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.city-select:focus,.country-select:focus,.method-select:focus{border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d3233;outline:none}.auto-update-toggle{align-items:center;background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border:1px solid #c8e6c9;border-radius:10px;display:flex;justify-content:space-between;padding:15px}.toggle-label{align-items:center;color:#2e7d32;cursor:pointer;display:flex;font-family:Cairo,sans-serif;font-weight:500;gap:12px}.toggle-label input{display:none}.toggle-slider{background-color:#c8e6c9;border-radius:34px;height:26px;position:relative;transition:.4s;width:50px}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:18px;left:4px;position:absolute;transition:.4s;width:18px}.toggle-label input:checked+.toggle-slider{background-color:#4caf50}.toggle-label input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-text{align-items:center;display:flex;font-family:Cairo,sans-serif;font-size:14px;gap:8px}.toggle-text i{color:#4caf50}.refresh-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Cairo,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.refresh-btn:hover{background:linear-gradient(135deg,#2e7d32,#1b5e20);box-shadow:0 4px 12px #2e7d324d;transform:translateY(-2px)}.refresh-btn:active{transform:translateY(0)}.additional-times{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #c8e6c9;border-radius:15px;box-shadow:0 4px 12px #2e7d320d;margin:25px 0;padding:20px}.section-title{align-items:center;border-bottom:2px solid #e8f5e9;color:#2e7d32;display:flex;font-family:Cairo,sans-serif;font-size:18px;font-weight:700;gap:10px;margin-bottom:20px;padding-bottom:10px}.section-title i{color:#4caf50}.times-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.time-item{align-items:center;background:#fff;border:2px solid #c8e6c9;border-radius:10px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.time-item:hover{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border-color:#4caf50;box-shadow:0 6px 15px #2e7d321a;transform:translateY(-3px)}.time-item i{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:50%;color:#4caf50;font-size:24px;padding:12px}.time-item div{flex:1 1}.time-item h4{font-size:14px;font-weight:600;margin-bottom:5px}.time-item h4,.time-item p{color:#2e7d32;font-family:Cairo,sans-serif}.time-item p{font-size:18px;font-weight:700;margin:0}.footer-info{background:linear-gradient(135deg,#2e7d32,#4caf50);border-radius:15px;color:#fff;margin-top:30px;padding:20px}.footer-info p{align-items:center;display:flex;font-family:Cairo,sans-serif;font-size:14px;gap:10px;line-height:1.6;margin:10px 0}.footer-info i{color:#c8e6c9}.footer-info a{color:#c8e6c9;font-weight:600;margin:0 5px;text-decoration:none;transition:color .3s ease}.footer-info a:hover{color:#fff;text-decoration:underline}.api-credit{font-size:12px!important;opacity:.9}.current-time-display{background:linear-gradient(135deg,#2e7d32,#4caf50);border-radius:15px;color:#fff;margin:20px 0;padding:20px}.time-box{align-items:center;display:flex;gap:20px}.time-box i{font-size:40px;opacity:.9}.time-content h3{font-size:16px;font-weight:600;margin-bottom:5px;opacity:.9}.time-content h3,.time-text{font-family:Cairo,sans-serif}.time-text{direction:ltr;font-size:18px;font-weight:700;text-align:left}.location-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #c8e6c9;border-radius:15px;box-shadow:0 4px 12px #2e7d320d;margin-bottom:25px;padding:20px}.location-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.location-info h3{align-items:center;color:#2e7d32;display:flex;font-family:Cairo,sans-serif;font-size:18px;font-weight:700;gap:10px;margin-bottom:10px}.location-info h3 i{color:#4caf50}.hijri-date,.location-subtitle{align-items:center;color:#4caf50;display:flex;font-family:Cairo,sans-serif;font-size:14px;gap:8px;margin:5px 0}.location-meta{text-align:left}.calculation-method,.coordinates{align-items:center;color:#4caf50;display:flex;font-family:Cairo,sans-serif;font-size:13px;gap:8px;justify-content:flex-end;margin:5px 0}.error-message{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:2px solid #f44336;border-radius:10px;margin:20px 0;padding:20px;text-align:center}.error-message i{color:#f44336;font-size:40px;margin-bottom:15px}.error-message p{color:#2e7d32;font-size:16px;margin-bottom:15px}.error-message p,.retry-btn{font-family:Cairo,sans-serif;font-weight:600}.retry-btn{align-items:center;background:linear-gradient(135deg,#f44336,#d32f2f);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:10px 25px;transition:all .3s ease}.retry-btn:hover{background:linear-gradient(135deg,#d32f2f,#b71c1c);box-shadow:0 4px 12px #f443364d;transform:translateY(-2px)}.prayer-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:25px 0}.prayer-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #c8e6c9;border-radius:15px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.prayer-card:hover{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border-color:#4caf50;box-shadow:0 10px 25px #2e7d3226;transform:translateY(-5px)}.prayer-card.next-prayer{background:linear-gradient(135deg,#2e7d32,#4caf50);border-color:#1b5e20;color:#fff}.prayer-card.next-prayer .prayer-name,.prayer-card.next-prayer .prayer-status,.prayer-card.next-prayer .prayer-time{color:#fff}.prayer-header{justify-content:space-between;margin-bottom:15px}.prayer-header,.prayer-icon{align-items:center;display:flex}.prayer-icon{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:50%;color:#2e7d32;font-size:20px;height:50px;justify-content:center;width:50px}.prayer-card.next-prayer .prayer-icon{background:linear-gradient(135deg,#fff3,#ffffff1a);color:#fff}.prayer-status{background:#e8f5e9;border-radius:20px;color:#2e7d32;font-size:12px;font-weight:600;padding:5px 12px}.prayer-body{margin-bottom:15px;text-align:center}.prayer-name{font-size:20px;font-weight:700;margin-bottom:10px}.prayer-name,.prayer-time{color:#2e7d32;font-family:Cairo,sans-serif}.prayer-time{font-size:28px;font-weight:800}.prayer-footer{border-top:1px solid #c8e6c9;padding-top:15px;text-align:center}.prayer-card.next-prayer .prayer-footer{border-top-color:#fff3}.next-prayer-alert{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px solid #ff9800;border-radius:15px;margin:20px 0;padding:20px}.alert-content{gap:20px}.alert-content,.alert-icon{align-items:center;display:flex}.alert-icon{background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:50%;color:#fff;font-size:24px;height:60px;justify-content:center;width:60px}.alert-info{flex:1 1}.alert-title{color:#2e7d32;font-family:Cairo,sans-serif;font-size:18px;font-weight:700;margin-bottom:8px}.alert-subtitle{align-items:center;color:#4caf50;display:flex;font-size:14px;gap:8px}.alert-subtitle,.alert-time{font-family:Cairo,sans-serif}.alert-time{color:#2e7d32;font-size:24px;font-weight:700}@media (max-width:768px){.selector-row{grid-template-columns:1fr}.location-header{flex-direction:column;gap:15px}.location-meta{text-align:right}.times-grid{grid-template-columns:1fr}.prayer-grid{grid-template-columns:repeat(2,1fr)}.auto-update-toggle{align-items:stretch;flex-direction:column;gap:15px}.refresh-btn{justify-content:center;width:100%}.time-box{flex-direction:column}.alert-content,.time-box,.time-text{text-align:center}.alert-content{flex-direction:column;gap:15px}}@media (max-width:480px){.additional-times,.footer-info,.location-card,.location-selector,.next-prayer-alert{padding:15px}.city-select,.country-select,.method-select{font-size:13px;padding:10px 12px}.footer-info p,.toggle-text{font-size:12px}.prayer-grid{grid-template-columns:1fr}.prayer-card{padding:15px}.prayer-time{font-size:24px}.time-item h4{font-size:12px}.time-item p{font-size:16px}}
/*# sourceMappingURL=main.8c2f7cb5.css.map*/