@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap";
.calendar-container{background-color:var(--app-bg-main);min-height:100vh;color:var(--app-text-main);direction:rtl;padding:16px;font-family:Tajawal,sans-serif;transition:background .4s}.top-nav{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 24px;display:flex}.streak-badge{background:#fff;border-radius:20px;padding:6px 16px;font-size:.9rem;font-weight:800;box-shadow:0 4px 6px -1px #0000000d}.hero-section{text-align:center;max-width:800px;margin:0 auto 32px}.motivation-card{background:var(--app-primary);color:#fff;border-radius:24px;margin-bottom:24px;padding:32px 24px;box-shadow:0 20px 25px -5px #0000001a}.quote{margin:0;font-size:1.5rem;font-weight:700;line-height:1.4}.stats-dashboard{z-index:100;grid-template-columns:1fr 1fr;gap:16px;display:grid;position:sticky;top:16px}.stat-box{background:#fff;border-radius:16px;padding:16px;box-shadow:0 10px 15px -3px #0000001a}.stat-header-row{justify-content:space-between;margin-bottom:8px;font-size:.85rem;font-weight:800;display:flex}.stat-percent{color:var(--app-accent)}.stat-bar{background:#f1f5f9;border-radius:4px;height:8px;overflow:hidden}.fill{height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.fill.quran{background:var(--app-accent)}.fill.prayer{background:var(--prayer-color)}.quick-jump{text-align:center;margin-bottom:24px}.quick-jump select{background:#fff;border:1px solid #ddd;border-radius:12px;padding:10px 20px;font-family:inherit;font-weight:600}.calendar-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;max-width:1200px;margin:0 auto;display:grid}.day-card{background:var(--app-bg-surface);border:1px solid #0000000d;border-radius:24px;padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px -1px #0000000d}.day-card.is-complete{border:2px solid var(--app-accent);box-shadow:0 20px 25px -5px #6366f11a}.day-card-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.day-label{font-size:1.1rem;font-weight:800}.juz-label{opacity:.6;font-size:.85rem;font-weight:600}.section-group{margin-bottom:20px}.group-title{text-transform:uppercase;letter-spacing:.05em;opacity:.5;margin-bottom:12px;font-size:.75rem;font-weight:800;display:block}.quran-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.q-task{cursor:pointer;background:#f8fafc;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;transition:all .2s;display:flex}.q-task.active{background:var(--app-primary);color:#fff}.q-icon{font-size:1.2rem}.q-text{font-size:.75rem;font-weight:700}.prayer-row{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.p-task{cursor:pointer;background:#f8fafc;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:10px 2px;display:flex}.p-label{color:#64748b;font-size:.65rem;font-weight:800}.p-indicator{background:#fff;border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:700;display:flex}.reading-range{color:var(--app-accent);margin-top:4px;font-size:.8rem;font-weight:600}.day-card-header div{flex-direction:column;display:flex}.p-task.active{background:var(--app-bg-main)}.p-task.active .p-indicator{background:var(--prayer-color);border-color:var(--prayer-color);color:var(--app-success)}.p-task.active .p-label{color:var(--prayer-color)}.page-footer{text-align:center;max-width:800px;margin:48px auto}.dua-details{text-align:right;background:#fff;border-radius:20px;margin-bottom:24px;padding:24px}.dua-details summary{cursor:pointer;outline:none;font-weight:800}.dua-text{color:#475569;margin-top:16px;font-size:1.1rem;line-height:1.8}.clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.85rem;text-decoration:underline}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(.94)}to{transform:scale(1)}}.pulse{animation:.3s pulse}@media (max-width:600px){.stats-dashboard{grid-template-columns:1fr}.prayer-row{grid-template-columns:repeat(3,1fr)}.p-task:nth-child(4),.p-task:nth-child(5){grid-column:span 1.5}.quote{font-size:1.2rem}.calendar-grid{grid-template-columns:1fr}}