.mode-tabs{display:flex;gap:4px;margin-bottom:var(--space-xs);flex-wrap:wrap}.mode-btn{padding:8px 16px;border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg);cursor:pointer;font-size:.88rem;color:var(--color-text);font-weight:500;transition:all .15s}.mode-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.mode-hint{font-size:.82rem;color:var(--color-text-muted, var(--color-text-light));margin:0 0 var(--space-md) 0}.template-row{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);align-items:center}.template-row select{flex:1;padding:8px 12px;font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg)}.btn-secondary{padding:8px 16px;background:var(--color-bg);color:var(--color-text);font-weight:500;border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;font-size:.9rem;white-space:nowrap}.btn-secondary:hover{background:var(--color-bg-alt)}.budget-section{margin-bottom:var(--space-md);border:1px solid var(--color-border);border-radius:var(--border-radius)}.budget-section>summary{cursor:pointer;font-weight:600;font-size:1rem;color:var(--color-text);padding:var(--space-sm) var(--space-md);background:var(--color-bg-alt);border-radius:var(--border-radius)}.budget-section[open]>summary{border-radius:var(--border-radius) var(--border-radius) 0 0;border-bottom:1px solid var(--color-border)}.budget-section>div{padding:var(--space-md) var(--space-md) var(--space-sm)}.category-block[open]>.category-header{border-radius:var(--border-radius) var(--border-radius) 0 0}.category-name-input{flex:1}.goal-row{flex-wrap:wrap}.goal-row .goal-label{font-size:.78rem;color:var(--color-text-light);min-width:60px}.goal-months{font-size:.82rem;color:var(--color-primary);font-weight:600;min-width:80px;text-align:right}.summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.summary-card{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-md);text-align:center}.summary-label{font-size:.82rem;color:var(--color-text-light);font-weight:500;margin-bottom:var(--space-xs)}.summary-value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text)}.summary-value.highlight{color:var(--color-primary)}.summary-value.negative{color:var(--color-error)}.unassigned-box,.sinking-box{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:var(--space-md);flex-wrap:wrap}.unassigned-label,.sinking-label{font-weight:600;color:var(--color-text)}.unassigned-value,.sinking-value{font-weight:700;font-size:var(--font-size-lg);color:var(--color-primary)}.unassigned-hint{font-size:.82rem;color:var(--color-text-light)}.unassigned-box.zero .unassigned-value{color:var(--color-success)}.unassigned-box.deficit .unassigned-value{color:var(--color-error)}.benchmark-section{margin-bottom:var(--space-lg)}.benchmark-section h3{margin-top:0;margin-bottom:var(--space-md);font-size:1rem}.benchmark-item{margin-bottom:var(--space-md)}.bench-label{font-size:.85rem;font-weight:500;color:var(--color-text);margin-bottom:4px}.bench-bar-track{height:24px;background:#f1f5f9;border-radius:12px;overflow:hidden;position:relative}.bench-bar-fill{height:100%;border-radius:12px;transition:width .5s ease;min-width:2px}.needs-bar{background:#3b82f6}.wants-bar{background:#f59e0b}.savings-bar{background:#22c55e}.bench-values{display:flex;gap:var(--space-sm);font-size:.85rem;margin-top:4px}.bench-delta{font-weight:600}.bench-delta.over{color:var(--color-error)}.bench-delta.under{color:var(--color-success)}.housing-ratio{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-alt);border-radius:var(--border-radius);margin-top:var(--space-sm);font-size:.9rem}.housing-icon{font-size:1.1rem}.warning-box{padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius);margin-bottom:var(--space-sm);font-size:.9rem;line-height:1.5}.warning-box.warn{background:#fef3c7;border:1px solid #f59e0b;color:#92400e}.warning-box.strong_warn{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.insight-box{padding:var(--space-sm) var(--space-md);background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--border-radius);margin-bottom:var(--space-sm);font-size:.9rem;line-height:1.5;color:#1e40af}.goal-projection{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-bg-alt);border-radius:var(--border-radius);margin-bottom:var(--space-sm)}.goal-projection .gp-name{font-weight:600;color:var(--color-text)}.goal-projection .gp-detail{font-size:.85rem;color:var(--color-text-light)}.goal-projection .gp-time{font-weight:600;color:var(--color-primary)}.chart-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);margin-top:var(--space-lg)}.chart-tab{padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg);cursor:pointer;font-size:.9rem;color:var(--color-text);font-weight:500;transition:all .2s}.chart-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.chart-container{position:relative;height:280px;margin-bottom:var(--space-lg)}.advanced-options{margin-top:var(--space-lg)}.advanced-options summary{cursor:pointer;font-weight:600;color:var(--color-text);padding:var(--space-sm) 0}.schedule-table-wrapper{overflow-x:auto;margin-bottom:var(--space-lg)}.cols-4 th:nth-child(1),.cols-4 td:nth-child(1){width:30%;text-align:left}.cols-4 th:nth-child(2),.cols-4 td:nth-child(2){width:25%;text-align:right}.cols-4 th:nth-child(3),.cols-4 td:nth-child(3){width:20%;text-align:right}.cols-4 th:nth-child(4),.cols-4 td:nth-child(4){width:25%;text-align:right}.scenario-section{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.checkbox-field{margin:var(--space-sm) 0}.checkbox-field label{display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;font-weight:500;color:var(--color-text)}.checkbox-field input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary)}.input-hint{font-size:.82rem;color:var(--color-text-muted, var(--color-text-light));margin:2px 0 var(--space-sm) 0;display:block}.scenario-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-md)}.btn-scenario{padding:8px 14px;background:var(--color-bg);color:var(--color-text);font-weight:500;border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;font-size:.85rem;transition:all .15s}.btn-scenario:hover{border-color:var(--color-primary);color:var(--color-primary)}.scenario-comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.scenario-card{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-md)}.scenario-card h4{margin:0 0 var(--space-sm) 0;font-size:.95rem}.sc-row{display:flex;justify-content:space-between;padding:4px 0;font-size:.9rem}.sc-row span:last-child{font-weight:600}.scenario-diff{grid-column:1 / -1;text-align:center;padding:var(--space-sm);background:var(--color-bg-alt);border-radius:var(--border-radius);font-size:.95rem}.action-buttons{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-lg)}.btn-action{padding:10px 18px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.88rem;font-weight:500;transition:background .2s,transform .1s}.btn-action:hover{opacity:.9}.btn-action:active{transform:scale(.98)}.btn-danger{background:var(--color-bg);color:var(--color-error);border:1px solid var(--color-error)}.btn-danger:hover{background:#fef2f2;opacity:1}.privacy-note{font-size:.8rem;color:var(--color-text-light);margin-top:var(--space-sm);font-style:italic}.seo-section{margin-top:var(--space-2xl)}.seo-section h2{margin-bottom:var(--space-sm)}.seo-section h3{margin-top:var(--space-lg);margin-bottom:var(--space-xs)}.seo-section p{line-height:1.7;margin-bottom:var(--space-md)}.seo-section ul,.seo-section ol{padding-left:var(--space-lg);margin-bottom:var(--space-md)}.seo-section li{margin-bottom:var(--space-sm);line-height:1.6}.tips-list li{margin-bottom:var(--space-md)}.example-block{margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--color-bg-alt);border-radius:var(--border-radius);border-left:3px solid var(--color-primary)}.example-block h3{margin-top:0;margin-bottom:var(--space-xs);font-size:.95rem}.example-block p{margin:0;line-height:1.6}.benchmarks-table-wrap{overflow-x:auto;margin-bottom:var(--space-md)}@media (max-width: 768px){.summary-cards{grid-template-columns:1fr 1fr}.scenario-comparison{grid-template-columns:1fr}.mode-tabs{gap:2px}.mode-btn{padding:6px 10px;font-size:.82rem}.template-row{flex-direction:column}.income-row,.expense-item-row,.goal-row{flex-wrap:wrap}}@media (max-width: 480px){.summary-cards{grid-template-columns:1fr}}