html,body,#root{background:#343541;width:100%;height:100%;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}.app{flex-direction:column;width:100%;height:100vh;display:flex}.chat-page{flex-direction:column;flex:1;display:flex;overflow:hidden}.header{background:#202123;border-bottom:1px solid #343541;justify-content:space-between;align-items:center;height:70px;padding:0 24px;display:flex}.header-left{align-items:center;gap:15px;display:flex}.logo{color:#fff;background:#10a37f;border-radius:10px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.header h2{color:#fff;margin:0;font-size:20px}.header span{color:#999;font-size:13px}.status{color:#ddd;align-items:center;gap:8px;font-size:14px;display:flex}.dot{background:#00d26a;border-radius:50%;width:10px;height:10px}.chat-row{width:100%;margin-bottom:24px;display:flex}.user-row{justify-content:flex-end}.assistant-row{justify-content:flex-start;gap:12px}.chat-bubble{word-break:break-word;border-radius:14px;max-width:700px;padding:16px}.user-bubble{color:#fff;background:#10a37f}.assistant-bubble{color:#fff;background:#444654}.assistant-icon{color:#fff;background:#10a37f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.assistant-content{flex:1;max-width:850px}.bubble-header{align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.bubble-text{white-space:pre-wrap;line-height:1.6}.chat-window{background:#343541;flex:1;padding:25px;overflow-y:auto}.welcome{text-align:center;color:#fff;max-width:900px;margin:80px auto auto}.welcome h1{margin-bottom:20px;font-size:34px}.welcome p{color:#cfcfcf;margin-bottom:30px;font-size:18px}.examples{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.example-card{cursor:pointer;background:#444654;border:1px solid #555;border-radius:12px;padding:18px;transition:all .25s}.example-card:hover{background:#50525d;transform:translateY(-2px)}@media (width<=700px){.examples{grid-template-columns:1fr}}.order-card{color:#fff;background:#444654;border:1px solid #5b5d69;border-radius:14px;width:100%;max-width:700px;padding:22px}.order-header{align-items:center;gap:10px;margin-bottom:20px;display:flex}.order-header h3{margin:0;font-size:20px}.order-row{border-bottom:1px solid #5d5f68;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.product-name{font-size:16px;font-weight:500}.qty-section{align-items:center;gap:10px;display:flex}.qty{text-align:center;width:32px;font-size:17px;font-weight:700}.icon-btn{color:#fff;cursor:pointer;background:#343541;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.icon-btn:hover{background:#10a37f}.delete-btn{color:#fff;cursor:pointer;background:#6d2c2c;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;margin-left:12px;transition:all .2s;display:flex}.delete-btn:hover{background:#d63a3a}.summary{margin-top:20px;margin-bottom:20px;font-size:16px}.confirm-btn{color:#fff;cursor:pointer;background:#10a37f;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.confirm-btn:hover{background:#0db38a}.empty-order{text-align:center;color:#ddd;padding:30px;font-size:16px}.booking-card{color:#fff;background:#444654;border:1px solid #5a5c66;border-radius:14px;width:100%;max-width:650px;padding:22px}.booking-header{align-items:center;gap:10px;margin-bottom:24px;display:flex}.booking-header h3{margin:0;font-size:20px}.booking-body{flex-direction:column;gap:18px;margin-bottom:24px;display:flex}.booking-row{align-items:center;gap:16px;display:flex}.booking-info{flex-direction:column;flex:1;gap:6px;display:flex}.booking-info span{color:#bfbfbf;font-size:13px}.booking-info input{color:#fff;background:#343541;border:none;border-radius:8px;outline:none;height:42px;padding:0 14px;font-size:15px}.booking-confirm-btn{color:#fff;cursor:pointer;background:#10a37f;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.booking-confirm-btn:hover{background:#12b88d}.typing-row{align-items:flex-start;gap:12px;margin:20px 0;display:flex}.typing-avatar{color:#fff;background:#10a37f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.typing-card{background:#444654;border:1px solid #565869;border-radius:14px;min-width:180px;padding:16px}.typing-header{color:#fff;margin-bottom:12px;font-size:14px;font-weight:600}.typing-content{align-items:center;gap:6px;margin-bottom:10px;display:flex}.typing-content span{background:#10a37f;border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite typing}.typing-content span:nth-child(2){animation-delay:.2s}.typing-content span:nth-child(3){animation-delay:.4s}.typing-text{color:#bfbfbf;font-size:13px}@keyframes typing{0%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}to{opacity:.3;transform:translateY(0)}}.chat-input-wrapper{background:#343541;border-top:1px solid #444654;padding:18px 24px}.chat-input-container{background:#40414f;border:1px solid #565869;border-radius:16px;align-items:flex-end;gap:12px;max-width:900px;margin:auto;padding:12px;display:flex}.chat-input-container textarea{resize:none;color:#fff;background:0 0;border:none;outline:none;flex:1;max-height:180px;font-family:inherit;font-size:16px;line-height:1.6;overflow-y:auto}.chat-input-container textarea::placeholder{color:#bdbdbd}.send-btn{color:#fff;cursor:pointer;background:#10a37f;border:none;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;transition:all .25s;display:flex}.send-btn:hover{background:#18b58d}.send-btn:disabled{cursor:not-allowed;background:#666}.chat-footer{text-align:center;color:#999;max-width:900px;margin:10px auto 0;font-size:12px}@media (width<=768px){.chat-input-wrapper{padding:12px}.chat-input-container{padding:10px}.send-btn{width:42px;height:42px}}