@import"https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;600;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{--color-primary: #1a2332;--color-secondary: #d4542a;--color-accent: #f4a259;--color-bg: #0f1419;--color-surface: #1a2332;--color-border: #2d3748;--color-text: #e2e8f0;--color-text-muted: #94a3b8;--color-success: #22c55e;--color-warning: #eab308;--color-error: #ef4444;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--font-primary: "Work Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background:radial-gradient(circle at 20% 50%,rgba(212,84,42,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(244,162,89,.08) 0%,transparent 50%),var(--color-bg)}button{font-family:var(--font-primary);font-weight:600;border:none;cursor:pointer;transition:all .2s ease;font-size:1rem}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}.btn-primary{background:var(--color-secondary);color:#fff;padding:.875rem 2rem;border-radius:.5rem;font-size:1.125rem}.btn-primary:hover{background:#c04525;box-shadow:0 4px 12px #d4542a4d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}input{font-family:var(--font-primary);background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text);padding:.875rem 1rem;border-radius:.5rem;font-size:1rem;width:100%;transition:all .2s ease}input:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px #d4542a1a}input::placeholder{color:var(--color-text-muted)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-slide-up{animation:slideUp .4s ease-out}.animate-fade-in{animation:fadeIn .3s ease-out}.intake-form-container{max-width:520px;width:100%;background:var(--color-surface);border-radius:1rem;padding:var(--spacing-xl);border:1px solid var(--color-border);box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff0d}.intake-header{text-align:center;margin-bottom:var(--spacing-xl)}.logo-badge{display:inline-block;background:linear-gradient(135deg,var(--color-secondary),var(--color-accent));color:#fff;font-family:var(--font-mono);font-weight:700;font-size:1.25rem;padding:.75rem 1.5rem;border-radius:.5rem;margin-bottom:var(--spacing-md);letter-spacing:.1em}.intake-header h1{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-text)}.subtitle{color:var(--color-text-muted);font-size:1rem;line-height:1.6}.time-estimate{display:inline-block;margin-top:var(--spacing-xs);color:var(--color-accent);font-weight:600}.intake-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-weight:600;font-size:.9375rem;color:var(--color-text);display:flex;justify-content:space-between;align-items:baseline}.field-hint{font-size:.8125rem;font-weight:400;color:var(--color-text-muted);font-style:italic}.intake-footer{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.security-note{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;color:var(--color-text-muted);justify-content:center}.security-note svg{flex-shrink:0;opacity:.7}@media (max-width: 640px){.intake-form-container{padding:var(--spacing-lg)}.intake-header h1{font-size:1.75rem}}.chat-container{max-width:800px;width:100%;height:85vh;max-height:900px;background:var(--color-surface);border-radius:1rem;border:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff0d}.chat-header{padding:var(--spacing-md);border-bottom:1px solid var(--color-border);background:var(--color-primary);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.dealer-info{display:flex;align-items:center;gap:var(--spacing-sm)}.dealer-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--color-secondary),var(--color-accent));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:#fff}.dealer-details{display:flex;flex-direction:column}.dealer-name{font-weight:600;font-size:1.125rem;color:var(--color-text)}.dealer-location{font-size:.875rem;color:var(--color-text-muted)}.progress-indicator{display:flex;flex-direction:column;align-items:flex-end;gap:.375rem;min-width:140px}.progress-text{font-size:.875rem;color:var(--color-text-muted);font-family:var(--font-mono)}.progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-secondary),var(--color-accent));transition:width .5s ease}.chat-messages{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);background:var(--color-bg)}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.message{display:flex;flex-direction:column;max-width:75%}.message.dealer{align-self:flex-start}.message.candidate{align-self:flex-end}.message-bubble{padding:.875rem 1.125rem;border-radius:1.125rem;font-size:1rem;line-height:1.5;word-wrap:break-word}.message.dealer .message-bubble{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-bottom-left-radius:.375rem}.message.candidate .message-bubble{background:linear-gradient(135deg,var(--color-secondary),var(--color-accent));color:#fff;border-bottom-right-radius:.375rem}.message-time{font-size:.75rem;color:var(--color-text-muted);margin-top:.25rem;padding:0 .5rem}.message.dealer .message-time{align-self:flex-start}.message.candidate .message-time{align-self:flex-end}.typing-indicator{display:flex;gap:.375rem;padding:1rem 1.25rem}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:var(--color-text-muted);animation:pulse 1.4s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.chat-input-container{padding:var(--spacing-md);border-top:1px solid var(--color-border);background:var(--color-surface);display:flex;gap:var(--spacing-sm);flex-shrink:0}.chat-input{flex:1;padding:.875rem 1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:1.5rem;color:var(--color-text);font-size:1rem;font-family:var(--font-primary);resize:none;transition:all .2s ease}.chat-input:focus{outline:none;border-color:var(--color-secondary);background:var(--color-surface)}.chat-input:disabled{opacity:.5;cursor:not-allowed}.send-button{width:48px;height:48px;border-radius:50%;background:var(--color-secondary);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.send-button:hover:not(:disabled){background:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #d4542a4d}.send-button:disabled{opacity:.3;cursor:not-allowed;transform:none}.chat-transition{max-width:600px;width:100%;background:var(--color-surface);border-radius:1rem;padding:var(--spacing-xl);border:1px solid var(--color-border);text-align:center}.transition-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.checkmark{width:80px;height:80px;border-radius:50%;background:var(--color-success);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;animation:scaleIn .5s ease}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.transition-content h2{font-size:1.5rem;color:var(--color-text);margin:0}.transition-divider{width:100%;height:1px;background:var(--color-border);margin:var(--spacing-sm) 0}.next-label{font-size:.875rem;color:var(--color-text-muted);margin:0}.next-dealer{font-size:1.25rem;font-weight:600;color:var(--color-accent);margin:0}.completion-message{font-size:1.125rem;color:var(--color-text-muted);margin:0}@media (max-width: 768px){.chat-container{height:100vh;max-height:none;border-radius:0}.chat-header{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.progress-indicator{width:100%;align-items:stretch}.message{max-width:85%}}.completion-container{max-width:600px;width:100%;background:var(--color-surface);border-radius:1rem;padding:var(--spacing-xl);border:1px solid var(--color-border);box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff0d}.completion-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-lg)}.completion-icon{width:96px;height:96px;color:var(--color-success);animation:scaleIn .6s ease}.completion-content h1{font-size:2rem;font-weight:700;color:var(--color-text);margin:0}.completion-message{font-size:1.125rem;line-height:1.6;color:var(--color-text-muted);margin:0;max-width:480px}.completion-details{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);padding:var(--spacing-lg) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-label{font-size:.875rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.detail-value{font-size:1.5rem;font-weight:700;color:var(--color-text);font-family:var(--font-mono)}.status-badge{display:inline-block;background:#eab3081a;color:var(--color-warning);padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;border:1px solid rgba(234,179,8,.2)}.completion-footer{padding-top:var(--spacing-md)}.completion-footer p{font-size:.9375rem;color:var(--color-text-muted);margin:0}.completion-footer a{color:var(--color-accent);text-decoration:none;font-weight:600;transition:color .2s ease}.completion-footer a:hover{color:var(--color-secondary);text-decoration:underline}@media (max-width: 640px){.completion-container{padding:var(--spacing-lg)}.completion-content h1{font-size:1.75rem}.completion-details{grid-template-columns:1fr}}
