@import "https://fonts.googleapis.com/css2?family=Prata:wght@400;700&family=Jost:wght@400;500;600&display=swap";:root{--primary:#2d6a4f;--primary-light:#3d8a64;--primary-dark:#1e4a35;--secondary:#f9f7f2;--accent:#e0b1cb;--accent-light:#e8c5d6;--surface:#fff;--surface-gray:#f0f0f0;--text:#2d2d2d;--text-light:#6b6b6b;--border:#e0e0e0;--success:#4caf50;--warning:#ff9800;--error:#e57373;--dark-bg:#0a251b;--dark-surface:#142820;--dark-text:#e8e8e8;--dark-text-light:#a0a0a0;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--shadow-sm:0 2px 4px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #0000001f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--font-heading:"Prata", serif;--font-body:"Jost", sans-serif}@media (prefers-color-scheme:dark){:root{--secondary:#0a251b;--surface:#142820;--surface-gray:#1e3a2e;--text:#e8e8e8;--text-light:#a0a0a0;--border:#2e4a3e;--accent:#d4a0c0}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--secondary);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text);margin:0;font-weight:400}h1{font-size:2rem;line-height:1.2}h2{font-size:1.5rem;line-height:1.3}h3{font-size:1.25rem;line-height:1.4}p{margin:0}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-light)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);border:none;font-size:1rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background-color:var(--surface-gray);border-color:var(--primary)}.btn-accent{background-color:var(--accent);color:var(--text)}.btn-accent:hover{background-color:var(--accent-light)}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.btn-lg{padding:var(--spacing-lg) var(--spacing-xl);font-size:1.125rem}.card{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.card:hover{box-shadow:var(--shadow-md)}input,textarea,select{width:100%;padding:var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);background-color:var(--surface);color:var(--text);transition:border-color var(--transition-fast);font-size:1rem}input:focus,textarea:focus,select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2d6a4f1a}.badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{background-color:var(--primary);color:#fff}.badge-accent{background-color:var(--accent);color:var(--text)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-gray)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.hidden{display:none}.app{background:var(--secondary);flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--surface);border-bottom:1px solid var(--border);padding:var(--spacing-lg) var(--spacing-xl);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;display:flex}.header-content{gap:var(--spacing-xs);flex-direction:column;display:flex}.logo{align-items:center;gap:var(--spacing-md);display:flex}.logo-img{object-fit:contain;width:40px;height:40px}.logo h1{font-family:var(--font-heading);color:var(--primary);margin:0;font-size:1.5rem}.subtitle{color:var(--text-light);margin:0;font-size:.875rem}.progress-bar{justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-lg) var(--spacing-xl);background:var(--secondary);display:flex}.progress-step{background:var(--surface-gray);width:32px;height:32px;color:var(--text-light);transition:all var(--transition-base);border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.progress-step.active{background:var(--primary);color:#fff}.progress-step.current{border-color:var(--accent);transform:scale(1.1)}.step-number{justify-content:center;align-items:center;display:flex}.chat-container{width:100%;max-width:1200px;padding:var(--spacing-lg);gap:var(--spacing-lg);flex-direction:column;flex:1;margin:0 auto;display:flex}.messages-area{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;flex:1;min-height:400px;max-height:500px;display:flex;overflow-y:auto}.message{gap:var(--spacing-xs);flex-direction:column;max-width:80%;animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.agent{align-self:flex-start}.message.user{align-self:flex-end;align-items:flex-end}.message-content{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);position:relative}.message.agent .message-content{background:var(--primary);color:#fff;border-bottom-left-radius:var(--radius-sm)}.message.user .message-content{background:var(--surface-gray);color:var(--text);border-bottom-right-radius:var(--radius-sm)}.message .script{opacity:.9;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid #fff3;font-style:italic}.message.user .script{border-bottom-color:var(--border)}.message-time{color:var(--text-light);padding:0 var(--spacing-sm);font-size:.75rem}.typing-indicator{padding:var(--spacing-md);gap:4px;display:flex}.typing-indicator span{background:#fff9;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typing}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.action-area{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);animation:.3s slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quick-replies{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.quick-replies .btn{justify-content:center;align-items:center;gap:var(--spacing-sm);flex:1;min-width:140px;display:flex}.flag{font-size:1.5rem}.icon{font-size:1.25rem}.preferences-section{gap:var(--spacing-lg);flex-direction:column;display:flex}.label{margin-bottom:var(--spacing-sm);color:var(--text);font-weight:600}.color-selector,.style-selector,.custom-input{gap:var(--spacing-sm);flex-direction:column;display:flex}.color-buttons{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.color-btn{border:3px solid var(--border);background:var(--surface);cursor:pointer;width:48px;height:48px;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.color-btn:hover{border-color:var(--accent);transform:scale(1.1)}.color-btn.selected{border-color:var(--primary);background:var(--primary-light);box-shadow:var(--shadow-md)}.style-buttons{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.bouquet-recommendations{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.bouquet-card{background:var(--secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--border);gap:var(--spacing-md);transition:all var(--transition-base);flex-direction:column;display:flex}.bouquet-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-4px)}.bouquet-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);display:flex}.bouquet-header h3{color:var(--primary);margin:0;font-size:1.125rem}.bouquet-composition{color:var(--text-light);margin:0;font-style:italic}.cultural-insight{background:var(--accent-light);padding:var(--spacing-md);border-radius:var(--radius-md);gap:var(--spacing-sm);align-items:flex-start;display:flex}.insight-icon{flex-shrink:0;font-size:1.25rem}.cultural-insight p{color:var(--text);margin:0;font-size:.875rem}.flower-meanings{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.meaning-tag{background:var(--surface);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);color:var(--text-light);border:1px solid var(--border);font-size:.75rem}.warning-banner{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);color:#e65100;background:#fff3e0;border-left:4px solid #ff9800;font-size:.875rem}.upsell-section{gap:var(--spacing-md);flex-direction:column;display:flex}.upsell-card{gap:var(--spacing-md);padding:var(--spacing-md);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:var(--surface);display:flex}.upsell-card:hover{border-color:var(--accent);background:var(--secondary)}.upsell-card.selected{border-color:var(--primary);background:var(--primary-light)}.upsell-info{flex:1}.upsell-info h4{margin:0 0 var(--spacing-xs);color:var(--text)}.upsell-price{margin:0 0 var(--spacing-sm);color:var(--primary);font-weight:600}.upsell-script{color:var(--text-light);margin:0;font-size:.875rem;font-style:italic}.upsell-checkbox{padding:var(--spacing-sm);align-items:center;display:flex}.upsell-checkbox input[type=checkbox]{cursor:pointer;width:24px;height:24px;accent-color:var(--primary)}.order-summary{gap:var(--spacing-lg);flex-direction:column;align-items:center;display:flex}.summary-card{background:var(--secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--border);width:100%;max-width:500px}.summary-card h3{margin:0 0 var(--spacing-lg);color:var(--primary);text-align:center}.summary-item{padding:var(--spacing-sm) 0;color:var(--text);justify-content:space-between;display:flex}.summary-divider{background:var(--border);height:1px;margin:var(--spacing-md) 0}.summary-item.total{color:var(--primary);font-size:1.125rem;font-weight:700}.total-price{font-size:1.5rem}@media (width<=768px){.app-header{gap:var(--spacing-md);text-align:center;flex-direction:column}.header-content{align-items:center}.logo{flex-direction:column}.progress-bar{padding:var(--spacing-md)}.progress-step{width:28px;height:28px;font-size:.625rem}.chat-container{padding:var(--spacing-md)}.messages-area{min-height:300px;max-height:400px}.message{max-width:90%}.quick-replies{flex-direction:column}.quick-replies .btn{width:100%}.bouquet-recommendations{grid-template-columns:1fr}.upsell-card{flex-direction:column}.summary-card{max-width:100%}}