.app{min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,#1a472a,#2d5a3d,#1a472a);background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-tap-highlight-color:transparent;padding-top:calc(max(1rem,calc(env(safe-area-inset-top) + .75rem)) + 4.75rem + 44px);padding-right:env(safe-area-inset-right);padding-bottom:max(2rem,env(safe-area-inset-bottom));padding-left:env(safe-area-inset-left);direction:rtl;width:100%;max-width:100vw;overflow-x:hidden;overflow-y:auto;position:relative;box-sizing:border-box}.menu-bar{display:flex;align-items:center;justify-content:space-between;padding:max(1rem,calc(env(safe-area-inset-top) + .75rem)) max(1rem,env(safe-area-inset-right)) .75rem max(1rem,env(safe-area-inset-left));background:linear-gradient(135deg,#1a472af2,#2d5a3df2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0003;position:fixed;top:0;left:0;right:0;z-index:200;width:100%;box-sizing:border-box;direction:ltr}.menu-bar-progress{position:relative!important;margin:0!important;padding:0!important;left:auto!important;right:auto!important;top:auto!important;width:auto!important;flex-shrink:0}.menu-bar-progress .progress-circle-wrapper,.menu-bar-progress .progress-circle{width:48px;height:48px}.menu-bar-progress .progress-circle-text{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.menu-bar-progress .progress-percentage{font-size:.55rem;line-height:1}.menu-bar-progress .progress-count{font-size:.7rem;font-weight:700;line-height:1.1;color:#f0f8f0;text-shadow:0 1px 2px rgba(0,0,0,.4),0 0 4px rgba(0,0,0,.2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:.5px;font-variant-numeric:tabular-nums}.menu-bar-title{color:#f0f8f0;margin:0;font-size:clamp(1.3rem,4vw,1.8rem);text-shadow:2px 2px 4px rgba(0,0,0,.3);font-weight:700;flex:1;text-align:center}.menu-bar-toggle-button{background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.8rem;font-weight:700;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-tap-highlight-color:transparent;color:#f0f8f0;line-height:1;flex-shrink:0}.menu-bar-toggle-button:hover{background:#ffffff4d;transform:scale(1.1)}.menu-bar-toggle-button:active{transform:scale(.95)}.header{text-align:center;padding:1rem max(1rem,env(safe-area-inset-right)) max(1.5rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));color:#fff;position:relative;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}h1{color:#f0f8f0;margin:0 0 .75rem;font-size:clamp(1.5rem,5vw,2.2rem);text-shadow:2px 2px 4px rgba(0,0,0,.3);font-weight:700}.date-time-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;margin-top:.75rem;flex-wrap:wrap}.date{color:#f0f8f0;font-size:clamp(1rem,3vw,1.3rem);margin:0;font-weight:500;opacity:.95;display:flex;align-items:center;gap:.75rem;direction:rtl}.date .arabic-day{font-size:clamp(1.3rem,4.5vw,1.8rem);font-weight:700;color:#f0f8f0;text-shadow:0 2px 6px rgba(0,0,0,.4);font-family:Arial,Helvetica,Tahoma,Arabic UI Text,Segoe UI,Noto Sans Arabic,sans-serif;letter-spacing:2px;text-decoration:none}.date .numeric-date{font-variant-numeric:tabular-nums;letter-spacing:1.5px;font-weight:600;opacity:.9}.hijri-date{color:#d4e6d4;font-size:clamp(1rem,3vw,1.3rem);margin:0;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2);padding:.4rem 1rem;background:#ffffff1a;border-radius:8px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-variant-numeric:tabular-nums;letter-spacing:1px}.tabs{display:flex;gap:.5rem;padding:.75rem max(1rem,env(safe-area-inset-left)) .75rem max(1rem,env(safe-area-inset-right));overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;position:fixed;top:calc(max(1rem,calc(env(safe-area-inset-top) + .75rem)) + 44px + .75rem);left:0;right:0;width:100%;max-width:100vw;z-index:190;background:#1a472af2;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);margin:0;box-shadow:0 2px 8px #00000026,inset 0 1px #ffffff14;border-bottom:.5px solid rgba(255,255,255,.1);box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;justify-content:flex-start;align-items:center;transition:opacity .3s ease,visibility .3s ease}.right-sidebar.open~.tabs{opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:-1!important;display:none!important}.tabs:before,.tabs:after{content:"";position:sticky;width:2rem;height:2.5rem;z-index:10;pointer-events:none;flex-shrink:0}.tabs:before{left:0;background:linear-gradient(to right,rgba(26,71,42,.95) 0%,transparent 100%);margin-right:-2rem}.tabs:after{right:0;background:linear-gradient(to left,rgba(26,71,42,.95) 0%,transparent 100%);margin-left:-2rem}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;min-width:fit-content;padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#ffffffd9;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center;justify-content:center;gap:.4rem;-webkit-tap-highlight-color:transparent;touch-action:manipulation;white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Tajawal,Cairo,sans-serif;position:relative;overflow:hidden;letter-spacing:.05px;height:2.5rem;margin:0;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 3px #0000001a,inset 0 1px #ffffff1a}.tab:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffffff2;border-radius:10px;transform:scale(0);transition:transform .3s cubic-bezier(.25,.46,.45,.94);z-index:-1;box-shadow:0 2px 8px #00000026,0 1px 3px #0000001a,inset 0 1px #fffc}.tab.active:before{transform:scale(1)}.tab:hover{background:#ffffff26;border-color:#ffffff40;color:#fffffff2;transform:translateY(-1px);box-shadow:0 2px 6px #00000026,inset 0 1px #ffffff26}.tab:active{transform:scale(.96) translateY(0);transition:transform .1s ease}.tab.active{color:#1a472a;font-weight:700;text-shadow:none;border-color:#ffffff4d;box-shadow:0 2px 8px #0003,0 1px 3px #00000026,inset 0 1px #ffffffe6}@keyframes shimmer{0%{left:-100%}to{left:100%}}.tab-icon{font-size:1.1rem;line-height:1;transition:transform .3s cubic-bezier(.25,.46,.45,.94);display:inline-block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.sidebar-tab-lock{font-size:.85rem;margin-right:.25rem;opacity:.7}.tab:hover .tab-icon{transform:scale(1.05)}.tab.active .tab-icon{transform:scale(1.05);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}@keyframes iconPulse{0%,to{transform:scale(1.15)}50%{transform:scale(1.2)}}.azkar-container{display:flex;flex-direction:column;gap:1.5rem;padding-top:1rem;padding-bottom:2rem;padding-left:max(1rem,calc(1rem + env(safe-area-inset-left)));padding-right:max(1rem,calc(1rem + env(safe-area-inset-right)));max-width:900px;position:relative;z-index:1;margin:0 auto;width:100%;box-sizing:border-box;overflow-x:hidden}.settings-screen{max-width:800px;margin:0 auto;padding:2rem 1rem}.settings-screen-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,255,255,.2)}.settings-screen-header h2{color:#f0f8f0;margin:0;font-size:2rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.settings-screen-content{background:#ffffff1a;border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.screen-placeholder{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.placeholder-content{text-align:center;background:#ffffff1a;border-radius:16px;padding:3rem 2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);max-width:400px}.placeholder-icon{font-size:4rem;margin:0 0 1rem}.placeholder-title{font-size:2rem;color:#f0f8f0;margin:0 0 1rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.placeholder-text{font-size:1.2rem;color:#d4e6d4;margin:0;opacity:.8}.accounting-screen{max-width:100%;margin:0 auto;padding:1rem .5rem;min-height:70vh;overflow-x:auto}.accounting-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.accounting-header{text-align:center;width:100%;padding:0 1rem}.accounting-header h2{color:#f0f8f0;font-size:clamp(1.8rem,5vw,2.5rem);font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 8px rgba(0,0,0,.3);font-family:Tajawal,Cairo,Arial,sans-serif}.accounting-subtitle{color:#d4e6d4;font-size:clamp(.9rem,3vw,1.1rem);margin:0;opacity:.9;font-family:Tajawal,Cairo,Arial,sans-serif}.accounting-month-display{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1.5rem;padding:1rem 1.5rem;background:#ffffff1a;border-radius:12px;border:2px solid rgba(184,134,11,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Tajawal,Cairo,Arial,sans-serif}.accounting-month-label{color:#d4e6d4;font-size:clamp(1rem,3vw,1.2rem);font-weight:600;opacity:.9}.accounting-month-name{color:#ffc107;font-size:clamp(1.2rem,4vw,1.5rem);font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:1px}.daily-tasks-wrapper{width:100%;padding:0 .5rem;position:relative}.daily-tasks-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(184,134,11,.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(184,134,11,.03) 0%,transparent 50%);pointer-events:none;border-radius:16px;z-index:0}.daily-tasks-table-container{width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;background:#ffffff0d;border-radius:16px;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0003,inset 0 1px #ffffff1a;position:relative;z-index:1}.daily-tasks-table-container::-webkit-scrollbar{height:8px}.daily-tasks-table-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.daily-tasks-table-container::-webkit-scrollbar-thumb{background:#b8860b66;border-radius:4px}.daily-tasks-table-container::-webkit-scrollbar-thumb:hover{background:#b8860b99}.daily-tasks-table{display:block;width:max-content;min-width:100%;direction:rtl;font-family:Tajawal,Cairo,Arial,sans-serif;table-layout:fixed}.tasks-header-row{display:flex;gap:.25rem;margin-bottom:.5rem;position:sticky;top:0;z-index:10;background:linear-gradient(135deg,#1a472a66,#2d5a3d4d);padding:0 .5rem;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:stretch;height:60px}.tasks-header-cell{min-width:40px;width:40px;height:60px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#f0f8f0;font-size:.85rem;text-shadow:0 1px 3px rgba(0,0,0,.3);box-sizing:border-box;flex-shrink:0;margin:0;padding:0}.tasks-header-label{min-width:200px;width:200px;max-width:200px;height:60px;font-size:1.1rem;color:#f0f8f0;border-right:3px solid rgba(76,175,80,.8);padding:0;margin:0;justify-content:center;position:sticky;right:0;z-index:11;background:linear-gradient(135deg,#1a472af2,#2d5a3deb);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:-4px 0 16px #0000004d,inset -2px 0 4px #4caf504d;text-align:center;flex-shrink:0;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.3);border-radius:8px 0 0 8px;display:flex;align-items:center;box-sizing:border-box}.tasks-header-day{background:#4caf5033;border:2px solid rgba(76,175,80,.4);border-radius:8px;font-size:.85rem;box-sizing:border-box;margin:0;padding:0;min-width:40px;width:40px;height:60px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tasks-header-stats{background:#4caf5040;border:2px solid rgba(76,175,80,.5);border-radius:8px;font-size:.8rem;box-sizing:border-box;margin:0;padding:0;min-width:60px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;color:#f0f8f0;text-shadow:0 1px 3px rgba(0,0,0,.3)}.tasks-row{display:flex;gap:.25rem;margin-bottom:.5rem;align-items:stretch;padding:0 .5rem;height:60px}.tasks-label-cell{min-width:200px;width:200px;max-width:200px;height:60px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding:.5rem .75rem;margin:0;background:linear-gradient(135deg,#1a472af2,#2d5a3deb);border:2px solid rgba(76,175,80,.4);border-right:3px solid rgba(76,175,80,.8);border-radius:10px 0 0 10px;position:sticky;right:0;z-index:9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;box-shadow:-4px 0 16px #0000004d,inset -2px 0 4px #4caf5033,inset 0 1px #ffffff1a;box-sizing:border-box;flex-shrink:0;direction:rtl;transition:all .2s ease}.tasks-label-cell:hover{background:linear-gradient(135deg,#1a472a,#2d5a3dfa);border-color:#4caf5099;box-shadow:-6px 0 20px #0006,inset -3px 0 6px #4caf504d,inset 0 1px #ffffff26;transform:translate(-2px)}.task-name{font-size:clamp(.8rem,2vw,.95rem);color:#f0f8f0;font-weight:600;line-height:1.5;text-align:right;width:100%;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.25rem;padding:0;direction:rtl;text-shadow:0 1px 3px rgba(0,0,0,.4);font-family:Tajawal,Cairo,Arial,sans-serif;box-sizing:border-box;word-break:break-word}.tasks-stats-cell{min-width:60px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(76,175,80,.4);border-radius:8px;flex-shrink:0;box-sizing:border-box;background:#4caf5026;margin:0;padding:0}.task-stats-value{font-size:.85rem;color:#4caf50;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.4);direction:ltr;font-family:Tajawal,Cairo,Arial,sans-serif;font-variant-numeric:tabular-nums}.task-cell{min-width:40px;width:40px;height:60px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.15);border-radius:8px;flex-shrink:0;cursor:pointer;transition:all .2s ease;background:#ffffff08;font-size:1.2rem;font-weight:700;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0;position:relative;overflow:hidden;box-sizing:border-box}.task-cell:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .2s ease}.task-cell:hover:before{opacity:1}.task-cell:hover{transform:scale(1.05);border-color:#ffffff4d;box-shadow:0 2px 8px #0003}.task-cell:active{transform:scale(.95)}.task-cell.empty{background:#ffffff0d;border-color:#ffffff26}.task-cell.done{background:linear-gradient(135deg,#4caf504d,#388e3c40);border-color:#4caf5099;color:#4caf50;box-shadow:0 2px 8px #4caf504d}.task-cell.done:hover{background:linear-gradient(135deg,#4caf5066,#388e3c59);box-shadow:0 4px 12px #4caf5066}.task-cell.not-done{background:linear-gradient(135deg,#f443364d,#c6282840);border-color:#f4433699;color:#f44336;box-shadow:0 2px 8px #f443364d}.task-cell.not-done:hover{background:linear-gradient(135deg,#f4433666,#c6282859);box-shadow:0 4px 12px #f4433666}.tasks-legend{display:flex;justify-content:center;gap:1.5rem;margin-top:1.5rem;flex-wrap:wrap;padding:1rem;background:#ffffff0d;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#d4e6d4;font-family:Tajawal,Cairo,Arial,sans-serif}.legend-cell{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.15);border-radius:6px;font-size:1rem;font-weight:700}.legend-cell.empty{background:#ffffff0d;border-color:#ffffff26}.legend-cell.done{background:linear-gradient(135deg,#4caf504d,#388e3c40);border-color:#4caf5099;color:#4caf50}.legend-cell.not-done{background:linear-gradient(135deg,#f443364d,#c6282840);border-color:#f4433699;color:#f44336}@media (max-width: 768px){.accounting-screen{padding:.5rem .25rem}.daily-tasks-table-container{padding:.5rem}.tasks-header-cell,.task-cell{min-width:35px;width:35px;height:55px;font-size:.9rem;margin:0;padding:0}.tasks-header-day{min-width:35px;width:35px;height:55px;font-size:.9rem}.tasks-header-stats,.tasks-stats-cell{min-width:50px;width:50px;height:55px;font-size:.75rem}.task-stats-value{font-size:.75rem}.tasks-header-label,.tasks-label-cell{min-width:170px;width:170px;max-width:170px;height:55px;padding:.4rem .6rem}.tasks-header-row,.tasks-row{height:55px;padding:0 .5rem}.task-name{font-size:.75rem;line-height:1.4}.task-stats{font-size:.7rem;padding:.15rem .4rem}.tasks-header-day{font-size:.7rem}.tasks-header-stats{font-size:.65rem}}@media (max-width: 480px){.tasks-header-cell,.task-cell{min-width:30px;width:30px;height:50px;font-size:.8rem;margin:0;padding:0}.tasks-header-day{min-width:30px;width:30px;height:50px;font-size:.8rem}.tasks-header-stats,.tasks-stats-cell{min-width:45px;width:45px;height:50px;font-size:.7rem}.task-stats-value{font-size:.7rem}.tasks-header-label,.tasks-label-cell{min-width:150px;width:150px;max-width:150px;height:50px;padding:.35rem .5rem}.tasks-header-row,.tasks-row{height:50px;padding:0 .5rem}.task-name{font-size:.7rem;line-height:1.3;-webkit-line-clamp:2}.task-stats{font-size:.65rem;padding:.15rem .35rem}.tasks-legend{gap:1rem;padding:.75rem}.legend-item{font-size:.8rem}.legend-cell{width:28px;height:28px;font-size:.9rem}}.masbaha-screen{max-width:800px;margin:0 auto;padding:2rem 1rem;min-height:70vh}.masbaha-container{display:flex;flex-direction:column;align-items:center;gap:2rem}.masbaha-header{text-align:center;width:100%}.masbaha-header h2{color:#f0f8f0;font-size:2.5rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 8px rgba(0,0,0,.3)}.masbaha-subtitle{color:#d4e6d4;font-size:1.1rem;margin:0;opacity:.9}.masbaha-display{width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem;background:#ffffff1a;border-radius:24px;padding:2.5rem 1.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0003}.masbaha-count-display{display:flex;flex-direction:column;align-items:center;gap:.5rem}.masbaha-count-number{font-size:5rem;font-weight:700;color:#f0f8f0;text-shadow:0 4px 12px rgba(0,0,0,.4);font-variant-numeric:tabular-nums;line-height:1;transition:transform .3s ease}.masbaha-count-number:active{transform:scale(1.1)}.masbaha-count-label{font-size:1.5rem;color:#d4e6d4;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.masbaha-controls{display:flex;gap:1rem;width:100%;max-width:600px;justify-content:center;flex-wrap:wrap}.masbaha-button{flex:1;min-width:120px;padding:1.25rem 1.5rem;border-radius:16px;border:2px solid rgba(255,255,255,.3);background:#ffffff26;color:#f0f8f0;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.masbaha-button:hover:not(:disabled){background:#ffffff40;border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.masbaha-button:active:not(:disabled){transform:translateY(0) scale(.98)}.masbaha-button:disabled{opacity:.4;cursor:not-allowed}.masbaha-button-tasbih{background:linear-gradient(135deg,#4caf504d,#4caf5033);border-color:#4caf5080;flex:2;min-width:200px}.masbaha-button-tasbih:hover:not(:disabled){background:linear-gradient(135deg,#4caf5066,#4caf504d);border-color:#4caf50b3}.masbaha-button-reset{background:linear-gradient(135deg,#f4433633,#f4433626);border-color:#f4433666;flex:1;min-width:120px}.masbaha-button-icon{font-size:1.8rem;line-height:1}.masbaha-button-text{font-size:.95rem;direction:rtl}@media (max-width: 768px){.tabs{gap:.75rem;padding:.75rem 1rem;top:calc(max(1rem,calc(env(safe-area-inset-top) + .75rem)) + 46px + .75rem)}.tab{min-width:140px;max-width:200px;padding:1rem 1.25rem;font-size:1rem;gap:.625rem}.tab-icon{font-size:1.3rem}.zikr-card{padding:1.5rem;border-radius:16px}.zikr-text{font-size:clamp(1.1rem,4vw,1.3rem);line-height:2;margin-bottom:1.25rem}.counter-button{padding:1rem 1.5rem;font-size:1.05rem;min-height:52px}.reset-button{width:44px;height:44px;font-size:1.2rem}.azkar-container{gap:1.25rem;padding:1rem .75rem 2rem}.section-progress-container{padding:.875rem 1.25rem;margin:0 .75rem 1.5rem}.progress-counter{font-size:1.1rem}}@media (max-width: 600px){.tabs{padding:.75rem max(.75rem,env(safe-area-inset-left)) .75rem max(.75rem,env(safe-area-inset-right));gap:.4rem;position:fixed;top:calc(max(1rem,calc(env(safe-area-inset-top) + .75rem)) + 44px + .75rem)}.tabs:before,.tabs:after{width:1.5rem;height:2.25rem}.tab{height:2.25rem;font-size:.8rem;gap:.35rem;padding:.45rem .875rem;border-radius:8px;min-width:auto}.tab:before{border-radius:8px}.tab-icon{font-size:.95rem}.section-progress-container{position:fixed!important;top:calc(max(1rem,calc(env(safe-area-inset-top) + .75rem)) + 44px + 3.75rem + max(calc(env(safe-area-inset-top) + .5rem),.75rem));left:.75rem!important;right:auto!important;padding:.5rem;margin:0!important;width:auto!important;max-width:none!important;transform:none!important}.progress-circle-wrapper,.progress-circle{width:60px;height:60px}.progress-percentage{font-size:.85rem}.progress-count{font-size:.65rem}.section-progress-header{margin-bottom:.4rem}.section-progress-bar{height:8px}.tab:hover{transform:scale(.98)}.tab.active{transform:none}.masbaha-count-number{font-size:4rem}.masbaha-controls{flex-direction:column}.masbaha-button{width:100%}.zikr-card{padding:1.25rem;border-radius:14px}.zikr-text{font-size:clamp(1rem,4.5vw,1.2rem);line-height:1.9;margin-bottom:1rem}.counter-button{padding:.875rem 1.25rem;font-size:1rem;min-height:48px}.azkar-container{gap:1rem;padding:.75rem .5rem 1rem}.section-progress-container{padding:.75rem 1rem;margin:0 .5rem 1.25rem}.profile-screen{padding:1rem .5rem}.profile-card{padding:1.5rem}.profile-avatar-large{width:100px;height:100px;font-size:3rem}.profile-detail-item{padding:1rem}.profile-detail-value{font-size:1rem}.profile-logout-btn{width:100%;padding:1rem}.profile-advanced-content{padding:1rem}.delete-confirm-modal{max-width:90%;margin:1rem}.delete-confirm-actions{flex-direction:column}.delete-confirm-cancel-btn,.delete-confirm-delete-btn{width:100%}.monthly-stats{grid-template-columns:1fr}.monthly-item{padding:1rem}}.zikr-card{background:linear-gradient(135deg,#fffffffa,#fffffff2);border-radius:20px;padding:2rem;box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014,inset 0 1px #ffffffe6;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid rgba(184,134,11,.15);scroll-margin-top:2rem;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.zikr-card:before{display:none}.zikr-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000029,0 4px 12px #0000001a,inset 0 1px #ffffffe6;border-color:#b8860b4d}.zikr-card.complete{border-color:#4caf5080;background:linear-gradient(135deg,#4caf501f,#fffffffa,#4caf5014);box-shadow:0 8px 24px #4caf5033,0 2px 8px #4caf5026,inset 0 1px #ffffffe6}.zikr-card.complete:before{display:none}.zikr-card.highlight{animation:highlightPulse 1.2s cubic-bezier(.4,0,.2,1);border-color:#4caf50b3;box-shadow:0 0 0 4px #4caf5033,0 12px 32px #4caf504d,0 4px 12px #4caf5033}@keyframes highlightPulse{0%{transform:scale(1) translateY(0);box-shadow:0 0 0 4px #4caf5033,0 12px 32px #4caf504d}50%{transform:scale(1.02) translateY(-2px);box-shadow:0 0 0 6px #4caf504d,0 16px 40px #4caf5066}to{transform:scale(1) translateY(0);box-shadow:0 0 0 4px #4caf5033,0 12px 32px #4caf504d}}.zikr-text{font-size:clamp(1.2rem,4.5vw,1.5rem);line-height:2.2;color:#1a472a;text-align:right;direction:rtl;margin-bottom:1.75rem;font-weight:500;font-family:Tajawal,Cairo,Amiri,Noto Naskh Arabic,Arial,sans-serif;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.05);position:relative;padding:0}.zikr-text:after{display:none}.zikr-footer{display:flex;flex-direction:column;gap:1rem}.counter-section{display:flex;align-items:center;gap:.875rem;justify-content:center}.counter-button{flex:1;padding:1.125rem 1.75rem;background:linear-gradient(135deg,#1a472af2,#2d5a3df2,#1a472af2);color:#f0f8f0;border:2px solid rgba(184,134,11,.2);border-radius:14px;font-size:1.15rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0003,inset 0 1px #ffffff1a;min-height:56px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;font-family:Tajawal,Cairo,sans-serif;letter-spacing:.5px}.counter-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.counter-button:hover:not(:disabled):before{left:100%}.counter-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 20px #00000040,inset 0 1px #ffffff26;border-color:#b8860b66;background:linear-gradient(135deg,#1a472a,#2d5a3d,#1a472a)}.counter-button:active:not(:disabled){transform:translateY(-1px) scale(.98);box-shadow:0 2px 8px #0003,inset 0 1px #ffffff1a}.counter-button:disabled{opacity:.85;cursor:not-allowed;background:linear-gradient(135deg,#4caf50e6,#45a049e6,#4caf50e6);border-color:#4caf5080;box-shadow:0 4px 12px #4caf5040,inset 0 1px #fff3}.counter-display{display:block;position:relative;z-index:1}.reset-button{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#fffffff2,#f5f5f5f2);border:2px solid rgba(184,134,11,.3);color:#1a472a;font-size:1.3rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;box-shadow:0 2px 8px #0000001a,inset 0 1px #fffc;position:relative;overflow:hidden}.reset-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#b8860b1a;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.reset-button:hover:before{width:100%;height:100%}.reset-button:hover{background:linear-gradient(135deg,#b8860b26,#daa52026);border-color:#b8860b80;transform:rotate(180deg) scale(1.05);box-shadow:0 4px 12px #b8860b33,inset 0 1px #fffc}.reset-button:active{transform:rotate(180deg) scale(.95)}.progress-bar{width:100%;height:8px;background:linear-gradient(90deg,#1a472a14,#1a472a1f,#1a472a14);border-radius:10px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a,0 1px 2px #0000000d;border:1px solid rgba(26,71,42,.1);position:relative}.progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);border-radius:10px}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50f2,#45a049f2 30%,#388e3cf2 70%,#4caf50f2);border-radius:10px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #4caf5066,inset 0 1px #ffffff4d;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progressShine 2s infinite}@keyframes progressShine{0%{left:-100%}to{left:100%}}.section-progress-container{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;padding:.75rem 1rem;margin:0;border:none;position:fixed;top:calc(max(1rem,calc(env(safe-area-inset-top) + .75rem)) + 44px + 4rem + max(calc(env(safe-area-inset-top) + .5rem),.75rem));left:1rem!important;right:auto!important;width:auto!important;max-width:none!important;z-index:180;box-shadow:none}.progress-circle-wrapper{position:relative;width:70px;height:70px;display:flex;align-items:center;justify-content:center}.progress-circle{width:70px;height:70px;transform:rotate(-90deg);filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.progress-circle-bg{fill:none;stroke:#ffffff26;stroke-width:6}.progress-circle-fill{fill:none;stroke:url(#progressGradient);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 8px rgba(76,175,80,.6))}.progress-circle defs{position:absolute}.progress-circle defs linearGradient{position:absolute}.progress-circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;pointer-events:none}.progress-percentage{font-size:1rem;font-weight:800;color:#f0f8f0;text-shadow:0 2px 4px rgba(0,0,0,.4);font-family:Tajawal,Cairo,sans-serif;line-height:1}.progress-count{font-size:.7rem;font-weight:600;color:#fffc;text-shadow:0 1px 2px rgba(0,0,0,.3);font-family:Tajawal,Cairo,sans-serif;line-height:1}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (min-width: 600px){.tabs{max-width:800px;margin:0 auto;justify-content:flex-start}.tab{min-width:160px}.section-progress-container{position:fixed!important;max-width:none!important;margin:0!important;padding:.75rem;left:1rem!important;right:auto!important;transform:none!important;top:calc(max(1rem,calc(env(safe-area-inset-top) + .75rem)) + 44px + 4rem + max(calc(env(safe-area-inset-top) + .5rem),.75rem));width:auto!important}.progress-counter{font-size:1.2rem}.section-progress-bar{height:9px}.zikr-text{font-size:1.5rem}}@media (hover: none){.tab:hover{transform:none}.counter-button:hover:not(:disabled){transform:none}}.completion-message{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.completion-message-content{background:linear-gradient(135deg,#1a472afa,#2d5a3df2,#1a472afa);border-radius:24px;padding:3rem 2.5rem;text-align:center;box-shadow:0 20px 60px #00000080,0 8px 24px #0006,inset 0 2px #ffffff1a;border:3px solid rgba(184,134,11,.5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;max-width:400px;width:90%;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.completion-icon{font-size:4rem;margin-bottom:1rem;animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,215,0,.6))}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.completion-text{color:#ffc107;font-size:clamp(2rem,6vw,3rem);font-weight:800;margin:0 0 .5rem;text-shadow:0 0 20px rgba(255,193,7,.6),0 4px 12px rgba(0,0,0,.5);font-family:Tajawal,Cairo,Arial,sans-serif;letter-spacing:2px;direction:rtl}.completion-subtext{color:#d4e6d4;font-size:1.2rem;margin:0 0 1.5rem;opacity:.9;font-family:Tajawal,Cairo,Arial,sans-serif}.completion-close-btn{position:absolute;top:1rem;left:1rem;width:36px;height:36px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.3);color:#f0f8f0;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.completion-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.completion-close-btn:active{transform:scale(.95)}.sidebar-toggle-button{position:absolute;top:1.5rem;right:1rem;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.8rem;font-weight:700;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;-webkit-tap-highlight-color:transparent;color:#f0f8f0;line-height:1}.sidebar-toggle-button:hover{background:#ffffff4d;transform:scale(1.1)}.sidebar-toggle-button:active{transform:scale(.95)}.right-sidebar{position:fixed;top:0;right:0;width:100%;height:100%;z-index:1000;pointer-events:none;transition:all .3s ease}.right-sidebar.open{pointer-events:all}.sidebar-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.right-sidebar.open .sidebar-overlay{opacity:1}.sidebar-content{position:absolute;top:0;right:0;width:320px;max-width:85vw;height:100%;background:linear-gradient(135deg,#1a472a,#2d5a3d,#1a472a);box-shadow:-4px 0 20px #0000004d;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column;direction:rtl;padding-top:max(env(safe-area-inset-top),0px)}.right-sidebar.open .sidebar-content{transform:translate(0)}.sidebar-header{padding:1.5rem;padding-top:max(1.5rem,env(safe-area-inset-top));border-bottom:2px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;align-items:center;background:#0003;min-height:calc(60px + env(safe-area-inset-top))}.sidebar-tabs{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border-bottom:2px solid rgba(255,255,255,.2);background:#0000001a;flex:1}.sidebar-tab:last-child{margin-top:auto}.sidebar-tab{padding:1rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#d4e6d4;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:right;direction:rtl;display:flex;align-items:center;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-tab:hover:not(:disabled){background:#fff3;border-color:#ffffff4d;transform:translate(-4px)}.sidebar-tab.active{background:#4caf504d;border-color:#4caf5099;color:#f0f8f0;box-shadow:0 2px 8px #4caf504d}.sidebar-tab:disabled{opacity:.5;cursor:not-allowed}.sidebar-auth-section{padding:1rem;border-bottom:2px solid rgba(255,255,255,.2);background:#00000026}.sidebar-auth-buttons{display:flex;flex-direction:column;gap:.75rem}.sidebar-auth-btn{padding:.875rem 1rem;border-radius:10px;border:2px solid rgba(255,255,255,.2);background:#ffffff1a;color:#f0f8f0;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:right;direction:rtl;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:Tajawal,Cairo,sans-serif;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-auth-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translate(-2px)}.sidebar-login-btn{background:linear-gradient(135deg,#4caf504d,#388e3c33);border-color:#4caf5080}.sidebar-login-btn:hover{background:linear-gradient(135deg,#4caf5066,#388e3c4d);border-color:#4caf50b3}.sidebar-register-btn{background:linear-gradient(135deg,#b8860b4d,#daa52033);border-color:#b8860b80}.sidebar-register-btn:hover{background:linear-gradient(135deg,#b8860b66,#daa5204d);border-color:#b8860bb3}.sidebar-user-info{display:flex;flex-direction:column;gap:1rem;align-items:center}.user-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#b8860b66,#daa5204d);display:flex;align-items:center;justify-content:center;font-size:2rem;border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #0003}.user-details{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.user-name{color:#f0f8f0;font-size:1.1rem;font-weight:700;font-family:Tajawal,Cairo,sans-serif}.user-email{color:#d4e6d4;font-size:.85rem;opacity:.8;direction:ltr;text-align:center}.sidebar-logout-btn{padding:.75rem 1.5rem;border-radius:8px;border:2px solid rgba(244,67,54,.4);background:linear-gradient(135deg,#f4433633,#c6282826);color:#f0f8f0;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Tajawal,Cairo,sans-serif;width:100%}.sidebar-logout-btn:hover{background:linear-gradient(135deg,#f443364d,#c6282840);border-color:#f4433699;transform:translateY(-2px);box-shadow:0 4px 12px #f443364d}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;direction:rtl}.auth-modal{background:linear-gradient(135deg,#1a472afa,#2d5a3df2,#1a472afa);border-radius:20px;padding:2rem;max-width:450px;width:100%;box-shadow:0 20px 60px #0006,0 8px 24px #0000004d,inset 0 1px #ffffff1a;border:2px solid rgba(184,134,11,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative}.auth-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,255,255,.2)}.auth-modal-header h3{color:#f0f8f0;font-size:1.5rem;font-weight:700;margin:0;font-family:Tajawal,Cairo,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.3)}.auth-modal-close{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:50%;width:36px;height:36px;color:#f0f8f0;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.auth-modal-close:hover{background:#fff3;border-color:#fff6;transform:rotate(90deg)}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-form-group{display:flex;flex-direction:column;gap:.5rem}.auth-form-group label{color:#f0f8f0;font-size:.95rem;font-weight:600;font-family:Tajawal,Cairo,sans-serif}.auth-form-group input{padding:.875rem 1rem;border-radius:12px;border:2px solid rgba(255,255,255,.2);background:#ffffff1a;color:#f0f8f0;font-size:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Tajawal,Cairo,sans-serif}.auth-form-group input::placeholder{color:#ffffff80}.auth-form-group input:focus{outline:none;border-color:#b8860b99;background:#ffffff26;box-shadow:0 0 0 3px #b8860b33}.auth-submit-btn{padding:1rem 1.5rem;border-radius:12px;border:2px solid rgba(184,134,11,.5);background:linear-gradient(135deg,#b8860b66,#daa5204d);color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Tajawal,Cairo,sans-serif;margin-top:.5rem;box-shadow:0 4px 12px #b8860b4d}.auth-submit-btn:hover{background:linear-gradient(135deg,#b8860b80,#daa52066);border-color:#b8860bb3;transform:translateY(-2px);box-shadow:0 6px 20px #b8860b66}.auth-submit-btn:active{transform:translateY(0)}.auth-modal-footer{margin-top:1.5rem;padding-top:1rem;border-top:2px solid rgba(255,255,255,.2);text-align:center}.auth-modal-footer p{color:#d4e6d4;font-size:.9rem;margin:0;font-family:Tajawal,Cairo,sans-serif}.auth-link-btn{background:none;border:none;color:#b8860be6;font-weight:700;cursor:pointer;text-decoration:underline;font-size:.9rem;transition:color .3s ease;font-family:Tajawal,Cairo,sans-serif}.auth-link-btn:hover{color:#daa520}.accounting-login-required{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;min-height:50vh}.login-required-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.8}.accounting-login-required h3{color:#f0f8f0;font-size:1.8rem;font-weight:700;margin:0 0 1rem;font-family:Tajawal,Cairo,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.3)}.accounting-login-required p{color:#d4e6d4;font-size:1.1rem;margin:0 0 2rem;font-family:Tajawal,Cairo,sans-serif;line-height:1.6;max-width:500px}.auth-required-btn{padding:1rem 2rem;border-radius:12px;border:2px solid rgba(184,134,11,.5);background:linear-gradient(135deg,#b8860b66,#daa5204d);color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Tajawal,Cairo,sans-serif;margin-bottom:1.5rem;box-shadow:0 4px 12px #b8860b4d}.auth-required-btn:hover{background:linear-gradient(135deg,#b8860b80,#daa52066);border-color:#b8860bb3;transform:translateY(-2px);box-shadow:0 6px 20px #b8860b66}.auth-required-subtext{color:#d4e6d4;font-size:.95rem;margin:0}.auth-link-btn-inline{background:none;border:none;color:#b8860be6;font-weight:700;cursor:pointer;text-decoration:underline;font-size:.95rem;transition:color .3s ease;font-family:Tajawal,Cairo,sans-serif;padding:0}.auth-link-btn-inline:hover{color:#daa520}.profile-screen{max-width:800px;margin:0 auto;padding:2rem 1rem;min-height:70vh}.profile-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.profile-header{text-align:center;width:100%;padding:0 1rem;margin-bottom:1rem}.profile-header h2{color:#f0f8f0;font-size:clamp(1.8rem,5vw,2.5rem);font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 8px rgba(0,0,0,.3);font-family:Tajawal,Cairo,Arial,sans-serif}.profile-subtitle{color:#d4e6d4;font-size:clamp(.9rem,3vw,1.1rem);margin:0;opacity:.9;font-family:Tajawal,Cairo,Arial,sans-serif}.profile-content{width:100%;max-width:600px}.profile-card{background:#ffffff1a;border-radius:20px;padding:2.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0003,inset 0 1px #ffffff1a}.profile-avatar-section{text-align:center;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:2px solid rgba(255,255,255,.2)}.profile-avatar-large{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#b8860b4d,#daa52033);display:flex;align-items:center;justify-content:center;font-size:4rem;margin:0 auto 1.5rem;border:3px solid rgba(184,134,11,.4);box-shadow:0 4px 16px #b8860b4d}.profile-name{color:#f0f8f0;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);font-family:Tajawal,Cairo,Arial,sans-serif}.profile-details{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.profile-detail-item{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.profile-detail-item:hover{background:#ffffff14;border-color:#b8860b4d;transform:translateY(-2px)}.profile-detail-label{display:flex;align-items:center;gap:.75rem;color:#d4e6d4;font-size:.95rem;font-weight:600;font-family:Tajawal,Cairo,Arial,sans-serif}.profile-detail-icon{font-size:1.2rem;opacity:.9}.profile-detail-value{color:#f0f8f0;font-size:1.1rem;font-weight:500;font-family:Tajawal,Cairo,Arial,sans-serif;word-break:break-word}.profile-detail-value.profile-id{font-size:.9rem;color:#d4e6d4;font-family:monospace;opacity:.8}.profile-actions{display:flex;justify-content:center;margin-top:2rem;padding-top:2rem;border-top:2px solid rgba(255,255,255,.2)}.profile-logout-btn{padding:1rem 2.5rem;border-radius:12px;border:2px solid rgba(244,67,54,.5);background:linear-gradient(135deg,#f443364d,#e5393533);color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Tajawal,Cairo,sans-serif;box-shadow:0 4px 12px #f443364d}.profile-logout-btn:hover{background:linear-gradient(135deg,#f4433666,#e539354d);border-color:#f44336b3;transform:translateY(-2px);box-shadow:0 6px 20px #f4433666}.profile-login-required{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;min-height:50vh}.profile-login-required h3{color:#f0f8f0;font-size:1.8rem;font-weight:700;margin:0 0 1rem;font-family:Tajawal,Cairo,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.3)}.profile-login-required p{color:#d4e6d4;font-size:1.1rem;margin:0 0 2rem;font-family:Tajawal,Cairo,sans-serif;line-height:1.6;max-width:500px}.profile-monthly-progress{margin-top:2rem;padding-top:2rem;border-top:2px solid rgba(255,255,255,.2)}.profile-monthly-toggle{width:100%;padding:1rem 1.5rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#f0f8f0;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;font-family:Tajawal,Cairo,sans-serif}.profile-monthly-toggle:hover{background:#ffffff14;border-color:#4caf504d;transform:translateY(-2px)}.profile-monthly-arrow{transition:transform .3s ease;font-size:.9rem;opacity:.7}.profile-monthly-arrow.open{transform:rotate(180deg)}.profile-monthly-content{margin-top:1rem;padding:1.5rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1);animation:slideDown .3s ease}.profile-loading{text-align:center;color:#d4e6d4;font-size:1rem;padding:2rem;font-family:Tajawal,Cairo,sans-serif}.profile-no-data{text-align:center;padding:2rem;color:#d4e6d4;font-family:Tajawal,Cairo,sans-serif}.profile-no-data p{margin:.5rem 0;font-size:1rem}.profile-no-data-sub{font-size:.9rem;opacity:.8}.profile-monthly-list h4{color:#f0f8f0;font-size:1.2rem;font-weight:700;margin:0 0 1.5rem;font-family:Tajawal,Cairo,sans-serif}.monthly-items{display:flex;flex-direction:column;gap:1rem}.monthly-item{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:1.25rem;cursor:pointer;transition:all .3s ease;font-family:Tajawal,Cairo,sans-serif}.monthly-item:hover{background:#ffffff14;border-color:#4caf504d;transform:translateY(-2px)}.monthly-item.active{background:#4caf501a;border-color:#4caf5066}.monthly-item-header{display:flex;justify-content:space-between;align-items:center}.monthly-item-title{display:flex;align-items:center;gap:.75rem}.monthly-item-icon{font-size:1.3rem}.monthly-item-name{color:#f0f8f0;font-size:1.1rem;font-weight:600}.monthly-item-arrow{color:#d4e6d4;font-size:.9rem;transition:transform .3s ease}.monthly-item.active .monthly-item-arrow{transform:rotate(180deg)}.monthly-item-details{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);animation:slideDown .3s ease}.monthly-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.monthly-stat-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#ffffff08;border-radius:8px;text-align:center}.monthly-stat-label{color:#d4e6d4;font-size:.9rem;font-weight:500}.monthly-stat-value{font-size:1.5rem;font-weight:700}.monthly-stat-value.done{color:#4caf50}.monthly-stat-value.not-done{color:#f44336}.monthly-stat-value.completion{color:#ffc107}.monthly-progress-bar{width:100%;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;margin-top:1rem}.monthly-progress-fill{height:100%;background:linear-gradient(90deg,#4caf50cc,#4caf5099);border-radius:6px;transition:width .5s ease;box-shadow:0 2px 8px #4caf504d}.monthly-export-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:center}.monthly-export-btn{padding:.875rem 1.75rem;border-radius:12px;border:2px solid rgba(33,150,243,.5);background:linear-gradient(135deg,#2196f34d,#1976d233);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Tajawal,Cairo,sans-serif;box-shadow:0 4px 12px #2196f34d;display:flex;align-items:center;gap:.5rem}.monthly-export-btn:hover{background:linear-gradient(135deg,#2196f366,#1976d24d);border-color:#2196f3b3;transform:translateY(-2px);box-shadow:0 6px 20px #2196f366}.monthly-export-btn:active{transform:translateY(0)}.profile-monthly-info{margin-top:1.5rem;padding:1rem;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;text-align:center}.profile-monthly-info p{color:#ffc107;font-size:.9rem;margin:0;font-family:Tajawal,Cairo,sans-serif;line-height:1.6}.profile-advanced-settings{margin-top:2rem;padding-top:2rem;border-top:2px solid rgba(255,255,255,.2)}.profile-advanced-toggle{width:100%;padding:1rem 1.5rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#f0f8f0;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;font-family:Tajawal,Cairo,sans-serif}.profile-advanced-toggle:hover{background:#ffffff14;border-color:#b8860b4d;transform:translateY(-2px)}.profile-advanced-arrow{transition:transform .3s ease;font-size:.9rem;opacity:.7}.profile-advanced-arrow.open{transform:rotate(180deg)}.profile-advanced-content{margin-top:1rem;padding:1.5rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-advanced-warning{background:#ffc10726;border:2px solid rgba(255,193,7,.3);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.profile-advanced-warning p{color:#ffc107;font-size:.95rem;margin:0;font-weight:600;font-family:Tajawal,Cairo,sans-serif;text-align:center}.profile-delete-section{display:flex;flex-direction:column;gap:1rem}.profile-delete-section h4{color:#f0f8f0;font-size:1.2rem;font-weight:700;margin:0;font-family:Tajawal,Cairo,sans-serif}.profile-delete-warning{color:#ffcdd2;font-size:.95rem;line-height:1.6;margin:0;font-family:Tajawal,Cairo,sans-serif}.profile-delete-btn{padding:1rem 1.5rem;border-radius:12px;border:2px solid rgba(244,67,54,.6);background:linear-gradient(135deg,#f443364d,#e5393533);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Tajawal,Cairo,sans-serif;box-shadow:0 4px 12px #f443364d}.profile-delete-btn:hover:not(:disabled){background:linear-gradient(135deg,#f4433666,#e539354d);border-color:#f44336cc;transform:translateY(-2px);box-shadow:0 6px 20px #f4433666}.profile-delete-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.delete-confirm-modal{max-width:500px}.delete-confirm-content{padding:1.5rem;text-align:center}.delete-confirm-warning-icon{font-size:4rem;margin-bottom:1rem;opacity:.9}.delete-confirm-content h4{color:#f0f8f0;font-size:1.5rem;font-weight:700;margin:0 0 1rem;font-family:Tajawal,Cairo,sans-serif}.delete-confirm-text{color:#d4e6d4;font-size:1rem;margin:0 0 1rem;font-family:Tajawal,Cairo,sans-serif}.delete-confirm-list{text-align:right;color:#ffcdd2;font-size:.95rem;margin:1rem 0;padding-right:1.5rem;font-family:Tajawal,Cairo,sans-serif;line-height:1.8}.delete-confirm-list li{margin-bottom:.5rem}.delete-confirm-final-warning{color:#f44336;font-size:1rem;font-weight:700;margin:1.5rem 0 0;font-family:Tajawal,Cairo,sans-serif;padding:1rem;background:#f443361a;border-radius:8px;border:2px solid rgba(244,67,54,.3)}.delete-confirm-actions{display:flex;gap:1rem;padding:1.5rem;border-top:2px solid rgba(255,255,255,.1)}.delete-confirm-cancel-btn{flex:1;padding:1rem;border-radius:12px;border:2px solid rgba(255,255,255,.2);background:#ffffff0d;color:#f0f8f0;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Tajawal,Cairo,sans-serif}.delete-confirm-cancel-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.delete-confirm-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.delete-confirm-delete-btn{flex:1;padding:1rem;border-radius:12px;border:2px solid rgba(244,67,54,.6);background:linear-gradient(135deg,#f4433666,#e539354d);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Tajawal,Cairo,sans-serif;box-shadow:0 4px 12px #f443364d}.delete-confirm-delete-btn:hover:not(:disabled){background:linear-gradient(135deg,#f4433680,#e5393566);border-color:#f44336cc;transform:translateY(-2px);box-shadow:0 6px 20px #f4433666}.delete-confirm-delete-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-error-message{background:#f4433633;border:2px solid rgba(244,67,54,.4);border-radius:8px;padding:.75rem 1rem;color:#ffcdd2;font-size:.9rem;text-align:center;font-family:Tajawal,Cairo,sans-serif;margin-top:.5rem}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.sidebar-header h2{color:#f0f8f0;margin:0;font-size:1.3rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.sidebar-close{background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#f0f8f0;font-size:1.2rem;font-weight:700;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.sidebar-close:hover{background:#ffffff4d;transform:rotate(90deg) scale(1.1)}.sidebar-close:active{transform:rotate(90deg) scale(.95)}.sidebar-body{flex:1;overflow-y:auto;padding:1.5rem;-webkit-overflow-scrolling:touch}.sidebar-body::-webkit-scrollbar{width:6px}.sidebar-body::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.sidebar-body::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar-body::-webkit-scrollbar-thumb:hover{background:#ffffff80}.settings-section{margin-bottom:2rem}.settings-section h3{color:#f0f8f0;margin:0 0 1rem;font-size:1.1rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.2)}.settings-item{margin-bottom:1.25rem}.settings-item label{display:block;color:#d4e6d4;font-size:.95rem;font-weight:500;margin-bottom:.5rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.settings-select{width:100%;padding:.75rem;background:#ffffff26;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#f0f8f0;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);direction:rtl}.settings-select:focus{outline:none;border-color:#f0f8f0;background:#ffffff40}.settings-select option{background:#1a472a;color:#f0f8f0;padding:.5rem}.settings-toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.settings-toggle{width:48px;height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:12px;position:relative;cursor:pointer;transition:all .3s ease;flex-shrink:0}.settings-toggle:checked{background:#4caf50;border-color:#4caf50}.settings-toggle:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:1px;left:1px;transition:all .3s ease;box-shadow:0 2px 4px #0003}.settings-toggle:checked:before{left:25px}.settings-toggle-label span{color:#d4e6d4;font-size:.95rem;font-weight:500}.settings-text{color:#d4e6d4;font-size:1rem;font-weight:500;margin:.5rem 0}.settings-text-small{color:#d4e6d4b3;font-size:.85rem;margin:.25rem 0}.notifications-center{margin-top:1rem}.notifications-center-description{color:#d4e6d4;font-size:.9rem;line-height:1.6;margin-bottom:1.5rem;text-align:center;padding:1rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.notifications-center-description-en{display:block;font-size:.85rem;opacity:.8;margin-top:.5rem}.notification-preference-item{margin-bottom:1rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;transition:all .3s ease}.notification-preference-item:hover{background:#ffffff14;border-color:#4caf504d;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.notification-preference-label{display:flex;align-items:flex-start;gap:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.notification-preference-checkbox{width:24px;height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:6px;position:relative;cursor:pointer;transition:all .3s ease;flex-shrink:0;margin-top:2px}.notification-preference-checkbox:checked{background:#4caf50;border-color:#4caf50}.notification-preference-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:16px;font-weight:700}.notification-preference-checkbox:disabled{opacity:.5;cursor:not-allowed}.notification-preference-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.notification-preference-title{color:#f0f8f0;font-size:1rem;font-weight:600;line-height:1.4}.notification-preference-description{color:#d4e6d4cc;font-size:.85rem;line-height:1.5}.notification-login-prompt{margin-top:2rem;padding:1.5rem;background:#ffffff0d;border:2px dashed rgba(255,255,255,.2);border-radius:12px;text-align:center}.notification-login-prompt p{color:#d4e6d4;font-size:.95rem;margin:.5rem 0;line-height:1.6}.notification-login-prompt-en{font-size:.85rem;opacity:.8}.notification-login-button{margin-top:1rem;padding:.75rem 2rem;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Tajawal,Cairo,sans-serif;box-shadow:0 4px 12px #4caf504d}.notification-login-button:hover{background:linear-gradient(135deg,#45a049,#4caf50);transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066}.notification-login-button:active{transform:translateY(0)}@media (max-width: 480px){.sidebar-content{width:100%;max-width:100%}.sidebar-toggle-button{top:1rem;right:.75rem;width:40px;height:40px;font-size:1.5rem}}body.theme-dark .app{background:#1a1a1a;background-image:radial-gradient(at 0% 0%,rgba(30,60,40,.3) 0%,transparent 50%),radial-gradient(at 100% 100%,rgba(30,60,40,.2) 0%,transparent 50%)}body.theme-dark .header h1{color:#f5f5f5;text-shadow:0 2px 8px rgba(0,0,0,.5);font-weight:700}body.theme-dark .date-time-container .date{color:#e8e8e8;text-shadow:0 1px 3px rgba(0,0,0,.3)}body.theme-dark .date .arabic-day{color:#f0f0f0;text-shadow:0 2px 6px rgba(0,0,0,.4)}body.theme-dark .hijri-date{color:#d4d4d4;background:#282828cc;border:1px solid rgba(100,100,100,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.theme-dark .tabs{background:#1f1f1f;border-bottom:1px solid rgba(100,100,100,.2)}body.theme-dark .tab{background:#2d2d2de6;border-color:#6464644d;color:#e8e8e8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.theme-dark .tab:hover{background:#373737f2;border-color:#78787866}body.theme-dark .tab.active{background:#4caf5040;border-color:#4caf5099;color:#fff;box-shadow:0 2px 8px #4caf504d}body.theme-dark .section-progress-container{background:#232323f2;border-color:#4caf5080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 16px #0000004d}body.theme-dark .progress-counter{color:#f0f0f0;font-weight:700}body.theme-dark .section-progress-bar{background:#1e1e1ecc;border-color:#6464644d}body.theme-dark .section-progress-fill{box-shadow:0 2px 8px #4caf5099}body.theme-dark .zikr-card{background:#2a2a2a;border-color:#64646433;box-shadow:0 4px 16px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.theme-dark .zikr-card.complete{border-color:#4caf5099;background:linear-gradient(135deg,#4caf5026,#2a2a2a);box-shadow:0 4px 16px #4caf5033}body.theme-dark .zikr-text{color:#e8e8e8;line-height:2.2;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.3)}body.theme-dark .counter-button{background:linear-gradient(135deg,#3a3a3a,#2a2a2a);color:#f0f0f0;border:1px solid rgba(100,100,100,.3);box-shadow:0 2px 8px #0006}body.theme-dark .counter-button:hover:not(:disabled){background:linear-gradient(135deg,#4a4a4a,#3a3a3a);box-shadow:0 4px 12px #00000080}body.theme-dark .counter-button:disabled{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border-color:#4caf5099}body.theme-dark .reset-button{background:#323232cc;border-color:#64646466;color:#e8e8e8}body.theme-dark .reset-button:hover{background:#3c3c3ce6;border-color:#78787880}body.theme-dark .progress-bar{background:#1e1e1ecc;border:1px solid rgba(100,100,100,.2)}body.theme-dark .progress-fill{background:linear-gradient(90deg,#4caf50,#66bb6a);box-shadow:0 2px 6px #4caf5080}body.theme-dark .right-sidebar .sidebar-content{background:#1f1f1f;border-left:1px solid rgba(100,100,100,.2)}body.theme-dark .sidebar-header{background:#1e1e1ecc;border-bottom-color:#6464644d;padding-top:max(1.5rem,env(safe-area-inset-top));min-height:calc(60px + env(safe-area-inset-top))}body.theme-dark .sidebar-header h2{color:#f0f0f0}body.theme-dark .sidebar-close{background:#323232cc;border-color:#6464644d;color:#e8e8e8}body.theme-dark .sidebar-close:hover{background:#3c3c3ce6;border-color:#78787866}body.theme-dark .settings-section h3{color:#e8e8e8;border-bottom-color:#6464644d}body.theme-dark .settings-item label,body.theme-dark .settings-text{color:#d4d4d4}body.theme-dark .settings-text-small{color:#d4d4d4b3}body.theme-dark .settings-select{background:#2d2d2de6;border-color:#6464644d;color:#e8e8e8}body.theme-dark .settings-select:focus{background:#373737f2;border-color:#4caf5099;box-shadow:0 0 0 2px #4caf5033}body.theme-dark .settings-select option{background:#2a2a2a;color:#e8e8e8}body.theme-dark .settings-toggle{background:#323232cc;border-color:#6464644d}body.theme-dark .settings-toggle:checked{background:#4caf50;border-color:#4caf50}body.theme-dark .notifications-center-description{color:#d4d4d4;background:#232323cc;border-color:#6464644d}body.theme-dark .notification-preference-item{background:#232323cc;border-color:#6464644d}body.theme-dark .notification-preference-item:hover{background:#2d2d2de6;border-color:#4caf5080}body.theme-dark .notification-preference-title{color:#f0f0f0}body.theme-dark .notification-preference-description{color:#d4d4d4}body.theme-dark .notification-login-prompt{background:#232323cc;border-color:#6464644d}body.theme-dark .notification-login-prompt p{color:#d4d4d4}body.theme-dark .sidebar-toggle-button{background:#2d2d2de6;border-color:#6464644d;color:#e8e8e8}body.theme-dark .sidebar-toggle-button:hover{background:#373737f2;border-color:#78787866}body.theme-dark .sidebar-tab{background:#2d2d2d99;border-color:#6464644d;color:#d4d4d4}body.theme-dark .sidebar-tab:hover:not(:disabled){background:#373737cc;border-color:#78787866}body.theme-dark .sidebar-tab.active{background:#4caf5040;border-color:#4caf5099;color:#fff}body.theme-dark .settings-screen-header h2{color:#f0f0f0;border-bottom-color:#6464644d}body.theme-dark .settings-screen-content{background:#232323cc;border-color:#6464644d}body.theme-dark .profile-header h2{color:#f0f0f0}body.theme-dark .profile-subtitle{color:#d4d4d4}body.theme-dark .profile-card{background:#232323cc;border-color:#6464644d}body.theme-dark .profile-avatar-large{background:linear-gradient(135deg,#b8860b66,#daa5204d);border-color:#b8860b80}body.theme-dark .profile-name{color:#f0f0f0}body.theme-dark .profile-detail-item{background:#28282899;border-color:#64646433}body.theme-dark .profile-detail-item:hover{background:#2d2d2dcc;border-color:#b8860b66}body.theme-dark .profile-detail-label{color:#d4d4d4}body.theme-dark .profile-detail-value{color:#f0f0f0}body.theme-dark .profile-detail-value.profile-id{color:#d4d4d4}body.theme-dark .profile-advanced-toggle{background:#28282899;border-color:#64646433}body.theme-dark .profile-advanced-toggle:hover{background:#2d2d2dcc;border-color:#b8860b66}body.theme-dark .profile-advanced-content{background:#28282866;border-color:#64646433}body.theme-dark .profile-advanced-warning{background:#ffc10733;border-color:#ffc10766}body.theme-dark .profile-delete-section h4,body.theme-dark .delete-confirm-content h4{color:#f0f0f0}body.theme-dark .profile-monthly-toggle{background:#28282899;border-color:#64646433}body.theme-dark .profile-monthly-toggle:hover{background:#2d2d2dcc;border-color:#4caf5066}body.theme-dark .profile-monthly-content{background:#28282866;border-color:#64646433}body.theme-dark .monthly-item{background:#28282899;border-color:#64646433}body.theme-dark .monthly-item:hover{background:#2d2d2dcc;border-color:#4caf5066}body.theme-dark .monthly-item.active{background:#4caf5026;border-color:#4caf5080}body.theme-dark .monthly-item-name{color:#f0f0f0}body.theme-dark .monthly-stat-item{background:#28282899}body.theme-dark .profile-monthly-info{background:#ffc10726;border-color:#ffc10766}body.theme-dark .accounting-month-display{background:#28282899;border-color:#b8860b66}body.theme-dark .accounting-month-label{color:#d4d4d4}body.theme-dark .accounting-month-name{color:#ffc107}body.theme-dark .monthly-export-btn{background:linear-gradient(135deg,#2196f366,#1976d24d);border-color:#2196f399}body.theme-dark .monthly-export-btn:hover{background:linear-gradient(135deg,#2196f380,#1976d266);border-color:#2196f3cc}body.theme-dark .placeholder-content{background:#232323cc;border-color:#6464644d}body.theme-dark .placeholder-title{color:#f0f0f0}body.theme-dark .placeholder-text{color:#d4d4d4}body.theme-dark .masbaha-header h2{color:#f0f0f0}body.theme-dark .masbaha-subtitle{color:#d4d4d4}body.theme-dark .masbaha-display{background:#232323cc;border-color:#6464644d}body.theme-dark .masbaha-count-number{color:#f0f0f0}body.theme-dark .masbaha-count-label{color:#d4d4d4}body.theme-dark .masbaha-button{background:#2d2d2dcc;border-color:#6464644d}body.theme-dark .masbaha-button:hover:not(:disabled){background:#373737e6;border-color:#78787866}body.theme-light .app{background:linear-gradient(135deg,#e8f5e9,#c8e6c9,#e8f5e9)}body.theme-light .header h1{color:#1b5e20;text-shadow:1px 1px 2px rgba(255,255,255,.5)}body.theme-light .date-time-container .date{color:#2e7d32}body.theme-light .hijri-date{color:#1b5e20;background:#fff9;border:1px solid rgba(27,94,32,.3)}body.theme-light .tabs{background:linear-gradient(135deg,#e8f5e9,#c8e6c9,#e8f5e9)}body.theme-light .tab{background:#ffffffb3;border-color:#1b5e204d;color:#1b5e20}body.theme-light .tab:hover{background:#ffffffe6}body.theme-light .tab.active{background:#4caf504d;border-color:#4caf50;color:#1b5e20}body.theme-light .section-progress-container{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-color:#4caf5080}body.theme-light .progress-counter{color:#1b5e20}body.theme-light .section-progress-bar{background:#c8e6c980;border-color:#1b5e2033}body.theme-light .zikr-card{background:#fffffffa;border-color:#4caf504d;box-shadow:0 2px 8px #1b5e201a}body.theme-light .zikr-card.complete{border-color:#4caf50;background:linear-gradient(135deg,#4caf5026,#fffffffa)}body.theme-light .zikr-text{color:#1b5e20}body.theme-light .counter-button{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 2px 6px #1b5e2033}body.theme-light .counter-button:disabled{background:linear-gradient(135deg,#66bb6a,#4caf50)}body.theme-light .reset-button{background:#c8e6c980;border-color:#4caf5066;color:#1b5e20}body.theme-light .progress-bar{background:#c8e6c980}body.theme-light .right-sidebar .sidebar-content{background:linear-gradient(135deg,#e8f5e9,#c8e6c9,#e8f5e9)}body.theme-light .sidebar-header h2{color:#1b5e20}body.theme-light .settings-section h3,body.theme-light .settings-item label,body.theme-light .settings-text{color:#2e7d32}body.theme-light .settings-text-small{color:#2e7d32b3}body.theme-light .settings-select{background:#ffffffb3;border-color:#1b5e204d;color:#1b5e20}body.theme-light .settings-select:focus{background:#ffffffe6;border-color:#4caf50}body.theme-light .settings-select option{background:#e8f5e9;color:#1b5e20}body.theme-light .settings-toggle{background:#c8e6c980;border-color:#1b5e204d}body.theme-light .settings-toggle:checked{background:#4caf50;border-color:#4caf50}body.theme-light .notifications-center-description{color:#2d5016;background:#fff9;border-color:#2d501633}body.theme-light .notification-preference-item{background:#fff9;border-color:#2d501633}body.theme-light .notification-preference-item:hover{background:#fffc;border-color:#4caf5066}body.theme-light .notification-preference-title{color:#1a472a}body.theme-light .notification-preference-description{color:#1a472acc}body.theme-light .notification-login-prompt{background:#fff9;border-color:#2d501633}body.theme-light .notification-login-prompt p{color:#2d5016}body.theme-light .sidebar-toggle-button{background:#ffffffb3;border-color:#1b5e204d;color:#1b5e20}body.theme-light .sidebar-toggle-button:hover{background:#ffffffe6;border-color:#1b5e2080}body.theme-light .sidebar-tab{background:#ffffff80;border-color:#1b5e204d;color:#2e7d32}body.theme-light .sidebar-tab:hover:not(:disabled){background:#fffc;border-color:#1b5e2080}body.theme-light .sidebar-tab.active{background:#4caf504d;border-color:#4caf50;color:#1b5e20}body.theme-light .settings-screen-header h2{color:#1b5e20;border-bottom-color:#1b5e204d}body.theme-light .settings-screen-content{background:#ffffffb3;border-color:#1b5e204d}body.theme-light .profile-header h2{color:#1b5e20}body.theme-light .profile-subtitle{color:#2e7d32}body.theme-light .profile-card{background:#ffffffb3;border-color:#1b5e204d}body.theme-light .profile-avatar-large{background:linear-gradient(135deg,#b8860b4d,#daa52033);border-color:#b8860b66}body.theme-light .profile-name{color:#1b5e20}body.theme-light .profile-detail-item{background:#ffffff80;border-color:#1b5e2033}body.theme-light .profile-detail-item:hover{background:#fff9;border-color:#b8860b4d}body.theme-light .profile-detail-label{color:#2e7d32}body.theme-light .profile-detail-value{color:#1b5e20}body.theme-light .profile-detail-value.profile-id{color:#2e7d32}body.theme-light .profile-advanced-toggle{background:#ffffff4d;border-color:#1b5e2033}body.theme-light .profile-advanced-toggle:hover{background:#fff6;border-color:#b8860b4d}body.theme-light .profile-advanced-content{background:#fff3;border-color:#1b5e2033}body.theme-light .profile-advanced-warning{background:#ffc10733;border-color:#ffc10766}body.theme-light .profile-delete-section h4,body.theme-light .delete-confirm-content h4{color:#1b5e20}body.theme-light .profile-monthly-toggle{background:#ffffff4d;border-color:#1b5e2033}body.theme-light .profile-monthly-toggle:hover{background:#fff6;border-color:#4caf504d}body.theme-light .profile-monthly-content{background:#fff3;border-color:#1b5e2033}body.theme-light .monthly-item{background:#ffffff4d;border-color:#1b5e2033}body.theme-light .monthly-item:hover{background:#fff6;border-color:#4caf504d}body.theme-light .monthly-item.active{background:#4caf501a;border-color:#4caf5066}body.theme-light .monthly-item-name{color:#1b5e20}body.theme-light .monthly-stat-item{background:#ffffff4d}body.theme-light .profile-monthly-info{background:#ffc10726;border-color:#ffc10766}body.theme-light .accounting-month-display{background:#fff6;border-color:#b8860b4d}body.theme-light .accounting-month-label{color:#2e7d32}body.theme-light .accounting-month-name{color:#f57c00}body.theme-light .monthly-export-btn{background:linear-gradient(135deg,#2196f34d,#1976d233);border-color:#2196f366}body.theme-light .monthly-export-btn:hover{background:linear-gradient(135deg,#2196f366,#1976d24d);border-color:#2196f399}body.theme-light .placeholder-content{background:#ffffffb3;border-color:#1b5e204d}body.theme-light .placeholder-title{color:#1b5e20}body.theme-light .placeholder-text{color:#2e7d32}body.theme-light .masbaha-header h2{color:#1b5e20}body.theme-light .masbaha-subtitle{color:#2e7d32}body.theme-light .masbaha-display{background:#fffc;border-color:#1b5e204d}body.theme-light .masbaha-count-number{color:#1b5e20}body.theme-light .masbaha-count-label{color:#2e7d32}body.theme-light .masbaha-button{background:#ffffffb3;border-color:#1b5e204d;color:#1b5e20}body.theme-light .masbaha-button:hover:not(:disabled){background:#ffffffe6;border-color:#1b5e2080}.quran-screen{max-width:900px;margin:0 auto;padding:2rem 1rem;min-height:70vh;direction:rtl}.quran-loading,.quran-error{text-align:center;padding:3rem 2rem;color:#f0f8f0;background:#ffffff1a;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.quran-error button{margin-top:1rem;padding:.75rem 1.5rem;background:#4caf504d;border:2px solid rgba(76,175,80,.6);border-radius:8px;color:#f0f8f0;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.quran-error button:hover{background:#4caf5066;transform:translateY(-2px)}.quran-header{text-align:center;margin-bottom:2rem}.quran-header h2{color:#f0f8f0;font-size:2.5rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 8px rgba(0,0,0,.3)}.quran-subtitle{color:#d4e6d4;font-size:1.1rem;margin:0;opacity:.9}.surah-search-container{position:relative;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.surah-search-input{width:100%;padding:1rem 3rem 1rem 1rem;background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:12px;color:#f0f8f0;font-size:1rem;font-weight:500;direction:rtl;text-align:right;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.surah-search-input::placeholder{color:#fff9;opacity:.8}.surah-search-input:focus{outline:none;background:#fff3;border-color:#4caf5099;box-shadow:0 4px 12px #4caf504d}.surah-search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1.2rem;opacity:.7;pointer-events:none}.chapters-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;padding:1rem 0}.chapter-card{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:16px;padding:1.25rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:right;direction:rtl}.chapter-card:hover{background:#ffffff26;border-color:#4caf5066;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.chapter-number{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#4caf504d,#4caf5033);border:2px solid rgba(76,175,80,.4);display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;color:#f0f8f0;flex-shrink:0}.chapter-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.chapter-name-arabic{font-size:1.4rem;font-weight:700;color:#f0f8f0;line-height:1.4}.chapter-name-english{font-size:1rem;color:#d4e6d4;opacity:.9}.chapter-translation{font-size:.9rem;color:#d4e6d4;opacity:.8;font-style:italic}.chapter-meta{font-size:.85rem;color:#d4e6d4;opacity:.7;margin-top:.25rem}.quran-surah{width:100%}.surah-header{background:#ffffff1a;border-radius:16px;padding:1.5rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.back-button{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem 1.25rem;color:#f0f8f0;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:1rem;transition:all .2s ease;direction:rtl;text-align:right}.back-button:hover{background:#ffffff26;transform:translate(-4px)}.surah-title{text-align:center}.surah-title h2{color:#f0f8f0;font-size:2.2rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 8px rgba(0,0,0,.3)}.surah-subtitle{color:#d4e6d4;font-size:1.1rem;margin:0 0 .5rem;opacity:.9}.surah-meta{color:#d4e6d4;font-size:.95rem;margin:0;opacity:.8}.quran-luxury-container{position:relative;width:100%;min-height:100vh;background:transparent;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;direction:rtl}.next-page-peek{position:absolute;left:0;top:50%;transform:translateY(-50%);width:30px;height:200px;background:linear-gradient(to right,rgba(212,175,55,.1) 0%,transparent 100%);border-radius:0 4px 4px 0;box-shadow:2px 0 10px #d4af3733;z-index:1;pointer-events:none}.next-page-peek:before{content:"";position:absolute;left:0;top:0;width:15px;height:15px;background:linear-gradient(225deg,rgba(212,175,55,.15) 0%,transparent 50%);border-radius:0 0 15px;box-shadow:2px 2px 8px #0000004d}.quran-page-wrapper{position:relative;width:100%;max-width:500px;margin:0 auto;perspective:1500px;z-index:2}.golden-frame{position:relative;padding:20px;background:linear-gradient(135deg,#d4af3726,#d4af370d);border-radius:16px;box-shadow:0 30px 80px #0009,0 10px 30px #d4af3733,inset 0 0 40px #d4af371a}.frame-pattern{position:absolute;background:linear-gradient(90deg,transparent,#D4AF37,transparent);opacity:.4}.frame-top{top:0;left:10%;right:10%;height:2px;background:repeating-linear-gradient(90deg,transparent,transparent 10px,#D4AF37 10px,#D4AF37 12px)}.frame-bottom{bottom:0;left:10%;right:10%;height:2px;background:repeating-linear-gradient(90deg,transparent,transparent 10px,#D4AF37 10px,#D4AF37 12px)}.frame-left{left:0;top:10%;bottom:10%;width:2px;background:repeating-linear-gradient(0deg,transparent,transparent 10px,#D4AF37 10px,#D4AF37 12px)}.frame-right{right:0;top:10%;bottom:10%;width:2px;background:repeating-linear-gradient(0deg,transparent,transparent 10px,#D4AF37 10px,#D4AF37 12px)}.quran-mushaf-container{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background:#e8e3d8;overflow:hidden;z-index:1000}.mushaf-page-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem;position:relative}.mushaf-border-frame{position:absolute;top:1.5rem;left:1.5rem;right:1.5rem;bottom:1.5rem;pointer-events:none;z-index:1}.border-corner{position:absolute;width:2rem;height:2rem;border:1.5px solid rgba(139,115,85,.25)}.border-top-left{top:0;left:0;border-right:none;border-bottom:none;border-top-left-radius:4px}.border-top-right{top:0;right:0;border-left:none;border-bottom:none;border-top-right-radius:4px}.border-bottom-left{bottom:0;left:0;border-right:none;border-top:none;border-bottom-left-radius:4px}.border-bottom-right{bottom:0;right:0;border-left:none;border-top:none;border-bottom-right-radius:4px}.border-pattern{position:absolute;background:repeating-linear-gradient(90deg,transparent,transparent 8px,rgba(139,115,85,.15) 8px,rgba(139,115,85,.15) 10px)}.border-top{top:0;left:2rem;right:2rem;height:1px}.border-bottom{bottom:0;left:2rem;right:2rem;height:1px}.border-left{left:0;top:2rem;bottom:2rem;width:1px;background:repeating-linear-gradient(0deg,transparent,transparent 8px,rgba(139,115,85,.15) 8px,rgba(139,115,85,.15) 10px)}.border-right{right:0;top:2rem;bottom:2rem;width:1px;background:repeating-linear-gradient(0deg,transparent,transparent 8px,rgba(139,115,85,.15) 8px,rgba(139,115,85,.15) 10px)}.mushaf-page-content{width:100%;max-width:900px;height:100%;background:url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paper)' opacity='0.04'/%3E%3C/svg%3E"),linear-gradient(to bottom,#f5f1e8,#ede8dd,#f5f1e8);background-size:200px 200px,100% 100%;padding:3rem 2.5rem;box-shadow:0 20px 60px #00000026,0 8px 20px #0000001a,inset 0 1px #fff9,inset 0 -1px #0000000d;position:relative;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;direction:rtl}.mushaf-page-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(139,115,85,.02) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,115,85,.02) 0%,transparent 50%);pointer-events:none}.mushaf-surah-header{text-align:center;margin-bottom:2.5rem;padding:1.8rem 2rem;position:relative;background:linear-gradient(to bottom,rgba(139,115,85,.06) 0%,transparent 100%);border-radius:6px;border:1px solid rgba(139,115,85,.15)}.surah-header-decoration-top,.surah-header-decoration-bottom{position:absolute;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(to right,transparent,rgba(139,115,85,.4),transparent)}.surah-header-decoration-top{top:0}.surah-header-decoration-bottom{bottom:0}.surah-header-decoration-top:before,.surah-header-decoration-top:after,.surah-header-decoration-bottom:before,.surah-header-decoration-bottom:after{content:"";position:absolute;width:6px;height:6px;border:1px solid rgba(139,115,85,.3);border-radius:50%;background:radial-gradient(circle,rgba(139,115,85,.2) 0%,transparent 70%);top:-3px}.surah-header-decoration-top:before{left:-12px}.surah-header-decoration-top:after{right:-12px}.surah-header-decoration-bottom:before{left:-12px;top:-3px}.surah-header-decoration-bottom:after{right:-12px;top:-3px}.surah-header-text{font-family:Amiri,Noto Naskh Arabic,Arabic Typesetting,Traditional Arabic,serif;font-size:2.4rem;font-weight:700;color:#2c2416;text-shadow:0 1px 2px rgba(255,255,255,.8),0 0 10px rgba(139,115,85,.1);direction:rtl;letter-spacing:.08em;position:relative;z-index:1}.mushaf-text-container{width:100%;position:relative;z-index:1}.mushaf-text-content{font-family:Amiri,Noto Naskh Arabic,Arabic Typesetting,Traditional Arabic,serif;font-size:2rem;line-height:2.4;color:#1a1610;text-align:justify;text-align-last:right;direction:rtl;word-spacing:.15em;letter-spacing:.03em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;text-shadow:0 .5px 1px rgba(255,255,255,.5);-webkit-hyphens:none;hyphens:none}.mushaf-ayah-flow{display:inline;white-space:normal}.mushaf-ayah-text{display:inline;font-family:inherit;color:inherit;font-size:inherit;line-height:inherit;font-weight:400}.mushaf-ayah-marker{display:inline-flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;min-width:1.5em;background:linear-gradient(135deg,#b8941fd9,#8b7355bf);border-radius:50%;margin:0 .25em 0 .35em;vertical-align:middle;box-shadow:0 2px 6px #8b73554d,0 1px 2px #0003,inset 0 1px 2px #ffffff40,inset 0 -1px 1px #0003;border:1px solid rgba(255,255,255,.2);position:relative;flex-shrink:0}.mushaf-ayah-marker:before{content:"";position:absolute;top:20%;left:25%;width:30%;height:30%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);pointer-events:none;filter:blur(.5px)}.mushaf-ayah-number{font-size:.7em;font-weight:600;color:#fff;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.4);position:relative;z-index:1;font-family:Amiri,Noto Naskh Arabic,serif}.mushaf-exit-btn{position:absolute;top:calc(env(safe-area-inset-top) + 1rem);left:calc(env(safe-area-inset-left) + 1rem);width:2.5rem;height:2.5rem;background:#8b735526;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,115,85,.2);border-radius:50%;color:#2c2416;font-size:1.2rem;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001;transition:all .2s ease;opacity:.7}.mushaf-exit-btn:hover{opacity:1;background:#8b735540;transform:scale(1.05)}.mushaf-exit-btn:active{transform:scale(.95)}.mushaf-nav-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:2}.mushaf-nav-tap{position:absolute;top:0;bottom:0;width:20%;background:transparent;border:none;cursor:pointer;pointer-events:auto;opacity:0;transition:opacity .2s ease}.mushaf-nav-tap:active{opacity:.1;background:#0000000d}.mushaf-nav-prev{right:0}.mushaf-nav-next{left:0}.mushaf-page-indicator{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 1rem);left:50%;transform:translate(-50%);background:#8b735526;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,115,85,.2);border-radius:20px;padding:.6rem 1.2rem;color:#2c2416;font-family:Amiri,Noto Naskh Arabic,serif;z-index:1001;opacity:.7;transition:opacity .2s ease;display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:120px}.mushaf-page-indicator:hover{opacity:1}.mushaf-indicator-surah{font-size:.9rem;font-weight:600;direction:rtl;white-space:nowrap}.mushaf-indicator-page{font-size:.75rem;font-weight:500;opacity:.8;direction:rtl}.mushaf-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#e8e3d8f2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1002;transition:opacity .3s ease}.mushaf-loading-spinner{width:3rem;height:3rem;border:3px solid rgba(139,115,85,.2);border-top-color:#8b735599;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.mushaf-loading-text{color:#2c2416;font-family:Amiri,Noto Naskh Arabic,serif;font-size:1.1rem;direction:rtl;opacity:.8}.mushaf-page-wrapper.loading{opacity:.5;pointer-events:none}@media (max-width: 768px){.mushaf-page-content{padding:2rem 1.5rem}.surah-header-text{font-size:2rem}.mushaf-text-content{font-size:1.75rem;line-height:2.2}.mushaf-ayah-marker{width:1.4em;height:1.4em;min-width:1.4em}}@media (max-width: 480px){.mushaf-page-content{padding:1.5rem 1rem}.surah-header-text{font-size:1.75rem;padding:1.5rem}.mushaf-text-content{font-size:1.6rem;line-height:2.1}.mushaf-ayah-marker{width:1.3em;height:1.3em;min-width:1.3em;margin:0 .2em 0 .3em}}@media (prefers-color-scheme: dark){.quran-mushaf-container{background:#1a1610}.mushaf-page-content{background:url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paper)' opacity='0.02'/%3E%3C/svg%3E"),linear-gradient(to bottom,#2c2416,#1f1a12,#2c2416)}.mushaf-text-content{color:#e8e3d8}.surah-header-text{color:#f5f1e8}}.quran-illuminated-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 98%,rgba(212,175,55,.03) 98%,rgba(212,175,55,.03) 100%);border-radius:12px;pointer-events:none}.quran-illuminated-page:after{content:"";position:absolute;top:50%;right:.5rem;transform:translateY(-50%);width:2px;height:60%;background:linear-gradient(to bottom,transparent,rgba(212,175,55,.2) 20%,rgba(212,175,55,.2) 80%,transparent);border-radius:1px;pointer-events:none;z-index:0}.surah-title-illuminated{text-align:center;margin-bottom:2.5rem;padding:1.5rem 2rem;position:relative;background:linear-gradient(to bottom,rgba(212,175,55,.08) 0%,transparent 100%);border-radius:8px}.title-filigree-top,.title-filigree-bottom{position:absolute;left:50%;transform:translate(-50%);width:80%;height:1px;background:linear-gradient(to right,transparent,#D4AF37,transparent);box-shadow:0 0 10px #d4af3780}.title-filigree-top{top:0}.title-filigree-bottom{bottom:0}.title-filigree-top:before,.title-filigree-top:after,.title-filigree-bottom:before,.title-filigree-bottom:after{content:"";position:absolute;width:8px;height:8px;border:1px solid #D4AF37;border-radius:50%;background:radial-gradient(circle,#D4AF37 0%,transparent 70%);box-shadow:0 0 8px #d4af3799}.title-filigree-top:before{left:-15px;top:-4px}.title-filigree-top:after{right:-15px;top:-4px}.title-filigree-bottom:before{left:-15px;bottom:-4px}.title-filigree-bottom:after{right:-15px;bottom:-4px}.surah-title-text{font-family:Amiri,Noto Naskh Arabic,serif;font-size:2.2rem;font-weight:700;color:#1a1a1a;text-shadow:0 2px 4px rgba(212,175,55,.3),0 0 20px rgba(212,175,55,.2);direction:rtl;letter-spacing:.1em;position:relative;z-index:1}.quran-text-illuminated{font-family:Amiri,Noto Naskh Arabic,Arabic Typesetting,Traditional Arabic,serif;font-size:1.85rem;line-height:2.2;color:#1a1a1a;text-align:justify;text-align-last:right;direction:rtl;word-spacing:.12em;letter-spacing:.02em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1;text-shadow:0 .5px 1px rgba(255,255,255,.8);position:relative;z-index:1}.ayah-inline-flow{display:inline;white-space:normal}.ayah-text-flow{display:inline;font-family:inherit;color:inherit;font-size:inherit;line-height:inherit}.ayah-marker-illuminated{font-family:Amiri,Noto Naskh Arabic,serif;background:linear-gradient(135deg,#d4af37,#b8941f);border-radius:50%;width:1.8em;height:1.8em;min-width:1.8em;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;vertical-align:middle;margin:0 .3em 0 .4em;flex-shrink:0;box-shadow:0 3px 10px #d4af3780,0 1px 4px #0000004d,inset 0 1px 3px #ffffff4d,inset 0 -1px 2px #0000004d;border:1.5px solid rgba(255,255,255,.2);position:relative}.ayah-marker-illuminated:before{content:"";position:absolute;top:25%;left:30%;width:30%;height:30%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.5) 0%,transparent 70%);pointer-events:none;filter:blur(1px)}.ayah-symbol-illuminated{font-size:.7em;color:#fff;line-height:.9;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.5);position:relative;z-index:1}.ayah-number-illuminated{font-size:.65em;font-weight:700;color:#fff;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.5);position:relative;z-index:1;margin-top:-.1em}.quran-nav-bar{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:2rem;align-items:center;justify-content:center;padding:1rem 2rem;background:#000000b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:50px;border:1px solid rgba(212,175,55,.3);box-shadow:0 10px 30px #00000080,0 0 20px #d4af3733;z-index:10;direction:rtl}.nav-icon-button{width:44px;height:44px;border-radius:50%;background:#d4af3726;border:1px solid rgba(212,175,55,.3);color:#d4af37;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.2rem}.nav-icon-button:hover:not(:disabled){background:#d4af3740;border-color:#d4af3780;transform:scale(1.1);box-shadow:0 0 15px #d4af3766}.nav-icon-button:disabled{opacity:.3;cursor:not-allowed}.nav-icon{display:block;filter:drop-shadow(0 0 3px rgba(212,175,55,.5))}.quran-page-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.75rem 1rem;background:#ffffff0d;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);direction:rtl}.page-nav-button{padding:.75rem 1.5rem;background:#4caf5033;border:2px solid rgba(76,175,80,.4);border-radius:8px;color:#f0f8f0;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;direction:rtl}.page-nav-button:hover:not(:disabled){background:#4caf504d;border-color:#4caf5099;transform:translateY(-2px)}.page-nav-button:disabled{opacity:.4;cursor:not-allowed}.page-indicator{color:#f0f8f0;font-size:1rem;font-weight:600;direction:rtl}.quran-page{background:#000;border-radius:8px;padding:2rem 1.5rem;min-height:75vh;box-shadow:0 20px 60px #0009,0 8px 20px #0006;position:relative;display:flex;flex-direction:column;border:1px solid rgba(139,115,85,.2)}.surah-title-banner{margin-bottom:2rem;padding:1.5rem 2rem;background:transparent;border:2px solid #8b7355;border-radius:8px;position:relative;text-align:center}.surah-title-banner:before,.surah-title-banner:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:40px;height:2px;background:#8b7355;border-radius:2px}.surah-title-banner:before{right:-20px;background:linear-gradient(to left,#8b7355,transparent)}.surah-title-banner:after{left:-20px;background:linear-gradient(to right,#8b7355,transparent)}.surah-title-decorative{font-family:Amiri,Noto Naskh Arabic,serif;font-size:1.8rem;font-weight:700;color:#fff;text-align:center;direction:rtl;letter-spacing:.1em}.quran-verses-container{flex:1;display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0}.ayah-verse{display:flex;align-items:flex-start;justify-content:flex-end;gap:1rem;direction:rtl;text-align:right;padding:.5rem 0}.ayah-text-verse{flex:1;font-family:Amiri,Noto Naskh Arabic,Arabic Typesetting,Traditional Arabic,serif;font-size:1.8rem;line-height:2.8;color:#fff;text-align:right;direction:rtl;word-spacing:.1em;letter-spacing:.02em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1}.ayah-marker-golden{font-family:Amiri,Noto Naskh Arabic,serif;background:linear-gradient(135deg,#8b7355,#6b5a45);border-radius:50%;width:2.2em;height:2.2em;min-width:2.2em;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;vertical-align:middle;flex-shrink:0;box-shadow:0 3px 8px #0006,0 1px 3px #0000004d,inset 0 1px 3px #fff3,inset 0 -1px 2px #0000004d;border:1.5px solid rgba(255,255,255,.15);position:relative}.ayah-marker-golden:before{content:"";position:absolute;top:20%;left:25%;width:35%;height:35%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);pointer-events:none;filter:blur(1px)}.ayah-symbol-golden{font-size:.75em;color:#fffffff2;line-height:.9;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.4);position:relative;z-index:1}.ayah-number-golden{font-size:.7em;font-weight:700;color:#fff;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.4);position:relative;z-index:1;margin-top:-.1em}.quran-page-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.08);text-align:center;position:relative;z-index:1}.page-number-display{color:#ffffff80;font-size:.95rem;font-weight:500;direction:rtl;font-family:Amiri,Noto Naskh Arabic,serif}.quran-text-container{background:#ffffff08;border-radius:24px;padding:3rem 2.5rem;margin:1.5rem auto;max-width:900px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 40px #00000040,inset 0 1px #ffffff1a;position:relative}.quran-text-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(76,175,80,.03) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(76,175,80,.03) 0%,transparent 50%);border-radius:24px;pointer-events:none}.quran-text{font-family:Amiri,Noto Naskh Arabic,Arabic Typesetting,Traditional Arabic,serif;font-size:2rem;line-height:4;color:#f0f8f0;text-align:justify;text-align-last:right;direction:rtl;word-spacing:.15em;letter-spacing:.02em;max-width:100%;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.1);position:relative;z-index:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1}.ayah-inline{display:inline;white-space:normal;position:relative}.ayah-text-inline{display:inline;font-family:inherit;color:inherit;font-weight:inherit}.ayah-marker{font-family:Amiri,Noto Naskh Arabic,serif;background:linear-gradient(135deg,#4caf50f2,#388e3cf2);border-radius:50%;width:2.2em;height:2.2em;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;vertical-align:middle;margin:0 .4em 0 .5em;box-shadow:0 3px 8px #00000059,0 1px 3px #0003,inset 0 1px 3px #ffffff4d,inset 0 -1px 2px #0003;border:2px solid rgba(255,255,255,.25);position:relative;flex-shrink:0}.ayah-marker:before{content:"";position:absolute;top:20%;left:25%;width:35%;height:35%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);pointer-events:none;filter:blur(1px)}.ayah-marker:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.2) 0%,transparent 60%);pointer-events:none}.ayah-symbol{font-size:.75em;color:#fffffff2;line-height:.9;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.3);position:relative;z-index:1}.ayah-number{font-size:.7em;font-weight:700;color:#fff;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.3);position:relative;z-index:1;margin-top:-.1em}.ayah-inline:not(:last-child):after{content:"";display:inline;margin:0 .2em}.quran-text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1}.quran-text-container:after{content:"";position:absolute;top:1rem;right:1rem;width:60px;height:60px;background:radial-gradient(circle,rgba(76,175,80,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}@media (max-width: 600px){.surah-search-container{margin-bottom:1.5rem}.surah-search-input{padding:.875rem 2.5rem .875rem .875rem;font-size:.95rem}.surah-search-icon{right:.875rem;font-size:1rem}.chapters-list{grid-template-columns:1fr}.chapter-card{padding:1rem}.chapter-name-arabic{font-size:1.2rem}.quran-text{font-size:1.5rem;line-height:3.5}.quran-text-container{padding:2rem 1.5rem;margin:1rem .5rem}.quran-luxury-container{padding:1rem .5rem}.quran-page-wrapper{max-width:100%}.golden-frame{padding:15px}.quran-illuminated-page{padding:2.5rem 2rem;min-height:65vh}.surah-title-illuminated{padding:1rem 1.5rem;margin-bottom:2rem}.surah-title-text{font-size:1.8rem}.quran-text-illuminated{font-size:1.5rem;line-height:2.1}.ayah-marker-illuminated{width:1.6em;height:1.6em;min-width:1.6em;margin:0 .25em 0 .35em}.ayah-symbol-illuminated{font-size:.7em}.ayah-number-illuminated{font-size:.65em}.quran-nav-bar{bottom:1rem;padding:.75rem 1.5rem;gap:1.5rem}.nav-icon-button{width:40px;height:40px;font-size:1rem}.next-page-peek{width:20px;height:150px}.quran-page-navigation{flex-direction:column;gap:.75rem}.page-nav-button{width:100%;padding:.75rem}.ayah-marker{width:1.9em;height:1.9em;margin:0 .3em 0 .4em}.ayah-symbol{font-size:.65em}.ayah-number{font-size:.6em}.quran-header h2{font-size:2rem}.surah-title h2{font-size:1.8rem}}body.theme-dark .quran-loading,body.theme-dark .quran-error{background:#232323cc;border-color:#6464644d;color:#f0f0f0}body.theme-dark .chapter-card{background:#2d2d2dcc;border-color:#6464644d}body.theme-dark .chapter-card:hover{background:#373737e6;border-color:#4caf5080}body.theme-dark .quran-text-container{background:#191919d9;border-color:#64646426;box-shadow:0 12px 40px #0006,inset 0 1px #ffffff0d}body.theme-dark .quran-text{color:#e8e8e8}body.theme-dark .quran-page{background:#0a0a0a;border-color:#8b73554d}body.theme-dark .surah-title-banner{border-color:#8b7355}body.theme-dark .surah-title-banner:before,body.theme-dark .surah-title-banner:after{background:#8b7355}body.theme-dark .surah-title-banner:before{background:linear-gradient(to left,#8b7355,transparent)}body.theme-dark .surah-title-banner:after{background:linear-gradient(to right,#8b7355,transparent)}body.theme-dark .ayah-text-verse{color:#fff}body.theme-dark .quran-page-navigation{background:#141414e6;border-color:#8b73554d}body.theme-dark .surah-search-input{background:#282828cc;border-color:#6464644d;color:#f0f0f0}body.theme-dark .surah-search-input:focus{background:#323232e6;border-color:#4caf5080}body.theme-dark .page-number-display{color:#fff6}body.theme-dark .quran-page-footer{border-top-color:#8b735533}body.theme-dark .ayah-marker{background:linear-gradient(135deg,#4caf50e6,#388e3ce6);border-color:#fff3;box-shadow:0 3px 8px #0006,0 1px 3px #00000040,inset 0 1px 3px #ffffff40,inset 0 -1px 2px #00000040}body.theme-dark .surah-header{background:#282828cc;border-color:#6464644d}body.theme-light .quran-loading,body.theme-light .quran-error{background:#ffffffb3;border-color:#1b5e204d;color:#1b5e20}body.theme-light .chapter-card{background:#fff9;border-color:#1b5e204d}body.theme-light .chapter-card:hover{background:#fffc;border-color:#4caf5080}body.theme-light .chapter-name-arabic,body.theme-light .quran-text{color:#1b5e20;text-shadow:none}body.theme-light .chapter-name-english,body.theme-light .chapter-translation,body.theme-light .chapter-meta{color:#2e7d32}body.theme-light .quran-text-container{background:#ffffffbf;border-color:#1b5e2026;box-shadow:0 12px 40px #00000026,inset 0 1px #fffc}body.theme-light .quran-text-container:before{background:radial-gradient(circle at 20% 50%,rgba(76,175,80,.02) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(76,175,80,.02) 0%,transparent 50%)}body.theme-light .quran-page{background:#f5f5f5;border-color:#8b73554d}body.theme-light .surah-title-banner{border-color:#8b7355;background:#8b73550d}body.theme-light .surah-title-banner:before,body.theme-light .surah-title-banner:after{background:#8b7355}body.theme-light .surah-title-decorative,body.theme-light .ayah-text-verse{color:#1a1a1a}body.theme-light .quran-page-navigation{background:#ffffffe6;border-color:#8b735533}body.theme-light .surah-search-input{background:#ffffffb3;border-color:#1b5e204d;color:#1b5e20}body.theme-light .surah-search-input::placeholder{color:#1b5e2080}body.theme-light .surah-search-input:focus{background:#ffffffe6;border-color:#4caf5080}body.theme-light .page-number-display{color:#00000080}body.theme-light .quran-page-footer{border-top-color:#8b735526}body.theme-light .ayah-marker{background:linear-gradient(135deg,#1b5e20f2,#2e7d32f2);border-color:#fff6;box-shadow:0 3px 8px #00000040,0 1px 3px #00000026,inset 0 1px 3px #ffffff59,inset 0 -1px 2px #00000026}body.theme-light .surah-header{background:#fff9;border-color:#1b5e204d}body.theme-light .quran-header h2,body.theme-light .surah-title h2{color:#1b5e20}body.theme-light .quran-subtitle,body.theme-light .surah-subtitle,body.theme-light .surah-meta{color:#2e7d32}.mushaf-reader-toolbar{display:flex;gap:.75rem;justify-content:center;align-items:center;flex-wrap:wrap;margin:.75rem 0}.ios-native{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ios-native{text-rendering:optimizeLegibility}.ios-native .app{padding-top:calc(max(1rem,calc(env(safe-area-inset-top) + .75rem)) + 4.75rem + 44px);padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(2rem,env(safe-area-inset-bottom));padding-left:max(1rem,env(safe-area-inset-left))}.ios-native .menu-bar{padding-top:max(calc(env(safe-area-inset-top) + .75rem),1rem);padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:.75rem;padding-left:max(1rem,env(safe-area-inset-left))}.ios-native input,.ios-native textarea,.ios-native select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px}.ios-native .app,.ios-native .azkar-container,.ios-native .sidebar-content,.ios-native .quran-chapters{-webkit-overflow-scrolling:touch}.ios-native .menu-bar,.ios-native .sidebar-content,.ios-native .auth-modal{-webkit-backdrop-filter:blur(20px) saturate(180%)}@supports (-webkit-touch-callout: none){.ios-native .app{min-height:-webkit-fill-available}}.ios-native .zikr-card{background:linear-gradient(135deg,#fffffffa,#fffffff2)!important}.ios-native .zikr-text{color:#1a472a!important}.ios-native .app{background:linear-gradient(135deg,#1a472a,#2d5a3d,#1a472a)!important}.ios-native .menu-bar{background:linear-gradient(135deg,#1a472af2,#2d5a3df2)!important}.ios-native .menu-bar-title{color:#f0f8f0!important}.ios-native .counter-button{background:linear-gradient(135deg,#1a472a,#2d5a3d)!important;color:#fff!important}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overflow-y:auto;width:100%;max-width:100vw;position:relative}html{overflow-x:hidden;width:100%;max-width:100vw}#root{width:100%;min-height:100vh;max-width:100vw;overflow-x:hidden;position:relative}[dir=rtl]{direction:rtl;text-align:right}