@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(239,68,68,.4)}70%{box-shadow:0 0 0 20px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes wave{0%,to{height:10px}50%{height:30px}}.dashboard-body{background:var(--dark);color:var(--white);overflow:hidden}.dashboard-container,.sidebar{display:flex;height:100vh}.sidebar{width:260px;background:var(--darker);box-shadow:2px 0 10px rgba(0,0,0,.3);flex-direction:column;position:fixed;top:0;right:0;z-index:200;transition:transform .3s;border-left:1px solid rgba(197,160,89,.1);transform:translateX(100%)}@media (min-width:769px){.sidebar{transform:translateX(0)}}.sidebar.active{transform:translateX(0)}.sidebar-header{padding:1.5rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid rgba(197,160,89,.15)}.sidebar-header i{font-size:1.8rem;color:var(--primary)}.sidebar-header span{font-size:1.3rem;font-weight:700;color:var(--white)}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;color:var(--gray);text-decoration:none;transition:all .3s;border-right:3px solid transparent}.nav-item:hover{background:rgba(197,160,89,.1);color:var(--white)}.nav-item.active{background:rgba(197,160,89,.15);color:var(--primary);border-right-color:var(--primary)}.nav-item i{width:24px;text-align:center}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid rgba(197,160,89,.1);justify-content:space-between}.sidebar-footer,.user-avatar,.user-info{display:flex;align-items:center}.user-info{gap:.75rem}.user-avatar{width:40px;height:40px;background:var(--gradient-primary);color:var(--dark);border-radius:50%;justify-content:center;font-weight:700}.user-details{display:flex;flex-direction:column}.user-name{font-weight:600;color:var(--white);font-size:.9rem}.btn-logout{background:0 0;border:0;color:var(--gray);cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .3s}.btn-logout:hover{background:rgba(239,68,68,.1);color:var(--danger)}.main-content{flex:1;margin-right:260px;display:flex;flex-direction:column;height:100vh}.top-bar,.top-bar-start{align-items:center;gap:1.5rem}.top-bar{background:var(--light);padding:1rem 2rem;display:grid;grid-template-columns:1fr auto 1fr;border-bottom:1px solid rgba(197,160,89,.15);position:relative;z-index:10;transition:transform .3s ease}.top-bar.header-hidden{transform:translateY(-100%)}.top-bar-start{display:flex;min-width:0}.top-bar .btn-icon{justify-self:end}.menu-toggle{display:none;background:0 0;border:0;font-size:1.5rem;color:var(--white);cursor:pointer}.search-bar{flex:1;max-width:400px;position:relative}.search-bar i{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--gray);pointer-events:none}.search-bar input{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid rgba(197,160,89,.2);border-radius:2rem;font-family:inherit;background:var(--dark)}.search-bar input::placeholder{color:var(--gray)}.search-bar input:focus{outline:0;border-color:var(--primary);background:var(--darker)}.search-suggestions{display:none;position:absolute;top:100%;right:0;left:0;background:var(--light);border:1px solid rgba(197,160,89,.2);border-radius:.75rem;margin-top:.5rem;box-shadow:var(--shadow-lg);z-index:10;max-height:250px;overflow-y:auto}.suggestion-item{padding:.75rem 1rem;cursor:pointer;transition:background .2s;border-bottom:1px solid rgba(197,160,89,.1);color:var(--white)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:rgba(197,160,89,.15);color:var(--primary)}.content-section{display:none;padding:2rem;overflow-y:auto;flex:1}.content-section.active{display:block;position:relative;z-index:1}.section-header{margin-bottom:2rem}.section-header h2{font-size:1.8rem;display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.section-header h2 i,.welcome-text h1{color:var(--primary)}.section-header p{color:var(--gray)}.recent-sessions h3,.today-goal h3,.welcome-banner{display:flex;align-items:center;margin-bottom:1.5rem}.welcome-banner{background:linear-gradient(135deg,#0f1d36,#16294d);border-radius:1.5rem;padding:1.5rem;flex-direction:column;justify-content:center;text-align:center;gap:.5rem;color:var(--primary);border:1px solid rgba(197,160,89,.35)}.welcome-text h1{font-size:1.5rem;margin-bottom:.25rem;font-family:"Aref Ruqaa","Amiri",serif;font-weight:700;line-height:1.8}.welcome-text p{font-size:.95rem}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card,.stat-icon{border-radius:1rem;display:flex;align-items:center}.stat-card{background:var(--light);border:1px solid rgba(197,160,89,.15);padding:1.5rem;gap:1rem;box-shadow:var(--shadow)}.stat-icon{width:60px;height:60px;justify-content:center}.stat-icon i{font-size:1.5rem;color:#fff}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.8rem;font-weight:700}#recordStatus,.stat-label{color:var(--gray);font-size:.9rem}.review-card p{font-size:.9rem}.recent-sessions,.today-goal{background:var(--light);border-radius:1.5rem;padding:2rem;margin-top:2.5rem;margin-bottom:2rem;box-shadow:var(--shadow);border:1px solid rgba(197,160,89,.15)}.recent-sessions h3,.today-goal h3{gap:.75rem}.today-goal h3 i{color:var(--warning)}.recent-sessions{border-radius:1.25rem;padding:1.25rem 1.25rem .75rem;margin-top:1.5rem;margin-bottom:1.5rem}.recent-sessions h3{gap:.6rem;margin-bottom:1rem;color:var(--white);font-size:1.05rem}.recent-sessions h3 i{color:var(--primary);font-size:.9rem}.recent-list{display:flex;flex-direction:column}.recent-item{display:flex;align-items:center;gap:.7rem;padding:.5rem .25rem;border-bottom:1px solid rgba(197,160,89,.12)}.recent-item:last-child{border-bottom:none}.recent-icon{width:30px;height:30px;border-radius:50%;background:rgba(197,160,89,.15);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.75rem}.recent-info{flex:1;min-width:0;text-align:center}.recent-info strong{display:block;color:var(--white);font-size:.88rem;line-height:1.3}.recent-info span{color:var(--gray);font-size:.8rem;line-height:1.3}.recent-accuracy{font-weight:700;color:var(--primary);flex-shrink:0;font-size:.85rem}.recent-empty{color:var(--gray);font-size:.9rem;text-align:center;padding:.5rem 0}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.action-card,.memorize-options{background:var(--light);border:1px solid rgba(197,160,89,.15);border-radius:1rem;padding:1.5rem}.action-card{text-align:center;cursor:pointer;transition:all .3s}.action-card:hover{transform:translateY(-3px);box-shadow:0 5px 20px rgba(197,160,89,.15)}.action-card i{font-size:2rem;color:var(--primary);margin-bottom:.75rem;display:block}.action-card span{font-weight:600}.memorize-options{margin-bottom:1.5rem;box-shadow:var(--shadow)}.select-group select,.tab-btn{border-radius:.5rem;font-family:inherit;background:var(--dark);cursor:pointer}.tab-btn{padding:.75rem 1.5rem;border:0;font-weight:600;transition:all .3s;color:var(--gray)}.tab-btn.active{background:var(--gradient-primary);color:var(--dark)}.select-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.select-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--white)}.select-group select{width:100%;padding:.75rem 1rem;border:1px solid rgba(197,160,89,.2);font-size:1rem}#writeInput:focus,.review-write textarea:focus,.select-group select:focus{outline:0;border-color:var(--primary)}.ayah-text{font-family:"Amiri",serif;font-size:2rem;line-height:2}.ayah-controls{display:flex;justify-content:center;gap:1rem}.ayah-controls .btn{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0}.btn-play{background:var(--success);color:#fff}.btn-pause{background:var(--warning);color:#fff}.btn-replay,.btn-speed{background:var(--dark);color:var(--white);border:1px solid rgba(197,160,89,.2)}.btn-speed{width:auto!important;padding:0 1rem!important;border-radius:2rem!important;font-weight:600}.record-btn{width:100px;height:100px;border-radius:50%;border:4px solid var(--danger);background:var(--light);cursor:pointer;position:relative;transition:all .3s}.record-btn:hover{transform:scale(1.05)}.record-btn.recording{border-color:var(--danger);animation:pulse 1.5s infinite}.record-btn-inner,.record-waves{display:flex;justify-content:center}.record-btn-inner{width:60px;height:60px;background:var(--danger);border-radius:50%;align-items:center;margin:auto;color:#fff;font-size:1.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.record-btn.recording .record-btn-inner{width:30px;height:30px;border-radius:5px}.record-waves{gap:4px;margin-top:1rem}.record-waves span{width:4px;height:20px;background:var(--danger);border-radius:2px;animation:wave .5s ease-in-out infinite}.record-waves span:nth-child(2){animation-delay:.1s}.record-waves span:nth-child(3){animation-delay:.2s}.record-waves span:nth-child(4){animation-delay:.3s}.record-waves span:nth-child(5){animation-delay:.4s}#writeInput,.tafsir-explanation p{background:var(--dark);border-radius:.5rem;color:var(--white)}#writeInput{width:100%;max-width:600px;padding:1rem;border:2px solid rgba(197,160,89,.2);font-family:"Amiri",serif;font-size:1.2rem;line-height:1.8;resize:vertical;text-align:right}.review-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.review-area,.review-card{background:var(--light);border-radius:1rem;padding:2rem;box-shadow:var(--shadow);border:1px solid rgba(197,160,89,.15)}.review-card{text-align:center;cursor:pointer;transition:all .3s}.review-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--primary)}.review-card i,.summary-card i{font-size:2.5rem;color:var(--primary);margin-bottom:1rem}.review-card h3,.summary-card h4{margin-bottom:.5rem}.review-area{margin-top:2rem}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(197,160,89,.15)}.review-header h3{color:var(--white)}.report-tab.active,.review-progress{background:var(--gradient-primary);color:var(--dark)}.review-progress{padding:.5rem 1rem;border-radius:2rem;font-weight:600}.review-content{text-align:center}.quran-browser{background:var(--light);border-radius:1rem;padding:2rem;box-shadow:var(--shadow);border:1px solid rgba(197,160,89,.15)}.quran-nav{display:flex;gap:1rem;margin-bottom:2rem}.quran-nav select,.tafsir-input select{flex:1;padding:.75rem 1rem;border:1px solid rgba(197,160,89,.2);border-radius:.5rem;font-family:inherit;font-size:1rem;background:var(--dark)}.quran-page{background:linear-gradient(135deg,#1a3a2a,#0d2a1a);max-height:600px;overflow-y:auto}.bismillah{font-family:"Amiri",serif;font-size:1.8rem}.report-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;justify-content:center;max-width:100%}.report-tab{padding:.75rem 1.5rem;border:0;background:var(--light);border-radius:.5rem;font-family:inherit;font-weight:600;cursor:pointer;transition:all .3s;color:var(--gray);border:1px solid rgba(197,160,89,.15)}.report-tab.active{border-color:var(--primary)}.report-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:var(--light);border-radius:1rem;padding:1.5rem;text-align:center;box-shadow:var(--shadow);border:1px solid rgba(197,160,89,.15)}.summary-card i{font-size:2rem;margin-bottom:.75rem}.summary-card h4{color:var(--gray);font-size:.9rem}.summary-value{display:block;font-size:2rem;font-weight:700}.summary-label{color:var(--gray);font-size:.85rem}.report-chart{background:var(--light);border-radius:1rem;padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow);border:1px solid rgba(197,160,89,.15)}.report-chart h3{margin-bottom:1.5rem}.chart-container{height:200px;display:flex;flex-direction:column}.chart-bars{flex:1;display:flex;align-items:flex-end;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(197,160,89,.15)}.chart-bar{flex:1;background:var(--gradient-primary);border-radius:.25rem .25rem 0 0;min-height:5px;transition:height .3s}.chart-labels{display:flex;gap:.5rem;padding-top:.5rem}.chart-label{flex:1;text-align:center;font-size:.75rem;color:var(--gray)}.tafsir-search{background:var(--light);border-radius:1rem;padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow);border:1px solid rgba(197,160,89,.15)}.tafsir-input{display:flex;gap:1rem}.tafsir-content{background:var(--light);border-radius:1rem;padding:2rem;box-shadow:var(--shadow);border:1px solid rgba(197,160,89,.15)}.tafsir-ayah{text-align:center;background:linear-gradient(135deg,#1a3a2a,#0d2a1a);margin-bottom:2rem}.ayah-basmala,.ayah-text-large{font-family:"Amiri",serif;font-size:1.5rem;color:var(--primary);margin-bottom:1rem}.ayah-text-large{font-size:2rem;color:var(--white);line-height:2}.ayah-meta{display:flex;justify-content:center;gap:1rem;color:var(--gray);font-size:.9rem}.tafsir-explanation{margin-bottom:2rem}.tafsir-explanation h3{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:var(--white)}.tafsir-explanation h3 i{color:var(--warning)}.tafsir-explanation p{padding:1.5rem;line-height:2;border:1px solid rgba(197,160,89,.1)}.tafsir-actions{display:flex;gap:1rem;justify-content:center}.review-ayah{text-align:center;background:linear-gradient(135deg,#1a3a2a,#0d2a1a);margin-bottom:1.5rem}.review-ayah-text,.review-write textarea{font-family:"Amiri",serif;font-size:1.8rem;line-height:2}.review-write{text-align:center}.review-actions{display:flex;gap:.75rem;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:.85rem}.review-actions,[data-action]{touch-action:manipulation}.review-actions .btn{padding:.7rem 1.5rem;border-radius:2rem;font-weight:600;min-height:2.75rem;margin:0}.review-dontknow{background:#f59e0b!important;border-color:#f59e0b!important;color:#fff!important}.review-write textarea{width:100%;max-width:600px;margin:0 auto;padding:1rem;border:2px solid rgba(197,160,89,.2);border-radius:.5rem;font-size:1.2rem;line-height:1.8;resize:vertical;text-align:right;display:block;margin-bottom:1rem;background:var(--dark);color:var(--white)}.review-result{margin-top:1.5rem}.quran-continuous{font-family:"Amiri Quran","Amiri",serif;font-size:1.6rem;line-height:2.5;text-align:justify;direction:rtl;column-count:1}.quran-word{cursor:pointer;padding:2px 4px;border-radius:.4rem;transition:background .25s ease,box-shadow .25s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none}.quran-word:hover{background:rgba(212,175,55,.22)}.quran-word.active{background:rgba(212,175,55,.4);box-shadow:0 0 0 2px rgba(212,175,55,.45),0 4px 12px rgba(0,0,0,.25);border-radius:.5rem}.quran-page ::selection{background:rgba(212,175,55,.35);color:inherit}.quran-ayah-num{color:var(--primary);font-weight:700;font-size:1.1rem;white-space:nowrap;padding:0 2px}.quran-bismillah{text-align:center;font-family:"Amiri Quran","Amiri",serif;font-size:1.5rem;border-bottom:2px solid var(--primary);margin-bottom:1.5rem}.user-greeting{color:var(--gray);font-weight:600;text-align:center;white-space:nowrap}@media (max-width:768px){.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:150}.main-content{margin-right:0}.menu-toggle,.sidebar-overlay.active{display:block}.top-bar{display:flex;justify-content:space-between}.welcome-banner{text-align:center}.tafsir-input,.welcome-banner{flex-direction:column}.content-section{padding:1rem}.quick-stats{grid-template-columns:1fr}.quick-actions{grid-template-columns:1fr 1fr}.report-summary,.review-options,.select-grid{grid-template-columns:1fr}.report-tab{flex:1 1 calc(50% - .25rem);padding:.6rem .75rem;white-space:nowrap}}.memorize-mode{background:var(--light);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow);border:1px solid rgba(197,160,89,.15)}.hadith-items-container{display:flex;flex-direction:column;gap:1rem}.hadith-item{background:var(--light);border:1px solid rgba(197,160,89,.15);border-radius:.75rem;padding:1.25rem;cursor:pointer;transition:all .3s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hadith-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.hadith-item-number{display:inline-block;background:var(--primary);color:var(--darker);width:32px;height:32px;border-radius:50%;text-align:center;line-height:32px;font-weight:700;font-size:.85rem;margin-left:.75rem}.hadith-item-text{font-family:"Amiri",serif;font-size:1.1rem;line-height:2;display:inline}.hadith-view-card{background:var(--light);border:1px solid rgba(197,160,89,.2);border-radius:1rem;padding:2rem}.hadith-view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(197,160,89,.15)}.hadith-view-arabic{font-family:"Amiri",serif;font-size:1.5rem;line-height:2.5;text-align:right;direction:rtl;margin-bottom:1.5rem}.hadith-view-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;position:relative;z-index:5}.hadith-search-result{background:var(--light);border:1px solid rgba(197,160,89,.15);border-radius:.75rem;padding:1.25rem;margin-bottom:.75rem;cursor:pointer;transition:all .3s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hadith-search-collection{display:inline-block;background:rgba(197,160,89,.15);color:var(--primary);padding:2px 8px;border-radius:4px;font-size:.75rem;margin-bottom:.5rem}@media (max-width:768px){.hadith-view-card{padding:1.25rem}.hadith-view-arabic{font-size:1.2rem}.hadith-view-actions{flex-direction:column}#hadithCollections .select-grid{grid-template-columns:1fr!important}}.sidebar{background:var(--navy-panel)}.menu-toggle,.sidebar-header span,.user-name{color:#f9f6f0}.btn-logout,.nav-item{color:#9fb0c8}.nav-item:hover{background:rgba(201,162,39,.12);color:#f9f6f0}.user-avatar{color:#1e2a44}.action-card,.hadith-collection-card,.hadith-search-result,.hadith-view-card,.modal-content,.report-chart,.review-card,.stat-card,.summary-card,.today-goal{background:#fff;color:var(--navy-text);border-color:rgba(201,162,39,.25);box-shadow:0 4px 12px rgba(30,42,68,.08)}.hadith-item,.memorize-mode,.memorize-options,.tafsir-search,.top-bar{background:#fff;color:var(--navy-text);box-shadow:0 4px 12px rgba(30,42,68,.08)}.memorize-mode,.memorize-options,.tafsir-search,.top-bar{border-color:rgba(201,162,39,.25)}.action-card:hover,.hadith-collection-card:hover,.hadith-item:hover,.hadith-search-result:hover,.stat-card:hover{border-color:var(--primary)}.action-card span,.stat-value,.summary-value{color:var(--navy-text)}.action-card p,.chart-label,.stat-label,.summary-card h4,.summary-label{color:#5b6b8c}.ayah-text,.hadith-item-text,.hadith-view-arabic,.hadith-view-card h3,.report-chart h3,.review-card h3,.review-card p,.section-header h2,.today-goal h3{color:var(--navy-text)}.hadith-item{border-color:rgba(201,162,39,.25)}.hadith-search-collection{background:rgba(201,162,39,.15);color:#1e2a44}.hadith-item-number,.tab-btn.active{color:#1e2a44}.quran-bismillah,.quran-continuous,.quran-page,.review-ayah,.tafsir-ayah{background:#fff;color:var(--navy-text);padding:1.5rem;border-radius:1rem;border:1px solid rgba(201,162,39,.25);box-shadow:0 4px 12px rgba(30,42,68,.08)}.quran-word,.review-ayah-text{color:var(--navy-text)}.quran-ayah-num{color:#a8841f}.bismillah{color:var(--primary-dark)}.quran-nav select,.search-bar input,.select-group select,.tafsir-input select,textarea{background:#fff;color:var(--navy-text);border-color:rgba(201,162,39,.3)}.search-bar input::placeholder,textarea::placeholder{color:#94a3b8}#hadithTranscriptArea,#voiceTranscriptArea{background:#fff;color:var(--navy-text);border-color:rgba(201,162,39,.25)}#hadithTranscriptEdit,#hadithTranscriptWords,#voiceTranscriptWords{color:var(--navy-text)}#reviewArea{background:#fff}#reviewArea,#reviewAyahText{color:var(--navy-text)}.btn-primary,.record-btn .record-btn-inner{background:var(--gradient-primary);color:#1e2a44}#memorizePageInfo,#memorizeRangeInfo{background:rgba(201,162,39,.1);color:var(--gray)}:root{--quran-font-size:1.8rem;--danger:#dc2626}.settings-list{display:flex;flex-direction:column;gap:1rem;max-width:800px;width:100%;margin:0 auto}#settings .section-header{text-align:center}.setting-info,.setting-row{display:flex;align-items:center}.setting-row{justify-content:space-between;gap:1.5rem;background:#fff;border:1px solid rgba(201,162,39,.25);border-radius:1rem;padding:1.25rem 1.5rem;box-shadow:0 4px 12px rgba(30,42,68,.08);flex-wrap:wrap}.setting-info{gap:1rem;flex:1;min-width:250px}.setting-icon,.toggle-switch{position:relative;flex-shrink:0}.setting-icon,.setting-icon::before{display:flex;align-items:center;justify-content:center}.setting-icon{font-size:1.6rem;line-height:1;color:var(--primary);width:44px;height:44px;background:rgba(201,162,39,.12);border-radius:.75rem}.setting-icon::before{position:absolute;inset:0;width:100%;text-align:center}.setting-info h3{color:#1e2a44;font-size:1.05rem;margin-bottom:.25rem}.setting-info p{color:#5b6b8c;font-size:.85rem}.toggle-switch{display:inline-block;width:52px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;left:0;bottom:0;background:#d9d2c4;border-radius:28px;transition:.3s}.toggle-slider::before{content:"";position:absolute;height:22px;width:22px;right:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s;box-shadow:0 2px 4px rgba(30,42,68,.25)}.toggle-switch input:checked+.toggle-slider{background:var(--gradient-primary)}.toggle-switch input:checked+.toggle-slider::before{transform:translateX(-24px)}#reviewAyahText,.ayah-text-large,.quran-bismillah,.quran-word,.review-ayah-text{font-size:var(--quran-font-size)}body.night-mode{background:#0f1d36;color:#f9f6f0;--gray:#9FB0C8;--light:#16284A;--white:#F9F6F0;--dark:#0F1D36;--darker:#0A1428;--navy-text:#F9F6F0;--danger:#ef4444;--shadow:0 4px 12px rgba(0, 0, 0, 0.35);--shadow-lg:0 10px 20px rgba(0, 0, 0, 0.4);--shadow-xl:0 20px 30px rgba(0, 0, 0, 0.45)}body.night-mode .action-card,body.night-mode .hadith-view-card,body.night-mode .recent-sessions,body.night-mode .report-chart,body.night-mode .stat-card,body.night-mode .summary-card,body.night-mode .today-goal,body.night-mode .top-bar{background:#16284a;color:#f9f6f0;border-color:rgba(212,175,55,.3);box-shadow:0 4px 12px rgba(0,0,0,.35)}body.night-mode .hadith-search-result{background:#16284a;border-color:rgba(212,175,55,.3);box-shadow:0 4px 12px rgba(0,0,0,.35)}body.night-mode .hadith-collection-card,body.night-mode .hadith-item,body.night-mode .memorize-mode,body.night-mode .memorize-options,body.night-mode .tafsir-ayah,body.night-mode .tafsir-content,body.night-mode .tafsir-search{background:#16284a;color:#f9f6f0;border-color:rgba(212,175,55,.3);box-shadow:0 4px 12px rgba(0,0,0,.35)}body.night-mode .review-ayah{background:#16284a;color:#f9f6f0;box-shadow:0 4px 12px rgba(0,0,0,.35)}body.night-mode .quran-bismillah,body.night-mode .quran-continuous,body.night-mode .quran-page{background:#16284a;color:#f9f6f0;border-color:rgba(212,175,55,.3);box-shadow:0 4px 12px rgba(0,0,0,.35)}body.night-mode .review-card{background:#16284a;border-color:rgba(212,175,55,.3);box-shadow:0 4px 12px rgba(0,0,0,.35)}body.night-mode #hadithTranscriptArea,body.night-mode #reviewArea,body.night-mode #voiceTranscriptArea,body.night-mode .modal-content,body.night-mode .report-tab,body.night-mode .setting-row{background:#16284a;color:#f9f6f0;border-color:rgba(212,175,55,.3);box-shadow:0 4px 12px rgba(0,0,0,.35)}body.night-mode #reviewAyahText,body.night-mode .action-card span,body.night-mode .ayah-text,body.night-mode .hadith-item-text,body.night-mode .hadith-view-arabic,body.night-mode .quran-word,body.night-mode .recent-info strong,body.night-mode .review-ayah-text,body.night-mode .section-header h2,body.night-mode .setting-info h3,body.night-mode .stat-value,body.night-mode .summary-value{color:#f9f6f0}body.night-mode .action-card p,body.night-mode .chart-label,body.night-mode .recent-empty,body.night-mode .recent-info span,body.night-mode .section-header p,body.night-mode .setting-info p,body.night-mode .stat-label,body.night-mode .summary-card h4,body.night-mode .summary-label{color:#9fb0c8}body.night-mode .hadith-item-number,body.night-mode .report-tab.active,body.night-mode .tab-btn.active,body.night-mode .user-avatar{color:#0a1428}body.night-mode .report-tab.active{background:var(--gradient-primary);border-color:var(--primary)}body.night-mode .quran-nav select,body.night-mode .search-bar input,body.night-mode .select-group select,body.night-mode .tafsir-input select,body.night-mode textarea{background:#0f1d36!important;color:#f9f6f0!important;border-color:rgba(212,175,55,.3)}body.night-mode .search-bar input::placeholder,body.night-mode textarea::placeholder{color:#9fb0c8}body.night-mode .btn-secondary{background:#16284a;color:#f9f6f0;border:1px solid rgba(249,246,240,.25)}body.night-mode #hadithConfirmModal p,body.night-mode .btn-icon,body.night-mode .menu-toggle{color:#9fb0c8!important}body.night-mode .bismillah,body.night-mode .hadith-collection-card i,body.night-mode .quran-ayah-num,body.night-mode .review-card i{color:#d4af37}body.night-mode .search-suggestions{background:#16284a;color:#f9f6f0}body.night-mode .suggestion-item{color:#f9f6f0}body.night-mode .toggle-slider{background:#0f1d36}body.night-mode .footer-strip{background:#0a1428!important;color:#9fb0c8!important}body.night-mode .verse-box{background:rgba(212,175,55,.07)!important}body.night-mode #hadithConfirmModal>div{background:#16284a!important;border-color:rgba(212,175,55,.3)!important}body.night-mode #hadithConfirmModal h3,body.night-mode #hadithConfirmModal strong{color:#f9f6f0!important}body.night-mode .ayah-text-large,body.night-mode .hadith-collection-card h3,body.night-mode .hadith-collection-card p,body.night-mode .hadith-search-result,body.night-mode .review-card,body.night-mode .review-card h3,body.night-mode .review-card p,body.night-mode .review-header h3,body.night-mode .tafsir-explanation h3,body.night-mode .tafsir-explanation p{color:#f9f6f0}body.night-mode .ayah-meta,body.night-mode .hadith-search-collection{color:#9fb0c8}body.night-mode .tafsir-explanation p{background:#0f1d36;border-color:rgba(212,175,55,.2)}body.night-mode #voiceTranscriptArea h4,body.night-mode .hadith-search-result p,body.night-mode .memorize-options h3{color:#f9f6f0!important}body.night-mode .hadith-search-collection{background:rgba(212,175,55,.18)}body.night-mode [style*="color:#5B6B8C"]{color:#9fb0c8!important}body.night-mode .review-ayah{border-color:rgba(212,175,55,.3)}body.night-mode #hadithViewNumber{color:#d4af37!important}@media (max-width:768px){.setting-row{flex-direction:column;align-items:flex-start}.setting-info{min-width:100%}.top-bar{padding:.6rem .75rem;gap:.75rem}.search-bar input{padding:.5rem 2.2rem .5rem .75rem;font-size:.9rem}.user-greeting{display:none}.quran-browser{padding:.75rem}.quran-page{max-height:none;overflow-y:visible;padding:1rem .75rem;border-radius:.75rem}.quran-continuous{line-height:2.3;padding:.25rem}.quran-word{padding:1px 2px}.quran-ayah-num{font-size:.95rem}.quran-bismillah{font-size:1.3rem;padding:1rem 0}.quran-nav{margin-bottom:1rem}}@media (max-width:480px){.quran-browser{padding:.25rem}.quran-page{padding:.75rem .5rem;border-radius:.5rem}.quran-continuous{font-size:1.35rem;line-height:2.3}.quran-word{font-size:calc(var(--quran-font-size)*.85);line-height:2.3}.quran-bismillah{font-size:1.15rem}.quran-nav select{font-size:.95rem;max-width:100%}}@media (max-width:768px){.review-actions{flex-direction:column;width:100%}.review-actions .btn{width:100%;max-width:420px;min-height:3rem;font-size:1rem}}body.night-mode .record-waves span{background:#ef4444;box-shadow:0 0 8px rgba(239,68,68,.65)}

/* ==================== VOICE TRANSCRIPT CHIPS ==================== */
.vt-area{min-height:3.2rem}
.vt-word{display:inline-block;background:rgba(16,185,129,0.15);color:#d1fae5;border:1px solid rgba(16,185,129,0.35);border-radius:0.4rem;padding:0.1rem 0.5rem;margin:0.15rem;font-family:'Amiri',serif;animation:vtPop .25s ease}
.vt-live{color:rgba(197,160,89,0.75);font-family:'Amiri',serif}
@keyframes vtPop{0%{transform:scale(.8);opacity:0}100%{transform:scale(1);opacity:1}}

/* ==================== WORD-BY-WORD CORRECTION ==================== */
.cr-ring{width:130px;height:130px;display:block;margin:0 auto}
.cr-legend{display:flex;flex-wrap:wrap;gap:.6rem 1rem;justify-content:center;margin-bottom:1rem;font-size:.8rem;color:var(--gray)}
.cr-legend-item{display:inline-flex;align-items:center;gap:.35rem}
.cr-dot{width:12px;height:12px;border-radius:50%;display:inline-block}
.cr-dot-correct{background:#059669}
.cr-dot-fuzzy{background:#65a30d}
.cr-dot-phonetic{background:#d97706}
.cr-dot-missing{background:transparent;border:2px dashed #dc2626}
.cr-ayah{margin-bottom:.85rem;padding:.75rem .9rem;background:rgba(255,255,255,.03);border:1px solid rgba(197,160,89,.12);border-radius:.6rem}
.cr-ayah-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}
.cr-ayah-num{color:var(--primary);font-weight:700;font-family:'Amiri',serif;font-size:1.05rem}
.cr-ayah-score{color:var(--gray);font-size:.8rem}
.cr-ayah-text{font-family:'Amiri',serif;font-size:1.2rem;line-height:2.3;text-align:right;direction:rtl}
.cr-word{display:inline-block;padding:.05rem .4rem;margin:.08rem .05rem;border-radius:.35rem;position:relative;font-size:1.1rem}
.cr-correct{color:#4ade80;background:rgba(16,185,129,.12);border-bottom:2px solid #059669}
.cr-fuzzy{color:#bef264;background:rgba(101,163,13,.14);border-bottom:2px solid #65a30d}
.cr-phonetic{color:#fbbf24;background:rgba(217,119,6,.14);border-bottom:2px solid #d97706}
.cr-missing{color:#fca5a5;background:rgba(239,68,68,.08);border:2px dashed #dc2626;border-radius:.35rem}
.cr-word small{display:block;text-align:center;font-size:.6rem;color:rgba(197,160,89,.7);line-height:1.2}
.cr-extras{margin-top:.85rem;padding:.6rem .9rem;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.25);border-radius:.6rem;font-size:.9rem;color:#fca5a5;text-align:right}
.cr-extras strong{color:#ef4444;margin-left:.4rem}
.cr-extra{color:#fecaca;background:rgba(239,68,68,.18);border:1px solid rgba(239,68,68,.4);border-radius:.3rem;padding:.05rem .4rem;margin:.1rem;font-size:.95rem;text-decoration:line-through}

/* ==================== REVIEW VOICE ==================== */
.review-voice-divider{display:flex;align-items:center;gap:.75rem;max-width:600px;margin:1rem auto 0;color:var(--gray);font-size:.8rem}
.review-voice-divider::before,.review-voice-divider::after{content:'';flex:1;height:1px;background:rgba(197,160,89,.2)}
.btn-review-record{background:var(--primary);color:#041a14;border:none;border-radius:2rem;padding:.6rem 1.8rem;font-weight:700;cursor:pointer;transition:all .3s}
.btn-review-record:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(197,160,89,.4)}
.btn-review-record.recording{background:var(--danger);color:#fff;animation:pulse 1.5s infinite}

/* ==================== TOAST ==================== */
.app-toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%,1rem);background:var(--darker);color:var(--white);border:1px solid rgba(197,160,89,.4);padding:.75rem 1.5rem;border-radius:2rem;font-size:.9rem;z-index:9999;opacity:0;pointer-events:none;transition:all .3s;box-shadow:0 6px 24px rgba(0,0,0,.4)}
.app-toast.show{opacity:1;transform:translate(-50%,0)}
body:not(.night-mode) .vt-word{color:#15803d;background:rgba(16,185,129,.10);border-color:rgba(16,185,129,.30)}
body:not(.night-mode) .vt-live{color:#8a6816}
body:not(.night-mode) .cr-correct{color:#15803d;background:rgba(16,185,129,.10)}
body:not(.night-mode) .cr-fuzzy{color:#3f6212;background:rgba(101,163,13,.12)}
body:not(.night-mode) .cr-phonetic{color:#b45309;background:rgba(217,119,6,.12)}
body:not(.night-mode) .cr-missing{color:#b91c1c;background:rgba(239,68,68,.08)}
body:not(.night-mode) .cr-extras{color:#b91c1c}
body:not(.night-mode) .cr-extra{color:#b91c1c;background:rgba(239,68,68,.12)}
.sidebar-footer{flex-direction:column;gap:.85rem;align-items:stretch}
.sidebar-footer .btn-logout{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1rem;border:1px solid rgba(239,68,68,.35);border-radius:.75rem;color:var(--danger);font-weight:600}
.sidebar-footer .btn-logout:hover{background:rgba(239,68,68,.12)}