:root{--bg: #fff;--panel: #fff;--muted: #6c7f88;--text: #222;--brand: #00AF12;--line: #e5e7eb;--error: #dc2626;--success: #16a34a}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:DM Sans,system-ui,-apple-system,Segoe UI,Arial,sans-serif;font-size:16px;line-height:1.5;height:100%;overflow:hidden}.carflow-shell{height:100vh;display:flex;flex-direction:column;overflow:hidden}.carflow-header{background:var(--panel);border-bottom:1px solid var(--line);padding:clamp(12px,2vw,16px) clamp(16px,4vw,32px);width:100%}.carflow-header h1{font-size:clamp(24px,3.2vw,40px);line-height:1.1;color:#012b3b;font-weight:700;max-width:1200px;margin:0 auto}.carflow-layout{display:flex;flex:1;min-height:0;overflow:hidden;justify-content:center;width:100%}.carflow-progress{display:none}.carflow-progress h3{font-size:13px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin:0 0 16px}.progress-step{padding:12px 14px;margin:4px 0;border-radius:8px;cursor:pointer;border:1px solid transparent;transition:all .2s}.progress-step:hover{background:#f9fafb}.progress-step.active{background:#e9f5ee;border-color:#cce7d6;font-weight:600}.progress-step.completed{color:var(--muted)}.progress-step-number{font-size:12px;color:var(--muted);margin-bottom:4px}.progress-step-title{font-size:14px}.carflow-content{padding:clamp(16px,4vw,32px);max-width:1200px;width:100%;flex:1;overflow-y:auto;min-height:0;margin:0 auto}.error-banner{display:none;background:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:12px 16px;border-radius:8px;margin-bottom:24px}.error-banner.show{display:block}.success-banner{display:none;background:#dcfce7;border:1px solid #bbf7d0;color:#166534;padding:12px 16px;border-radius:8px;margin-bottom:24px}.success-banner.show{display:block}.content-area{min-height:400px}.form-group{margin-bottom:24px}.form-group label{display:block;font-weight:500;margin-bottom:8px;color:var(--text)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 14px;font-size:1rem;border:1px solid #d1d5db;border-radius:8px;background-color:#f9fafb;color:var(--text);font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--brand);background-color:#fff}.ad-description-textarea{min-height:320px;resize:vertical;font-size:1rem}.form-group input[type=checkbox]{width:auto;margin-right:8px}.btn{padding:12px 24px;font-size:1rem;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s;font-family:inherit}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:#009a0f}.btn-secondary{background:#f3f4f6;color:var(--text)}.btn-secondary:hover{background:#e5e7eb}.btn:disabled{opacity:.5;cursor:not-allowed}.loading{opacity:.6;pointer-events:none}.step-title{font-size:clamp(24px,2.8vw,32px);color:#012b3b;font-weight:700;margin:0 0 8px}.step-description{color:var(--muted);font-size:clamp(15px,1.8vw,18px);margin:0 0 32px}@media(max-width:768px){.carflow-content{padding:16px}.carflow-header{padding:12px 16px}.form-group{margin-bottom:20px}.form-group textarea{font-size:16px;min-height:280px;padding:14px}.btn{padding:10px 20px;font-size:.95rem;width:100%}.content-area{min-height:300px}}@media(max-width:480px){.carflow-content{padding:12px}.form-group textarea{min-height:280px;padding:16px}.step-title{font-size:24px}.step-description{font-size:15px;margin-bottom:24px}}@media(min-width:1200px){.carflow-content{padding:32px 24px}}
