*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}:root{--primary: #2e7d32;--primary-light: #4caf50;--primary-dark: #1b5e20;--primary-bg: #e8f5e9;--accent: #ff6f00;--accent-light: #ffa726;--accent-bg: #fff3e0;--danger: #c62828;--danger-light: #ef5350;--danger-bg: #ffebee;--warning: #f57f17;--warning-bg: #fffde7;--info: #1565c0;--info-bg: #e3f2fd;--purple: #6a1b9a;--purple-bg: #f3e5f5;--teal: #00695c;--teal-bg: #e0f2f1;--bg: #f8f4ef;--surface: #ffffff;--surface-2: #faf8f5;--border: #e8e0d5;--border-light: #f0ebe3;--text: #1a1208;--text-2: #4a3f2f;--text-3: #7a6a55;--text-light: #b0a090;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow: 0 2px 8px rgba(0,0,0,.1);--shadow-lg: 0 4px 20px rgba(0,0,0,.13);--radius: 14px;--radius-sm: 8px;--radius-lg: 20px;--font-ur: "Noto Nastaliq Urdu", "Amiri", serif;--font-en: "Inter", sans-serif;--header-h: 56px;--nav-w: 270px}html,body{height:100%;overflow:hidden}body{font-family:var(--font-en);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.screen{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.screen.hidden{display:none}.screen.active{display:block}#lock-screen{background:linear-gradient(135deg,#1b5e20,#2e7d32 40%,#388e3c,#43a047);display:flex;align-items:center;justify-content:center}.lock-container{width:100%;max-width:360px;padding:2rem 1.5rem;text-align:center}.lock-icon{font-size:3.5rem;margin-bottom:.5rem}.app-title-ur{font-family:var(--font-ur);font-size:2.2rem;color:#fff;font-weight:700;line-height:1.6}.app-subtitle{font-family:var(--font-en);color:#ffffffbf;font-size:.95rem;letter-spacing:.15em;margin-bottom:2rem}.lock-form{margin:1.5rem 0}.input-group{display:flex;flex-direction:column;gap:.75rem}.input-group input[type=password]{width:100%;padding:.85rem 1rem;border-radius:var(--radius);border:2px solid rgba(255,255,255,.3);background:#ffffff26;color:#fff;font-size:1.1rem;text-align:center;letter-spacing:.3em;outline:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border .2s}.input-group input::placeholder{color:#fff9;letter-spacing:0}.input-group input:focus{border-color:#ffffffb3}.lock-hadith{font-family:var(--font-ur);color:#fff9;font-size:.85rem;margin-top:2rem;line-height:2}.btn-primary{width:100%;padding:.85rem 1.5rem;background:#fff;color:var(--primary-dark);border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:var(--font-ur)}.btn-primary:hover{background:#e8f5e9;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{padding:.6rem 1.2rem;background:var(--primary-bg);color:var(--primary-dark);border:1px solid var(--primary-light);border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--primary-light);color:#fff}.btn-danger{padding:.55rem 1rem;background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-light);border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer;transition:all .2s}.btn-danger:hover{background:var(--danger);color:#fff}.btn-outline-danger{width:100%;padding:.7rem;background:transparent;color:var(--danger);border:1.5px solid var(--danger-light);border-radius:var(--radius-sm);font-size:.9rem;cursor:pointer;transition:all .2s}.btn-outline-danger:hover{background:var(--danger-bg)}.btn-success{padding:.55rem 1rem;background:var(--primary-bg);color:var(--primary-dark);border:1px solid var(--primary-light);border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer;transition:all .2s}.btn-success:hover{background:var(--primary);color:#fff}.icon-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.4rem;border-radius:var(--radius-sm);transition:background .15s;line-height:1}.icon-btn:hover{background:#0000000f}.error-msg{color:#ffcdd2;font-size:.85rem;margin-top:.5rem;font-family:var(--font-ur)}#top-bar{position:fixed;top:0;left:0;right:0;height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;z-index:100;box-shadow:var(--shadow-sm)}.header-left,.header-right{display:flex;align-items:center;gap:.25rem;min-width:70px}.header-right{justify-content:flex-end}.header-center{flex:1;text-align:center}.hijri-date{line-height:1.2}.hijri-ur{display:block;font-family:var(--font-ur);font-size:.95rem;font-weight:600;color:var(--primary-dark)}.hijri-en{display:block;font-size:.7rem;color:var(--text-3)}.side-nav{position:fixed;top:0;left:0;bottom:0;width:var(--nav-w);background:var(--surface);z-index:200;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow-y:auto}.side-nav.open{transform:translate(0)}.nav-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .75rem;border-bottom:1px solid var(--border);background:linear-gradient(135deg,var(--primary-dark),var(--primary))}.nav-title-ur{font-family:var(--font-ur);font-size:1.3rem;color:#fff;font-weight:700}.nav-header .icon-btn{color:#fff}.nav-header .icon-btn:hover{background:#ffffff26}.nav-list{list-style:none;padding:.5rem 0;flex:1;overflow-y:auto}.nav-item{display:block;padding:.75rem 1.25rem;color:var(--text-2);text-decoration:none;font-size:.9rem;border-left:3px solid transparent;transition:all .15s}.nav-item:hover{background:var(--primary-bg);color:var(--primary-dark)}.nav-item.active{background:var(--primary-bg);color:var(--primary-dark);border-left-color:var(--primary);font-weight:600}.nav-footer{padding:1rem;border-top:1px solid var(--border)}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#page-container{position:fixed;top:var(--header-h);left:0;right:0;bottom:0;overflow-y:auto}.page{display:none}.page.active{display:block}.page-content{padding:1rem 1rem 2rem;max-width:600px;margin:0 auto}.page-title-ur{font-family:var(--font-ur);font-size:1.4rem;color:var(--primary-dark);margin-bottom:1rem;text-align:right}.section-title-ur{font-family:var(--font-ur);font-size:1.1rem;color:var(--text-2);text-align:right;margin-bottom:.5rem}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:1rem;overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border-light);background:var(--surface-2)}.card-title-ur{font-family:var(--font-ur);font-size:1rem;color:var(--text-2);font-weight:600}.card-link{font-size:.75rem;color:var(--primary);text-decoration:none}.card-link:hover{text-decoration:underline}.card-body{padding:.75rem 1rem}.dashboard-greeting{font-family:var(--font-ur);font-size:1.1rem;color:var(--text-2);text-align:right;margin-bottom:.25rem;padding:0 .25rem}.gregorian-date{font-size:.75rem;color:var(--text-3);text-align:right;margin-bottom:.75rem;padding:0 .25rem}.prayer-strip{display:flex;gap:.4rem;padding:.75rem;overflow-x:auto;justify-content:space-between}.prayer-chip{flex:1;min-width:54px;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem .3rem;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface-2);cursor:pointer;transition:all .2s;font-size:.65rem;color:var(--text-3);text-align:center}.prayer-chip:hover{border-color:var(--primary-light)}.prayer-chip.prayed{background:var(--primary-bg);border-color:var(--primary);color:var(--primary-dark)}.prayer-chip.missed{background:var(--danger-bg);border-color:var(--danger-light);color:var(--danger)}.prayer-chip .prayer-dot{width:28px;height:28px;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:background .2s}.prayer-chip.prayed .prayer-dot{background:var(--primary);color:#fff}.prayer-chip.missed .prayer-dot{background:var(--danger);color:#fff}.prayer-chip .prayer-name-ur{font-family:var(--font-ur);font-size:.75rem;line-height:1.6}.prayer-card-full{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:.75rem;overflow:hidden}.prayer-row{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem}.prayer-info{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem}.prayer-name-large{font-family:var(--font-ur);font-size:1.05rem;color:var(--text);font-weight:600}.prayer-time-display{font-size:.75rem;color:var(--text-3)}.prayer-actions{display:flex;gap:.4rem}.prayer-btn{padding:.45rem .9rem;border-radius:var(--radius-sm);border:1.5px solid;font-size:.8rem;cursor:pointer;transition:all .2s;font-weight:500}.prayer-btn.prayed-btn{border-color:var(--primary);background:var(--primary-bg);color:var(--primary-dark)}.prayer-btn.prayed-btn.active{background:var(--primary);color:#fff}.prayer-btn.missed-btn{border-color:var(--danger-light);background:var(--danger-bg);color:var(--danger)}.prayer-btn.missed-btn.active{background:var(--danger);color:#fff}.quick-entry-tabs{display:flex;padding:.5rem;gap:.4rem;background:var(--surface-2)}.tab-btn{flex:1;padding:.5rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-3);font-size:.8rem;cursor:pointer;transition:all .2s}.tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.entry-form{padding:.75rem;display:flex;flex-direction:column;gap:.65rem}.form-group{display:flex;flex-direction:column;gap:.3rem}.form-label{font-size:.75rem;color:var(--text-3);font-weight:500}.form-label-ur{font-family:var(--font-ur);font-size:.85rem;color:var(--text-2);text-align:right}.form-input,.form-select,.form-textarea{width:100%;padding:.65rem .85rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:.9rem;outline:none;transition:border .2s;font-family:var(--font-en)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary)}.form-textarea{resize:none;min-height:70px}.form-input[type=time]{cursor:pointer}.time-range{display:flex;align-items:center;gap:.5rem}.time-range .form-input{flex:1}.time-sep{color:var(--text-3);font-size:.75rem;white-space:nowrap}.submit-btn{padding:.75rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.submit-btn:hover{background:var(--primary-dark)}.entry-item{padding:.7rem;border-left:3px solid var(--primary);background:var(--surface);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:.5rem;border-bottom:1px solid var(--border-light)}.entry-item.timeline-type{border-left-color:var(--accent)}.entry-time{font-size:.7rem;color:var(--text-3);font-family:monospace;margin-bottom:.2rem}.entry-desc{font-size:.9rem;color:var(--text);margin-bottom:.2rem}.entry-category-badge{display:inline-block;padding:.15rem .5rem;border-radius:99px;font-size:.65rem;font-weight:600;background:var(--primary-bg);color:var(--primary-dark)}.entry-delete-btn{float:right;background:none;border:none;color:var(--text-light);cursor:pointer;font-size:.9rem;padding:0;line-height:1}.entry-delete-btn:hover{color:var(--danger)}.deeds-category-section{margin-bottom:1.25rem}.deeds-cat-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.4rem .75rem;background:var(--primary-bg);border-radius:var(--radius-sm);border-left:3px solid var(--primary)}.deeds-cat-name{font-size:.85rem;font-weight:600;color:var(--primary-dark)}.deeds-cat-count{font-size:.7rem;color:var(--text-3);margin-left:auto}.deeds-table{width:100%;border-collapse:collapse;font-size:.8rem;border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-sm)}.deeds-table th{background:var(--primary);color:#fff;padding:.5rem .6rem;text-align:left;font-weight:600;font-size:.75rem}.deeds-table td{padding:.5rem .6rem;border-bottom:1px solid var(--border-light);vertical-align:top;color:var(--text)}.deeds-table tr:nth-child(2n) td{background:var(--surface-2)}.deeds-table tr:last-child td{border-bottom:none}.qaza-tabs{display:flex;gap:.4rem;margin-bottom:1rem}.qaza-item{background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border);padding:.75rem;margin-bottom:.5rem;display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.qaza-info{flex:1}.qaza-prayer-name{font-family:var(--font-ur);font-size:1rem;color:var(--text);font-weight:600}.qaza-date{font-size:.72rem;color:var(--text-3);margin-top:.15rem}.qaza-notes{font-size:.78rem;color:var(--text-2);margin-top:.3rem;font-style:italic}.qaza-actions{display:flex;flex-direction:column;gap:.3rem;align-items:flex-end}.empty-state{text-align:center;padding:2rem 1rem;color:var(--text-3)}.empty-state-icon{font-size:2.5rem;margin-bottom:.5rem}.empty-state-text{font-family:var(--font-ur);font-size:.95rem}.fast-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border);margin-bottom:.5rem}.fast-day-info{display:flex;flex-direction:column;gap:.1rem}.fast-day-ur{font-family:var(--font-ur);font-size:.95rem;color:var(--text)}.fast-day-en{font-size:.7rem;color:var(--text-3)}.fast-checkbox{width:24px;height:24px;border-radius:6px;border:2px solid var(--primary-light);background:var(--surface);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.fast-checkbox:checked{background:var(--primary);border-color:var(--primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='white' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.zakat-card{background:linear-gradient(135deg,#fff8e1,#fff3cd);border:1px solid #ffe082;border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem;text-align:center}.zakat-icon{font-size:2.5rem;margin-bottom:.5rem}.zakat-title-ur{font-family:var(--font-ur);font-size:1.2rem;color:var(--text);font-weight:600;margin-bottom:.5rem}.zakat-status{font-size:.85rem;color:var(--text-2);margin-bottom:1rem}.zakat-status.paid{color:var(--primary-dark)}.zakat-status.due{color:var(--danger)}.archive-filters{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.archive-item{background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border);padding:.75rem 1rem;margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.archive-date-ur{font-family:var(--font-ur);font-size:.9rem;color:var(--text)}.archive-date-en{font-size:.7rem;color:var(--text-3)}.archive-actions{display:flex;gap:.4rem}.settings-section{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border-light);margin-bottom:1rem;overflow:hidden}.settings-section-header{padding:.75rem 1rem;background:var(--surface-2);border-bottom:1px solid var(--border-light);font-weight:600;font-size:.85rem;color:var(--text-2)}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid var(--border-light)}.settings-row:last-child{border-bottom:none}.settings-label{font-size:.85rem;color:var(--text-2)}.settings-label-ur{font-family:var(--font-ur);font-size:.9rem;color:var(--text);display:block}.settings-select{padding:.4rem .7rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:.85rem;color:var(--text);cursor:pointer;outline:none}.settings-input{padding:.4rem .7rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:.85rem;color:var(--text);width:140px;outline:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:300;display:flex;align-items:center;justify-content:center;padding:1rem;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-box{background:var(--surface);border-radius:var(--radius-lg);padding:1.5rem;width:100%;max-width:360px;box-shadow:var(--shadow-lg);animation:slideUp .25s ease}.modal-title{font-family:var(--font-ur);font-size:1.1rem;color:var(--text);margin-bottom:.75rem;text-align:right}.modal-body{font-size:.9rem;color:var(--text-2);margin-bottom:1.25rem;line-height:1.6;text-align:right;font-family:var(--font-ur)}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end}.modal-btn{padding:.6rem 1.2rem;border-radius:var(--radius-sm);border:1.5px solid;font-size:.85rem;cursor:pointer;transition:all .2s}.modal-btn.confirm{background:var(--primary);color:#fff;border-color:var(--primary)}.modal-btn.cancel{background:transparent;color:var(--text-3);border-color:var(--border)}.modal-btn:hover{opacity:.85}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:400;display:flex;align-items:center;justify-content:center;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.popup-box{background:var(--surface);border-radius:var(--radius-lg);padding:2rem 1.5rem;width:100%;max-width:340px;text-align:center;box-shadow:var(--shadow-lg);animation:bounceIn .35s ease}.popup-icon{font-size:3rem;margin-bottom:.75rem}.popup-title-ur{font-family:var(--font-ur);font-size:1.3rem;color:var(--text);font-weight:700;margin-bottom:1rem}.popup-list{background:var(--bg);border-radius:var(--radius-sm);padding:.75rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.popup-item{font-family:var(--font-ur);font-size:1rem;color:var(--text-2);padding:.4rem;background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border-light)}.popup-sub{font-family:var(--font-ur);font-size:.85rem;color:var(--text-3);margin-bottom:1.25rem}.popup-close-btn{padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:.9rem;cursor:pointer;width:100%;font-family:var(--font-ur);font-weight:600;transition:background .2s}.popup-close-btn:hover{background:var(--primary-dark)}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background:#1e1e1eeb;color:#fff;padding:.7rem 1.25rem;border-radius:99px;font-size:.85rem;z-index:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;transition:opacity .3s;font-family:var(--font-ur)}.toast.success{background:#2e7d32ed}.toast.error{background:#c62828ed}.hidden{display:none!important}.badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--danger);color:#fff;font-size:.65rem;font-weight:700}.divider{height:1px;background:var(--border-light);margin:.75rem 0}.text-right{text-align:right}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.flex-between{display:flex;align-items:center;justify-content:space-between}.cat-dhikr{border-left-color:var(--purple)!important}.cat-study{border-left-color:var(--info)!important}.cat-work{border-left-color:var(--teal)!important}.cat-sleep{border-left-color:#546e7a!important}.cat-food{border-left-color:var(--accent)!important}.cat-travel{border-left-color:#00897b!important}.cat-family{border-left-color:#c62828!important}.cat-health{border-left-color:#558b2f!important}.cat-bad{border-left-color:var(--danger)!important}.cat-laziness{border-left-color:#8d6e63!important}.cat-others{border-left-color:var(--text-light)!important}.badge-dhikr{background:var(--purple-bg);color:var(--purple)}.badge-study{background:var(--info-bg);color:var(--info)}.badge-work{background:var(--teal-bg);color:var(--teal)}.badge-sleep{background:#eceff1;color:#546e7a}.badge-food{background:var(--accent-bg);color:var(--accent)}.badge-travel{background:#e0f2f1;color:#00897b}.badge-family{background:#ffebee;color:#c62828}.badge-health{background:#f1f8e9;color:#558b2f}.badge-bad{background:var(--danger-bg);color:var(--danger)}.badge-laziness{background:#efebe9;color:#8d6e63}.badge-others{background:#f5f5f5;color:#616161}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.85)}60%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ramadan-strip{padding:.75rem}.ramadan-today-fast{display:flex;align-items:center;justify-content:space-between;gap:1rem}.ramadan-label{font-family:var(--font-ur);font-size:1rem;color:var(--text)}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:1rem auto}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{display:flex;justify-content:center;align-items:center;padding:2rem}.qaza-summary-row{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;border-bottom:1px solid var(--border-light)}.qaza-summary-row:last-child{border-bottom:none}.qaza-summary-label{font-family:var(--font-ur);font-size:.9rem;color:var(--text-2)}.qaza-count-badge{background:var(--danger);color:#fff;font-size:.72rem;font-weight:700;padding:.15rem .5rem;border-radius:99px}