.step.completed{color:#22c55e}.step.completed .step-number{background:#22c55e;color:white}.step-line.active{background:#22c55e}.form-group .hint{font-size:.85em;color:#64748b;margin-top:5px}#results{display:none}#results.active{display:block}.category-row .name{flex:1;font-weight:600;color:#334155}.category-row .spend{width:120px;text-align:right;color:#64748b;font-size:.9em}.category-row .savings{width:150px;text-align:right;font-weight:700;color:#22c55e}.category-row .bar-container{width:120px;height:8px;background:#e2e8f0;border-radius:4px;margin-left:15px;overflow:hidden}.category-row .bar{height:100%;background:#22c55e;border-radius:4px}.footer{background:#f1f5f9;padding:20px;text-align:center;font-size:.85em;color:#64748b}.footer a{color:#22c55e;text-decoration:none}.gate-overlay.visible{opacity:1;visibility:visible}.gate-overlay.visible .gate-modal{transform:translateY(0)}.gate-benefits{background:#f8fafc;border-radius:10px;padding:16px;margin-bottom:24px}.gate-benefit{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:.9rem;color:#334155}.benefit-icon{font-size:1.1rem}.gate-body .validation_error{display:none!important}