:root{--accent:#3b4fd8;--accent-light:#3b4fd822;--bg:#f4f6f9;--bg-chat:#fff;--header-bg:#3b4fd8;--bubble-ai-bg:#f5f5f5;--bubble-ai-color:#1a1a2e;--bubble-user-bg:#3b4fd8;--text-primary:#1a1a2e;--text-muted:#888;--input-bg:#fff;--input-border:#e0e0e0;--shadow:#00000014;--primary:var(--accent);--primary-dark:var(--accent);--primary-light:var(--accent-light);--black:var(--text-primary);--white:#fff;--gray:var(--text-muted);--gray-light:var(--bg);--gray-border:var(--input-border);--bubble-user:var(--bubble-user-bg);--bubble-ai:var(--bubble-ai-bg);--radius:18px;--radius-sm:8px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px}.app{background:var(--bg-chat);max-width:480px;height:100%;box-shadow:0 0 40px var(--shadow);flex-direction:column;margin:0 auto;display:flex;position:relative}.chat-header{background:var(--header-bg);color:#fff;flex-shrink:0;align-items:center;gap:12px;padding:14px 16px;display:flex}.header-logo{object-fit:contain;flex-shrink:0;max-width:120px;height:36px}.header-avatar-img{object-fit:cover;border:2px solid #ffffff4d;border-radius:50%;flex-shrink:0;width:40px;height:40px}.header-avatar{background:#ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.header-info{flex:1;min-width:0}.header-name{font-size:15px;font-weight:700;line-height:1.2}.header-status{opacity:.85;font-size:12px}.messages-area{background:var(--bg-chat);scroll-behavior:smooth;flex-direction:column;flex:1;gap:10px;padding:16px 12px;display:flex;overflow-y:auto}.message{align-items:flex-end;gap:8px;display:flex}.message.user{flex-direction:row-reverse}.bubble-avatar{background:var(--primary-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.bubble-wrap{flex-direction:column;gap:3px;max-width:75%;display:flex}.message.user .bubble-wrap{align-items:flex-end}.bubble{border-radius:var(--radius);word-break:break-word;white-space:pre-wrap;padding:10px 14px;font-size:14px;line-height:1.5}.bubble.ai{background:var(--bubble-ai-bg);color:var(--bubble-ai-color);border-bottom-left-radius:4px}.bubble.user{background:var(--bubble-user);color:var(--white);border-bottom-right-radius:4px}.bubble-time{color:var(--gray);padding:0 4px;font-size:11px}.typing-indicator{align-items:flex-end;gap:8px;display:flex}.typing-dots{background:var(--bubble-ai);border-radius:var(--radius);border-bottom-left-radius:4px;align-items:center;gap:5px;padding:12px 16px;display:flex}.typing-dots span{background:var(--gray);border-radius:50%;width:7px;height:7px;animation:.9s ease-in-out infinite bounce}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.order-summary{border:2px solid var(--primary);border-radius:var(--radius-sm);background:var(--white);margin:4px 0;overflow:hidden}.order-summary-header{background:var(--primary);color:var(--white);padding:10px 14px;font-size:13px;font-weight:700}.order-summary-body{padding:12px 14px}.order-row{border-bottom:1px solid var(--gray-border);justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.order-row:last-child{border-bottom:none}.order-label{color:var(--gray)}.order-value{text-align:right;font-weight:600}.order-total{background:var(--primary-light);border-top:1px solid var(--primary);justify-content:space-between;padding:10px 14px;font-size:14px;font-weight:700;display:flex}.order-actions{background:var(--gray-light);gap:8px;padding:10px 14px;display:flex}.btn-confirm{background:var(--primary);color:var(--white);border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;padding:10px;font-size:13px;font-weight:700;transition:background .15s}.btn-confirm:hover{background:var(--primary-dark)}.btn-cancel{background:var(--white);color:var(--gray);border:1px solid var(--gray-border);border-radius:var(--radius-sm);cursor:pointer;flex:1;padding:10px;font-size:13px;font-weight:600}.input-bar{padding:12px 14px;padding-bottom:max(12px, env(safe-area-inset-bottom));background:var(--input-bg);border-top:1px solid var(--input-border);flex-shrink:0;align-items:flex-end;gap:10px;display:flex}.input-wrap{background:var(--bg);border:1px solid var(--input-border);border-radius:22px;flex:1;align-items:flex-end;padding:8px 14px;transition:border-color .2s;display:flex}.input-wrap:focus-within{border-color:var(--accent)}.input-wrap textarea{resize:none;min-height:22px;max-height:120px;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px;line-height:1.5}.send-btn{background:var(--primary);width:42px;height:42px;color:var(--white);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:background .15s,transform .1s;display:flex}.send-btn:hover{background:var(--primary-dark)}.send-btn:active{transform:scale(.93)}.send-btn:disabled{background:var(--gray-border);cursor:not-allowed}.state-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:32px;display:flex}.state-icon{font-size:48px}.state-title{font-size:18px;font-weight:700}.state-desc{color:var(--gray);font-size:14px;line-height:1.6}.messages-area::-webkit-scrollbar{width:4px}.messages-area::-webkit-scrollbar-thumb{background:var(--gray-border);border-radius:4px}