@import url(https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400&family=Playfair+Display:wght@400;600;700&family=Poppins:wght@300;400;500;600;700&display=swap);:root{--primary-color:#1b7a6e;--primary-dark:#145c52;--secondary-color:#d4af37;--accent-color:#e8b4b8;--bg-color:#faf9f7;--card-bg:#fff;--sidebar-bg:#1b7a6e;--text-primary:#2d3436;--text-secondary:#636e72;--text-light:#fff;--success-color:#00b894;--warning-color:#fdcb6e;--danger-color:#e17055;--info-color:#74b9ff;--sidebar-width:280px;--header-height:80px;--border-radius-lg:20px;--border-radius-md:12px;--border-radius-sm:8px;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 4px 20px #0000000d;--shadow-lg:0 8px 30px #00000014;--shadow-gold:0 4px 15px #d4af374d;--btn-gradient-end:#2d9b8e;--btn-shadow:#1b7a6e4d}[data-theme=girly]{--primary-color:#e84393;--primary-dark:#c4387c;--secondary-color:#fab1a0;--accent-color:#6c5ce7;--bg-color:#fff5f7;--sidebar-bg:#e84393;--sidebar-width:280px;--success-color:#00b894;--warning-color:#fdcb6e;--shadow-gold:0 4px 15px #e843934d;--btn-gradient-end:#fd79a8;--btn-shadow:#e8439366}[data-theme=neutral]{--primary-color:#2d3436;--primary-dark:#1e2325;--secondary-color:#636e72;--accent-color:#b2bec3;--bg-color:#f5f6fa;--sidebar-bg:#2d3436;--sidebar-width:280px;--success-color:#27ae60;--warning-color:#f1c40f;--shadow-gold:0 4px 15px #2d34364d;--btn-gradient-end:#636e72;--btn-shadow:#2d343666}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#faf9f7;background-color:var(--bg-color);font-family:Poppins,sans-serif;line-height:1.6}body,h1,h2,h3,h4,h5,h6{color:#2d3436;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;margin-bottom:1rem}a{color:inherit;text-decoration:none;transition:color .3s ease}ul{list-style:none}.app-container{display:flex;min-height:100vh}.main-content{flex:1 1;margin-left:280px;margin-left:var(--sidebar-width);padding:30px 40px;transition:margin-left .3s ease}.card{background:#fff;background:var(--card-bg);border:1px solid #0000000a;border-radius:20px;border-radius:var(--border-radius-lg);box-shadow:0 4px 20px #0000000d;box-shadow:var(--shadow-md);display:flex;height:100%;padding:24px;transition:all .3s ease}.card:hover{box-shadow:0 8px 30px #00000014;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card h3{align-items:center;display:flex;font-size:1.2rem;gap:10px;margin-bottom:.5rem}.card-subtitle{color:#636e72;color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem}.dashboard-card{flex-direction:column;justify-content:space-between}.btn{align-items:center;border:none;border-radius:12px;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:12px 28px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#1b7a6e,#2d9b8e);background:linear-gradient(135deg,var(--primary-color) 0,var(--btn-gradient-end) 100%);box-shadow:0 4px 15px #1b7a6e4d;box-shadow:0 4px 15px var(--btn-shadow);color:#fff;color:var(--text-light)}.btn-primary:hover{box-shadow:0 6px 20px #1b7a6e4d;box-shadow:0 6px 20px var(--btn-shadow);filter:brightness(110%);transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #1b7a6e;border:2px solid var(--primary-color);color:#1b7a6e;color:var(--primary-color)}.btn-secondary:hover{background:#1b7a6e0d}.btn-icon{background:none;border:none;color:#636e72;color:var(--text-secondary);cursor:pointer;padding:5px;transition:color .3s ease}.btn-icon:hover{color:#1b7a6e;color:var(--primary-color)}.input-group{margin-bottom:20px}.input-label{color:#2d3436;color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.input-field{background:#f8f9fa;border:2px solid #0000;border-radius:12px;border-radius:var(--border-radius-md);font-family:Poppins,sans-serif;font-size:15px;padding:14px 18px;transition:all .3s ease;width:100%}.input-field:focus{background:#fff;border-color:#1b7a6e;border-color:var(--primary-color);box-shadow:0 0 0 4px #1b7a6e1a;outline:none}.sidebar{background:linear-gradient(180deg,#1b7a6e,#145c52);background:linear-gradient(180deg,var(--sidebar-bg) 0,var(--primary-dark) 100%);bottom:0;box-shadow:4px 0 20px #0000001a;color:#fff;color:var(--text-light);display:flex;flex-direction:column;left:0;overflow:hidden;padding:15px 20px;position:fixed;top:0;width:280px;width:var(--sidebar-width);z-index:100}.sidebar-logo{align-items:center;display:flex;justify-content:center}.logo-text{font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:700;letter-spacing:-.5px}.sidebar-nav{-ms-overflow-style:none;flex:1 1;min-height:0;overflow-y:auto;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-nav ul{display:flex;flex-direction:column;gap:6px}.sidebar-nav li a{align-items:center;border-radius:12px;border-radius:var(--border-radius-md);color:#fffc;display:flex;font-weight:500;gap:15px;padding:11px 20px;transition:all .3s ease}.sidebar-nav li a:hover{background:#ffffff1a;color:#fff;color:var(--text-light);transform:translateX(5px)}.sidebar-nav li.active a{background:#ffffff26;border-left:4px solid #d4af37;border-left:4px solid var(--secondary-color);box-shadow:0 4px 15px #0000001a;color:#fff;color:var(--text-light);font-weight:600}.sidebar-daily-actions{background:#0003;border-radius:12px;border-radius:var(--border-radius-md);flex-shrink:0;margin-top:auto;padding:8px 10px}.admin-page{margin:0 auto;max-width:800px;padding:20px}.admin-card,.admin-page h1{margin-bottom:24px}.admin-card{background:#fff;background:var(--card-bg);border:1px solid #0000000a;border-radius:20px;border-radius:var(--border-radius-lg);box-shadow:0 4px 20px #0000000d;box-shadow:var(--shadow-md);padding:24px}.admin-card h3{font-size:1.2rem;margin-bottom:.5rem}.admin-link-box{background-color:#f0f0f0;background-color:var(--bg-secondary,#f0f0f0);border-radius:8px;margin-top:20px;padding:16px}.admin-table-wrapper{margin-top:20px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table thead tr{border-bottom:2px solid var(--border-color);text-align:left}.admin-table td,.admin-table th{padding:12px}.admin-table tbody tr{border-bottom:1px solid var(--border-color)}.btn-revoke{background-color:#e63946;background-color:var(--urgent,#e63946);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 14px}.admin-role-badge{background-color:var(--bg-secondary);border-radius:12px;color:#2d3436;color:var(--text-primary);font-size:.85em;padding:4px 8px}.admin-role-badge.admin{background-color:#1b7a6e;background-color:var(--primary-color);color:#fff}.admin-mobile-list{display:none}.admin-mobile-item{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border-radius:10px;margin-bottom:10px;padding:14px}.admin-mobile-field{display:flex;justify-content:space-between;padding:4px 0}.admin-mobile-label{color:var(--text-muted);font-size:.8rem}.admin-mobile-value{font-size:.85rem;font-weight:500;text-align:right;word-break:break-all}@media (max-width:768px){.admin-page{padding:10px}.admin-page h1{font-size:1.4rem}.admin-card{padding:16px}.admin-table-wrapper{display:none}.admin-mobile-list{display:block;margin-top:16px}}.dashboard-header{align-items:center;background:#fff;border-radius:20px;border-radius:var(--border-radius-lg);box-shadow:0 2px 8px #0000000d;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:30px;padding:15px 20px}.mobile-menu-toggle{display:none}.welcome-text h1{font-size:1.5rem;margin-bottom:5px}.welcome-text span{color:#1b7a6e;color:var(--primary-color)}.date-display{color:#636e72;color:var(--text-secondary);font-size:.95rem}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.stat-card.full-width{grid-column:1/-1}.chart-container{align-items:center;display:flex;height:220px;justify-content:center;position:relative;width:100%}.chart-container.wide{height:300px}.daily-actions-container.compact h3{border-bottom:1px solid #fff3;color:#fff;color:var(--text-light);font-size:1rem;margin-bottom:15px;padding-bottom:10px}.progress-bar-container{background:#fff3;border-radius:10px;height:8px;margin-bottom:15px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#00b894,#d4af37);background:linear-gradient(90deg,var(--success-color),var(--secondary-color));border-radius:10px;height:100%;transition:width .5s ease-out}.action-list{display:flex;flex-direction:column;gap:8px}.action-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:8px;transition:background .2s}.action-item:hover{background:#ffffff1a}.checkbox-custom{align-items:center;border:2px solid #ffffff80;border-radius:50%;display:flex;height:20px;justify-content:center;transition:all .3s ease;width:20px}.action-item.completed .checkbox-custom{background:#d4af37;background:var(--secondary-color);border-color:#d4af37;border-color:var(--secondary-color)}.action-item span{color:#ffffffe6;font-size:.9rem}.hadith-container{background:linear-gradient(135deg,#fff,#f8fdfc);border-left:4px solid #d4af37;border-left:4px solid var(--secondary-color);border-radius:20px;border-radius:var(--border-radius-lg);box-shadow:0 4px 20px #0000000d;box-shadow:var(--shadow-md);overflow:hidden;padding:30px;position:relative}.hadith-container:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%231B7A6E' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");content:"";height:150px;opacity:.5;position:absolute;right:0;top:0;width:150px}.hadith-content{padding:20px 40px;position:relative;text-align:center}.quote-icon{color:#d4af37;color:var(--secondary-color);font-size:1.5rem;opacity:.5}.hadith-text{color:#2d3436;color:var(--text-primary);font-family:Playfair Display,serif;font-size:1.3rem;font-style:italic;line-height:1.8;margin:15px 0}.hadith-source{color:#1b7a6e;color:var(--primary-color);font-weight:600;margin-top:10px;text-align:right}.task-management-container{margin:0 auto;max-width:800px}.header-tasks{justify-content:space-between}.filter-container,.header-tasks{align-items:center;display:flex;margin-bottom:30px}.filter-container{background:#fff;border-radius:20px;border-radius:var(--border-radius-lg);box-shadow:0 2px 8px #0000000d;box-shadow:var(--shadow-sm);gap:15px;padding:15px 25px}.filter-container select{border:1px solid #ddd;border-radius:12px;border-radius:var(--border-radius-md);font-family:Poppins,sans-serif;outline:none;padding:8px 15px}.task-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px;overflow:hidden;position:relative}.task-content-wrapper{align-items:flex-start;display:flex;flex:1 1;gap:20px}.task-item .checkbox-custom{border-color:#ccc;cursor:pointer;height:24px;min-height:24px;min-width:24px;width:24px}.task-item .checkbox-custom:hover{border-color:#1b7a6e;border-color:var(--primary-color)}.task-item.completed .checkbox-custom{background:#00b894;background:var(--success-color);border-color:#00b894;border-color:var(--success-color);color:#fff}.task-item.completed{background:#f8f9fa}.task-item.completed .task-title{color:#636e72;color:var(--text-secondary);text-decoration:line-through}.task-title{font-size:1.1rem;font-weight:600;margin-bottom:5px}.task-description{color:#636e72;color:var(--text-secondary);font-size:.9rem;margin-bottom:10px}.task-meta{align-items:center;display:flex;font-size:.85rem;gap:15px}.task-badge{border-radius:20px;font-size:.8rem;font-weight:500;padding:4px 12px}.task-date{align-items:center;color:#636e72;color:var(--text-secondary);display:flex;gap:5px}.task-actions-hover{display:flex;flex-direction:column;gap:10px;margin-left:10px;opacity:1}.btn-icon.delete:hover{color:#e17055;color:var(--danger-color)}.category-selector{display:flex;flex-wrap:wrap;gap:10px}.category-badge{border-radius:20px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.category-badge:hover{transform:translateY(-2px)}.category-badge.selected{box-shadow:0 4px 10px #0000001a}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalFadeIn .3s ease;background-color:#fff;border-radius:24px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;position:relative;width:90%}.landing-page{background-color:#faf9f7;background-color:var(--bg-color);color:#2d3436;color:var(--text-primary);min-height:100vh}.landing-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 2px 20px #0000000f;left:0;position:fixed;right:0;top:0;z-index:100}.landing-header-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1100px;padding:12px 30px}.landing-login-btn{font-size:.9rem;padding:10px 24px}.landing-hero{background:linear-gradient(180deg,#1b7a6e0a,#0000);padding:140px 30px 60px;text-align:center}.landing-hero-content{animation:slideUp .6s ease-out;margin:0 auto;max-width:650px}.landing-hero-title{color:#1b7a6e;color:var(--primary-color);font-family:Poppins,sans-serif;font-size:3rem;font-weight:700;letter-spacing:-1px;margin:16px 0 8px}.landing-hero-title span{color:#d4af37;color:var(--secondary-color)}.landing-hero-subtitle{color:#636e72;color:var(--text-secondary);font-size:1.2rem;margin-bottom:16px}.landing-hero-desc{color:#636e72;color:var(--text-secondary);font-size:1rem;line-height:1.7;margin-bottom:30px}.landing-hero-cta{display:inline-block;font-size:1rem;padding:14px 36px;text-decoration:none}.landing-features{display:flex;flex-direction:column;gap:60px;margin:0 auto;max-width:1100px;padding:40px 30px 60px}.landing-feature{align-items:center;display:flex;gap:50px}.landing-feature.reverse{flex-direction:row-reverse}.landing-feature-image{background:#fff;background:var(--card-bg);border-radius:16px;box-shadow:0 8px 30px #0000001a;flex:1 1;min-height:280px;overflow:hidden}.landing-feature-image.placeholder{align-items:center;background:linear-gradient(135deg,#1b7a6e,#2d9b8e);background:linear-gradient(135deg,var(--primary-color),var(--btn-gradient-end));display:flex;justify-content:center;opacity:.15}.landing-feature-image img{display:block;height:auto;width:100%}.landing-feature-text{flex:1 1}.landing-feature-icon{align-items:center;background:linear-gradient(135deg,#1b7a6e,#2d9b8e);background:linear-gradient(135deg,var(--primary-color),var(--btn-gradient-end));border-radius:12px;color:#fff;display:flex;font-size:1.3rem;height:48px;justify-content:center;margin-bottom:16px;width:48px}.landing-feature-text h2{color:#2d3436;color:var(--text-primary);font-size:1.5rem;margin-bottom:12px}.landing-feature-text p{color:#636e72;color:var(--text-secondary);font-size:1rem;line-height:1.7}.landing-themes{background:var(--bg-primary);padding:60px 40px;text-align:center}.landing-themes-header{margin:0 auto 40px;max-width:600px}.landing-themes-header .landing-feature-icon{margin:0 auto 12px}.landing-themes-header h2{color:#2d3436;color:var(--text-primary);font-size:1.8rem;margin-bottom:10px}.landing-themes-header p{color:#636e72;color:var(--text-secondary);line-height:1.6}.landing-themes-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1000px}.landing-theme-card{background:var(--bg-secondary);border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:16px;transition:transform .2s}.landing-theme-card:hover{transform:translateY(-4px)}.landing-theme-card h3{color:#2d3436;color:var(--text-primary);font-size:1.1rem;margin:12px 0 4px}.landing-theme-card span{color:#636e72;color:var(--text-secondary);font-size:.85rem}.landing-theme-image{background:var(--bg-primary);border-radius:10px;min-height:180px;overflow:hidden;width:100%}.landing-theme-image img{border-radius:10px;display:block;height:auto;width:100%}.landing-theme-image.placeholder{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-primary));min-height:180px}.landing-footer{border-top:1px solid #0000000f;color:#636e72;color:var(--text-secondary);font-size:.9rem;padding:30px;text-align:center}@media (max-width:768px){.landing-hero{padding:120px 20px 40px}.landing-hero-title{font-size:2.2rem}.landing-hero-subtitle{font-size:1rem}.landing-features{gap:40px;padding:20px 20px 40px}.landing-feature,.landing-feature.reverse{flex-direction:column;gap:24px}.landing-feature-image{min-height:200px}.landing-feature-text h2{font-size:1.3rem}.landing-header-inner{padding:10px 16px}.btn.landing-login-btn{flex:0 0 auto;font-size:.8rem;max-width:160px;min-width:0;min-width:auto;padding:8px 18px;width:auto}.landing-themes{padding:40px 20px}.landing-themes-grid{gap:20px;grid-template-columns:1fr;max-width:400px}.landing-themes-header h2{font-size:1.3rem}}@media (max-width:1024px){.sidebar{transform:translateX(-100%);transition:transform .3s ease}.sidebar.open{transform:translateX(0)}.sidebar-daily-actions{padding:6px 8px}.sidebar-daily-actions h3{font-size:.75rem;margin-bottom:2px}.sidebar-daily-actions .action-list{gap:0}.sidebar-daily-actions .action-item{font-size:.7rem;padding:2px 0}.sidebar-daily-actions .progress-bar-container{height:4px;margin-top:2px}.main-content{margin-left:0;padding:20px}.stats-grid{grid-template-columns:1fr}.dashboard-header{align-items:center;flex-direction:row;gap:10px;justify-content:space-between;padding:10px 15px;text-align:left}.logout-text{display:none}.user-actions .btn{align-items:center;border:1px solid #1b7a6e;border:1px solid var(--primary-color);border-radius:50%;display:flex;font-size:1.2rem;height:40px;justify-content:center;padding:0;width:40px}.user-actions .btn svg{display:block;height:1em;width:1em}.welcome-text{align-items:center;display:flex;flex-direction:column}.header-left{flex:1 1;justify-content:flex-start}.mobile-menu-toggle{display:block}.welcome-text h1{font-size:1.2rem}.header-tasks{flex-direction:column;gap:15px;text-align:center}.filter-container{align-items:stretch;flex-direction:column;padding:15px}.task-item{align-items:center!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:space-between!important;padding:15px;text-align:left!important}.task-content-wrapper{align-items:flex-start!important;flex:1 1;flex-direction:row!important;min-width:0!important;width:auto!important}.task-info{min-width:0;width:100%}}@keyframes confetti-burst{0%{box-shadow:0 0 0 0 #ffeb3b,0 0 0 0 #ff5722,0 0 0 0 #4caf50,0 0 0 0 #2196f3;transform:scale(0)}40%{box-shadow:-12px -12px 0 0 #ffeb3b,12px -12px 0 0 #ff5722,-12px 12px 0 0 #4caf50,12px 12px 0 0 #2196f3;transform:scale(1)}to{box-shadow:-20px -20px 0 -6px #ffeb3b00,20px -20px 0 -6px #ff572200,-20px 20px 0 -6px #4caf5000,20px 20px 0 -6px #2196f300;transform:scale(1.2)}}.checkbox-custom.confetti:after{animation:confetti-burst .6s ease-out forwards;border-radius:50%;content:"";height:4px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:4px;z-index:10}@keyframes check-bounce{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}.checkbox-custom.checked{animation:check-bounce .4s ease-out;background:#00b894;background:var(--success-color);border-color:#00b894;border-color:var(--success-color)}@keyframes shimmer-gold-shine{0%{background-position:-200%;filter:brightness(100%)}50%{filter:brightness(150%) drop-shadow(0 0 8px rgba(255,215,0,.6))}to{background-position:200%;filter:brightness(100%)}}.progress-bar.shimmer-effect{animation:shimmer-gold-shine 1.5s ease-in-out forwards;background:linear-gradient(120deg,#00b894 30%,#ffeb3b 50%,#00b894 70%);background:linear-gradient(120deg,var(--success-color) 30%,#ffeb3b 50%,var(--success-color) 70%)}@keyframes zoomInFade{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.completion-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.completion-modal-content{animation:zoomInFade .5s cubic-bezier(.175,.885,.32,1.275);background:#fff;border:4px solid #d4af37;border:4px solid var(--secondary-color);border-radius:20px;box-shadow:0 20px 50px #0003;max-width:90%;padding:40px;text-align:center;width:400px}.completion-icon{color:#d4af37;color:var(--secondary-color);display:block;font-size:4rem;margin-bottom:20px}.completion-title{color:#1b7a6e;color:var(--primary-color);font-family:Playfair Display,serif;font-size:1.5rem;margin-bottom:10px}.completion-subtitle{color:#636e72;color:var(--text-secondary);font-size:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:fadeIn .4s ease-out forwards}.profile-container{margin:0 auto;max-width:800px}.profile-title{margin-bottom:30px}.theme-selector-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.theme-btn-card{align-items:center;background:#faf9f7;background:var(--bg-color);border:2px solid #0000;border-radius:16px;box-shadow:0 4px 10px #0000000d;cursor:pointer;display:flex;flex:1 1 150px;flex-direction:column;gap:12px;max-width:200px;padding:20px;transition:all .3s ease}.theme-btn-card:hover{transform:translateY(-4px)}.theme-btn-card.active,.theme-btn-card:hover{box-shadow:0 10px 20px #0000001a}.theme-color-preview{border-radius:50%;box-shadow:0 4px 10px #0003;height:40px;width:40px}.theme-label{font-size:1.1rem;font-weight:600}@media (max-width:768px){.theme-selector-grid{flex-wrap:nowrap;gap:10px}.theme-btn-card{flex:1 1;gap:8px;max-width:none;min-width:0;padding:12px}.theme-color-preview{height:30px;width:30px}.theme-label{font-size:.9rem}}.profile-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.stats-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px}.toggle-group{background:#0000000d;border-radius:12px;gap:4px}.toggle-btn{background:none;border-radius:8px;font-family:Poppins,sans-serif;font-weight:500;padding:8px 16px}.toggle-btn:hover{background:#ffffff80;color:#1b7a6e;color:var(--primary-color)}.toggle-btn.active{box-shadow:0 2px 8px #0000000d;font-weight:600}.chart-type-tabs{border-bottom:1px solid #0000000d;display:flex;gap:20px;margin-bottom:20px;padding-bottom:0}.chart-tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#636e72;color:var(--text-secondary);cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;padding:10px 5px;transition:all .3s ease}.chart-tab-btn:hover{color:#2d3436;color:var(--text-primary)}.stats-summary{background:#faf9f7;background:var(--bg-color);border-radius:12px;border-radius:var(--border-radius-md);display:flex;gap:30px;justify-content:space-around;margin-bottom:25px;padding:15px}.summary-item{align-items:center;display:flex;flex-direction:column}.summary-item .value{color:#1b7a6e;color:var(--primary-color);font-family:Playfair Display,serif;font-size:1.8rem;font-weight:700}.summary-item .label{color:#636e72;color:var(--text-secondary);font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}@media (max-width:768px){.stats-header-actions{align-items:stretch;flex-direction:column}.chart-type-tabs,.toggle-group{justify-content:center}}@media (max-width:1024px){.task-meta{flex-wrap:wrap;gap:10px;justify-content:flex-start!important}.task-actions-hover{border-top:none!important;display:flex!important;flex-direction:column!important;flex-shrink:0!important;margin-left:10px!important;margin-top:0!important;opacity:1!important;padding-top:0!important;width:auto!important}}@media (max-width:480px){.modal-content{padding:20px}.modal-header h2{font-size:1.2rem}.btn{font-size:.9rem;justify-content:center;padding:10px 20px;width:100%}.form-actions{flex-direction:column-reverse;gap:10px}.form-actions .btn{margin-bottom:5px;margin-left:0!important}.category-selector{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);justify-items:center;width:100%}.category-badge{align-items:center;display:flex;justify-content:center;padding:6px 14px;text-align:center;width:100%}}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.modal-header h2{font-size:1.5rem;margin:0}.btn-close{background:none;border:none;color:#636e72;color:var(--text-secondary);cursor:pointer;font-size:28px;line-height:1;transition:color .3s}.btn-close:hover{color:#e17055;color:var(--danger-color)}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.quran-tracker-container{display:flex;gap:20px;height:calc(100vh - 100px);overflow:hidden}.quran-sidebar-panel{display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding-right:5px;width:350px}.quran-main-panel{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:30px}.quran-main-panel,.quran-sidebar-panel .stats-summary{background:#fff;border-radius:20px;border-radius:var(--border-radius-lg);box-shadow:0 2px 8px #0000000d;box-shadow:var(--shadow-sm)}.quran-sidebar-panel .stats-summary{display:block;gap:0;justify-content:normal;margin-bottom:0;padding:20px}.stats-summary h3{border-bottom:1px solid #eee;color:#1b7a6e;color:var(--primary-color);font-size:1.1rem;margin-bottom:15px;padding-bottom:10px}.daily-goal-section{margin-bottom:20px}.daily-goal-section h4{color:#636e72;color:var(--text-secondary);font-size:.9rem;margin-bottom:10px}.goal-text{font-weight:500;justify-content:space-between;margin-top:8px}.goal-input,.goal-text{display:flex;font-size:.9rem}.goal-input{align-items:center;gap:10px;margin-top:10px}.goal-display-wrapper,.goal-edit-wrapper{align-items:center;display:flex;gap:10px}.goal-input-field{border:1px solid #ddd;border-radius:4px;padding:4px 8px;width:60px}.btn-icon-small{align-items:center;background:none;border:none;color:#636e72;color:var(--text-secondary);cursor:pointer;display:flex;padding:4px;transition:color .2s}.btn-icon-small:hover{color:#1b7a6e;color:var(--primary-color)}.stats-summary .stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.stat-item{background:#faf9f7;background:var(--bg-color);border-radius:12px;border-radius:var(--border-radius-md);padding:10px;text-align:center}.stat-value{color:#1b7a6e;color:var(--primary-color);display:block;font-size:1.2rem;font-weight:700}.stat-label{color:#636e72;color:var(--text-secondary);font-size:.75rem}.surah-list-container{background:#fff;border-radius:20px;border-radius:var(--border-radius-lg);box-shadow:0 2px 8px #0000000d;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden}@media (min-width:769px){.surah-list-container{flex:1 1;min-height:300px}}.surah-list-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;cursor:pointer;display:flex;justify-content:space-between;padding:15px;transition:background .2s}.surah-list-header:hover{background:#f0f0f0}.surah-list-header h3{color:#1b7a6e;color:var(--primary-color);font-size:1.1rem;font-weight:600;margin:0}.toggle-icon{color:#636e72;color:var(--text-secondary);font-size:.9rem}@media (min-width:769px){.toggle-icon{display:none}.surah-list-header{background:#f8f9fa;cursor:default}}.search-box{border-bottom:1px solid #eee;padding:15px}.form-control{background:#faf9f7;background:var(--bg-color);border:1px solid #eee;border-radius:12px;border-radius:var(--border-radius-md);font-family:Poppins,sans-serif;padding:10px 15px;width:100%}.surah-list{flex:1 1;overflow-y:auto;padding:0}.surah-item{align-items:center;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;justify-content:space-between;padding:12px 15px;transition:background .2s}.surah-item:hover{background:#faf9f7;background:var(--bg-color)}.surah-item.active{background:#1b7a6e0d;border-left:3px solid #1b7a6e;border-left:3px solid var(--primary-color)}.surah-info{gap:12px}.surah-info,.surah-number{align-items:center;display:flex}.surah-number{background:#faf9f7;background:var(--bg-color);border-radius:50%;color:#636e72;color:var(--text-secondary);font-size:.8rem;font-weight:600;height:30px;justify-content:center;width:30px}.surah-item.active .surah-number{background:#1b7a6e;background:var(--primary-color);color:#fff}.surah-names{display:flex;flex-direction:column}.surah-name-en{font-size:.95rem;font-weight:600}.surah-name-ar{color:#1b7a6e;color:var(--primary-color);font-family:Amiri,serif;font-size:1rem}.surah-meta{align-items:center;display:flex;gap:10px}.ayah-count{color:#636e72;color:var(--text-secondary);font-size:.8rem}.completed-icon{color:#00b894;color:var(--success-color)}.quran-reader{display:flex;flex-direction:column;height:100%}.reader-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.surah-title h2{color:#1b7a6e;color:var(--primary-color);font-size:1.8rem;margin:0}.surah-title-ar{color:#636e72;color:var(--text-secondary);font-family:Amiri,serif;font-size:1.5rem;margin-left:10px}.ayah-container{border-bottom:1px solid #f9f9f9;padding:20px;transition:background .3s}.ayah-container.active{background:#d4af370d;border-radius:12px;border-radius:var(--border-radius-md)}.ayah-header{color:#636e72;color:var(--text-secondary);display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:15px}.ayah-actions{display:flex;gap:10px}.ayah-text{color:#2d3436;color:var(--text-primary);font-family:Amiri,serif;font-size:1.8rem;line-height:2.2;margin-bottom:15px;text-align:right}.bismillah-header{color:#1b7a6e;color:var(--primary-color);font-family:Amiri,serif;font-size:2rem;margin:20px 0 30px;text-align:center;width:100%}.ayah-translation{color:#636e72;color:var(--text-secondary);font-size:1rem;line-height:1.6}.bookmark-manager h3{margin-bottom:12px}.bookmark-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.bookmark-item{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;border-radius:var(--border-radius-md,8px);display:flex;justify-content:space-between;padding:10px 14px;transition:background .2s}.bookmark-item:hover{background:#f5f5f5;background:var(--hover-bg,#f5f5f5)}.bookmark-info{flex:1 1;min-width:0}.bookmark-location{color:#2d3436;color:var(--text-primary);display:block;font-size:.95rem;font-weight:600}.bookmark-note{color:#636e72;color:var(--text-secondary);font-size:.85rem;font-style:italic;margin:4px 0 0}.bookmark-actions .btn-icon.delete{background:none;border:none;border-radius:50%;color:#636e72;color:var(--text-secondary);cursor:pointer;padding:6px;transition:color .2s,background .2s}.bookmark-actions .btn-icon.delete:hover{background:#e639461a;color:#e63946}@media (max-width:900px){.quran-tracker-container{flex-direction:column;height:auto;overflow:visible}.quran-sidebar-panel{height:auto;overflow:visible;width:100%}.surah-list-container{height:auto;max-height:400px}.quran-main-panel{height:auto;min-height:500px}.quran-mobile-toggle{align-items:center;background:#fff;border:1px solid #1b7a6e;border:1px solid var(--primary-color);border-radius:12px;border-radius:var(--border-radius-md);color:#1b7a6e;color:var(--primary-color);cursor:pointer;display:flex;font-weight:600;gap:10px;justify-content:center;margin-bottom:15px;padding:12px;transition:all .3s;width:100%}.quran-mobile-toggle:hover{background:#1b7a6e;background:var(--primary-color);color:#fff}.quran-sidebar-panel.mobile-hidden{display:none}}@media (min-width:901px){.quran-mobile-toggle{display:none}}.card-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.wide-card{grid-column:1/-1}.toggle-group{background:#f0f2f5;border-radius:8px;display:flex;padding:4px}.toggle-btn{background:#0000;border:none;border-radius:6px;color:#636e72;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:600;padding:6px 16px;transition:all .3s ease}.toggle-btn.active{background:#fff;box-shadow:0 2px 5px #0000000d;color:#1b7a6e;color:var(--primary-color)}.toggle-btn:hover:not(.active){color:#2d3436;color:var(--text-primary)}@keyframes confetti-burst-exaggerated{0%{box-shadow:0 0 0 0 #ffeb3b,0 0 0 0 #ff5722,0 0 0 0 #4caf50,0 0 0 0 #2196f3,0 0 0 0 #e91e63,0 0 0 0 #9c27b0,0 0 0 0 #00bcd4,0 0 0 0 #ff9800;transform:scale(0)}40%{box-shadow:-15px -25px 0 0 #ffeb3b,25px -25px 0 0 #ff5722,-25px 15px 0 0 #4caf50,25px 25px 0 0 #2196f3,-15px -35px 0 0 #e91e63,35px -15px 0 0 #9c27b0,-35px 10px 0 0 #00bcd4,10px 35px 0 0 #ff9800;transform:scale(1.5)}to{box-shadow:-30px -40px 0 -8px #ffeb3b00,40px -40px 0 -8px #ff572200,-40px 30px 0 -8px #4caf5000,40px 40px 0 -8px #2196f300,-30px -50px 0 -8px #e91e6300,50px -30px 0 -8px #9c27b000,-50px 20px 0 -8px #00bcd400,20px 50px 0 -8px #ff980000;transform:scale(2)}}.checkbox-custom.confetti:after{animation:confetti-burst-exaggerated .8s ease-out forwards;height:6px;width:6px}.daily-progress-wrapper{display:inline-block;position:relative}.daily-progress-wrapper.confetti-active:after{animation:confetti-burst-exaggerated 1s ease-out forwards;border-radius:50%;content:"";height:8px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px;z-index:10}@keyframes shimmer-gold-shine-v2{0%{background-position:-200%}to{background-position:200%}}.progress-bar.shimmer-effect{animation:shimmer-gold-shine-v2 2s ease-in-out forwards;background:linear-gradient(120deg,#00b894 20%,#ffeb3b 40%,#fff 50%,#ffeb3b 60%,#00b894 80%);background:linear-gradient(120deg,var(--success-color) 20%,#ffeb3b 40%,#fff 50%,#ffeb3b 60%,var(--success-color) 80%);background-size:200% auto;box-shadow:0 0 15px #ffeb3b99}.popup-notification{align-items:center;animation:fadeIn .3s ease-out;border-radius:16px;box-shadow:0 10px 40px #0000004d;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:15px;left:50%;padding:20px 40px;position:fixed;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:2000}.popup-notification.success{background-color:#00b894}.popup-notification.error{background-color:#d63031}@media (max-width:768px){.popup-notification{font-size:1rem;justify-content:center;max-width:400px;padding:15px 20px;text-align:center;white-space:normal;width:90%}}.auth-container{align-items:center;background-color:#faf9f7;background-color:var(--bg-color);display:flex;justify-content:center;min-height:85vh;padding:20px}.auth-card{animation:slideUp .5s ease-out;background:#fff;background:var(--card-bg);border-radius:24px;box-shadow:0 8px 30px #00000014;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:20px;max-width:480px;padding:40px;width:100%}.auth-title{color:#1b7a6e;color:var(--primary-color);font-size:2.2rem;margin-bottom:5px;text-align:center}.auth-subtitle{font-size:1rem;margin-bottom:25px}.auth-footer,.auth-subtitle{color:#636e72;color:var(--text-secondary);text-align:center}.auth-footer{font-size:.95rem;margin-top:15px}.auth-footer a{color:#1b7a6e;color:var(--primary-color);font-weight:600;transition:color .3s}.auth-footer a:hover{color:#145c52;color:var(--primary-dark);text-decoration:underline}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.43bd03d4.css.map*/