.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:.9rem;text-transform:uppercase;letter-spacing:.8px;background:transparent!important;border:none!important;padding:0!important;box-shadow:none!important}.form-group input{width:100%;padding:12px;border:2px solid #e1e5e9;border-radius:6px;font-size:1rem;transition:border-color 0.3s ease;background:#fff;color:#1e293b}.form-group select{width:100%;padding:12px 40px 12px 14px;border:2px solid #cbd5e1;border-radius:6px;font-size:1rem;background-color:#fff;color:#1e293b;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%3c007cba' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;background-size:16px}.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-transform:uppercase;letter-spacing:1px}.zakat-status{padding:25px;border-radius:12px;text-align:center;margin-bottom:30px;border:3px solid;font-weight:700}.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}.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:2px solid #dee2e6}.result-card.primary{background:linear-gradient(135deg,#007cba 0%,#005a87 100%);border-color:#004a73;color:#fff}.result-label{font-size:1rem;color:#495057;margin-bottom:12px;font-weight:600;text-transform:uppercase}.result-card.primary .result-label{color:rgb(255 255 255 / .9)}.result-value{font-size:1.6rem;font-weight:900;color:#1a1a1a}.result-card.primary .result-value{color:#fff;font-size:2.2rem}@media (max-width:768px){.zakat-calculator-container{padding:15px}.zakat-header h2{font-size:2rem;color:#ffffff!important}.zakat-header p{color:#e2e8f0!important}.nisab-display,.form-row,.results-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-group label{font-size:0.9rem!important;font-weight:700!important;color:#e2e8f0!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin-bottom:6px!important}.form-group input,.form-group select{min-height:48px;font-size:16px}}@media (prefers-color-scheme:dark){.zakat-calculator-container{background:#1a1a1a;color:#fff}.zakat-header h2{color:#ffffff!important}.zakat-form,.zakat-results{background:#2d2d2d;color:#fff;border-color:#404040}.form-group label{color:#cbd5e1!important}.form-group input,.form-group select{background:#334155!important;border-color:#475569!important;color:#ffffff!important}}