.zakat-container{margin:0 auto;padding:0 0 51px}.zakat-wrapper{background:#fff;border-radius:24px;padding:24px;border:1px solid #e6e6e6;box-shadow:0 10px 30px rgba(0,0,0,.04)}.zakat-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px;flex-wrap:wrap}.zakat-title{font-size:20px;font-weight:500;margin:0;line-height:1.2;white-space:nowrap;order:1;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.zakat-title-primary{color:#c7a658;margin-right:4px}.zakat-title-secondary{color:#092d23}.zakat-info-icon-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-left:8px;vertical-align:middle;cursor:pointer;flex-shrink:0}.zakat-info-icon{display:inline-block;width:24px;height:24px;vertical-align:middle;transition:opacity .3s ease}.zakat-info-icon-wrapper:hover .zakat-info-icon,.zakat-info-icon-wrapper:focus .zakat-info-icon{opacity:.8}.zakat-info-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-88%);background:#fff;color:#828282;padding:10px 14px;border-radius:8px;font-size:14px;font-weight:400;line-height:1.5;white-space:normal;width:280px;max-width:calc(100vw - 40px);text-align:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.15)}.zakat-info-icon-wrapper:hover .zakat-info-tooltip,.zakat-info-icon-wrapper:focus .zakat-info-tooltip{opacity:1;visibility:visible}.zakat-subtitle{margin:0;font-size:16px;color:#947325;line-height:1.6;flex:1;text-align:right;order:2}.zakat-section-header{display:flex;align-items:center;gap:12px;padding-bottom:20px}.zakat-section-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.zakat-section-icon img{width:24px;height:24px;display:block}.zakat-section-text{flex:1}.zakat-section-title{font-size:16px;font-weight:500;color:#947325;margin:0}.zakat-form{display:flex;flex-direction:column;gap:24px}.zakat-field-group{margin-bottom:0;display:flex;flex-direction:column;height:100%}.zakat-item-row{display:grid;grid-template-columns:1.7fr 1.7fr auto;gap:16px;align-items:start;margin-bottom:16px}.zakat-item-row:last-of-type{margin-bottom:0}.zakat-remove-wrapper{display:flex;align-items:flex-end;justify-content:flex-end;padding-bottom:0}.zakat-btn-add{margin-top:16px;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #c7a658;color:#c7a658;font-size:16px;font-weight:400;cursor:pointer;transition:all .3s ease;width:fit-content;align-self:flex-start}.zakat-btn-add:hover:not(:disabled){background:#fff7e3;border-color:#ad8c3f;color:#ad8c3f}.zakat-btn-add:disabled,.zakat-btn-add.disabled{opacity:.5;cursor:not-allowed;border-color:#ccc;color:#999}.zakat-btn-add:disabled:hover,.zakat-btn-add.disabled:hover{background:#fff;border-color:#ccc;color:#999}.zakat-btn-remove{padding:10px 12px;border-radius:8px;border:1px solid #e6e6e6;background:#fff;cursor:pointer;color:#b02a37;font-size:16px;line-height:1;height:48px;width:48px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;margin-bottom:0}.zakat-btn-remove:hover{background:#fff4f4;border-color:#f5c2c7}.zakat-label{display:block;font-size:14px;font-weight:500;color:#525252;margin-bottom:6px;min-height:20px;line-height:1.4}.zakat-label .required{color:#e02b27}.zakat-input-wrapper{display:flex;align-items:stretch;border:1px solid #e6e6e6;border-radius:8px;overflow:hidden;background:#fff;height:48px;min-height:48px}.zakat-input-wrapper--select{padding:0;position:relative}.zakat-input{flex:1;padding:14px 16px;border:none;border-style:none !important;outline:none;font-size:16px;color:#333;background:#fff;line-height:1.5;box-sizing:border-box;width:100%;height:auto !important;display:flex;align-items:center}.zakat-input::placeholder{color:#bdbdbd80;opacity:1}.zakat-karat{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2C197.39L159.1%2C69.5c-5.8-5.8-15.2-5.8-21%2C0L5.4%2C197.39c-5.8%2C5.8-5.8%2C15.2%2C0%2C21l10.5%2C10.5c5.8%2C5.8%2C15.2%2C5.8%2C21%2C0l109.2-109.2l109.2%2C109.2c5.8%2C5.8%2C15.2%2C5.8%2C21%2C0l10.5-10.5C292.8%2C212.59%2C292.8%2C203.19%2C287%2C197.39z%22%2F%3E%3C%2Fsvg%3E');background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px;cursor:pointer}.zakat-karat.zakat-karat-silver-999{background-color:#f2f2f2;border-radius:3px !important}.zakat-currency{color:#666;font-size:16px;font-weight:500;display:flex;align-items:center;justify-content:center;min-width:70px}.zakat-form .zakat-field-group:last-child{display:flex;justify-content:flex-end;align-items:center;margin-top:8px;width:100%}.zakat-form .zakat-field-group:last-child .zakat-btn-calc{margin-left:auto}.zakat-btn-calc{padding:14px 32px;background:#ad8c3f;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s ease;white-space:nowrap;min-width:180px}.zakat-btn-calc:hover{background:#9b7f3f}.zakat-btn-calc:active{background:#8a6f2f}.zakat-error{margin-top:20px;padding:14px 18px;border-radius:8px;background:#fff4f4;border:1px solid #f5c2c7;color:#b02a37;font-size:14px;font-weight:500;display:none;line-height:1.5}.zakat-results{margin-top:40px;display:none;padding-top:32px;border-top:1px solid #e6e6e6}.zakat-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:24px}.zakat-card-value{font-size:24px;font-weight:700;color:#092d23;margin:0;line-height:1.2}.zakat-message{margin-top:20px;font-size:15px;line-height:1.6}.zakat-message.positive{color:#0f5132;background:#d1e7dd;border-radius:8px;padding:12px 16px}.zakat-message.neutral{color:#664d03;background:#fff3cd;border-radius:8px;padding:12px 16px}.zakat-log{margin-top:24px;background:#f8f9fa;border-radius:8px;padding:16px 20px;border:1px dashed #ced4da;font-size:14px;color:#495057}.zakat-log-title{font-weight:600;margin-bottom:8px}.zakat-log-list{margin:0;padding-left:20px}.zakat-log-list li{margin-bottom:4px}.type-filter-section{margin-bottom:15px}.type-filter-title{font-size:24px;font-weight:600;color:#ad8c3f;margin:0 0 16px}.type-filter-buttons{gap:12px;flex-wrap:wrap}.type-filter-btn{padding:8px 16px;border:1px solid #e6e6e6;border-radius:28px;background:#fff;color:#525252;font-size:16px;font-weight:400;cursor:pointer;transition:all .3s ease;flex:1;min-width:0;text-align:center;white-space:nowrap}.type-filter-btn:hover{background:#f9f9f9;border-color:#d0d0d0}.type-filter-btn.active{background:#f5f0e6;border-color:#c7a658;color:#947325 !important;box-shadow:0 2px 8px rgba(173,140,63,.15)}.type-filter-btn[data-type=gold].active{background:#f5f0e6;border-color:#ad8c3f;color:#092d23}.type-filter-btn[data-type=silver].active{background:#f5f0e6;border-color:#ad8c3f;color:#092d23}@media (max-width:768px){.type-filter-title{font-size:20px;margin-bottom:12px}.type-filter-buttons{display:flex;flex-direction:row;gap:10px;flex-wrap:nowrap}.type-filter-btn{flex:1;min-width:0;padding:12px 16px;font-size:15px;width:auto;max-width:none}}@media (max-width:1024px){.zakat-wrapper{padding:36px}.zakat-title{font-size:32px}.zakat-results-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.type-filter-section{margin-bottom:18px}.type-filter-buttons{gap:12px;flex-wrap:nowrap}.type-filter-btn{padding:10px 18px;font-size:15px;flex:1;min-width:0}}@media (max-width:768px){.zakat-container{padding:20px 16px 40px}.zakat-wrapper{padding:24px 20px;border-radius:16px}.zakat-header{margin-bottom:24px;flex-direction:column;align-items:flex-start;gap:12px}.zakat-title{font-size:24px;margin-bottom:0;width:100%;white-space:normal;flex-wrap:wrap;gap:6px}.zakat-title-primary,.zakat-title-secondary{display:inline-block}.zakat-info-icon-wrapper{margin-left:6px;margin-top:2px}.zakat-info-icon{width:20px;height:20px}.zakat-info-tooltip{width:260px;font-size:13px;padding:8px 12px;bottom:calc(100% + 6px)}.type-filter-section{margin-bottom:20px}.type-filter-buttons{display:flex;gap:10px;flex-wrap:nowrap;width:100%}.type-filter-btn{padding:12px 14px;font-size:15px;flex:1;min-width:0;white-space:nowrap}.zakat-subtitle{font-size:14px;text-align:left;width:100%;order:3}.zakat-section-header{padding-bottom:5px}.zakat-section-icon{width:28px;height:28px;font-size:16px}.zakat-section-title{font-size:18px}.zakat-form{gap:20px}.zakat-item-row{grid-template-columns:1fr;gap:16px;margin-bottom:20px}.zakat-remove-wrapper{justify-content:flex-start !important;order:-1}.zakat-btn-remove{margin-top:0 !important}.zakat-btn-add{width:100%;text-align:center;justify-content:center}.zakat-form .zakat-field-group:last-child{justify-content:center}.zakat-btn-calc{width:100%;min-width:auto}.zakat-results{margin-top:32px;padding-top:24px}.zakat-results-grid{grid-template-columns:1fr;gap:16px}.zakat-card{padding:20px}.zakat-card-value{font-size:20px}.zakat-message{font-size:14px;padding:10px 14px}}@media (max-width:480px){.zakat-container{padding:16px 12px 32px}.zakat-wrapper{padding:20px 16px}.zakat-header{margin-bottom:20px;gap:8px}.zakat-title{font-size:19px;line-height:1.3;white-space:normal;flex-wrap:wrap;gap:4px}.zakat-title-primary,.zakat-title-secondary{display:inline-block}.zakat-info-icon-wrapper{margin-left:4px;margin-top:2px;align-self:flex-start}.zakat-info-icon{width:18px;height:18px}.zakat-info-tooltip{width:calc(100vw - 32px);max-width:240px;font-size:12px;padding:8px 10px;bottom:calc(100% + 6px);left:50%;transform:translateX(-77%)}.type-filter-section{margin-bottom:16px}.type-filter-buttons{display:flex;gap:8px;flex-wrap:nowrap;width:100%}.type-filter-btn{padding:11px 12px;font-size:14px;flex:1;min-width:0;white-space:nowrap;border-radius:24px}.zakat-subtitle{font-size:13px;line-height:1.5}.zakat-section-title{font-size:16px}.zakat-label{font-size:13px}.zakat-input{font-size:15px;padding:12px 14px}.zakat-currency{font-size:14px;padding:12px 16px;min-width:60px}.zakat-btn-calc{padding:12px 24px;font-size:15px}.zakat-card{padding:16px}.zakat-card-title{font-size:13px}.zakat-card-value{font-size:18px}}[dir=rtl] .zakat-container{direction:rtl;text-align:right}[dir=rtl] .zakat-subtitle{text-align:left}[dir=rtl] .zakat-title{text-align:right;display:flex;align-items:center;gap:4px;flex-wrap:wrap}[dir=rtl] .zakat-title-primary{margin-right:0;margin-left:4px}[dir=rtl] .zakat-info-icon-wrapper{margin-left:0;margin-right:8px}@media (max-width:768px){[dir=rtl] .zakat-info-icon-wrapper{margin-right:6px}}@media (max-width:480px){[dir=rtl] .zakat-info-icon-wrapper{margin-right:4px}}[dir=rtl] .zakat-section-text{text-align:right}[dir=rtl] .zakat-item-row{direction:rtl}[dir=rtl] .zakat-input{text-align:right}[dir=rtl] .zakat-currency{border-left:1px solid #e6e6e6;border-right:none}[dir=rtl] .zakat-karat{background-position:left 16px center;padding-left:40px;padding-right:16px;text-align:right}[dir=rtl] .zakat-form .zakat-field-group:last-child{justify-content:flex-start}[dir=rtl] .zakat-btn-add{align-self:flex-end}[dir=rtl] .zakat-label{text-align:right}[dir=rtl] .zakat-results{text-align:right}[dir=rtl] .zakat-card-value{text-align:right}[dir=rtl] .zakat-message{text-align:right}[dir=rtl] .zakat-error{text-align:right}.zakat-phone-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center}.zakat-phone-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);backdrop-filter:blur(2px)}.zakat-phone-modal-content{position:relative;background:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.2);max-width:520px;width:90%;max-height:90vh;overflow-y:auto;z-index:10001}.zakat-phone-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 1px;font-size:20px;font-weight:500}.zakat-phone-modal-title{color:#ad8c3f}.zakat-phone-modal-title-description{color:#092d23}.zakat-phone-modal-close{background:0 0;border:none;font-size:28px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.zakat-phone-modal-close:hover{background:#f5f5f5;color:#333}.zakat-phone-modal-body{padding:13px 24px 0}.zakat-phone-modal-description{font-size:14px;color:#666;margin:0 0 20px;line-height:1.6}.zakat-phone-input-wrapper{margin-bottom:16px}.zakat-phone-input{width:100%;padding:14px 16px;border:1px solid #e6e6e6;border-radius:5px !important;font-size:16px;color:#333;background:#fff;box-sizing:border-box;transition:border-color .3s ease}.zakat-phone-input:focus{outline:none;border-color:#ad8c3f}.zakat-phone-input::placeholder{color:#bdbdbd80;opacity:1}.zakat-phone-error{padding:10px 14px;background:#fff4f4;border:1px solid #f5c2c7;border-radius:8px;color:#b02a37;font-size:14px;margin-top:12px}.zakat-phone-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:0 13px 16px}.zakat-phone-btn-cancel,.zakat-phone-btn-submit{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.zakat-phone-btn-cancel{background:#f5f5f5;color:#666}.zakat-phone-btn-cancel:hover{background:#e6e6e6;color:#333}.zakat-phone-btn-submit{background:#ad8c3f;color:#fff}.zakat-phone-btn-submit:hover{background:#9b7f3f}@media (max-width:768px){.zakat-phone-modal-content{width:95%;max-width:none}.zakat-phone-modal-header{padding:20px 20px 16px}.zakat-phone-modal-title{font-size:18px}.zakat-phone-modal-body{padding:20px}.zakat-phone-modal-footer{flex-direction:column-reverse;padding:16px 20px 20px}.zakat-phone-btn-cancel,.zakat-phone-btn-submit{width:100%}}