:root{--primary-color:#2c5282;--primary-dark:#1a365d;--primary-light:#4299e1;--success-color:#38a169;--warning-color:#dd6b20;--danger-color:#e53e3e;--info-color:#3182ce;--light-bg:#f7fafc;--border-color:#e2e8f0;--text-dark:#2d3748;--text-light:#718096;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.12);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 15px rgba(0, 0, 0, 0.1)}.quran-registration-container,.quran-dashboard-container{max-width:1200px;margin:0 auto;padding:20px;font-family:'Vazir','Tahoma',Arial,sans-serif;direction:rtl;text-align:right}.quran-alert{padding:15px 20px;margin-bottom:20px;border-radius:8px;font-size:16px;line-height:1.6;animation:slideDown 0.3s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.quran-alert-success{background-color:#c6f6d5;border:1px solid #38a169;color:#22543d}.quran-alert-error{background-color:#fed7d7;border:1px solid #e53e3e;color:#742a2a}.quran-alert-info{background-color:#bee3f8;border:1px solid #3182ce;color:#2c5282}.quran-alert-warning{background-color:#feebc8;border:1px solid #dd6b20;color:#7c2d12}.quran-course-info{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:40px;border-radius:15px;margin-bottom:30px;text-align:center;box-shadow:var(--shadow-lg)}.quran-course-info h2{font-size:36px;margin:0 0 20px 0;font-weight:700}.course-stats{display:flex;justify-content:center;gap:60px;margin:30px 0}.stat-box{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:56px;font-weight:700;line-height:1}.stat-label{font-size:16px;opacity:.9;margin-top:8px}.progress-bar{width:100%;height:24px;background-color:rgb(255 255 255 / .3);border-radius:12px;overflow:hidden;margin-top:25px;position:relative}.progress-fill{height:100%;background-color:#48bb78;transition:width 0.5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-fill::after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.progress-fill-success{background-color:#38a169}.quran-registration-form{background:#fff;padding:40px;border-radius:15px;box-shadow:var(--shadow-md)}.quran-registration-form h3{font-size:26px;margin-bottom:30px;color:var(--text-dark);text-align:center}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:var(--text-dark);font-size:16px}.form-group input{width:100%;padding:14px 16px;font-size:16px;border:2px solid var(--border-color);border-radius:8px;transition:all 0.3s;font-family:inherit}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgb(44 82 130 / .1)}.form-group input:hover{border-color:var(--primary-light)}.form-group small{display:block;margin-top:6px;color:var(--text-light);font-size:14px}.form-info{background-color:var(--light-bg);padding:20px;border-radius:8px;margin:25px 0;border-right:4px solid var(--info-color)}.form-info p{margin:10px 0;font-size:15px;color:var(--text-dark)}.btn-submit,.btn-primary{width:100%;padding:16px;font-size:18px;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;cursor:pointer;transition:all 0.3s}.btn-submit:hover,.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgb(102 126 234 / .4)}.btn-submit:active,.btn-primary:active{transform:translateY(0)}.dashboard-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:40px;border-radius:15px;margin-bottom:30px;box-shadow:var(--shadow-lg)}.user-welcome h1{font-size:32px;margin:0 0 12px 0;font-weight:700}.user-welcome p{font-size:18px;opacity:.9;margin:0}.header-stats{display:flex;gap:20px;margin-top:30px;flex-wrap:wrap}.stat-card{flex:1;min-width:180px;background-color:rgb(255 255 255 / .2);backdrop-filter:blur(10px);padding:24px;border-radius:12px;display:flex;align-items:center;gap:16px;transition:all 0.3s}.stat-card:hover{background-color:rgb(255 255 255 / .3);transform:translateY(-2px)}.stat-icon{font-size:40px}.stat-value{display:block;font-size:36px;font-weight:700;line-height:1}.stat-label{display:block;font-size:14px;opacity:.9;margin-top:6px}.today-section,.progress-section,.postponed-section,.calendar-section{background:#fff;padding:30px;border-radius:12px;box-shadow:var(--shadow-md);margin-bottom:25px;animation:fadeInUp 0.5s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.today-section h2,.progress-section h3,.postponed-section h3,.calendar-section h3{margin:0 0 25px 0;color:var(--text-dark);font-size:24px;font-weight:700}.today-pages{display:flex;gap:20px;margin:25px 0;flex-wrap:wrap}.page-card{flex:1;min-width:220px;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);padding:35px;border-radius:15px;text-align:center;color:#fff;box-shadow:var(--shadow-lg);transition:all 0.3s}.page-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 30px rgb(245 87 108 / .4)}.page-number{font-size:32px;font-weight:700;margin-bottom:20px}.btn-read-page{display:inline-block;padding:12px 24px;background-color:#fff;color:#f5576c;border-radius:8px;text-decoration:none;font-weight:700;transition:all 0.3s}.btn-read-page:hover{transform:scale(1.05);box-shadow:0 4px 12px rgb(0 0 0 / .2)}.today-actions{display:flex;gap:15px;margin-top:25px;justify-content:center}.btn-success{padding:14px 32px;font-size:16px;font-weight:700;color:#fff;background-color:var(--success-color);border:none;border-radius:8px;cursor:pointer;transition:all 0.3s}.btn-success:hover{background-color:#2f855a;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-warning{padding:14px 32px;font-size:16px;font-weight:700;color:#fff;background-color:var(--warning-color);border:none;border-radius:8px;cursor:pointer;transition:all 0.3s}.btn-warning:hover{background-color:#c05621;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-small{padding:10px 20px;font-size:14px;font-weight:700;color:#fff;background-color:var(--primary-color);border:none;border-radius:6px;cursor:pointer;transition:all 0.3s}.btn-small:hover{background-color:var(--primary-dark)}.progress-bars{display:flex;flex-direction:column;gap:30px}.progress-item{width:100%}.progress-label{display:flex;justify-content:space-between;margin-bottom:12px;font-weight:700;color:var(--text-dark);font-size:16px}.progress-bar{width:100%;height:32px;background-color:var(--light-bg);border-radius:16px;overflow:hidden;box-shadow:inset 0 2px 4px rgb(0 0 0 / .1);position:relative}.postponed-list{display:flex;flex-direction:column;gap:12px}.postponed-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:var(--light-bg);border-radius:8px;border-right:4px solid var(--warning-color);transition:all 0.3s}.postponed-item:hover{background-color:#feebc8;transform:translateX(-5px)}.calendar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(65px,1fr));gap:12px;margin-bottom:25px}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;font-weight:700;cursor:pointer;transition:all 0.3s;position:relative}.calendar-day:hover{transform:scale(1.15);z-index:10;box-shadow:var(--shadow-md)}.calendar-day.completed{background-color:#c6f6d5;border:2px solid var(--success-color)}.calendar-day.today{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;box-shadow:0 4px 12px rgb(102 126 234 / .5);animation:pulse 2s infinite}@keyframes pulse{0%,100%{box-shadow:0 4px 12px rgb(102 126 234 / .5)}50%{box-shadow:0 6px 20px rgb(102 126 234 / .8)}}.calendar-day.missed{background-color:#fed7d7;border:2px solid var(--danger-color)}.calendar-day.future{background-color:var(--light-bg);border:2px solid var(--border-color);color:var(--text-light)}.day-num{font-size:18px}.day-icon{font-size:22px;position:absolute;bottom:6px}.calendar-legend{display:flex;gap:25px;justify-content:center;flex-wrap:wrap;font-size:14px;color:var(--text-dark);padding:20px;background:var(--light-bg);border-radius:8px}.legend-box{display:inline-block;width:22px;height:22px;border-radius:6px;margin-left:8px;vertical-align:middle}.legend-box.completed{background-color:#c6f6d5;border:2px solid var(--success-color)}.legend-box.today{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.legend-box.missed{background-color:#fed7d7;border:2px solid var(--danger-color)}.legend-box.future{background-color:var(--light-bg);border:2px solid var(--border-color)}.waiting-notice,.course-finished{text-align:center;padding:60px 40px;background:#fff;border-radius:15px;box-shadow:var(--shadow-md)}.waiting-icon,.finished-icon{font-size:80px;margin-bottom:25px;animation:bounce 2s infinite}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.modal{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgb(0 0 0 / .8);display:flex;align-items:center;justify-content:center;animation:fadeIn 0.3s}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal-content{background-color:#fff;padding:40px;border-radius:15px;max-width:850px;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 20px 50px rgb(0 0 0 / .3);animation:slideUp 0.4s}@keyframes slideUp{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:20px;left:20px;font-size:36px;font-weight:700;color:var(--text-light);cursor:pointer;transition:all 0.3s;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.modal-close:hover{color:var(--text-dark);background-color:var(--light-bg)}#quran-page-content{font-family:'Amiri','Traditional Arabic',serif;font-size:26px;line-height:2.2;text-align:center;direction:rtl}.quran-page-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--border-color)}.quran-page-header h2{font-size:30px;color:var(--text-dark);margin:0 0 12px 0}.quran-page-header p{color:var(--text-light);font-size:16px;margin:0}.quran-text{font-family:'Amiri','Traditional Arabic',serif;font-size:28px;line-height:2.4;text-align:justify;direction:rtl;color:var(--text-dark)}.loading{text-align:center;padding:60px;color:var(--text-light);font-size:18px}.loading::before{content:'';display:block;width:50px;height:50px;margin:0 auto 20px;border:5px solid var(--light-bg);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{color:var(--danger-color);text-align:center;padding:30px;font-size:16px}@media (max-width:768px){.quran-registration-container,.quran-dashboard-container{padding:15px}.quran-course-info{padding:30px 20px}.quran-course-info h2{font-size:28px}.course-stats{flex-direction:column;gap:30px}.stat-number{font-size:48px}.quran-registration-form{padding:25px}.dashboard-header{padding:30px 20px}.user-welcome h1{font-size:24px}.header-stats{flex-direction:column}.stat-card{min-width:100%}.today-pages{flex-direction:column}.page-card{min-width:100%}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:8px}.calendar-day{font-size:12px}.day-icon{font-size:16px;bottom:2px}.today-actions{flex-direction:column}.btn-success,.btn-warning{width:100%}.modal-content{margin:20px;max-width:calc(100% - 40px);padding:25px}#quran-page-content{font-size:22px}}@font-face{font-display:swap;font-family:'Vazir';src:url(https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v30.1.0/dist/Vazir-Regular.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-display:swap;font-family:'Vazir';src:url(https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v30.1.0/dist/Vazir-Bold.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}@font-face{font-display:swap;font-family:'Amiri';src:url(https://fonts.gstatic.com/s/amiri/v27/J7aRnpd8CGxBHqUpvrIw74NL.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--light-bg)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.text-center{text-align:center}.mt-4{margin-top:24px}.mb-4{margin-bottom:24px}.fw-bold{font-weight:700}.text-muted{color:var(--text-light)}.d-none{display:none}.d-block{display:block}@media print{.dashboard-header,.today-actions,.modal-close{display:none}.calendar-day{border:1px solid #000;break-inside:avoid}}