:root{--primary-color: #2C5F7E;--primary-dark: #1C3F5E;--primary-light: #4A8FB5;--secondary-color: #1E8449;--accent-color: #E67E22;--success-color: #27AE60;--warning-color: #F39C12;--error-color: #E74C3C;--neutral-50: #FAFAFA;--neutral-100: #F5F5F5;--neutral-200: #E8E8E8;--neutral-300: #D1D1D1;--neutral-400: #B0B0B0;--neutral-700: #505050;--neutral-800: #333333;--neutral-900: #1A1A1A;--text-primary: #1A1A1A;--text-secondary: #505050;--text-tertiary: #707070;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--border-radius-sm: 6px;--border-radius: 10px;--border-radius-lg: 14px;--transition-fast: all .15s ease;--transition: all .25s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#e8f4f8,#d4e6f1,#c8e0f0);color:var(--text-primary);line-height:1.6;min-height:100vh;padding:24px 0;font-size:16px}.container{max-width:1100px;margin:0 auto;padding:0 24px}.header{background:#fff;padding:36px 32px;border-radius:var(--border-radius-lg);margin-bottom:28px;box-shadow:var(--shadow-md);border:1px solid var(--neutral-200)}.header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.header-content h1{font-size:2.75rem;color:var(--primary-color);margin-bottom:10px;font-weight:800;letter-spacing:-.02em;line-height:1.2}.header-content .subtitle{font-size:1.15rem;color:var(--text-secondary);font-weight:400;line-height:1.5}.export-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;align-items:center}.btn{padding:12px 24px;border:none;border-radius:var(--border-radius);font-size:.95rem;cursor:pointer;transition:var(--transition);font-weight:600;display:inline-flex;align-items:center;gap:8px;font-family:inherit;letter-spacing:.01em}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-export{background:#fff;color:var(--primary-color);border:2px solid var(--primary-color);padding:10px 20px;font-size:.9rem}.btn-export:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-export .icon{font-size:1.1rem}.btn-small{padding:8px 16px;font-size:.85rem}.btn-danger{background:var(--error-color);color:#fff;box-shadow:var(--shadow-sm)}.btn-danger:hover{background:#c0392b;transform:translateY(-1px);box-shadow:var(--shadow-md)}.main-content{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:32px}.card{background:#fff;padding:28px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--neutral-200);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.section-title{font-size:1.6rem;color:var(--primary-color);margin-bottom:24px;font-weight:700;border-bottom:3px solid var(--neutral-100);padding-bottom:12px;letter-spacing:-.01em}.debts-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-bottom:28px}.debt-card{background:var(--neutral-50);padding:18px;border-radius:var(--border-radius);display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-left:4px solid var(--primary-color);transition:var(--transition);box-shadow:var(--shadow-sm)}.debt-card:hover{background:var(--neutral-100);transform:translate(4px);box-shadow:var(--shadow-md)}.debt-info{flex:1}.debt-info h4{color:var(--text-primary);margin-bottom:10px;font-size:1.15rem;font-weight:600}.debt-details{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.debt-details strong{color:var(--text-primary);font-weight:600}.empty-state{text-align:center;color:var(--text-tertiary);padding:40px 20px;font-style:italic;font-size:1.05rem}.add-debt-form{background:var(--neutral-50);padding:24px;border-radius:var(--border-radius);margin-top:24px;border:1px solid var(--neutral-200)}.add-debt-form h3{color:var(--text-primary);margin-bottom:18px;font-size:1.25rem;font-weight:600}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:18px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:var(--text-primary);margin-bottom:8px;font-size:.9rem;letter-spacing:.01em}.form-group input{padding:12px 14px;border:2px solid var(--neutral-300);border-radius:var(--border-radius-sm);font-size:1rem;transition:var(--transition-fast);font-family:inherit;background:#fff}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #2c5f7e1a}.form-group input::placeholder{color:var(--neutral-400)}.hint{font-size:.85rem;color:var(--text-tertiary);margin-top:6px;font-style:italic}.strategy-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:24px}.strategy-option{position:relative;cursor:pointer}.strategy-option input{position:absolute;opacity:0}.strategy-label{padding:18px;background:var(--neutral-50);border:2px solid var(--neutral-300);border-radius:var(--border-radius);transition:var(--transition)}.strategy-option:hover .strategy-label{border-color:var(--primary-light);background:#fff}.strategy-option input:checked+.strategy-label{background:#2c5f7e14;border-color:var(--primary-color);box-shadow:0 0 0 4px #2c5f7e1a}.strategy-label strong{color:var(--text-primary);display:block;margin-bottom:6px;font-size:1.05rem;font-weight:600}.strategy-label p{color:var(--text-secondary);font-size:.9rem;margin:0;line-height:1.5}.month-input-wrapper{display:flex;gap:12px;align-items:center}.month-input-wrapper input{flex:1}.month-indicator{color:var(--text-tertiary);font-size:.9rem;white-space:nowrap;font-weight:500}.results-summary{margin:24px 0}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.summary-item{background:var(--neutral-50);padding:20px;border-radius:var(--border-radius);text-align:center;border-top:4px solid var(--primary-color);transition:var(--transition);box-shadow:var(--shadow-sm)}.summary-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.summary-item h4{color:var(--text-tertiary);font-size:.85rem;margin-bottom:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.summary-value{font-size:2rem;color:var(--primary-color);font-weight:700;margin:0;letter-spacing:-.02em}.warning-box{background:#f39c1214;border:2px solid var(--warning-color);border-radius:var(--border-radius);padding:16px;margin:16px 0}.warning-box p{color:var(--text-primary);margin:0;line-height:1.6}.impact-box{background:#27ae6014;border:2px solid var(--success-color);border-radius:var(--border-radius);padding:18px;margin:16px 0;box-shadow:var(--shadow-sm)}.impact-box h4{color:var(--success-color);margin-bottom:12px;font-size:1.1rem;font-weight:600}.impact-box p{color:var(--text-primary);margin:6px 0;font-size:.95rem}.impact-box strong{font-weight:700;color:var(--success-color)}.single-extra-preview{margin:16px 0}.extra-payments-list{margin-top:24px}.extra-payment-item{background:var(--neutral-50);padding:16px;border-radius:var(--border-radius);display:flex;justify-content:space-between;align-items:center;gap:12px;border-left:4px solid var(--secondary-color);margin-bottom:12px;transition:var(--transition);box-shadow:var(--shadow-sm)}.extra-payment-item:hover{background:var(--neutral-100);box-shadow:var(--shadow-md)}.extra-payment-info{flex:1}.extra-payment-info p{margin:4px 0;color:var(--text-secondary);font-size:.9rem}.extra-payment-info strong{color:var(--text-primary);font-weight:600}.extra-payment-amount{font-size:1.3rem;color:var(--secondary-color);font-weight:700;margin-right:12px}.extra-payments-empty{text-align:center;color:var(--text-tertiary);padding:24px;font-style:italic;font-size:.95rem}.chart-container{position:relative;height:320px;margin:24px 0}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.comparison-item{background:var(--neutral-50);padding:24px;border-radius:var(--border-radius);text-align:center;border:2px solid var(--neutral-200);transition:var(--transition)}.comparison-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.comparison-item h4{color:var(--primary-color);margin-bottom:12px;font-size:1.15rem;font-weight:600}.comparison-item p{color:var(--text-secondary);margin:10px 0;font-size:.95rem}.comparison-item strong{color:var(--text-primary);font-size:1.3rem;font-weight:700}.footer{background:#fff;padding:24px;border-radius:var(--border-radius-lg);text-align:center;color:var(--text-tertiary);font-size:.9rem;box-shadow:var(--shadow-sm);margin-top:48px;border:1px solid var(--neutral-200)}.footer p{margin:0}@media (max-width: 768px){body{padding:16px 0}.container{padding:0 16px}.header{padding:28px 24px}.header-top{flex-direction:column;align-items:flex-start}.export-buttons{width:100%;justify-content:flex-start}.header-content h1{font-size:2.2rem}.header-content .subtitle{font-size:1rem}.card{padding:20px}.form-grid,.debts-list,.strategy-selector,.summary-grid,.comparison-grid{grid-template-columns:1fr}.section-title{font-size:1.4rem}.chart-container{height:280px}}@media (max-width: 480px){body{padding:12px 0}.container{padding:0 12px}.header{padding:20px 16px}.card{padding:16px}.header-content h1{font-size:1.8rem}.header-content .subtitle{font-size:.95rem}.export-buttons{gap:8px}.btn-export{padding:8px 14px;font-size:.85rem}.btn-export .icon{font-size:1rem}.section-title{font-size:1.25rem}.summary-value{font-size:1.6rem}.chart-container{height:240px}.debt-card{flex-direction:column;align-items:flex-start}.btn-small{align-self:flex-end}}