.breakdown-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid var(--border,#e2e8f0);border-radius:.625rem;margin:1.5rem 0;padding:1.25rem}.breakdown-title{border-bottom:2px solid var(--primary,#2563eb);color:var(--text-primary,#0f172a);font-size:1rem;font-weight:700;margin-bottom:1rem;padding-bottom:.625rem}.breakdown-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.breakdown-icon{font-size:1.25rem}.breakdown-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.breakdown-list{display:flex;flex-direction:column;gap:.5rem}.breakdown-item{align-items:center;background:#fff;border:1px solid var(--border,#e2e8f0);border-radius:.5rem;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:all .3s ease}.breakdown-item:hover{border-color:var(--primary,#2563eb);box-shadow:0 4px 12px #2563eb1a;transform:translateY(-2px)}.breakdown-item.discount{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#22c55e}.breakdown-item.tax{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.breakdown-item.total{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;font-weight:700}.breakdown-category,.breakdown-label{color:var(--text-secondary,#64748b);font-size:.875rem;font-weight:500}.breakdown-value{color:var(--text-primary,#0f172a);font-size:.9375rem;font-variant-numeric:tabular-nums;font-weight:700}.breakdown-percent{color:var(--text-secondary,#64748b);font-size:.75rem;margin-left:.5rem}.breakdown-office,.breakdown-savings,.breakdown-wfh{font-size:.875rem;font-variant-numeric:tabular-nums;font-weight:600}.breakdown-wfh{color:#16a34a}.breakdown-savings{color:var(--primary,#2563eb)}.breakdown-bars{display:flex;flex-direction:column;gap:.75rem}.breakdown-bar-item{align-items:center;display:flex;gap:.75rem}.breakdown-bar-item.highlight{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:.5rem;padding:.5rem}.breakdown-bar-label{align-items:center;color:var(--text-secondary,#64748b);display:flex;font-size:.8125rem;font-weight:600;gap:.5rem;min-width:100px}.breakdown-bar-track{background:#e2e8f0;border-radius:.25rem;flex:1;height:24px;overflow:hidden}.breakdown-bar-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:.25rem;height:100%;transition:width .5s ease}.breakdown-amount{color:var(--text-primary,#0f172a);font-size:.875rem;font-variant-numeric:tabular-nums;font-weight:700;min-width:80px;text-align:right}.breakdown-table-wrapper{margin-top:1rem;overflow-x:auto}.breakdown-table{border-collapse:collapse;font-size:.875rem;width:100%}.breakdown-table td,.breakdown-table th{border-bottom:1px solid var(--border,#e2e8f0);padding:.75rem;text-align:left}.breakdown-table th{background:#f8fafc;color:var(--text-secondary,#64748b);font-weight:600}.breakdown-table td{font-variant-numeric:tabular-nums}.savings-section{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #22c55e;border-radius:.625rem;margin:1.5rem 0;padding:1.25rem}.savings-title{color:var(--text-primary,#0f172a);font-size:1rem;font-weight:700;margin-bottom:1rem;text-align:center}.savings-grid{display:grid;gap:.875rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.savings-item{align-items:center;background:#fff;border:1px solid var(--border,#e2e8f0);border-radius:.5rem;display:flex;flex-direction:column;padding:1rem;text-align:center;transition:all .3s ease}.savings-item:hover{border-color:#22c55e;box-shadow:0 8px 20px #22c55e33;transform:translateY(-4px)}.savings-icon{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:1rem;color:#16a34a;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;padding:.25rem .75rem;text-transform:uppercase}.savings-content{width:100%}.savings-period{color:var(--text-secondary,#64748b);font-size:.75rem;font-weight:500;margin-bottom:.25rem}.savings-amount{color:#16a34a;font-size:1.25rem;font-variant-numeric:tabular-nums;font-weight:700}.savings-visual,.savings-visualization{background:#fff;border:1px solid var(--border,#e2e8f0);border-radius:.625rem;margin:1.5rem 0;padding:1rem}.savings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.savings-bar{border-radius:.375rem;box-shadow:0 4px 12px #00000014;display:flex;height:50px;margin-bottom:.875rem;overflow:hidden}.savings-bar-pay,.savings-bar-save{align-items:center;color:#fff;display:flex;font-size:.75rem;font-weight:700;justify-content:center;transition:all .3s ease}.savings-bar-pay{background:linear-gradient(135deg,#64748b,#475569)}.savings-bar-save{background:linear-gradient(135deg,#10b981,#059669)}.savings-segment{align-items:center;color:#fff;display:flex;font-size:.75rem;font-weight:700;justify-content:center;padding:0 .75rem;transition:all .3s ease}.savings-segment:hover{filter:brightness(1.1)}.savings-legend{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-around}.savings-percent{color:#16a34a;font-size:1.25rem;font-weight:700;margin-top:.5rem;text-align:center}.tips-section{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #3b82f6;border-radius:.625rem;margin:1.5rem 0;padding:1.25rem}.tips-title{color:var(--text-primary,#0f172a);font-size:1rem;font-weight:700;margin-bottom:1rem;text-align:center}.tips-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.tips-list{flex-direction:column}.tip-item,.tips-list{display:flex;gap:.75rem}.tip-item{background:#fff;border:1px solid var(--border,#e2e8f0);border-radius:.5rem;padding:.875rem;transition:all .3s ease}.tip-item:hover{border-color:var(--primary,#2563eb);box-shadow:0 4px 12px #2563eb1a;transform:translateY(-2px)}.tip-icon{flex-shrink:0;font-size:1.5rem;line-height:1}.tip-content{flex:1;min-width:0}.tip-title{color:var(--text-primary,#0f172a);font-size:.875rem;font-weight:700;margin-bottom:.25rem}.tip-desc{color:var(--text-secondary,#64748b);font-size:.8125rem;line-height:1.4}.tip-card{background:#fff;border:1px solid var(--border,#e2e8f0);border-radius:.5rem;display:flex;gap:.75rem;padding:1rem}.projection-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:.625rem;margin:1.5rem 0;padding:1.25rem}.projection-title{color:var(--text-primary,#0f172a);font-size:1rem;font-weight:700;margin-bottom:1rem;text-align:center}.projection-grid{display:grid;gap:.875rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.projection-item{align-items:center;background:#fff;border:1px solid var(--border,#e2e8f0);border-radius:.5rem;display:flex;flex-direction:column;padding:1rem;text-align:center;transition:all .3s ease}.projection-item:hover{border-color:#f59e0b;box-shadow:0 8px 20px #f59e0b33;transform:translateY(-4px)}.projection-label{color:var(--text-secondary,#64748b);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.projection-value{color:#d97706;font-size:1.125rem;font-variant-numeric:tabular-nums;font-weight:700}.comparison-visual{background:#fff;border:1px solid var(--border,#e2e8f0);border-radius:.625rem;margin:1.5rem 0;padding:1rem}.comparison-title{color:var(--text-primary,#0f172a);font-size:1rem;font-weight:700;margin-bottom:1rem;text-align:center}.comparison-bar{border-radius:.375rem;box-shadow:0 4px 12px #00000014;display:flex;height:50px;margin-bottom:.875rem;overflow:hidden}.comparison-segment{align-items:center;color:#fff;display:flex;font-size:.75rem;font-weight:700;justify-content:center;min-width:60px;padding:0 .75rem;transition:all .3s ease}.comparison-segment:hover{filter:brightness(1.1)}.comparison-segment span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comparison-segment.meal-prep{background:linear-gradient(135deg,#10b981,#059669)}.comparison-segment.eating-out{background:linear-gradient(135deg,#f97316,#ea580c)}.comparison-segment.current,.comparison-segment.option-a{background:linear-gradient(135deg,#6366f1,#4f46e5)}.comparison-segment.future,.comparison-segment.option-b{background:linear-gradient(135deg,#ec4899,#db2777)}.comparison-segment.salary{background:linear-gradient(135deg,#6366f1,#4f46e5)}.comparison-segment.equity{background:linear-gradient(135deg,#10b981,#059669)}.comparison-legend{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-around}.comparison-section{margin:1.5rem 0}.comparison-table-wrapper{overflow-x:auto}.comparison-table{border-collapse:collapse;font-size:.875rem;width:100%}.comparison-table td,.comparison-table th{border-bottom:1px solid var(--border,#e2e8f0);padding:.75rem;text-align:left}.comparison-table th{color:var(--text-secondary,#64748b)}.comparison-row.header,.comparison-table th{background:#f8fafc;font-weight:600}.cost-visual{background:#fff;border:1px solid var(--border,#e2e8f0);border-radius:.625rem;margin:1.5rem 0;padding:1rem}.cost-bar{border-radius:.375rem;box-shadow:0 4px 12px #00000014;height:50px;margin-bottom:.875rem}.cost-bar,.cost-segment{display:flex;overflow:hidden}.cost-segment{align-items:center;color:#fff;font-size:.6875rem;font-weight:700;justify-content:center;min-width:40px;padding:0 .5rem;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.cost-segment:hover{filter:brightness(1.1)}.cost-segment span{overflow:hidden;text-overflow:ellipsis}.cost-segment.moving{background:linear-gradient(135deg,#6366f1,#4f46e5)}.cost-segment.housing{background:linear-gradient(135deg,#10b981,#059669)}.cost-segment.setup{background:linear-gradient(135deg,#f59e0b,#d97706)}.cost-segment.travel{background:linear-gradient(135deg,#ec4899,#db2777)}.cost-segment.misc{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.cost-segment.food{background:linear-gradient(135deg,#f97316,#ea580c)}.cost-segment.medical{background:linear-gradient(135deg,#ef4444,#dc2626)}.cost-segment.supplies{background:linear-gradient(135deg,#14b8a6,#0d9488)}.cost-legend{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.legend-item{font-size:.8125rem;font-weight:600}.legend-color{border-radius:3px;box-shadow:0 2px 4px #0000001a}.legend-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.legend-label{color:var(--text-secondary,#64748b);font-size:.8125rem}.legend-value{color:var(--text-primary,#0f172a);font-variant-numeric:tabular-nums;font-weight:700}.legend-text{color:var(--text-secondary,#64748b);font-size:.8125rem}.legend-color.meal-prep-color,.meal-prep-color{background:linear-gradient(135deg,#10b981,#059669)}.eating-out-color,.legend-color.eating-out-color{background:linear-gradient(135deg,#f97316,#ea580c)}.legend-color.moving-color,.moving-color{background:linear-gradient(135deg,#6366f1,#4f46e5)}.housing-color,.legend-color.housing-color{background:linear-gradient(135deg,#10b981,#059669)}.legend-color.setup-color,.setup-color{background:linear-gradient(135deg,#f59e0b,#d97706)}.legend-color.travel-color,.travel-color{background:linear-gradient(135deg,#ec4899,#db2777)}.legend-color.misc-color,.misc-color{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.legend-color.principal-color,.legend-dot.principal,.principal-color{background:linear-gradient(135deg,#6366f1,#4f46e5)}.interest-color,.legend-color.interest-color,.legend-dot.interest{background:linear-gradient(135deg,#10b981,#059669)}.legend-color.tax-savings-color,.tax-savings-color{background:linear-gradient(135deg,#f59e0b,#d97706)}.legend-color.option-a-color,.option-a-color{background:linear-gradient(135deg,#6366f1,#4f46e5)}.legend-color.option-b-color,.option-b-color{background:linear-gradient(135deg,#ec4899,#db2777)}.current-color,.legend-color.current-color{background:linear-gradient(135deg,#6366f1,#4f46e5)}.future-color,.legend-color.future-color{background:linear-gradient(135deg,#ec4899,#db2777)}.legend-color.salary-color,.salary-color{background:linear-gradient(135deg,#6366f1,#4f46e5)}.equity-color,.legend-color.equity-color{background:linear-gradient(135deg,#10b981,#059669)}.legend-color.pay{background:linear-gradient(135deg,#64748b,#475569)}.legend-color.save{background:linear-gradient(135deg,#10b981,#059669)}.winner-badge{align-items:center;animation:badgePulse 2s ease-in-out infinite;border-radius:2rem;display:inline-flex;font-size:.875rem;font-weight:700;justify-content:center;margin-bottom:1rem;padding:.5rem 1rem}.winner-badge.meal-prep,.winner-badge.success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98166;color:#fff}.winner-badge.eating-out,.winner-badge.warning{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 12px #f9731666;color:#fff}.winner-badge.elss,.winner-badge.winner-a{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 12px #6366f166;color:#fff}.winner-badge.ppf,.winner-badge.winner-b{background:linear-gradient(135deg,#ec4899,#db2777);box-shadow:0 4px 12px #ec489966;color:#fff}.winner-badge.neutral,.winner-badge.tie{background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 4px 12px #64748b66;color:#fff}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.recommendation-section{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #3b82f6;border-radius:.625rem;margin:1.5rem 0;padding:1.25rem}.recommendation-title{color:var(--text-primary,#0f172a);font-size:1rem;font-weight:700;margin-bottom:.75rem}.recommendation-text{color:var(--text-secondary,#475569);font-size:.9375rem;line-height:1.6}.recommendation-banner{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #22c55e;border-radius:.625rem;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.recommendation-banner.warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b}.recommendation-banner.danger{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef4444}.banner-icon{flex-shrink:0;font-size:1.5rem}.banner-text{color:var(--text-primary,#0f172a);flex:1;font-size:.9375rem;font-weight:600}.banner-savings{color:#16a34a;font-variant-numeric:tabular-nums;font-weight:700}.recommendation-box{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid var(--border,#e2e8f0);border-radius:.5rem;margin-top:1rem;padding:1rem}.roi-highlight{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #3b82f6;border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem;text-align:center}.roi-main{margin-bottom:1rem}.roi-label{color:var(--text-secondary,#64748b);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.roi-value{color:var(--primary,#2563eb);font-size:2rem;font-variant-numeric:tabular-nums;font-weight:700}.roi-details{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.roi-detail{text-align:center}.detail-label{color:var(--text-secondary,#64748b);font-size:.75rem;font-weight:500;margin-bottom:.25rem}.detail-value{color:var(--text-primary,#0f172a);font-size:1rem;font-variant-numeric:tabular-nums;font-weight:700}.timeline-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid var(--border,#e2e8f0);border-radius:.625rem;margin:1.5rem 0;padding:1.25rem}.timeline-title{color:var(--text-primary,#0f172a);font-size:1rem;font-weight:700;margin-bottom:1rem;text-align:center}.timeline-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.timeline-item{background:#fff;border:1px solid var(--border,#e2e8f0);border-radius:.5rem;padding:1rem;position:relative;transition:all .3s ease}.timeline-item:hover{border-color:var(--primary,#2563eb);box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.timeline-item.active{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#22c55e}.timeline-item.completed{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6}.timeline-icon{font-size:1.5rem;margin-bottom:.5rem}.timeline-phase{color:var(--primary,#2563eb);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.timeline-label{color:var(--text-primary,#0f172a);font-size:.875rem;font-weight:700;margin-bottom:.25rem}.timeline-value{color:var(--text-secondary,#64748b);font-size:.8125rem}.time-savings-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:.625rem;margin:1.5rem 0;padding:1.25rem}.time-savings-title{color:var(--text-primary,#0f172a);font-size:1rem;font-weight:700;margin-bottom:1rem;text-align:center}.time-stats{display:grid;gap:.875rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.time-stat{background:#fff;border:1px solid var(--border,#e2e8f0);border-radius:.5rem;padding:.75rem;text-align:center}.time-stat-value{color:#d97706;font-size:1.25rem;font-variant-numeric:tabular-nums;font-weight:700}.time-stat-label{color:var(--text-secondary,#64748b);font-size:.75rem;font-weight:500;margin-top:.25rem}.expense-breakdown{background:#fff;border:1px solid var(--border,#e2e8f0);border-radius:.625rem;margin:1.5rem 0;padding:1.25rem}.expense-list{display:flex;flex-direction:column;gap:.5rem}.expense-item{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:.375rem;display:flex;justify-content:space-between;padding:.625rem .75rem}.expense-item .label{color:var(--text-secondary,#64748b);font-size:.875rem}.expense-item .value{color:var(--text-primary,#0f172a);font-size:.9375rem;font-variant-numeric:tabular-nums;font-weight:700}.visual-title{color:var(--text-primary,#0f172a);font-size:1rem;font-weight:700;margin-bottom:1rem;text-align:center}.scenario-section{margin:1.5rem 0}.scenario-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.scenario-card{background:#fff;border:1px solid var(--border,#e2e8f0);border-radius:.625rem;padding:1rem;transition:all .3s ease}.scenario-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.scenario-card.best{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#22c55e}.scenario-title{color:var(--text-primary,#0f172a);font-size:.875rem;font-weight:700;margin-bottom:.75rem}.scenario-label{color:var(--text-secondary,#64748b);font-size:.75rem;font-weight:500;margin-bottom:.25rem}.scenario-value{color:var(--primary,#2563eb);font-size:1.125rem;font-variant-numeric:tabular-nums;font-weight:700}.scenario-detail{color:var(--text-secondary,#64748b);font-size:.75rem;margin-top:.25rem}.emi-visual{background:#fff;border:1px solid var(--border,#e2e8f0);border-radius:.625rem;margin:1.5rem 0;padding:1rem}.emi-bar{border-radius:.375rem;box-shadow:0 4px 12px #00000014;display:flex;height:40px;margin-bottom:.875rem;overflow:hidden}.emi-segment{align-items:center;color:#fff;display:flex;font-size:.75rem;font-weight:700;justify-content:center;padding:0 .75rem;transition:all .3s ease}.emi-segment:hover{filter:brightness(1.1)}.emi-segment.principal{background:linear-gradient(135deg,#6366f1,#4f46e5)}.emi-segment.interest{background:linear-gradient(135deg,#10b981,#059669)}.emi-legend{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-around}.step-note{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:3px solid var(--primary,#2563eb);border-radius:.5rem;color:var(--text-secondary,#64748b);font-size:.8125rem;margin-top:.75rem;padding:.75rem 1rem}.step-note.warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left-color:#f59e0b}.step-note.success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left-color:#22c55e}.efficiency-note{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:.5rem;color:var(--text-secondary,#475569);font-size:.8125rem;margin-top:.5rem;padding:.75rem}.text-success{color:#16a34a}.text-danger{color:#dc2626}.text-warning{color:#d97706}.positive{color:#16a34a}.negative{color:#dc2626}.final-price-box{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #22c55e;border-radius:.625rem;margin-top:1rem;padding:1.25rem;text-align:center}.final-price-box .label{color:var(--text-secondary,#64748b);font-size:.875rem;font-weight:600;margin-bottom:.5rem}.final-price-box .value{color:#16a34a;font-size:1.75rem;font-variant-numeric:tabular-nums;font-weight:700}.bar-label{color:var(--text-secondary,#64748b);font-size:.75rem;font-weight:600}.data-table-wrapper,.table-wrapper{margin:1rem 0;overflow-x:auto}.data-table{border-collapse:collapse;font-size:.875rem;width:100%}.data-table td,.data-table th{border-bottom:1px solid var(--border,#e2e8f0);padding:.75rem;text-align:left}.data-table th{color:var(--text-secondary,#64748b)}.data-table .header,.data-table th{background:#f8fafc;font-weight:600}.data-table .data{font-variant-numeric:tabular-nums}.data-table .row-header{color:var(--text-primary,#0f172a);font-weight:600}@media (max-width:768px){.breakdown-grid,.projection-grid,.savings-grid,.scenario-grid,.time-stats,.timeline-grid,.tips-grid{grid-template-columns:1fr}.comparison-legend,.cost-legend,.emi-legend,.savings-legend{align-items:center;flex-direction:column;gap:.5rem}.comparison-segment span,.cost-segment span{font-size:.625rem}.projection-value,.roi-value,.savings-amount{font-size:1rem}.roi-details{flex-direction:column;gap:.75rem}.recommendation-banner{flex-direction:column;text-align:center}}@media (max-width:480px){.breakdown-section,.projection-section,.recommendation-section,.savings-section,.time-savings-section,.timeline-section,.tips-section{padding:1rem}.breakdown-item,.scenario-card,.timeline-item,.tip-item{padding:.625rem}.comparison-bar,.cost-bar,.emi-bar,.savings-bar{height:40px}.roi-highlight{padding:1rem}.roi-value{font-size:1.5rem}}@media print{.breakdown-section,.comparison-visual,.cost-visual,.emi-visual,.projection-section,.recommendation-section,.roi-highlight,.savings-section,.timeline-section,.tips-section{border:1px solid #000;box-shadow:none;break-inside:avoid}.winner-badge{animation:none;box-shadow:none}}.payment-breakdown-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;margin-top:1.5rem;padding:1.25rem}.payment-bar{border-radius:8px;box-shadow:inset 0 2px 4px #0000000f;display:flex;height:40px;margin-bottom:1rem;overflow:hidden}.payment-segment{align-items:center;color:#fff;display:flex;font-size:.75rem;font-weight:600;justify-content:center;min-width:0;overflow:hidden;transition:width .3s ease}.payment-segment span{overflow:hidden;padding:0 .5rem;text-overflow:ellipsis;white-space:nowrap}.payment-segment.principal{background:linear-gradient(135deg,#6366f1,#4f46e5)}.payment-segment.interest{background:linear-gradient(135deg,#f59e0b,#d97706)}.payment-legend{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.legend-item{align-items:center;color:#374151;display:flex;font-size:.875rem;gap:.5rem}.legend-color{border-radius:4px;flex-shrink:0;height:16px;width:16px}.legend-color.principal-color,.principal-color{background:linear-gradient(135deg,#6366f1,#4f46e5)}.interest-color,.legend-color.interest-color{background:linear-gradient(135deg,#f59e0b,#d97706)}.table-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-top:1.5rem;padding:1.25rem}.table-title{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.75rem}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -.5rem;padding:0 .5rem}.amortization-table,.yearly-table{border-collapse:collapse;font-size:.875rem;width:100%}.amortization-table th,.yearly-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#64748b;font-weight:600;padding:.75rem .5rem;text-align:left;white-space:nowrap}.amortization-table td,.yearly-table td{border-bottom:1px solid #f1f5f9;color:#374151;padding:.75rem .5rem;white-space:nowrap}.amortization-table tbody tr:hover,.yearly-table tbody tr:hover{background:#f8fafc}.amortization-table tbody tr:last-child td,.yearly-table tbody tr:last-child td{border-bottom:none}.yearly-table-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-top:1.5rem;padding:1.25rem}.chart-loading{min-height:200px;position:relative}.chart-loading:before{animation:chart-spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#6366f1;content:"";height:40px;left:50%;margin:-20px 0 0 -20px;position:absolute;top:50%;width:40px}.chart-loading:after{color:#64748b;content:"Loading chart...";font-size:.875rem;left:50%;position:absolute;top:calc(50% + 35px);transform:translate(-50%)}@keyframes chart-spin{to{transform:rotate(1turn)}}.low-expense-color{color:#22c55e}.danger-color,.high-expense-color,.lost-expense-color{color:#ef4444}.warning-color{color:#f59e0b}.success-color{color:#22c55e}@media (max-width:768px){.payment-breakdown-section{padding:1rem}.payment-bar{height:32px}.payment-segment{font-size:.65rem}.payment-legend{align-items:flex-start;flex-direction:column;gap:.5rem}.table-section,.yearly-table-section{padding:1rem}.amortization-table td,.amortization-table th,.yearly-table td,.yearly-table th{font-size:.75rem;padding:.5rem .375rem}}@media (max-width:480px){.payment-segment span{font-size:.6rem}.amortization-table,.yearly-table{font-size:.7rem}}