:root{--color-primary-50:#ecfdf5;--color-primary-100:#d1fae5;--color-primary-200:#a7f3d0;--color-primary-300:#6ee7b7;--color-primary-400:#34d399;--color-primary-500:#10b981;--color-primary-600:#059669;--color-primary-700:#047857;--color-primary-800:#065f46;--color-primary-900:#064e3b;--color-accent-500:#14b8a6;--color-accent-600:#0d9488;--color-neutral-0:#fff;--color-neutral-50:#f8faf9;--color-neutral-100:#f1f5f3;--color-neutral-200:#e2e8e5;--color-neutral-300:#cbd5d1;--color-neutral-400:#94a3a0;--color-neutral-500:#64766f;--color-neutral-600:#475752;--color-neutral-700:#33413c;--color-neutral-800:#202b27;--color-neutral-900:#121815;--color-danger-500:#e11d48;--color-danger-600:#be123c;--color-warning-500:#d97706;--color-bg:var(--color-neutral-50);--color-bg-translucent:#f8faf9d9;--color-surface:var(--color-neutral-0);--color-border:var(--color-neutral-200);--color-text:var(--color-neutral-800);--color-text-muted:var(--color-neutral-500);--font-sans:"Inter", "Noto Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-pill:999px;--shadow-sm:0 1px 2px #064e3b0f;--shadow-md:0 4px 16px #064e3b14;--shadow-lg:0 12px 32px #064e3b1f;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem}:root[data-theme=dark]{--color-primary-50:#062b21;--color-primary-100:#06382b;--color-primary-200:#0a4c3a;--color-primary-300:#0f6a50;--color-primary-400:#17916d;--color-primary-500:#22b788;--color-primary-600:#34d399;--color-primary-700:#6ee7b7;--color-primary-800:#a7f3d0;--color-primary-900:#d1fae5;--color-accent-500:#2dd4bf;--color-accent-600:#5eead4;--color-neutral-0:#0b1210;--color-neutral-50:#101815;--color-neutral-100:#16201c;--color-neutral-200:#223029;--color-neutral-300:#324339;--color-neutral-400:#4b5f54;--color-neutral-500:#6b8276;--color-neutral-600:#93a89b;--color-neutral-700:#bccec2;--color-neutral-800:#e2ebe6;--color-neutral-900:#f4f8f6;--color-danger-500:#fb7185;--color-danger-600:#f43f5e;--color-warning-500:#fbbf24;--color-bg:var(--color-neutral-0);--color-surface:var(--color-neutral-100);--color-border:var(--color-neutral-200);--shadow-sm:0 1px 2px #0006;--shadow-md:0 6px 20px #00000073;--shadow-lg:0 16px 40px #00000080;--color-danger-bg-hover:#f43f5e26;--color-bg-translucent:#0b1210d9}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}button{font-family:inherit}input,select{color:var(--color-text);font-family:inherit}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--color-primary-400);outline-offset:1px}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;padding:.6rem 1.1rem;font-size:.95rem;font-weight:600;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,transform 50ms;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.btn-primary{background:var(--color-primary-600);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:not(:disabled):hover{background:var(--color-primary-700)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:not(:disabled):hover{border-color:var(--color-primary-400);color:var(--color-primary-700)}.btn-ghost{color:var(--color-primary-700);background:0 0;padding:.4rem .6rem}.btn-ghost:not(:disabled):hover{background:var(--color-primary-50)}.btn-danger-ghost{color:var(--color-danger-600);border-color:var(--color-border);background:0 0}.btn-danger-ghost:not(:disabled):hover{background:var(--color-danger-bg-hover,#fef2f4);border-color:var(--color-danger-500)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}:root[data-theme=dark] .card{box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff0b}.error{color:var(--color-danger-600);font-size:.9rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home{max-width:1100px;padding:var(--space-2) var(--space-5) var(--space-8);margin:0 auto}.home__subtitle{color:var(--color-text-muted);margin:0 0 var(--space-6);font-size:1.05rem}.home__grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=640px){.home__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}}.home__card{align-items:flex-start;gap:var(--space-2);text-align:start;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;flex-direction:column;min-width:0;transition:box-shadow .15s,border-color .15s,transform .15s;display:flex;position:relative}@media (width>=640px){.home__card{padding:var(--space-5)}}.home__card:not(:disabled):hover{border-color:var(--color-primary-400);box-shadow:var(--shadow-md);transform:translateY(-2px)}.home__card:disabled{cursor:not-allowed;opacity:.6}.home__card-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-primary-500), var(--color-accent-500));color:#fff;width:38px;height:38px;margin-bottom:var(--space-1);justify-content:center;align-items:center;display:flex}.home__card-icon svg{width:20px;height:20px}@media (width>=640px){.home__card-icon{width:46px;height:46px}.home__card-icon svg{width:22px;height:22px}}.home__card:disabled .home__card-icon{background:var(--color-neutral-200);color:var(--color-neutral-400)}.home__card-title{letter-spacing:-.01em;color:var(--color-neutral-900);font-size:.92rem;font-weight:700;line-height:1.25}.home__card-description{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.35;display:-webkit-box;overflow:hidden}@media (width>=640px){.home__card-title{font-size:1.08rem}.home__card-description{-webkit-line-clamp:initial;font-size:.85rem}}.home__card-badge{top:var(--space-2);text-transform:uppercase;letter-spacing:.02em;border-radius:var(--radius-pill);background:var(--color-neutral-100);color:var(--color-text-muted);padding:.15rem .45rem;font-size:.62rem;font-weight:600;position:absolute;inset-inline-end:var(--space-2)}@media (width>=640px){.home__card-badge{top:var(--space-3);padding:.2rem .55rem;font-size:.68rem;inset-inline-end:var(--space-3)}}@media (width<=480px){.home{padding:var(--space-1) var(--space-4) var(--space-6)}}.wizard{max-width:560px;padding:var(--space-4) var(--space-5) var(--space-8);margin:0 auto}.wizard-progress{margin-bottom:var(--space-4)}.wizard-progress__bar{border-radius:var(--radius-pill);background:var(--color-neutral-100);height:6px;margin-bottom:var(--space-2);overflow:hidden}.wizard-progress__fill{background:linear-gradient(90deg, var(--color-primary-500), var(--color-accent-500));border-radius:var(--radius-pill);height:100%;transition:width .25s}.wizard-progress__label{color:var(--color-text-muted);letter-spacing:.02em;text-transform:uppercase;font-size:.78rem;font-weight:600}.wizard-step{padding:var(--space-6) var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.wizard-step__title{color:var(--color-neutral-900);margin:0;font-size:1.4rem}.wizard-step__description{color:var(--color-text-muted);margin:-.5rem 0 0;font-size:.95rem;line-height:1.5}.wizard-step__hint{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-warning-500);color:var(--color-neutral-700);background:#fdf6e3;margin:0;font-size:.82rem;line-height:1.5}.wizard-step__fields{gap:var(--space-2);flex-direction:column;display:flex}.wizard-counter{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-neutral-50);border-inline-start:3px solid #0000;justify-content:space-between;align-items:center;transition:border-color .15s,background-color .15s;display:flex}.wizard-counter--active{border-color:var(--color-primary-300);border-inline-start-color:var(--color-primary-600);background:var(--color-primary-50)}.wizard-counter__label{color:var(--color-text);font-weight:500}.wizard-counter__control{align-items:center;gap:var(--space-3);display:flex}.wizard-counter__btn{border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;justify-content:center;align-items:center;width:2.1rem;height:2.1rem;font-size:1.1rem;line-height:1;display:flex}.wizard-counter__btn:not(:disabled):hover{border-color:var(--color-primary-500);color:var(--color-primary-600)}.wizard-counter__btn:disabled{opacity:.4;cursor:not-allowed}.wizard-counter__value{text-align:center;min-width:1.5rem;font-size:1.05rem;font-weight:700}.wizard-choice-group{gap:var(--space-2);flex-direction:column;display:flex}.wizard-choice{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-neutral-50);cursor:pointer;border-inline-start:3px solid #0000;flex-direction:row;transition:border-color .15s,background-color .15s;display:flex}.wizard-choice:hover{border-color:var(--color-primary-300)}.wizard-choice--active{border-color:var(--color-primary-400);border-inline-start-color:var(--color-primary-600);background:var(--color-primary-50)}.wizard-choice--expandable{flex-direction:column;align-items:stretch}.wizard-choice>input[type=radio],.wizard-choice__row input[type=radio]{accent-color:var(--color-primary-600);width:1.1rem;height:1.1rem}.wizard-choice__row{align-items:center;gap:var(--space-3);cursor:pointer;display:flex}.wizard-choice__substepper{color:var(--color-text-muted);justify-content:space-between;align-items:center;padding-inline-start:calc(1.1rem + var(--space-3));font-size:.85rem;display:flex}.wizard-estate-input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-neutral-50);padding:.75rem 1rem;font-size:1.2rem;font-weight:600}.wizard-step__field-group{gap:var(--space-2);flex-direction:column;display:flex}.person-detail-list{margin:0 0 0 calc(var(--space-4) + 3px);gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.person-detail-row{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px dashed var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap;font-size:.85rem;display:flex}.person-detail-row__index{border-radius:var(--radius-pill);background:var(--color-neutral-100);width:1.4rem;height:1.4rem;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.person-detail-row__name{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);flex:8rem;min-width:0;padding:.4rem .6rem;font-size:.85rem}.person-detail-row__date{align-items:center;gap:var(--space-1);color:var(--color-text-muted);font-size:.78rem;display:flex}.person-detail-row__date input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);padding:.35rem .5rem;font-size:.78rem}.person-detail-row__date-input--error{border-color:var(--color-danger-500)!important}.person-detail-row__error{color:var(--color-danger-600);flex-basis:100%;margin:0;font-size:.75rem}.wizard-deductions{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--color-neutral-50)}.wizard-deductions summary{cursor:pointer;color:var(--color-text);font-size:.85rem;font-weight:600}.wizard-deductions__field{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-3);color:var(--color-text);font-size:.85rem;display:flex}.wizard-deductions__field input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:10rem;padding:.45rem .6rem}.wizard-deductions__warning{margin:var(--space-2) 0 0;color:var(--color-warning-500);font-size:.78rem}.wizard-deductions__net{margin:var(--space-3) 0 0;padding-top:var(--space-2);border-top:1px dashed var(--color-border);color:var(--color-text);font-size:.85rem}.wizard-deceased-date{gap:var(--space-1);color:var(--color-text);flex-direction:column;font-size:.85rem;font-weight:600;display:flex}.wizard-deceased-date input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-neutral-50);padding:.6rem .8rem;font-weight:400}.wizard-deceased-date__hint{color:var(--color-text-muted);font-size:.78rem;font-weight:400}.wizard-deceased-date__input--error{border-color:var(--color-danger-500)!important}.wizard-nav{margin-top:var(--space-2);justify-content:space-between;align-items:center;display:flex}.wizard-restart{margin-top:var(--space-2);align-self:center}.wizard-result-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.wizard-result-item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-neutral-50);display:flex}.wizard-result-item__heir{flex-direction:column;display:flex}.wizard-result-item__label{font-weight:600}.wizard-result-item__share{color:var(--color-primary-700);font-size:.8rem}.wizard-result-item__amount{color:var(--color-neutral-900);text-align:end;font-weight:700}.wizard-result-item__perPerson{color:var(--color-text-muted);font-size:.75rem;font-weight:400}.wizard-result-item--blocked{background:var(--color-neutral-100);opacity:.75}.wizard-result-item--blocked .wizard-result-item__label{color:var(--color-neutral-500);text-decoration:line-through}.wizard-result-item--blocked .wizard-result-item__share{color:var(--color-neutral-400)}.wizard-result-item--blocked .wizard-result-item__amount{color:var(--color-neutral-400);font-weight:500}.wizard-result-item__reason{color:var(--color-danger-600);margin-top:.15rem;font-size:.72rem}.wizard-result-total{text-align:center;color:var(--color-text-muted);margin:0;font-size:.85rem}.wizard-result-actions{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}@media (width<=480px){.wizard{padding:var(--space-3) var(--space-4) var(--space-6)}.wizard-step{padding:var(--space-5) var(--space-4)}}.tree-diagram{gap:var(--space-3);padding:var(--space-5) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);grid-template-columns:repeat(4,minmax(150px,1fr));grid-auto-rows:min-content;display:grid;overflow-x:auto}.tree-deceased{border:1px dashed var(--color-neutral-400);border-radius:var(--radius-pill);color:var(--color-text-muted);background:var(--color-neutral-100);place-self:end center;padding:.3rem .85rem;font-size:.72rem;font-weight:600}.tree-cell{gap:var(--space-2);flex-direction:column;align-items:stretch;display:flex}.tree-node{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-neutral-50);flex-direction:column;gap:.35rem;padding:.5rem .65rem;transition:background-color .15s,border-color .15s,box-shadow .15s;display:flex}.tree-node--idle{opacity:.7}.tree-node--selected{border-color:var(--color-accent-500);box-shadow:var(--shadow-sm);background:#f0fdfa}.tree-node--active{border-color:var(--color-primary-600);background:var(--color-primary-600);box-shadow:var(--shadow-md)}.tree-node--active .tree-node__toggle,.tree-node--active .tree-node__stepper{color:#fff}.tree-node--active .tree-node__stepper button{color:#fff;background:#ffffff1f;border-color:#fff6}.tree-node--active .tree-node__result{color:#ecfdf5;border-top-color:#ffffff40}.tree-node--inactive{border-color:var(--color-warning-500);background:#fdf6e3}.tree-node--blocked{border-color:var(--color-neutral-200);background:var(--color-neutral-100);opacity:.5}.tree-node__toggle{text-align:left;cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:600}.tree-node__stepper{align-items:center;gap:.4rem;font-size:.85rem;display:flex}.tree-node__stepper button{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;width:1.5rem;height:1.5rem;padding:0;font-size:.9rem;line-height:1}.tree-node__result{color:var(--color-neutral-700);border-top:1px solid var(--color-border);flex-direction:column;padding-top:.3rem;font-size:.7rem;display:flex}.complex-layout{max-width:1100px;padding:var(--space-2) var(--space-5) var(--space-6);margin:0 auto}.complex-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.complex-panel__row{gap:var(--space-4);flex-wrap:wrap;align-items:end;display:flex}.complex-panel__row--actions{align-items:center}.complex-panel__divider{background:var(--color-border);height:1px;margin:var(--space-1) 0}.complex-panel__row label{color:var(--color-text-muted);flex-direction:column;gap:.25rem;font-size:.82rem;display:flex}.complex-panel__row input,.complex-panel__row select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-neutral-50);padding:.5rem .6rem;font-size:.92rem}.complex-tabs{gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.complex-tabs button{border:1px solid var(--color-border);background:var(--color-neutral-100);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm) var(--radius-sm) 0 0;border-bottom:none;padding:.5rem 1.1rem;font-size:.9rem;font-weight:600}.complex-tabs button.active{background:var(--color-surface);color:var(--color-primary-700);border-color:var(--color-primary-300)}.complex-layout__hint{color:var(--color-text-muted);padding:var(--space-5);text-align:center}.detail-table{border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-sm);font-size:.85rem;overflow:hidden}.detail-table th,.detail-table td{border:1px solid var(--color-border);text-align:end;padding:.4rem .6rem}.detail-table th:first-child,.detail-table td:first-child{text-align:start}.detail-table__group th{text-align:start;background:var(--color-primary-50);color:var(--color-primary-800)}.detail-table__empty{color:var(--color-neutral-300)}.detail-table__blocked{color:var(--color-neutral-400);text-decoration:line-through}.detail-table tfoot td{background:var(--color-neutral-50);font-weight:700}@media (width<=480px){.complex-layout{padding:var(--space-1) var(--space-4) var(--space-5)}.complex-panel{padding:var(--space-3)}.complex-panel__row{align-items:stretch;gap:var(--space-2);flex-direction:column}.complex-panel__row input,.complex-panel__row select{width:100%}.detail-table{font-size:.72rem}}.faraid-feature{min-height:100%}.faraid-header{top:var(--app-header-height,64px);z-index:5;background:var(--color-bg);justify-content:space-between;align-items:center;gap:var(--space-3);max-width:1100px;padding:0 var(--space-5) var(--space-4);flex-wrap:wrap;margin:0 auto;display:flex;position:sticky}.faraid-header__title{gap:var(--space-1);flex-direction:column;display:flex}.faraid-header__title h2{color:var(--color-neutral-900);margin:0;font-size:1.3rem}.faraid-header__back{color:var(--color-primary-700);cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:.3rem;padding:0;font-size:.85rem;font-weight:600;display:inline-flex}.faraid-header__back-icon{flex-shrink:0}html[dir=rtl] .faraid-header__back-icon{transform:scaleX(-1)}.faraid-header__back:hover{text-decoration:underline}.faraid-header__actions{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.faraid-header__reset{border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-danger-600);cursor:pointer;background:0 0;padding:.35rem .9rem;font-size:.8rem;font-weight:600}.faraid-header__reset:hover{border-color:var(--color-danger-500);background:var(--color-danger-bg-hover,#fef2f4)}.faraid-extended-toggle{align-items:center;gap:var(--space-2);color:var(--color-text-muted);cursor:pointer;font-size:.85rem;font-weight:600;display:inline-flex}.faraid-extended-toggle input{accent-color:var(--color-primary-600)}.faraid-detail-section{max-width:1100px;margin:var(--space-6) auto 0;padding:0 var(--space-5);scroll-margin-top:calc(var(--app-header-height,64px) + var(--space-4));animation:.3s ease-out faraid-detail-in}@keyframes faraid-detail-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.faraid-detail-section{animation:none}}.faraid-detail-section__title{margin:0 0 var(--space-3);color:var(--color-neutral-900);font-size:1.1rem}@media (width<=480px){.faraid-header{padding:0 var(--space-4) var(--space-3)}.faraid-detail-section{padding:0 var(--space-4)}}.dzikir-feature{max-width:820px;min-height:100%;padding:0 var(--space-5) calc(var(--space-8) + 64px);flex-direction:column;margin:0 auto;display:flex}.dzikir-topbar{top:var(--app-header-height,64px);z-index:5;background:var(--color-bg);justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-4) 0;flex-wrap:wrap;display:flex;position:sticky}.dzikir-header__back{color:var(--color-primary-700);cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;padding:0;font-size:.85rem;font-weight:600;display:inline-flex}.dzikir-header__back-icon{flex-shrink:0}html[dir=rtl] .dzikir-header__back-icon{transform:scaleX(-1)}.dzikir-header__back:hover{text-decoration:underline}.dzikir-progress-label{color:var(--color-neutral-700);font-size:.85rem;font-weight:600}.dzikir-swipe-area{touch-action:pan-y}.dzikir-nav-arrow{border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);width:2rem;height:2rem;color:var(--color-primary-700);cursor:pointer;flex-shrink:0;font-size:1.2rem;line-height:1}.dzikir-nav-arrow:hover:not(:disabled){border-color:var(--color-primary-400)}.dzikir-nav-arrow:disabled{opacity:.35;cursor:not-allowed}.dzikir-card{min-width:0;padding:var(--space-5);gap:var(--space-3);flex-direction:column;flex:1;animation:.22s ease-out dzikir-card-in;display:flex}@keyframes dzikir-card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.dzikir-card{animation:none}}.dzikir-card__head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.dzikir-card__meta{color:var(--color-primary-700);background:var(--color-primary-50);border-radius:var(--radius-pill);margin:0;padding:.3rem .75rem;font-size:.85rem;font-weight:700}.dzikir-card__nav{gap:var(--space-2);flex-shrink:0;display:flex}.dzikir-card__arabic{padding:var(--space-4);background:var(--color-neutral-100);border-radius:var(--radius-md);text-align:center;color:var(--color-neutral-900);font-size:1.35rem;line-height:2.4;font-family:"Noto Sans Arabic", var(--font-sans);margin:0}.dzikir-card__translation{padding:var(--space-4);background:var(--color-neutral-100);border-radius:var(--radius-md);color:var(--color-text);margin:0;font-style:italic;line-height:1.6}.dzikir-card__source{color:var(--color-text-muted);margin:0;font-size:.78rem;font-style:italic;line-height:1.5}.dzikir-card__progress{margin:var(--space-2) 0 0;text-align:center;color:var(--color-text-muted);font-size:.85rem}.dzikir-info{padding:var(--space-5);gap:var(--space-2);flex-direction:column;display:flex}.dzikir-info h3{color:var(--color-primary-800);margin:0}.dzikir-info p{color:var(--color-text);margin:0;line-height:1.6}.dzikir-bottom-nav{justify-content:center;gap:var(--space-2);background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:var(--shadow-md);padding:var(--space-2) var(--space-3);z-index:10;display:flex;position:fixed;bottom:0;left:0;right:0}.dzikir-bottom-nav button{border-radius:var(--radius-md);max-width:8rem;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:.15rem;padding:.35rem .5rem;font-size:.75rem;font-weight:600;display:flex}.dzikir-bottom-nav button.active{color:var(--color-primary-700);background:var(--color-primary-50)}.dzikir-bottom-nav button:hover:not(.active){color:var(--color-neutral-700)}.qibla-feature{max-width:560px;min-height:100%;padding:0 var(--space-5) var(--space-8);flex-direction:column;margin:0 auto;display:flex}.qibla-topbar{top:var(--app-header-height,64px);z-index:5;background:var(--color-bg);justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-4) 0;flex-wrap:wrap;display:flex;position:sticky}.qibla-header__back{color:var(--color-primary-700);cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;padding:0;font-size:.85rem;font-weight:600;display:inline-flex}.qibla-header__back-icon{flex-shrink:0}html[dir=rtl] .qibla-header__back-icon{transform:scaleX(-1)}.qibla-header__back:hover{text-decoration:underline}.qibla-progress-label{color:var(--color-neutral-700);font-size:.85rem;font-weight:600}.qibla-content{align-items:center;gap:var(--space-4);padding-top:var(--space-4);text-align:center;flex-direction:column;flex:1;display:flex}.qibla-status{color:var(--color-text-muted)}.qibla-status--error{padding:var(--space-5);gap:var(--space-3);flex-direction:column;align-items:center;display:flex}.qibla-compass{width:15rem;max-width:80vw;height:15rem;max-height:80vw}.qibla-compass__dial{background:var(--color-surface);border:2px solid var(--color-border);width:100%;height:100%;box-shadow:var(--shadow-md);border-radius:50%;position:relative}.qibla-compass__mark{color:var(--color-text-muted);font-size:.85rem;font-weight:700;position:absolute}.qibla-compass__mark--n{color:var(--color-danger-600);top:.5rem;left:50%;transform:translate(-50%)}.qibla-compass__mark--e{top:50%;right:.5rem;transform:translateY(-50%)}.qibla-compass__mark--s{bottom:.5rem;left:50%;transform:translate(-50%)}.qibla-compass__mark--w{top:50%;left:.5rem;transform:translateY(-50%)}.qibla-compass__needle{justify-content:center;transition:transform .2s ease-out;display:flex;position:absolute;inset:0}.qibla-compass__needle-kaaba{color:var(--color-primary-600);margin-top:.75rem;font-size:2.4rem;line-height:1}.qibla-bearing{color:var(--color-primary-800);margin:0;font-size:1.4rem;font-weight:700}.qibla-distance{color:var(--color-text-muted);margin:0}.qibla-hint{color:var(--color-text-muted);margin:0;font-size:.85rem}.qibla-hint-card{padding:var(--space-4);gap:var(--space-3);color:var(--color-text);flex-direction:column;align-items:center;font-size:.9rem;display:flex}.prayer-feature{max-width:560px;min-height:100%;padding:0 var(--space-5) var(--space-8);flex-direction:column;margin:0 auto;display:flex}.prayer-topbar{top:var(--app-header-height,64px);z-index:5;background:var(--color-bg);justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-4) 0;flex-wrap:wrap;display:flex;position:sticky}.prayer-header__back{color:var(--color-primary-700);cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;padding:0;font-size:.85rem;font-weight:600;display:inline-flex}.prayer-header__back-icon{flex-shrink:0}html[dir=rtl] .prayer-header__back-icon{transform:scaleX(-1)}.prayer-header__back:hover{text-decoration:underline}.prayer-progress-label{color:var(--color-neutral-700);font-size:.85rem;font-weight:600}.prayer-content{gap:var(--space-4);padding-top:var(--space-2);flex-direction:column;flex:1;display:flex}.prayer-status{color:var(--color-text-muted);text-align:center}.prayer-status--error{padding:var(--space-5);gap:var(--space-3);flex-direction:column;align-items:center;display:flex}.prayer-location{margin:calc(var(--space-2) * -1) 0 0;text-align:center;color:var(--color-text-muted);font-size:.85rem}.prayer-next{padding:var(--space-5);align-items:center;gap:var(--space-1);text-align:center;background:var(--color-primary-50);border-color:var(--color-primary-200);flex-direction:column;display:flex}.prayer-next__label{color:var(--color-primary-700);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.8rem;font-weight:600}.prayer-next__name{color:var(--color-primary-800);margin:0;font-size:1.5rem;font-weight:700}.prayer-next__time{color:var(--color-neutral-900);margin:0;font-size:2rem;font-weight:700}.prayer-next__countdown{color:var(--color-text-muted);margin:0;font-size:.85rem}.prayer-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.prayer-list__item{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);justify-content:space-between;align-items:center;font-weight:600;display:flex}.prayer-list__item--current{border-color:var(--color-accent-500);background:color-mix(in srgb, var(--color-accent-500) 16%, var(--color-surface));color:var(--color-accent-600)}.prayer-list__item--next{border-color:var(--color-primary-400);background:var(--color-primary-50);color:var(--color-primary-800)}.prayer-list__time{font-variant-numeric:tabular-nums}.prayer-method{justify-content:center;align-items:center;gap:var(--space-2);font-size:.85rem;display:flex}.prayer-method__label{color:var(--color-text-muted)}.prayer-method select{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);padding:.4rem .65rem;font-size:.85rem}.prayer-method-note{text-align:center;color:var(--color-text-muted);margin:0;font-size:.78rem}.prayer-adjustments{padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.prayer-adjustments__header{justify-content:space-between;align-items:center;display:flex}.prayer-adjustments__title{color:var(--color-text);font-size:.85rem;font-weight:600}.prayer-adjustments__reset{color:var(--color-primary-700);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:600}.prayer-adjustments__reset:hover{text-decoration:underline}.prayer-adjustments__note{color:var(--color-text-muted);margin:0;font-size:.78rem}.prayer-adjustments__list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.prayer-adjustments__item{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.prayer-adjustments__name{color:var(--color-text);font-size:.85rem}.prayer-adjustments__stepper{align-items:center;gap:var(--space-2);display:flex}.prayer-adjustments__stepper button{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);width:1.75rem;height:1.75rem;color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;font-size:1rem;line-height:1;display:flex}.prayer-adjustments__stepper button:hover{background:var(--color-primary-50);border-color:var(--color-primary-300)}.prayer-adjustments__value{text-align:center;font-variant-numeric:tabular-nums;min-width:4.5rem;color:var(--color-text);font-size:.85rem}.feedback-admin{max-width:720px;min-height:100%;padding:0 var(--space-5) var(--space-8);flex-direction:column;margin:0 auto;display:flex}.feedback-admin__topbar{top:var(--app-header-height,64px);z-index:5;background:var(--color-bg);justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-4) 0;flex-wrap:wrap;display:flex;position:sticky}.feedback-admin__back{color:var(--color-primary-700);cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;padding:0;font-size:.85rem;font-weight:600;display:inline-flex}.feedback-admin__back-icon{flex-shrink:0}html[dir=rtl] .feedback-admin__back-icon{transform:scaleX(-1)}.feedback-admin__back:hover{text-decoration:underline}.feedback-admin__title{color:var(--color-neutral-700);font-size:.85rem;font-weight:600}.feedback-admin__status{color:var(--color-text-muted);text-align:center;padding:var(--space-6) 0}.feedback-admin__list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.feedback-admin__item{padding:var(--space-4);gap:var(--space-1);flex-direction:column;display:flex}.feedback-admin__item-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.feedback-admin__sender{color:var(--color-neutral-900);font-size:.9rem;font-weight:700}.feedback-admin__date{color:var(--color-text-muted);white-space:nowrap;font-size:.75rem}.feedback-admin__message{color:var(--color-text);white-space:pre-wrap;margin:0;line-height:1.5}.feedback-admin__contact{color:var(--color-text-muted);margin:0;font-size:.78rem}.account-menu{align-items:center;gap:var(--space-2);display:flex}.account-menu__avatar{object-fit:cover;border-radius:50%;width:1.75rem;height:1.75rem}.account-menu__avatar--placeholder{background:var(--color-primary-100);color:var(--color-primary-700);justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.account-menu__name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;max-width:8rem;font-size:.85rem;font-weight:600;overflow:hidden}.account-menu__signout{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem}.account-menu__signout:hover{color:var(--color-danger-600);text-decoration:underline}.feedback-form{gap:var(--space-2);flex-direction:column;display:flex}.feedback-form__message,.feedback-form__contact{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;color:var(--color-text);resize:vertical;padding:.5rem .65rem;font-family:inherit;font-size:.85rem}.feedback-form button[type=submit]{align-self:flex-start;padding:.45rem 1rem;font-size:.85rem}.feedback-form__error{color:var(--color-danger-600);margin:0;font-size:.78rem}.feedback-form__success{color:var(--color-primary-700);margin:0;font-size:.85rem}.settings-menu{position:relative}.settings-menu__trigger{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);width:2.4rem;height:2.4rem;color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.settings-menu__trigger:hover,.settings-menu__trigger[aria-expanded=true]{border-color:var(--color-primary-400);color:var(--color-primary-700)}.settings-menu__panel{top:calc(100% + var(--space-2));z-index:20;gap:var(--space-4);min-width:15rem;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:absolute;right:0}html[dir=rtl] .settings-menu__panel{left:0;right:auto}.settings-menu__section{gap:var(--space-2);flex-direction:column;display:flex}.settings-menu__label{text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);font-size:.75rem;font-weight:700}.settings-menu__theme-toggle{gap:var(--space-2);background:var(--color-neutral-100);border-radius:var(--radius-pill);padding:.25rem;display:flex}.settings-menu__theme-toggle button{justify-content:center;align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex:1;padding:.4rem .7rem;font-size:.85rem;font-weight:600;display:inline-flex}.settings-menu__theme-toggle button svg{width:1rem;height:1rem}.settings-menu__theme-toggle button.active{background:var(--color-surface);color:var(--color-primary-700);box-shadow:var(--shadow-sm)}.settings-menu__section .language-switcher select{width:100%}.settings-menu__admin-link{text-align:left;color:var(--color-primary-700);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;font-weight:600}.settings-menu__admin-link:hover{text-decoration:underline}.app-shell-header{z-index:10;background:var(--color-bg-translucent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #0000;position:sticky;top:0}.app-shell-header__inner{justify-content:space-between;align-items:center;gap:var(--space-3);max-width:1100px;padding:var(--space-4) var(--space-5);flex-wrap:wrap;margin:0 auto;display:flex}.app-shell-header__brand{align-items:center;gap:var(--space-2);letter-spacing:-.01em;cursor:pointer;color:var(--color-neutral-900);background:0 0;border:none;padding:0;font-size:1.3rem;font-weight:800;display:inline-flex}.app-shell-header__actions{align-items:center;gap:var(--space-3);display:flex}.language-switcher select{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);padding:.45rem .7rem;font-size:.85rem}@media (width<=480px){.app-shell-header__inner{padding:var(--space-3) var(--space-4)}}