.breakdance .bde-section-293-102 .section-container{display:flex;align-items:center;gap:24px}.container{width:100%}.content{background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,0.3);overflow:hidden}.controls{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;padding:40px;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.section{background:#fff;padding:25px;border-radius:15px;box-shadow:0 4px 6px rgba(0,0,0,0.05)}.section-title{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:#2d3748;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e2e8f0}.section-icon{font-size:24px}.input-group{margin-bottom:20px}.input-group label{display:block;font-size:14px;font-weight:600;color:#4a5568;margin-bottom:8px}.input-wrapper{position:relative;display:flex;align-items:center}.currency-symbol{position:absolute;left:15px;font-weight:600;color:#667eea;font-size:18px}input[type="text"],input[type="number"]{width:100%;padding:12px 62px 12px 15px;font-size:16px;border:2px solid #e2e8f0;border-radius:10px;transition:all 0.3s ease}.currency-input{padding-left:35px!important}.percentage-input{padding-right:40px!important}input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,0.1)}.unit-suffix{position:absolute;right:15px;font-weight:600;color:#667eea;font-size:16px}.loan-info{display:flex;justify-content:space-between;margin-top:10px;padding:10px;background:linear-gradient(135deg,#f0f4ff,#e0e7ff);border-radius:8px;font-size:13px;font-weight:600;color:#4c51bf}.frequency-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.frequency-btn{padding:12px;border:2px solid #e2e8f0;background:#fff;border-radius:10px;cursor:pointer;font-weight:600;font-size:14px;color:#4a5568;transition:all 0.3s ease}.frequency-btn:hover{border-color:#667eea;color:#667eea}.frequency-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.results{padding:40px;background:linear-gradient(135deg,#667eea,#764ba2)}.results-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:25px;text-align:center}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.result-item{background:#fff;padding:25px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.2);border-left:5px solid #667eea}.result-label{font-size:14px;font-weight:600;color:#64748b;margin-bottom:10px}.result-value{font-size:28px;font-weight:800;color:#667eea}.result-value.large{font-size:36px}.chart-section{padding:40px}.chart-title{font-size:24px;font-weight:700;color:#2d3748;margin-bottom:20px}.chart-tabs{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.chart-tab{padding:12px 24px;border:2px solid #e2e8f0;background:#fff;border-radius:10px;cursor:pointer;font-weight:600;font-size:14px;color:#4a5568;transition:all 0.3s ease}.chart-tab:hover{border-color:#667eea;color:#667eea}.chart-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.chart-container{background:#fff;padding:30px;border-radius:15px;box-shadow:0 4px 6px rgba(0,0,0,0.05);margin-bottom:30px}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.summary-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:25px;border-radius:15px;text-align:center}.summary-card h3{font-size:14px;font-weight:600;color:#64748b;margin-bottom:10px}.summary-card .value{font-size:24px;font-weight:800;color:#667eea}.slider-container{margin-top:15px;margin-bottom:10px}.deposit-slider{width:100%;height:8px;border-radius:5px;background:linear-gradient(to right,#e2e8f0 0%,#667eea 100%);outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.deposit-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;box-shadow:0 2px 8px rgba(102,126,234,0.4);transition:all 0.3s ease}.deposit-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px rgba(102,126,234,0.6)}.deposit-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;border:none;box-shadow:0 2px 8px rgba(102,126,234,0.4);transition:all 0.3s ease}.deposit-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px rgba(102,126,234,0.6)}.slider-markers{display:flex;justify-content:space-between;margin-top:8px;padding:0 2px}.slider-markers span{font-size:11px;color:#64748b;font-weight:600;cursor:pointer;transition:all 0.2s ease;padding:4px 2px}.slider-markers span:hover{color:#667eea;transform:scale(1.1)}.slider-markers span.active{color:#667eea;font-weight:700}.error-message{display:none;margin-top:8px;padding:10px 12px;background:#fef2f2;border:2px solid #fca5a5;border-radius:8px;color:#dc2626;font-size:13px;font-weight:600}.error-message.show{display:block}input.error{border-color:#dc2626!important}@media (max-width:768px){.controls{grid-template-columns:1fr;padding:20px}.results,.chart-section{padding:20px}.result-value.large{font-size:28px}}