:root{--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-arabic:"Amiri", serif;--bg-app:#f8fafc;--bg-surface:#fff;--bg-surface-elevated:#fff;--bg-card:#ffffffd9;--bg-card-hover:#fffffffa;--bg-input:#f1f5f9;--bg-input-focus:#fff;--border-subtle:#e2e8f0;--border-focus:#10b981;--border-gold:#d977064d;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-light:#94a3b8;--emerald-50:#ecfdf5;--emerald-100:#d1fae5;--emerald-500:#10b981;--emerald-600:#059669;--emerald-700:#047857;--emerald-800:#065f46;--emerald-900:#064e3b;--gold-50:#fffbeb;--gold-100:#fef3c7;--gold-400:#fbbf24;--gold-500:#f59e0b;--gold-600:#d97706;--gold-700:#b45309;--red-50:#fef2f2;--red-500:#ef4444;--red-600:#dc2626;--amber-warning-bg:#fffbeb;--amber-warning-border:#fcd34d;--amber-warning-text:#92400e;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-glow:0 0 25px #10b9812e;--shadow-gold-glow:0 0 25px #f59e0b33;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px}[data-theme=dark]{--bg-app:#090d16;--bg-surface:#0f172a;--bg-surface-elevated:#1e293b;--bg-card:#0f172acc;--bg-card-hover:#1e293bf2;--bg-input:#1e293b;--bg-input-focus:#0f172a;--border-subtle:#33415599;--border-focus:#34d399;--border-gold:#f59e0b59;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-light:#64748b;--emerald-50:#064e3b4d;--emerald-100:#04785766;--amber-warning-bg:#78350f40;--amber-warning-border:#f59e0b66;--amber-warning-text:#fde68a;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 10px #00000080;--shadow-lg:0 10px 25px #0009;--shadow-glow:0 0 30px #10b98140;--shadow-gold-glow:0 0 30px #f59e0b40}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;transition:background-color .3s,color .3s}[dir=rtl]{text-align:right;font-family:Amiri,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6{letter-spacing:0;font-family:Amiri,Outfit,serif}[dir=rtl] .currency-prefix{left:auto;right:.9rem}[dir=rtl] .form-input{padding:.65rem 2.1rem .65rem .9rem}[dir=rtl] .form-input.no-prefix{padding-left:.9rem;padding-right:.9rem}[dir=rtl] .card-subtotal{text-align:left}[dir=rtl] .form-label{flex-direction:row-reverse}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all .25s}.glass-panel:hover{border-color:var(--border-focus)}.disclaimer-alert{background:var(--amber-warning-bg);border:1.5px solid var(--amber-warning-border);color:var(--amber-warning-text);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:flex-start;gap:.85rem;padding:1rem 1.25rem;animation:.4s ease-out fadeIn;display:flex;position:relative}.disclaimer-alert .icon-wrapper{color:var(--gold-600);flex-shrink:0;margin-top:2px}.disclaimer-alert strong{color:var(--amber-warning-text);font-weight:700}.disclaimer-alert p{font-size:.875rem;line-height:1.45}.app-container{max-width:1300px;margin:0 auto;padding:1.5rem 1rem 4rem}@media (width>=768px){.app-container{padding:2rem 1.5rem 5rem}}.site-header{border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex}.brand-section{align-items:center;gap:.9rem;display:flex}.brand-icon-box{background:linear-gradient(135deg, var(--emerald-600), var(--emerald-800));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 4px 12px #0596694d}.brand-title{background:linear-gradient(135deg, var(--emerald-700), var(--emerald-500));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.35rem;font-weight:800;line-height:1.2}[data-theme=dark] .brand-title{background:linear-gradient(135deg,#34d399,#10b981);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.brand-subtitle{color:var(--text-muted);font-size:.78rem;font-weight:500}.header-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.btn-pill{border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;border-radius:9999px;align-items:center;gap:.45rem;padding:.5rem .9rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-pill:hover{background:var(--bg-input);color:var(--text-primary);border-color:var(--emerald-500)}.btn-pill.active{background:var(--emerald-600);color:#fff;border-color:var(--emerald-600);box-shadow:0 2px 8px #05966959}.calculator-grid{grid-template-columns:1fr;gap:1.75rem;display:grid}@media (width>=1024px){.calculator-grid{grid-template-columns:1.65fr 1fr;align-items:start}}.asset-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.25rem;padding:1.5rem;transition:transform .2s,box-shadow .2s,border-color .2s}.asset-card:hover{box-shadow:var(--shadow-md);border-color:#10b98166}.card-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:1.2rem;padding-bottom:.85rem;display:flex}.card-title-group{align-items:center;gap:.75rem;display:flex}.card-icon{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.card-icon.emerald{background:var(--emerald-50);color:var(--emerald-600)}.card-icon.gold{background:var(--gold-50);color:var(--gold-600)}.card-icon.purple{color:#9333ea;background:#a855f71a}.card-icon.blue{color:#2563eb;background:#3b82f61a}.card-icon.red{background:var(--red-50);color:var(--red-600)}.card-title{color:var(--text-primary);font-size:1.12rem;font-weight:700}.card-subtitle{color:var(--text-muted);font-size:.78rem}.card-subtotal{text-align:right;font-family:var(--font-heading);color:var(--emerald-700);font-size:1.08rem;font-weight:700}[data-theme=dark] .card-subtotal{color:var(--emerald-500)}.input-row{grid-template-columns:1fr;gap:1rem;margin-bottom:1rem;display:grid}@media (width>=640px){.input-row{grid-template-columns:1.3fr 1fr}}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-label{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.84rem;font-weight:600;display:flex}.form-hint{color:var(--text-muted);font-size:.73rem;font-weight:400}.input-container{align-items:center;display:flex;position:relative}.currency-prefix{color:var(--text-muted);pointer-events:none;font-size:.9rem;font-weight:600;position:absolute;left:.9rem}.form-input{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-input);width:100%;color:var(--text-primary);font-size:.95rem;font-weight:600;font-family:var(--font-body);padding:.65rem .9rem .65rem 2.1rem;transition:all .2s}.form-input.no-prefix{padding-left:.9rem}.form-input:focus{background:var(--bg-input-focus);border-color:var(--emerald-500);outline:none;box-shadow:0 0 0 3px #10b9812e}.form-select{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-input);width:100%;color:var(--text-primary);cursor:pointer;padding:.65rem .9rem;font-size:.88rem;font-weight:600}.form-select:focus{border-color:var(--emerald-500);outline:none}.fiqh-toggle-box{background:var(--bg-input);border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.75rem;padding:.75rem 1rem;transition:all .2s;display:flex}.fiqh-toggle-box:hover{border-color:var(--border-subtle)}.btn-primary{width:100%;font-size:1rem;font-weight:700;font-family:var(--font-heading);border-radius:var(--radius-md);background:linear-gradient(135deg, var(--emerald-600), var(--emerald-700));color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.25rem;transition:all .25s;display:inline-flex;box-shadow:0 4px 12px #05966959}.btn-primary:hover{background:linear-gradient(135deg, var(--emerald-500), var(--emerald-600));transform:translateY(-1px);box-shadow:0 6px 18px #05966973}.btn-secondary{border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--bg-input);color:var(--text-primary);border-color:var(--border-focus)}.sticky-summary{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);flex-direction:column;gap:1.25rem;padding:1.75rem;display:flex;position:sticky;top:1.5rem}.sticky-summary.nisab-met{box-shadow:var(--shadow-glow);border-color:#10b98180}.summary-hero-amount{text-align:center;background:linear-gradient(135deg, var(--emerald-50), var(--bg-surface));border-radius:var(--radius-lg);border:1px solid #10b98133;padding:1.25rem}[data-theme=dark] .summary-hero-amount{background:linear-gradient(135deg, #064e3b4d, var(--bg-surface-elevated))}.summary-zakat-number{font-family:var(--font-heading);color:var(--emerald-700);margin:.35rem 0;font-size:2.25rem;font-weight:800;line-height:1.1}[data-theme=dark] .summary-zakat-number{color:#34d399}.nisab-progress-bar-wrap{background:var(--bg-input);border-radius:999px;width:100%;height:10px;margin:.5rem 0;position:relative;overflow:hidden}.nisab-progress-bar-fill{background:linear-gradient(90deg, var(--gold-500), var(--emerald-500));border-radius:999px;height:100%;transition:width .4s}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0009;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:680px;max-height:90vh;box-shadow:var(--shadow-lg);padding:2rem;animation:.25s ease-out slideUp;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulseGreen;display:inline-block;box-shadow:0 0 #10b981b3}@keyframes pulseGreen{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}