.zakat-calculator-container{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f8f9fa;border-radius:12px;box-shadow:0 4px 6px rgb(0 0 0 / .1)}.zakat-header{text-align:center;margin-bottom:30px}.zakat-header h2{color:#2c3e50;font-size:2.5rem;margin-bottom:10px;font-weight:700}.zakat-header p{color:#6c757d;font-size:1.1rem;margin-bottom:15px}.info-toggle{background:#007cba;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color 0.3s ease}.info-toggle:hover{background:#005a87}.zakat-info{background:#e3f2fd;border:2px solid #2196f3;border-radius:8px;padding:20px;margin-bottom:30px;color:#1565c0}.zakat-info h3{color:#0d47a1;margin-bottom:15px;font-size:1.3rem}.zakat-info ul{list-style:none;padding:0}.zakat-info li{margin-bottom:8px;padding-left:20px;position:relative;font-size:.95rem}.zakat-info li:before{content:"•";color:#2196f3;font-weight:700;position:absolute;left:0}.nisab-display{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.nisab-card{padding:20px;border-radius:8px;text-align:center;border:2px solid}.gold-nisab{background:#fff8e1;border-color:#ffc107;color:#ff8f00}.silver-nisab{background:#f5f5f5;border-color:#9e9e9e;color:#424242}.nisab-label{font-size:.9rem;margin-bottom:5px;font-weight:500}.nisab-value{font-size:1.5rem;font-weight:700}.zakat-form{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 4px rgb(0 0 0 / .1);margin-bottom:30px}.form-section{max-width:800px;margin:0 auto}.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:#2c3e50;font-size:1rem;text-shadow:0 1px 2px rgb(0 0 0 / .1);padding:4px 0;letter-spacing:.5px}.form-group input,.form-group select{width:100%;padding:12px;border:2px solid #e1e5e9;border-radius:6px;font-size:1rem;transition:border-color 0.3s ease;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#007cba;box-shadow:0 0 0 3px rgb(0 124 186 / .1)}.form-group small{display:block;margin-top:5px;color:#6c757d;font-size:.85rem}.form-actions{display:flex;gap:15px;margin-top:30px}.calculate-btn{flex:1;background:#007cba;color:#fff;border:none;padding:15px 20px;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:600;transition:background-color 0.3s ease}.calculate-btn:hover{background:#005a87}.reset-btn{background:#6c757d;color:#fff;border:none;padding:15px 20px;border-radius:8px;cursor:pointer;font-size:1rem;transition:background-color 0.3s ease}.reset-btn:hover{background:#545b62}.zakat-results{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 8px rgb(0 0 0 / .15);margin-bottom:30px;border:2px solid #e9ecef}.zakat-results h3{color:#1a1a1a;margin-bottom:25px;font-size:1.8rem;text-align:center;font-weight:800;text-shadow:0 2px 4px rgb(0 0 0 / .1);text-transform:uppercase;letter-spacing:1px}.zakat-status{padding:25px;border-radius:12px;text-align:center;margin-bottom:30px;border:3px solid;font-weight:700;box-shadow:0 4px 8px rgb(0 0 0 / .1)}.zakat-status.due{background:#d4edda;border-color:#28a745;color:#0d4625}.zakat-status.not-due{background:#fff3cd;border-color:#ffc107;color:#664d03}.zakat-status-title{font-size:1.8rem;margin-bottom:8px;font-weight:900;text-shadow:0 1px 3px rgb(0 0 0 / .2)}.zakat-status-desc{font-size:1rem;font-weight:600;color:inherit}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:25px}.result-card{background:#fff;padding:25px;border-radius:12px;text-align:center;border:3px solid #dee2e6;box-shadow:0 4px 8px rgb(0 0 0 / .1);transition:transform 0.2s ease}.result-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgb(0 0 0 / .15)}.result-card.primary{background:linear-gradient(135deg,#007cba 0%,#005a87 100%);border-color:#004a73;color:#fff;box-shadow:0 6px 15px rgb(0 124 186 / .3)}.result-label{font-size:1rem;color:#495057;margin-bottom:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.result-card.primary .result-label{color:rgb(255 255 255 / .9);font-weight:700}.result-value{font-size:1.6rem;font-weight:900;color:#1a1a1a;text-shadow:0 1px 2px rgb(0 0 0 / .1);font-family:'Segoe UI',system-ui,sans-serif}.result-card.primary .result-value{color:#fff;font-size:2.2rem;text-shadow:0 2px 4px rgb(0 0 0 / .3);font-weight:900}.zakat-breakdown{margin-top:30px;background:#f8f9fa;padding:25px;border-radius:12px;border:2px solid #e9ecef}.zakat-breakdown h4{color:#1a1a1a;margin-bottom:20px;font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#fff;border-radius:8px;margin-bottom:12px;font-size:1rem;border:2px solid #e9ecef;box-shadow:0 2px 4px rgb(0 0 0 / .05)}.breakdown-category{font-weight:600;text-transform:capitalize;color:#2c3e50}.breakdown-amount{font-weight:700;color:#007cba;font-size:1.1rem}.copy-btn{width:100%;background:#6c757d;color:#fff;border:none;padding:15px 20px;border-radius:8px;cursor:pointer;font-size:1rem;margin-top:20px;transition:background-color 0.3s ease;font-weight:600}.copy-btn:hover{background:#545b62}.zakat-footer{background:rgb(255 193 7 / .1);border:1px solid #ffc107;border-radius:8px;padding:20px;text-align:center;margin-top:30px}.zakat-footer p{margin:0;color:#856404;font-size:.9rem;line-height:1.5}.loading{opacity:.6;pointer-events:none}.loading .calculate-btn{background:#6c757d}.loading .calculate-btn:after{content:" ⏳"}@media (max-width:768px){.zakat-calculator-container{padding:15px}.zakat-results h3{font-size:2rem;color:#000;font-weight:900;text-shadow:0 2px 6px rgb(0 0 0 / .2);margin-bottom:30px;background:linear-gradient(135deg,#007cba,#005a87);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.zakat-status-title{font-size:2rem;font-weight:900;text-shadow:0 2px 4px rgb(0 0 0 / .3)}.zakat-status-desc{font-size:1.1rem;font-weight:700}.result-card{padding:30px 20px;border:3px solid #007cba;background:#fff;box-shadow:0 6px 12px rgb(0 0 0 / .15)}.result-card.primary{background:linear-gradient(135deg,#007cba 0%,#004a73 100%);border:3px solid #003d5c;box-shadow:0 8px 20px rgb(0 124 186 / .4)}.result-label{font-size:1.1rem;font-weight:700;color:#2c3e50;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px}.result-card.primary .result-label{color:#fff;font-weight:800;text-shadow:0 1px 3px rgb(0 0 0 / .4)}.result-value{font-size:2rem;font-weight:900;color:#000;text-shadow:0 2px 4px rgb(0 0 0 / .2);font-family:'Arial Black',Arial,sans-serif}.result-card.primary .result-value{font-size:2.5rem;color:#fff;font-weight:900;text-shadow:0 3px 6px rgb(0 0 0 / .5)}.zakat-breakdown{background:#fff;border:3px solid #007cba;padding:30px 20px}.zakat-breakdown h4{font-size:1.5rem;color:#000;font-weight:800;text-align:center;margin-bottom:25px}.breakdown-item{padding:20px;border:2px solid #007cba;background:#f8f9fa;margin-bottom:15px;border-radius:10px}.breakdown-category{font-size:1.1rem;font-weight:700;color:#1a1a1a}.breakdown-amount{font-size:1.3rem;font-weight:900;color:#007cba}.zakat-header h2{font-size:2rem}.nisab-display{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.results-grid{grid-template-columns:1fr}.zakat-form,.zakat-results{padding:25px 20px}.form-group label{font-size:1.1rem;font-weight:800;color:#1a1a1a;background:rgb(255 255 255 / .9);padding:8px 12px;border-radius:6px;margin-bottom:10px;border:1px solid #e1e5e9;text-shadow:0 1px 3px rgb(0 0 0 / .2);box-shadow:0 2px 4px rgb(0 0 0 / .1)}.calculate-btn,.reset-btn,.info-toggle{min-height:44px;font-size:1.1rem}.form-group{margin-bottom:25px}.form-group input,.form-group select{min-height:44px;font-size:16px}}@media (max-width:480px){.zakat-results{background:#fff;border:4px solid #000;box-shadow:0 8px 16px rgb(0 0 0 / .3);padding:30px 20px}.zakat-results h3{font-size:1.8rem;color:#000;font-weight:900;text-shadow:none;background:none;-webkit-text-fill-color:initial;text-transform:uppercase;letter-spacing:2px;border-bottom:3px solid #007cba;padding-bottom:15px;margin-bottom:30px}.zakat-status{border:4px solid;padding:30px 20px;box-shadow:0 6px 12px rgb(0 0 0 / .2)}.zakat-status.due{background:#28a745;border-color:#155724;color:#fff}.zakat-status.not-due{background:#ffc107;border-color:#856404;color:#000}.zakat-status-title{font-size:2.2rem;font-weight:900;text-shadow:0 2px 4px rgb(0 0 0 / .5);margin-bottom:10px}.zakat-status-desc{font-size:1.2rem;font-weight:800}.result-card{padding:35px 25px;border:4px solid #000;background:#fff;box-shadow:0 8px 16px rgb(0 0 0 / .2);margin-bottom:20px}.result-card.primary{background:#007cba;border:4px solid #000;color:#fff;box-shadow:0 10px 20px rgb(0 124 186 / .5)}.result-label{font-size:1.2rem;font-weight:800;color:#000;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:20px;text-shadow:none}.result-card.primary .result-label{color:#fff;font-weight:900;text-shadow:0 2px 4px rgb(0 0 0 / .6)}.result-value{font-size:2.5rem;font-weight:900;color:#000;text-shadow:none;font-family:'Arial Black',Arial,sans-serif;line-height:1.2}.result-card.primary .result-value{font-size:3rem;color:#fff;font-weight:900;text-shadow:0 3px 6px rgb(0 0 0 / .7)}.zakat-breakdown{background:#f8f9fa;border:4px solid #000;padding:30px 20px;margin-top:30px}.zakat-breakdown h4{font-size:1.6rem;color:#000;font-weight:900;text-align:center;margin-bottom:25px;text-transform:uppercase;letter-spacing:1px}.breakdown-item{padding:25px 20px;border:3px solid #000;background:#fff;margin-bottom:15px;border-radius:8px;box-shadow:0 4px 8px rgb(0 0 0 / .1)}.breakdown-category{font-size:1.2rem;font-weight:800;color:#000}.breakdown-amount{font-size:1.4rem;font-weight:900;color:#007cba}.zakat-header h2{font-size:1.8rem}.zakat-header p{font-size:1rem}.nisab-value{font-size:1.3rem}.form-group label{font-size:1.2rem;font-weight:900;color:#000;background:#fff;padding:10px 15px;border-radius:8px;margin-bottom:12px;border:2px solid #007cba;text-shadow:none;box-shadow:0 3px 6px rgb(0 0 0 / .15);text-transform:uppercase;letter-spacing:1px}.form-group input,.form-group select{font-size:1.1rem;padding:15px;border:2px solid #007cba}}@media (prefers-color-scheme:dark){.zakat-calculator-container{background:#1a1a1a;color:#fff}.zakat-header h2{color:#fff}.zakat-form,.zakat-results{background:#2d2d2d;color:#fff;border-color:#555}.zakat-results h3{color:#fff}.result-card{background:#404040;border-color:#666;color:#fff}.result-label{color:#ccc}.result-value{color:#fff}.breakdown-item{background:#404040;border-color:#666}.breakdown-category{color:#fff}.form-group input,.form-group select{background:#404040;border-color:#555;color:#fff}@media (max-width:768px){.form-group label{background:rgb(45 45 45 / .95);color:#fff;border-color:#555}}@media (max-width:480px){.form-group label{background:#2d2d2d;color:#fff;border-color:#007cba;box-shadow:0 3px 6px rgb(0 0 0 / .3)}.result-card{background:#2d2d2d;border-color:#fff}.breakdown-item{background:#2d2d2d;border-color:#fff}}}@media (prefers-contrast:high){.form-group label{background:#000;color:#fff;border:3px solid #fff;font-weight:900}.form-group input,.form-group select{border:3px solid #000;background:#fff;color:#000}.result-card{border:4px solid #000;background:#fff}.result-card.primary{background:#000;color:#fff;border:4px solid #fff}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.zakat-results{animation:fadeInUp 0.5s ease-out}.message{padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:.95rem}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}