.zakat-container{min-height:100vh;padding-bottom:5rem;font-family:var(--font-sans)}.zakat-header{background:var(--color-primary-dark);color:#fff;padding:3rem 0;position:relative;overflow:hidden;text-align:center}.zakat-header-icon{display:inline-flex;align-items:center;justify-content:center;padding:.75rem;background:rgba(255,255,255,.1);border-radius:1rem;margin-bottom:1rem}.zakat-content{max-width:900px;margin:-2rem auto 0;padding:0 1rem;position:relative;z-index:20}.zakat-panel{background:var(--color-surface);border-radius:1.5rem;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid var(--color-border);margin-bottom:2rem}.zakat-input-group{margin-bottom:1.5rem}.zakat-input-group label{display:block;font-weight:700;margin-bottom:.5rem;color:var(--color-text)}.zakat-input-wrapper{display:flex;align-items:center;border:2px solid var(--color-border);border-radius:1rem;overflow:hidden;background:var(--color-bg)}.zakat-input-wrapper:focus-within{border-color:var(--color-primary)}.zakat-currency{padding:1rem;color:var(--color-text-muted);font-weight:700;background:rgba(0,0,0,.02)}.zakat-input{flex:1 1;padding:1rem;border:none;background:transparent;font-size:1.1rem;outline:none;color:var(--color-text)}.zakat-results{background:rgba(0,150,136,.05);padding:2rem;border-radius:1.5rem;border:1px solid rgba(0,150,136,.2)}.zakat-result-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid rgba(0,150,136,.1)}.zakat-result-item:last-child{border-bottom:none}.zakat-total{font-size:1.5rem;font-weight:700;color:var(--color-primary-dark)}.zakat-payable{font-size:2rem;font-weight:900;color:#fff;background:var(--color-primary);padding:1.5rem;border-radius:1rem;text-align:center;margin-top:1rem;box-shadow:0 10px 20px rgba(0,150,136,.2)}