.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border:none;border-radius:var(--radius-lg);font-weight:600;text-align:center;cursor:pointer;transition:all var(--transition-base);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.btn--small{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);min-height:48px}.btn--medium{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg);min-height:56px}.btn--large{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-xl);min-height:64px}.btn--primary{background:var(--color-primary);color:var(--color-accent)}.btn--primary:hover:not(:disabled){background:var(--color-accent);color:#fff}.btn--primary:active:not(:disabled){background:var(--color-accent);color:#fff}.btn--secondary{background:var(--color-accent);color:#fff;border:none}.btn--secondary:hover:not(:disabled){background:var(--color-primary);color:var(--color-accent)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text)}.btn--outline{background:transparent;color:var(--color-accent);border:2px solid var(--color-accent)}.btn--outline:hover:not(:disabled){background:var(--color-accent);color:#fff}.btn--full-width{width:100%}.btn--disabled,.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn__icon{font-size:1.25em;line-height:1}.btn__text{line-height:1.2}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.input-label{font-size:var(--font-size-lg);font-weight:500;color:var(--color-text)}.input-required{color:var(--color-error);margin-left:var(--spacing-xs)}.input-container{display:flex;align-items:center;background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);min-height:64px}.input-wrapper--focused .input-container{border-color:var(--color-primary);box-shadow:0 0 0 4px #0d94881a}.input-wrapper--error .input-container{border-color:var(--color-error)}.input-wrapper--error.input-wrapper--focused .input-container{box-shadow:0 0 0 4px #ef44441a}.input-wrapper--disabled .input-container{background:var(--color-bg);cursor:not-allowed}.input-prefix,.input-suffix{padding:0 var(--spacing-md);font-size:var(--font-size-xl);color:var(--color-text-secondary);font-weight:500;-webkit-user-select:none;user-select:none}.input-prefix{border-right:1px solid var(--color-border);background:var(--color-bg)}.input-suffix{border-left:1px solid var(--color-border);background:var(--color-bg)}.input-field{flex:1;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-2xl);font-weight:500;color:var(--color-text);border:none;outline:none;background:transparent;min-width:0}.input-field::placeholder{color:var(--color-text-muted);font-weight:400}.input-field:disabled{cursor:not-allowed;color:var(--color-text-secondary)}.input-field::-webkit-outer-spin-button,.input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-field[type=number]{-moz-appearance:textfield}.input-hint{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.4}.input-hint--error{color:var(--color-error)}.card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.card--default{border:1px solid var(--color-border)}.card--elevated{box-shadow:var(--shadow-xl);border:none}.card--outlined{box-shadow:none;border:2px solid var(--color-border)}.card--success{border:2px solid var(--color-success);background:linear-gradient(to bottom,#10b9810d,#fff)}.card--primary{border:2px solid var(--color-primary);background:linear-gradient(to bottom,#0d94880d,#fff)}.card--padding-none{padding:0}.card--padding-small{padding:var(--spacing-md)}.card--padding-medium{padding:var(--spacing-lg)}.card--padding-large{padding:var(--spacing-xl)}.card--clickable{cursor:pointer;transition:all var(--transition-base)}.card--clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.card--clickable:active{transform:translateY(0)}.card-header{padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-lg)}.card-footer{padding-top:var(--spacing-lg);margin-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.progress{display:flex;align-items:center;gap:var(--spacing-md)}.progress-bar{flex:1;height:8px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width var(--transition-slow)}.progress-info{display:flex;align-items:center;gap:var(--spacing-sm);white-space:nowrap}.progress-steps{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.progress-label{font-size:var(--font-size-base);font-weight:600;color:var(--color-primary);min-width:40px;text-align:right}.step-indicator{display:flex;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-md) 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.step-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);flex:1;min-width:60px;cursor:default}.step-item[role=button]{cursor:pointer}.step-dot{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:600;background:var(--color-bg);border:2px solid var(--color-border);color:var(--color-text-muted);transition:all var(--transition-base)}.step-item--active .step-dot{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:scale(1.1);box-shadow:var(--shadow-md)}.step-item--completed .step-dot{background:var(--color-success);border-color:var(--color-success);color:#fff}.step-label{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;white-space:nowrap}.step-item--active .step-label{color:var(--color-primary);font-weight:600}.step-item--completed .step-label{color:var(--color-success)}@media(max-width:600px){.step-indicator{padding-bottom:var(--spacing-lg)}.step-indicator:after{content:"";flex:0 0 var(--spacing-md)}}.currency-input{display:flex;align-items:center;gap:.5rem;background:var(--color-bg-input, #fff);border:1px solid var(--color-border, #ddd);border-radius:var(--radius-md, 8px);padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s}.currency-input:focus-within{border-color:var(--color-primary, #ffe100);box-shadow:0 0 0 3px #ffe10033}.currency-input__field{flex:1;min-width:0;border:none;background:transparent;font-size:1rem;font-weight:500;color:var(--color-text, #1a1a1a);outline:none;text-align:right}.currency-input__field::placeholder{color:var(--color-text-muted, #999);font-weight:400}.currency-input__currency{border:none;background:var(--color-bg-secondary, #f5f5f5);padding:.25rem .5rem;border-radius:var(--radius-sm, 4px);font-size:.875rem;font-weight:500;color:var(--color-text, #1a1a1a);cursor:pointer;outline:none}.currency-input__currency:hover{background:var(--color-bg-hover, #eee)}.currency-input__currency:focus{box-shadow:0 0 0 2px var(--color-primary, #ffe100)}.currency-input__symbol{font-size:.875rem;font-weight:500;color:var(--color-text-muted, #666);padding:.25rem .5rem;background:var(--color-bg-secondary, #f5f5f5);border-radius:var(--radius-sm, 4px)}.currency-input--compact{padding:.375rem .5rem}.currency-input--compact .currency-input__field{font-size:.875rem}.currency-input--compact .currency-input__currency,.currency-input--compact .currency-input__symbol{font-size:.75rem;padding:.125rem .375rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);animation:fadeIn .2s ease}.modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:90vh;overflow:auto;animation:slideUp .2s ease}.modal--small{width:100%;max-width:400px}.modal--medium{width:100%;max-width:600px}.modal--large{width:100%;max-width:800px}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal__title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:24px;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.modal__close:hover{background:var(--color-bg);color:var(--color-text)}.modal__content{padding:var(--spacing-lg)}.confirm-modal{text-align:center}.confirm-modal__message{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-base);color:var(--color-text);line-height:1.5}.confirm-modal__actions{display:flex;gap:var(--spacing-md);justify-content:center}.confirm-modal__btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast);min-width:100px}.confirm-modal__btn--cancel{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-secondary)}.confirm-modal__btn--cancel:hover{background:var(--color-border);color:var(--color-text)}.confirm-modal__btn--danger{background:var(--color-error, #ef4444);border:none;color:#fff}.confirm-modal__btn--danger:hover{background:#dc2626}.confirm-modal__btn--primary{background:var(--color-primary);border:none;color:var(--color-accent, #1a1a1a)}.confirm-modal__btn--primary:hover{filter:brightness(1.1)}.alert-modal{text-align:center;padding:var(--spacing-md) 0}.alert-modal__icon{font-size:48px;margin-bottom:var(--spacing-md)}.alert-modal__message{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-base);color:var(--color-text);line-height:1.5}.alert-modal__btn{padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast);background:var(--color-primary);border:none;color:var(--color-accent, #1a1a1a)}.alert-modal__btn:hover{filter:brightness(1.1)}.alert-modal--success .alert-modal__icon{color:var(--color-success, #10b981)}.alert-modal--warning .alert-modal__icon{color:var(--color-warning, #f59e0b)}.alert-modal--error .alert-modal__icon{color:var(--color-error, #ef4444)}@media(max-width:480px){.modal-overlay{padding:var(--spacing-sm);align-items:flex-end}.modal{max-height:80vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.confirm-modal__actions{flex-direction:column-reverse}.confirm-modal__btn{width:100%}}.landing{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl);position:relative;overflow:hidden}.landing-content{max-width:600px;margin:0 auto;width:100%;position:relative;z-index:1}.landing-header{text-align:center;margin-bottom:var(--spacing-2xl)}.landing-badge{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:var(--color-accent);border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-lg)}.landing-title{font-size:var(--font-size-5xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-md);line-height:1.1}.landing-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.6}.landing-info{display:grid;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.info-card{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.info-card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm)}.info-card-text{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.5;margin:0}.landing-cta{text-align:center;background:var(--color-primary);margin:0 calc(-1 * var(--spacing-xl));padding:var(--spacing-2xl) var(--spacing-xl);margin-top:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center}.landing-cta .button{max-width:400px}.landing-note{margin-top:var(--spacing-md);font-size:var(--font-size-base);color:var(--color-accent);opacity:.7}.landing-feedback{margin-top:var(--spacing-2xl);text-align:center}.landing-feedback p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm)}.landing-feedback-link{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);background:#08c;color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;text-decoration:none;transition:background var(--transition-fast)}.landing-feedback-link:hover{background:#006da3}.landing-privacy{margin-top:var(--spacing-2xl);padding:var(--spacing-lg);background:#ffffffe6;border-radius:var(--radius-md);border:1px solid var(--color-border);text-align:center}.landing-privacy p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.landing-privacy p:first-child{font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-xs)}.landing-reset-btn{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.landing-reset-btn:hover{background:var(--color-error);border-color:var(--color-error);color:#fff}.landing-pattern{display:none}@media(min-width:768px){.landing{padding:var(--spacing-3xl)}.landing-info{grid-template-columns:repeat(2,1fr)}.landing-title{font-size:64px}.landing-cta{margin:0 calc(-1 * var(--spacing-3xl));padding:var(--spacing-3xl);margin-top:var(--spacing-2xl)}}.multi-entry{display:flex;flex-direction:column;gap:var(--spacing-md)}.multi-entry__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-xs)}.multi-entry__list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.multi-entry__empty{padding:var(--spacing-lg);text-align:center;color:var(--color-text-muted);background:var(--color-bg);border-radius:var(--radius-md);font-size:var(--font-size-base)}.multi-entry__totals{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:600}.multi-entry__totals-label{font-size:var(--font-size-base)}.multi-entry__totals-values{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.multi-entry__total-item{font-size:var(--font-size-lg)}.entry-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.entry-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.entry-card__main{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-width:0}.entry-card__name{font-size:var(--font-size-base);font-weight:500;color:var(--color-text);display:flex;align-items:center;gap:var(--spacing-sm)}.entry-card__type{font-size:var(--font-size-xs);font-weight:400;color:var(--color-text-secondary);background:var(--color-bg);padding:2px 8px;border-radius:var(--radius-sm)}.entry-card__amount{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);display:flex;align-items:baseline;gap:var(--spacing-xs)}.entry-card__currency{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.entry-card__actions{display:flex;gap:var(--spacing-xs);margin-left:var(--spacing-md)}.entry-card__btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-sm);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast)}.entry-card__btn:hover{background:var(--color-bg)}.entry-card__btn--delete:hover{background:#ef44441a}.entry-form{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg);border:2px dashed var(--color-border);border-radius:var(--radius-md)}.entry-form__row{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.entry-form__input{flex:1;min-width:0;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;color:var(--color-text);outline:none;transition:all var(--transition-fast)}.entry-form__input::placeholder{color:var(--color-text-muted)}.entry-form__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0d94881a}.entry-form__input--name{font-weight:500}.entry-form__input--amount{max-width:150px;font-weight:600;font-size:var(--font-size-lg)}.entry-form__amount-group{display:flex;gap:var(--spacing-xs)}.entry-form__select{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;outline:none}.entry-form__select:focus{border-color:var(--color-primary)}.entry-form__select--currency{min-width:60px}.entry-form__select--type{flex:1;min-width:120px}.entry-form__actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}@media(max-width:480px){.entry-card{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.entry-card__actions{margin-left:0;align-self:flex-end}.entry-form__row{flex-direction:column}.entry-form__amount-group{width:100%}.entry-form__input--amount{max-width:none;flex:1}.entry-form__select--type{width:100%}}.livestock-entry{background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.livestock-entry__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-xs) 0}.livestock-entry__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-lg) 0}.livestock-entry__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}@media(max-width:600px){.livestock-entry__grid{grid-template-columns:1fr}}.livestock-entry__item{background:#fff;border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--color-border)}.livestock-entry__item--full{grid-column:1 / -1;background:var(--color-primary-light, #fff9c4)}.livestock-entry__label{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.livestock-entry__icon{font-size:var(--font-size-xl)}.livestock-entry__name{font-weight:500;color:var(--color-text);flex:1}.livestock-entry__nisab{font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-bg);padding:2px 6px;border-radius:var(--radius-sm)}.livestock-entry__input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-lg);text-align:center;font-weight:600}.livestock-entry__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ffe1004d}.livestock-entry__input::placeholder{color:var(--color-text-muted);font-weight:400}.livestock-entry__input::-webkit-outer-spin-button,.livestock-entry__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.livestock-entry__input[type=number]{-moz-appearance:textfield}.livestock-entry__zakat{margin-top:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);text-align:center}.livestock-entry__zakat--active{background:#10b9811a;color:var(--color-success);font-weight:600}.livestock-entry__zakat--none{background:#64748b1a;color:var(--color-text-muted)}.livestock-entry__subtotal{font-size:var(--font-size-base);font-weight:500;color:var(--color-text);text-align:center;margin-bottom:var(--spacing-sm)}.livestock-entry__summary{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:linear-gradient(135deg,var(--color-accent) 0%,#ffd700 100%);border-radius:var(--radius-md);color:var(--color-text)}.livestock-entry__summary h4{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-base);font-weight:600}.livestock-entry__summary ul{margin:0;padding-left:var(--spacing-lg)}.livestock-entry__summary li{margin-bottom:var(--spacing-xs)}.livestock-entry__summary strong{color:var(--color-text)}.livestock-entry__note{margin-top:var(--spacing-sm);font-size:var(--font-size-xs);opacity:.8}.livestock-entry__help{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:#64748b0d;border-radius:var(--radius-md);border-left:3px solid var(--color-primary)}.livestock-entry__help strong{display:block;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text)}.livestock-entry__help ul{margin:0;padding-left:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.livestock-entry__help li{margin-bottom:var(--spacing-xs)}.receipt{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.receipt__header{background:var(--color-accent);color:#fff;padding:var(--spacing-xl);text-align:center}.receipt__title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-xs)}.receipt__date{font-size:var(--font-size-sm);opacity:.9}.receipt__result{padding:var(--spacing-xl);background:var(--color-bg)}.receipt__result-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;font-size:var(--font-size-base);color:var(--color-text-secondary)}.receipt__result-row--divider{border-top:2px solid var(--color-border);margin-top:var(--spacing-sm);padding-top:var(--spacing-md);font-weight:600;color:var(--color-text)}.receipt__result-row--muted{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.receipt__formula-note{margin:var(--spacing-xs) 0 var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.receipt__nisab-comparison{margin-top:var(--spacing-sm);padding:var(--spacing-sm) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.receipt__amount{font-weight:600;font-size:var(--font-size-lg);color:var(--color-text)}.receipt__amount--assets{color:var(--color-success)}.receipt__amount--debts{color:var(--color-error)}.receipt__amount--nisab{color:var(--color-text-secondary)}.receipt__nisab-status{margin-top:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;text-align:center}.receipt__nisab-status--met{background:#10b9811a;color:var(--color-success)}.receipt__nisab-status--not-met{background:#64748b1a;color:var(--color-text-secondary)}.receipt__nisab-warning{margin-top:var(--spacing-md);padding:var(--spacing-md);background:#f57c001a;border-left:4px solid #f57c00;border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.receipt__zakat{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-accent);border-radius:var(--radius-lg);display:flex;justify-content:space-between;align-items:center;color:#fff;border:2px solid var(--color-primary)}.receipt__zakat-label{font-size:var(--font-size-lg);font-weight:500}.receipt__zakat-amount{font-size:var(--font-size-3xl);font-weight:700}.receipt__paid-info{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg);border-radius:var(--radius-md)}.receipt__paid-row{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.receipt__paid-row--total{border-top:1px solid var(--color-border);margin-top:var(--spacing-xs);padding-top:var(--spacing-sm);font-weight:600;color:var(--color-text)}.receipt__livestock{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:linear-gradient(135deg,#8b4513,sienna);border-radius:var(--radius-md);color:#fff}.receipt__livestock-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-base);font-weight:600}.receipt__livestock-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.receipt__livestock-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:#ffffff1a;border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.receipt__livestock-item strong{color:gold}.receipt__livestock-note{margin:var(--spacing-sm) 0 0 0;font-size:var(--font-size-xs);opacity:.8}.receipt__breakdown-inline{margin-top:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-border)}.receipt__details{border-top:1px solid var(--color-border)}.receipt__toggle{width:100%;padding:var(--spacing-md) var(--spacing-xl);background:none;border:none;font-size:var(--font-size-base);font-weight:500;color:var(--color-primary);cursor:pointer;text-align:left;transition:background var(--transition-fast)}.receipt__toggle:hover{background:var(--color-bg)}.receipt__sections{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-xl)}.receipt__section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.receipt__section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.receipt__section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.receipt__section-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.receipt__section-edit{background:none;border:none;font-size:var(--font-size-sm);color:var(--color-primary);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.receipt__section-edit:hover{background:var(--color-bg)}.receipt__entries{display:flex;flex-direction:column;gap:var(--spacing-xs)}.receipt__entry{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:var(--color-bg);border-radius:var(--radius-sm)}.receipt__entry-name{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.receipt__entry-amount{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.receipt__section-total{margin-top:var(--spacing-sm);text-align:right;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.receipt__rate-group{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-bg);border-radius:var(--radius-md);border-left:3px solid var(--color-primary)}.receipt__rate-group:last-child{margin-bottom:0}.receipt__rate-header{margin-bottom:var(--spacing-md)}.receipt__rate-title{display:block;font-size:var(--font-size-base);font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.receipt__rate-description{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.4}.receipt__rate-total{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);text-align:right;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.receipt__breakdown{display:flex;flex-direction:column;gap:var(--spacing-xs)}.receipt__breakdown-item{padding:var(--spacing-md);background:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.receipt__breakdown-calc{display:flex;flex-direction:column;gap:var(--spacing-xs)}.receipt__breakdown-label{color:var(--color-text);font-weight:600;margin-bottom:var(--spacing-xs)}.receipt__breakdown-formula{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;font-family:monospace}.receipt__breakdown-base{color:var(--color-text-secondary)}.receipt__breakdown-operator{color:var(--color-text-muted);font-weight:500}.receipt__breakdown-rate{color:var(--color-primary);font-weight:600;background:#ffe10033;padding:2px 6px;border-radius:var(--radius-sm)}.receipt__breakdown-result{color:var(--color-success, #22c55e);font-weight:700}.receipt__breakdown-amount{color:var(--color-text);font-weight:600;text-align:right}.receipt__actions{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md);border-top:1px solid var(--color-border)}.receipt__info{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-xl);text-align:center}.receipt__info p{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.5}@media(max-width:480px){.receipt__header,.receipt__result{padding:var(--spacing-lg)}.receipt__zakat{flex-direction:column;gap:var(--spacing-sm);text-align:center}.receipt__zakat-amount{font-size:var(--font-size-2xl)}.receipt__sections{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg)}.receipt__rate-group,.receipt__breakdown-item{padding:var(--spacing-sm)}.receipt__breakdown-formula{font-size:var(--font-size-xs)}}.source-info{background:linear-gradient(135deg,#f8f4e8,#f5f0e1);border:1px solid #e8e0cc;border-radius:var(--radius-lg);overflow:hidden}.source-info--compact{border-radius:var(--radius-md)}.source-info__header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:transparent;border:none;cursor:pointer;transition:background var(--transition-fast)}.source-info__header:hover{background:#00000008}.source-info__header-content{display:flex;align-items:center;gap:var(--spacing-sm)}.source-info__icon{font-size:var(--font-size-xl)}.source-info__title{font-size:var(--font-size-base);font-weight:600;color:#8b7355}.source-info__toggle{font-size:var(--font-size-sm);color:#8b7355}.source-info__content{padding:0 var(--spacing-md) var(--spacing-md)}.source-info__summary{padding:var(--spacing-md);background:#fff;border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.source-info__summary p{font-size:var(--font-size-base);color:var(--color-text);line-height:1.6;margin-bottom:var(--spacing-sm)}.source-info__book-ref{font-size:var(--font-size-sm);color:var(--color-text-secondary);display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg);border-radius:var(--radius-sm)}.source-info__sources{display:flex;flex-direction:column;gap:var(--spacing-md)}.source-card{background:#fff;border-radius:var(--radius-md);padding:var(--spacing-md);border-left:4px solid var(--color-primary)}.source-card__header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.source-card__icon{font-size:var(--font-size-lg)}.source-card__type{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;color:var(--color-primary);background:#0d94881a;padding:2px 8px;border-radius:var(--radius-sm)}.source-card__reference{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.source-card__arabic{font-family:Amiri,Traditional Arabic,serif;font-size:var(--font-size-xl);line-height:2;color:#1a1a1a;padding:var(--spacing-md);background:linear-gradient(135deg,#f9f7f4,#f5f2ed);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);text-align:right}.source-card__translation{font-size:var(--font-size-sm);color:var(--color-text);line-height:1.6;font-style:italic}.source-card__link{display:inline-block;margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none;font-weight:500}.source-card__link:hover{text-decoration:underline}.source-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:linear-gradient(135deg,#f8f4e8,#f5f0e1);border:1px solid #e8e0cc;border-radius:var(--radius-full);font-size:var(--font-size-xs);color:#8b7355;cursor:pointer;transition:all var(--transition-fast)}.source-badge:hover{background:#f0e9d8;border-color:#d4c9b0}.source-badge__icon{font-size:var(--font-size-sm)}.source-badge__text{font-weight:500}.source-badge__arrow{opacity:.6}.source-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.source-modal{background:#fff;border-radius:var(--radius-xl);max-width:600px;width:100%;max-height:80vh;overflow-y:auto;padding:var(--spacing-xl);position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.source-modal__close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg);border:none;border-radius:var(--radius-full);font-size:var(--font-size-lg);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.source-modal__close:hover{background:var(--color-border);color:var(--color-text)}.source-modal__title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-lg);padding-right:var(--spacing-xl)}@media(max-width:480px){.source-modal{max-height:90vh;padding:var(--spacing-lg)}.source-card__arabic{font-size:var(--font-size-lg)}}.edge-case-form{background:linear-gradient(135deg,#fef3e2,#fdefd9);border:1px solid #f5d799;border-radius:var(--radius-lg);overflow:hidden}.edge-case-form__trigger{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:transparent;border:none;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.edge-case-form__trigger:hover{background:#00000008}.edge-case-form__trigger-icon{font-size:var(--font-size-xl)}.edge-case-form__trigger-text{flex:1;font-size:var(--font-size-base);font-weight:500;color:#a67c00}.edge-case-form__trigger-arrow{font-size:var(--font-size-sm);color:#a67c00}.edge-case-form__content{padding:0 var(--spacing-md) var(--spacing-md)}.edge-case-form__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--spacing-md)}.edge-case-form__cases{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.edge-case-card{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);background:#fff;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.edge-case-card:hover{border-color:var(--color-border)}.edge-case-card--selected{border-color:var(--color-primary);background:#0d94880d}.edge-case-card__checkbox{font-size:var(--font-size-lg);flex-shrink:0}.edge-case-card__content{flex:1;min-width:0}.edge-case-card__title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.edge-case-card__badge{font-size:var(--font-size-xs);font-weight:500;color:#a67c00;background:#fef3e2;padding:2px 8px;border-radius:var(--radius-sm)}.edge-case-card__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.edge-case-form__action{margin-top:var(--spacing-md)}.consultation-form{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--color-border)}.consultation-form__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-md)}.consultation-form__field{margin-bottom:var(--spacing-md)}.consultation-form__field label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-xs)}.consultation-form__field input,.consultation-form__field textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition-fast);resize:vertical}.consultation-form__field input:focus,.consultation-form__field textarea:focus{border-color:var(--color-primary)}.consultation-form__actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.edge-case-form__success{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:#10b9811a;border-radius:var(--radius-md);margin-top:var(--spacing-md)}.edge-case-form__success-icon{font-size:var(--font-size-2xl)}.edge-case-form__success strong{display:block;font-size:var(--font-size-base);color:var(--color-success);margin-bottom:var(--spacing-xs)}.edge-case-form__success p{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.edge-case-form__recommendations{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid rgba(0,0,0,.1)}.edge-case-form__recommendations h4{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-md)}.recommendation-card{padding:var(--spacing-md);background:#fff;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.recommendation-card strong{display:block;font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:var(--spacing-xs)}.recommendation-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.edge-case-widget{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px dashed var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.edge-case-widget:hover{border-color:var(--color-primary-light);color:var(--color-primary);background:#0d94880d}.edge-case-widget__icon{font-size:var(--font-size-sm)}.edge-case-widget__text{font-weight:500}@media(max-width:480px){.consultation-form__actions{flex-direction:column}}.zakat-calculator{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.zakat-calculator select{color:var(--color-text);background-color:#fff;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}.zakat-calculator input[type=number],.zakat-calculator input[type=text]{color:var(--color-text);background-color:#fff}.zakat-calculator__header{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:#fff;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.zakat-calculator__back-btn{background:none;border:none;font-size:var(--font-size-base);color:var(--color-primary);cursor:pointer;padding:var(--spacing-sm);margin:calc(var(--spacing-sm) * -1);border-radius:var(--radius-sm);transition:background var(--transition-fast);white-space:nowrap}.zakat-calculator__back-btn:hover{background:var(--color-bg)}.zakat-calculator__progress{flex:1;max-width:400px}.zakat-calculator__steps{display:flex;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);background:#fff;border-bottom:1px solid var(--color-border);overflow-x:auto;-webkit-overflow-scrolling:touch}.step-btn{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-width:80px}.step-btn:disabled{opacity:.4;cursor:not-allowed}.step-btn:not(:disabled):hover{background:var(--color-bg)}.step-btn--active{border-color:var(--color-primary);background:#ffe10026}.step-btn--completed{background:#ffe1001a}.step-btn__icon{font-size:var(--font-size-xl)}.step-btn__title{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);white-space:nowrap}.step-btn--active .step-btn__title{color:var(--color-primary)}.zakat-calculator__content{flex:1;padding:var(--spacing-lg);max-width:800px;width:100%;margin:0 auto}.step-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.step-header__main{display:flex;align-items:flex-start;gap:var(--spacing-md)}.step-header__icon{font-size:var(--font-size-4xl)}.step-header__title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-xs)}.step-header__description{font-size:var(--font-size-base);color:var(--color-text-secondary)}.zakat-calculator__footer{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:#fff;border-top:1px solid var(--color-border);position:sticky;bottom:0}.zakat-calculator__summary{display:flex;align-items:baseline;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.zakat-calculator__summary strong{font-size:var(--font-size-xl);color:var(--color-text)}.step-agriculture{display:flex;flex-direction:column;gap:var(--spacing-lg)}.step-agriculture__note{padding:var(--spacing-md);background:#4caf501a;border-radius:var(--radius-md);border-left:4px solid #4caf50}.step-agriculture__note strong{display:block;font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:var(--spacing-xs)}.step-agriculture__note ul{margin:0;padding-left:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.step-agriculture__note li{margin-bottom:4px}.step-agriculture__note p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-xs) 0 var(--spacing-sm) 0}.step-income__note{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:#ffe1001a;border-radius:var(--radius-md);border-left:4px solid var(--color-primary)}.step-income__note strong{display:block;font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:var(--spacing-xs)}.step-income__note p{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.metals-step{display:flex;flex-direction:column;gap:var(--spacing-md)}.metals-step__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.metals-step__hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:calc(var(--spacing-xs) * -1)}.metals-step__madhab-info{padding:var(--spacing-sm) var(--spacing-md);background:#64748b1a;border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.metals-step__madhab-info--taxable{background:#ffe1001a;color:var(--color-text)}.metals-step__wife-note{padding:var(--spacing-md);background:#3b82f614;border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md);border-left:3px solid rgba(59,130,246,.5)}.metals-step__wife-note strong{display:block;color:var(--color-text);margin-bottom:var(--spacing-xs)}.metals-step__wife-note p{margin:0;line-height:1.5}.metal-form__note{padding:var(--spacing-sm);background:#64748b1a;border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.metals-step__list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.metals-step__empty{padding:var(--spacing-lg);text-align:center;color:var(--color-text-muted);background:var(--color-bg);border-radius:var(--radius-md)}.metal-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md)}.metal-card__info{flex:1;min-width:0}.metal-card__name{display:block;font-size:var(--font-size-base);font-weight:500;color:var(--color-text)}.metal-card__type{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.metal-card__weight{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text)}.metal-card__actions button{background:none;border:none;font-size:var(--font-size-base);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.metal-card__actions button:hover{background:var(--color-bg)}.metal-form{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-bg);border:2px dashed var(--color-border);border-radius:var(--radius-md)}.metal-form input,.metal-form select{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;color:var(--color-text);-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}.metal-form input{-webkit-appearance:none;-moz-appearance:textfield}.metal-form input:focus,.metal-form select:focus{outline:none;border-color:var(--color-primary)}.metal-form__actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.metals-step__totals{padding:var(--spacing-md);background:linear-gradient(135deg,#fef9e7,#fcf3cf);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.metals-step__total{display:flex;align-items:baseline;gap:var(--spacing-sm);font-size:var(--font-size-base)}.metals-step__total strong{font-size:var(--font-size-lg);color:var(--color-text)}.metals-step__nisab{font-size:var(--font-size-sm);color:var(--color-text-muted)}.metals-step__calculation{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.metals-step__metal-calc{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.metals-step__metal-calc:last-of-type{border-bottom:none}.metals-step__metal-header{font-weight:600;font-size:var(--font-size-base);margin-bottom:var(--spacing-sm);color:var(--color-text)}.metals-step__calc-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);padding:var(--spacing-xs) 0;color:var(--color-text-secondary)}.metals-step__calc-row strong{color:var(--color-text)}.metals-step__calc-row--nisab{font-size:var(--font-size-xs);color:var(--color-text-muted)}.metals-step__calc-row--nisab span{font-style:italic}.metals-step__zakat-total{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:2px solid var(--color-primary)}.metals-step__calc-row--zakat{font-size:var(--font-size-base)}.metals-step__calc-row--zakat strong{color:var(--color-success, #22c55e);font-size:var(--font-size-lg)}.metals-step__note{padding:var(--spacing-md);background:#3b82f61a;border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-md)}@media(max-width:768px){.zakat-calculator__header{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.zakat-calculator__back-btn{align-self:flex-start}.zakat-calculator__progress{max-width:none}.step-header{flex-direction:column}.zakat-calculator__footer{flex-direction:column;gap:var(--spacing-md)}.zakat-calculator__summary{width:100%;justify-content:space-between}}@media(max-width:480px){.zakat-calculator__content{padding:var(--spacing-md)}.step-header__icon{font-size:var(--font-size-3xl)}.step-header__title{font-size:var(--font-size-xl)}}.onboarding-step{display:flex;flex-direction:column;gap:var(--spacing-xl)}.onboarding-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.onboarding-section__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0}.onboarding-section__hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.income-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.income-type-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--spacing-md);background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:center}.income-type-card:hover{border-color:var(--color-primary);background:#ffe1000d}.income-type-card--selected{border-color:var(--color-primary);background:#ffe10026}.income-type-card__check{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.income-type-card--selected .income-type-card__check{opacity:1}.income-type-card__icon{font-size:var(--font-size-2xl)}.income-type-card__label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.income-type-card__desc{font-size:var(--font-size-xs);color:var(--color-text-muted)}.onboarding-select{padding:var(--spacing-md);font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;color:var(--color-text);cursor:pointer;width:100%;max-width:400px;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}.onboarding-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ffe10033}.family-inputs{display:flex;gap:var(--spacing-lg)}.family-input{display:flex;flex-direction:column;gap:var(--spacing-xs)}.family-input label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.family-input__controls{display:flex;align-items:center;gap:var(--spacing-sm)}.family-input__btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.family-input__btn:hover:not(:disabled){border-color:var(--color-primary);background:#ffe1001a}.family-input__btn:disabled{opacity:.3;cursor:not-allowed}.family-input__value{min-width:50px;text-align:center;font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text)}.living-wage-result{display:flex;align-items:baseline;gap:var(--spacing-sm);padding:var(--spacing-md);background:#ffe1001a;border-radius:var(--radius-md);margin-top:var(--spacing-sm)}.living-wage-result span{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.living-wage-result strong{font-size:var(--font-size-lg);color:var(--color-text)}.onboarding-prices{padding:var(--spacing-lg);background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:var(--radius-lg)}.prices-loading{padding:var(--spacing-lg);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.prices-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.price-item{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-md);background:#fff;border-radius:var(--radius-md)}.price-item__label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.price-item__value{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.price-item__source{font-size:var(--font-size-xs);color:var(--color-text-muted)}.family-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.family-role-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-lg) var(--spacing-md);background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:center}.family-role-card:hover{border-color:var(--color-primary);background:#ffe1000d}.family-role-card--selected{border-color:var(--color-primary);background:#ffe10026;box-shadow:0 0 0 3px #ffe10033}.family-role-card__icon{font-size:var(--font-size-2xl)}.family-role-card__label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.family-role-card__desc{font-size:var(--font-size-xs);color:var(--color-text-muted)}.business-type-toggle,.calendar-type-toggle{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.toggle-btn{flex:1;min-width:140px;padding:var(--spacing-md) var(--spacing-lg);background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);transition:all var(--transition-fast);text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}.toggle-btn__label{font-weight:600;color:inherit}.toggle-btn__rate{font-size:var(--font-size-xs);color:var(--color-text-muted)}.toggle-btn--active .toggle-btn__rate{color:var(--color-text-secondary)}.toggle-btn:hover{border-color:var(--color-primary);background:#ffe1000d}.toggle-btn--active{border-color:var(--color-primary);background:#ffe10026;color:var(--color-text);box-shadow:0 0 0 3px #ffe10033}.toggle-btn--wide{min-width:200px}.toggle-btn--warning.toggle-btn--active{border-color:#f57c00;background:#f57c001a;box-shadow:0 0 0 3px #f57c0033}.toggle-btn--warning.toggle-btn--active .toggle-btn__rate{color:#e65100}.business-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}@media(max-width:768px){.business-type-grid{grid-template-columns:1fr}}.business-mixed-note{margin-top:var(--spacing-md);padding:var(--spacing-md);background:#3b82f614;border-radius:var(--radius-md);border-left:3px solid rgba(59,130,246,.5);font-size:var(--font-size-sm)}.business-mixed-note strong{display:block;color:var(--color-text);margin-bottom:var(--spacing-xs)}.business-mixed-note p{margin:var(--spacing-xs) 0;color:var(--color-text-secondary);line-height:1.5}.business-mixed-note ul{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg);color:var(--color-text-secondary)}.business-mixed-note li{margin-bottom:var(--spacing-xs)}.business-mixed-note li strong{display:inline;color:var(--color-text)}.madhab-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.nisab-toggle{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.nisab-warning{margin-top:var(--spacing-md);padding:var(--spacing-md);background:#f57c001a;border-left:4px solid #f57c00;border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.paid-zakat-input{display:flex;align-items:center;gap:var(--spacing-sm);max-width:250px}.paid-zakat-input input{flex:1;padding:var(--spacing-md);font-size:var(--font-size-lg);font-weight:600;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;text-align:right;color:var(--color-text)}.paid-zakat-input input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ffe10033}.paid-zakat-input__suffix{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.paid-zakat-input__currency{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;color:var(--color-text);cursor:pointer}.paid-zakat-note{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-success)}.period-input{display:flex;align-items:center;gap:var(--spacing-sm);max-width:200px}.period-input input{flex:1;padding:var(--spacing-md);font-size:var(--font-size-lg);font-weight:600;border:2px solid var(--color-border);border-radius:var(--radius-md);text-align:center}.period-input input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ffe10033}.period-input__suffix{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.period-note{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-primary);font-weight:500}.business-finances{display:flex;flex-direction:column;gap:var(--spacing-md)}.business-profit{margin-top:var(--spacing-md);padding:var(--spacing-md);background:#10b9811a;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.business-profit__row{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--font-size-sm)}.business-profit__row span:first-child{color:var(--color-text-secondary)}.business-profit__row strong{font-size:var(--font-size-base);color:var(--color-text)}.business-profit__row--deduction{color:var(--color-text-muted)}.business-profit__row--base{padding-top:var(--spacing-xs);border-top:1px dashed var(--color-border)}.business-profit__row--zakat{padding-top:var(--spacing-sm);border-top:1px solid rgba(16,185,129,.3)}.business-profit__row--zakat strong{font-size:var(--font-size-lg);color:var(--color-success)}.expenses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.expense-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md)}.expense-item__label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);min-height:2.5em;display:flex;align-items:flex-start}.expense-item__input{display:flex;align-items:center;gap:var(--spacing-xs)}.expense-item__input input{flex:1;min-width:0;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-weight:600;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;text-align:right;color:var(--color-text);-webkit-appearance:none;-moz-appearance:textfield}.expense-item__input input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #ffe10033}.expense-item__input input::-webkit-outer-spin-button,.expense-item__input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.expense-item__suffix{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.expense-item__currency{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;color:var(--color-text);cursor:pointer}.expense-item__currency--synced{background:var(--color-bg-secondary, #f5f5f5);cursor:default;color:var(--color-text-secondary)}.expense-item__yearly{font-size:var(--font-size-xs);color:var(--color-text-muted)}.rent-input{display:flex;align-items:center;gap:var(--spacing-sm);max-width:300px}.rent-input input{flex:1;padding:var(--spacing-md);font-size:var(--font-size-lg);font-weight:600;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;text-align:right}.rent-input input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ffe10033}.rent-input__suffix{font-size:var(--font-size-base);color:var(--color-text-secondary);white-space:nowrap}.rent-yearly{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.deductions-summary{padding:var(--spacing-lg);background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:var(--radius-lg);border-left:4px solid #4caf50}.deductions-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.deduction-item{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.deduction-item strong{font-size:var(--font-size-base);color:var(--color-text)}.deduction-item--total{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid rgba(0,0,0,.1);font-weight:600}.deduction-item--total span{color:var(--color-text)}.deduction-item--total strong{font-size:var(--font-size-lg);color:#2e7d32}@media(max-width:600px){.income-type-grid{grid-template-columns:repeat(2,1fr)}.income-type-card__desc{display:none}.family-inputs{flex-direction:column;gap:var(--spacing-md)}.family-input{align-items:center}.family-input input{width:100%;max-width:200px}.prices-grid,.family-role-grid{grid-template-columns:1fr}.family-role-card{flex-direction:row;text-align:left;padding:var(--spacing-md);gap:var(--spacing-sm)}.family-role-card__icon{font-size:var(--font-size-xl)}.business-type-toggle,.calendar-type-toggle{flex-direction:column}.toggle-btn{min-width:auto;width:100%}.rent-input{max-width:none;justify-content:center}.onboarding-select{max-width:none}.expenses-grid{grid-template-columns:1fr}.expense-item{align-items:center}.expense-item__input{width:100%;justify-content:center}.expense-item__input input{max-width:150px}.deductions-summary{text-align:center}.deduction-item{flex-direction:column;gap:var(--spacing-xs);text-align:center}.nisab-toggle{flex-direction:column}.madhab-grid{grid-template-columns:1fr}.toggle-btn--wide{min-width:auto;width:100%}.paid-zakat-input{max-width:none;justify-content:center}.paid-zakat-input input{max-width:150px}}@media(max-width:400px){.income-type-grid{grid-template-columns:1fr}.income-type-card{flex-direction:row;text-align:left;gap:var(--spacing-sm)}.income-type-card__check{position:static}.income-type-card__icon{font-size:var(--font-size-xl)}}.zakat-fitr{max-width:600px;margin:0 auto;padding:var(--spacing-md)}.zakat-fitr__header{text-align:center;padding:var(--spacing-xl) 0}.zakat-fitr__back{background:none;border:none;color:var(--color-primary);font-size:var(--font-size-base);cursor:pointer;padding:var(--spacing-sm);margin-bottom:var(--spacing-md)}.zakat-fitr__back:hover{text-decoration:underline}.zakat-fitr__title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.zakat-fitr__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0}.zakat-fitr__info{background:linear-gradient(135deg,#1a472a,#2d5a3d);color:#fff;padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.zakat-fitr__info h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg)}.zakat-fitr__info p{margin:0 0 var(--spacing-md) 0;line-height:1.6;opacity:.95}.zakat-fitr__rules{display:flex;flex-direction:column;gap:var(--spacing-sm)}.zakat-fitr__rule{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:#ffffff1a;border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.zakat-fitr__rule-icon{font-size:var(--font-size-lg)}.zakat-fitr__section{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.zakat-fitr__section h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-weight:600}.zakat-fitr__section-desc{margin:0 0 var(--spacing-md) 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.zakat-fitr__people-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.zakat-fitr__counter{text-align:center}.zakat-fitr__counter label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--color-text)}.zakat-fitr__counter-controls{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.zakat-fitr__counter-controls button{width:40px;height:40px;border-radius:50%;border:2px solid var(--color-primary);background:#fff;font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);cursor:pointer;transition:all var(--transition-fast)}.zakat-fitr__counter-controls button:hover:not(:disabled){background:var(--color-primary);color:#fff}.zakat-fitr__counter-controls button:disabled{opacity:.3;cursor:not-allowed}.zakat-fitr__counter-controls span{font-size:var(--font-size-2xl);font-weight:700;min-width:40px;color:var(--color-text)}.zakat-fitr__total-people{text-align:center;padding:var(--spacing-sm);background:var(--color-bg);border-radius:var(--radius-md);color:var(--color-text-secondary)}.zakat-fitr__total-people strong{color:var(--color-primary)}.zakat-fitr__foods{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.zakat-fitr__food{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-md);background:#fff;cursor:pointer;transition:all var(--transition-fast)}.zakat-fitr__food:hover{border-color:var(--color-primary)}.zakat-fitr__food--selected{border-color:var(--color-primary);background:var(--color-primary-light, #fff9c4)}.zakat-fitr__food-icon{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xs)}.zakat-fitr__food-name{font-weight:500;font-size:var(--font-size-sm);color:var(--color-text)}.zakat-fitr__food-price{font-size:var(--font-size-xs);color:var(--color-text-muted)}.zakat-fitr__custom-price{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg);border-radius:var(--radius-md)}.zakat-fitr__custom-price label{flex:1;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.zakat-fitr__custom-price input{width:80px;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-base);text-align:right}.zakat-fitr__custom-price span{color:var(--color-text-muted);font-size:var(--font-size-sm)}.zakat-fitr__result{background:linear-gradient(135deg,var(--color-accent) 0%,#ffd700 100%);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.zakat-fitr__result-header h3{margin:0 0 var(--spacing-md) 0;text-align:center;font-size:var(--font-size-lg)}.zakat-fitr__calculation{background:#ffffff80;border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.zakat-fitr__calc-row{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--color-text)}.zakat-fitr__total{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:#fff;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.zakat-fitr__total-label{font-weight:600;color:var(--color-text)}.zakat-fitr__total-amount{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-success)}.zakat-fitr__formula{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:monospace}.zakat-fitr__formula strong{color:var(--color-success)}.zakat-fitr__note{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.zakat-fitr__note h4{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-base);color:var(--color-text)}.zakat-fitr__note ul{margin:0 0 var(--spacing-md) 0;padding-left:var(--spacing-lg);color:var(--color-text-secondary)}.zakat-fitr__note ul:last-child{margin-bottom:0}.zakat-fitr__note li{margin-bottom:var(--spacing-xs)}.zakat-fitr__sources{padding:var(--spacing-lg);background:var(--color-bg)}.zakat-fitr__sources h4{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);color:var(--color-text)}.zakat-fitr__sources blockquote{margin:0;padding:var(--spacing-md);background:#fff;border-left:3px solid var(--color-primary);border-radius:var(--radius-md)}.zakat-fitr__sources blockquote p{margin:0 0 var(--spacing-sm) 0;font-style:italic;color:var(--color-text);line-height:1.6}.zakat-fitr__sources cite{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:normal}@media(max-width:480px){.zakat-fitr__foods{grid-template-columns:repeat(3,1fr)}.zakat-fitr__food{padding:var(--spacing-sm)}.zakat-fitr__custom-price{flex-wrap:wrap}.zakat-fitr__custom-price label{width:100%;margin-bottom:var(--spacing-xs)}}:root{--color-primary: #ffe100;--color-primary-dark: #e5cb00;--color-primary-light: #fff066;--color-accent: #000000;--color-accent-dark: #000000;--color-accent-hover: #343434;--color-bg: #ffffff;--color-bg-secondary: #f2f2f2;--color-text: #151a1f;--color-text-secondary: #343434;--color-text-muted: #969a9e;--color-border: #e0e0e0;--color-success: #4CAF50;--color-error: #E53935;--color-warning: #ffe100;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--font-family: Arial, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-size-5xl: 48px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit}img{max-width:100%;height:auto}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.has-error input,.has-error select,.has-error textarea,input.has-error,select.has-error,textarea.has-error{border-color:var(--color-error)!important;background-color:#fef2f2}.has-error input:focus,.has-error select:focus,.has-error textarea:focus,input.has-error:focus,select.has-error:focus,textarea.has-error:focus{box-shadow:0 0 0 3px #e5393533;outline:none}.field-error{color:var(--color-error);font-size:var(--font-size-xs);margin-top:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.field-error:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;background:var(--color-error);color:#fff;border-radius:var(--radius-full);font-size:10px;font-weight:700}.field-success input,.field-success select,input.field-success,select.field-success{border-color:var(--color-success)!important}.input-wrapper{position:relative}.input-wrapper--error .input-icon-right{color:var(--color-error)}