#credit-card-calculator-modal{border-radius:16px;box-shadow:0 24px 48px rgba(0,0,0,0.15);overflow:visible;max-height:90vh;max-width:900px;width:94%}#credit-card-calculator-modal .modal-content{padding:2rem 2.25rem;background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);position:relative;max-height:85vh;overflow-y:auto;border-radius:16px;box-sizing:border-box}#credit-card-calculator-modal .modal-content::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #3b82f6, #1d4ed8, #7c3aed)}.credit-card-modal__title{font-weight:700;color:#1e293b;margin:0 0 1.25rem;font-size:1.55rem;text-align:center}#credit-card-calculator-modal .credit-card-modal-tabs{display:flex;gap:8px;margin-bottom:1.5rem;border-bottom:1px solid #cbd5e1;padding-bottom:0;background:transparent;box-shadow:none;height:auto;line-height:normal}#credit-card-calculator-modal .credit-card-modal-tabs__btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:none;border-bottom:3px solid transparent;background:transparent;color:#64748b;font-size:0.95rem;font-weight:600;cursor:pointer;border-radius:8px 8px 0 0;transition:color 0.2s ease, border-color 0.2s ease, background 0.2s ease;box-shadow:none;text-transform:none;letter-spacing:normal}#credit-card-calculator-modal .credit-card-modal-tabs__btn .material-icons{font-size:20px}#credit-card-calculator-modal .credit-card-modal-tabs__btn:hover{color:#1976d2;background:rgba(33,150,243,0.08)}#credit-card-calculator-modal .credit-card-modal-tabs__btn--active{color:#1976d2;border-bottom-color:#2196f3;background:rgba(255,255,255,0.65)}.credit-card-modal-tabs{display:flex;gap:8px;margin-bottom:1.5rem;border-bottom:1px solid #cbd5e1;padding-bottom:0}.credit-card-modal-tabs__btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:none;border-bottom:3px solid transparent;background:transparent;color:#64748b;font-size:0.95rem;font-weight:600;cursor:pointer;border-radius:8px 8px 0 0;transition:color 0.2s ease, border-color 0.2s ease, background 0.2s ease}.credit-card-modal-tabs__btn .material-icons{font-size:20px}.credit-card-modal-tabs__btn:hover{color:#1976d2;background:rgba(33,150,243,0.08)}.credit-card-modal-tabs__btn--active{color:#1976d2;border-bottom-color:#2196f3;background:rgba(255,255,255,0.65)}.credit-card-modal-panel.hidden{display:none}.credit-card-modal-flash{margin-bottom:12px}.credit-card-modal-flash__toast{margin:0;padding:12px 16px;border-radius:8px;font-size:0.9rem;font-weight:500}.credit-card-modal-flash__toast--success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.credit-card-modal-flash__toast--error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.calculator-form{padding:0;max-width:520px;margin:0 auto}.form-group{margin-bottom:24px}.form-label{display:flex;align-items:center;gap:8px;font-weight:600;color:#374151;margin-bottom:8px;font-size:14px}.form-label .material-icons{font-size:18px;color:#6b7280}.form-field{width:100% !important;height:48px !important;padding:12px 16px !important;border:2px solid #e5e7eb !important;border-radius:8px !important;font-size:16px !important;background:white !important;transition:all 0.2s ease !important;box-sizing:border-box !important}.form-field:focus{outline:none !important;border-color:#3b82f6 !important;box-shadow:0 0 0 3px rgba(59,130,246,0.1) !important}.form-select{width:100% !important;height:48px !important;padding:12px 16px !important;border:2px solid #e5e7eb !important;border-radius:8px !important;font-size:16px !important;background:white !important;cursor:pointer !important;transition:all 0.2s ease !important;appearance:none !important;-webkit-appearance:none !important;-moz-appearance:none !important;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='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e") !important;background-repeat:no-repeat !important;background-position:right 12px center !important;background-size:16px !important;padding-right:40px !important}.calculate-button{width:100% !important;height:52px !important;background:linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%) !important;border:none !important;border-radius:8px !important;color:white !important;font-size:16px !important;font-weight:600 !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;cursor:pointer !important;transition:all 0.2s ease !important;margin-top:8px !important}#credit-card-calculator-modal select{display:block !important;opacity:1 !important;position:relative !important}#credit-card-calculator-modal .select-wrapper{display:none !important}#calculation-result{margin-top:2rem;animation:creditCardModalSlideIn 0.5s ease-out}@keyframes creditCardModalSlideIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scenario-panel{border-radius:16px;padding:1.5rem;margin:1rem 0;position:relative;overflow:hidden;transition:all 0.3s ease;border:2px solid transparent}.scenario-without-fee{background:linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);border-color:#bbf7d0}.scenario-split-fee{background:linear-gradient(135deg, #f0f9ff 0%, #dbeafe 100%);border-color:#bfdbfe}.scenario-with-fee{background:linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);border-color:#fde68a}.custom-divider{height:2px;background:linear-gradient(90deg, transparent, #cbd5e1, transparent);border:none;margin:1.5rem 0}.credit-card-modal-list-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.credit-card-modal-list-header__title{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:600;color:#334155;margin:0}.credit-card-modal-create-btn{display:inline-flex;align-items:center;gap:6px;background-color:#14b8a6 !important;border-radius:8px;height:40px;line-height:40px;padding:0 16px;font-weight:600}.credit-card-modal-cards-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:14px}.credit-card-modal-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;padding:14px;box-shadow:0 4px 12px rgba(15,23,42,0.04)}.credit-card-modal-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:10px}.credit-card-modal-card__name{font-weight:600;font-size:0.95rem;color:#1e293b;display:flex;align-items:center;gap:6px}.credit-card-modal-card__actions{display:flex;gap:4px;flex-shrink:0}.credit-card-modal-card__actions form{margin:0}.credit-card-modal-card__actions .btn-small{padding:0 8px;height:32px;line-height:32px}.credit-card-modal-form{margin-top:20px;padding-top:16px;border-top:1px dashed #cbd5e1}.credit-card-modal-form--empty{border-top:none;margin-top:0;padding-top:0}.credit-card-modal-form__title{font-size:1rem;font-weight:600;color:#334155;margin:0 0 12px}.credit-card-modal-form__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:16px}.credit-card-modal-form__cancel{background:#fff !important;color:#475569 !important;border:1px solid #cbd5e1 !important;border-radius:8px}.credit-card-rates-grid{margin-bottom:0.5rem}.credit-card-rate-cell{margin-bottom:0.5rem}.credit-card-rate-input-wrapper{padding:12px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa}.credit-card-rate-parcela{display:block;font-weight:600;font-size:0.95rem;margin-bottom:8px}.credit-card-rate-input-wrapper .input-field{margin-bottom:0}.credit-card-rates-row{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:baseline}.credit-card-rate-item{display:flex;flex-direction:column;align-items:center;min-width:42px}.credit-card-rate-badge{display:inline-block;padding:3px 8px;border-radius:14px;font-size:0.78rem;background:#e8eaf6;color:#3949ab}.credit-card-rate-badge.credit-card-rate-empty{background:#f5f5f5;color:#9e9e9e}.credit-card-parcela{font-size:0.7rem;margin-top:2px}.credit-card-modal-empty{text-align:center;padding:28px 16px;color:#64748b;background:rgba(255,255,255,0.6);border:1px dashed #cbd5e1;border-radius:12px}@media screen and (max-width: 768px){#credit-card-calculator-modal{width:96%;max-height:95vh}#credit-card-calculator-modal .modal-content{padding:1.25rem;max-height:90vh}.credit-card-modal-tabs{flex-direction:column;border-bottom:none;gap:6px}.credit-card-modal-tabs__btn{justify-content:center;border-bottom:none;border:1px solid #e2e8f0;border-radius:8px}.credit-card-modal-tabs__btn--active{border-color:#2196f3;background:#e3f2fd}}