.chat-root{display:flex;height:100vh;overflow:hidden;background:var(--bg-main)}.chat-sidebar{width:260px;background:linear-gradient(180deg,var(--daasu-teal),#12b6bf);color:#fff;padding:14px;display:flex;flex-direction:column}.new-chat-btn{padding:12px;border-radius:14px;background:linear-gradient(135deg,var(--daasu-orange),#ff7f11);color:#fff;border:none;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:14px;box-shadow:0 8px 20px #ff9a3c59;transition:transform .15s ease,box-shadow .15s ease}.new-chat-btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px #ff9a3c73}.chat-history{flex:1;overflow-y:auto}.chat-history-item{padding:10px 12px;border-radius:10px;cursor:pointer;font-size:13.5px;margin-bottom:6px;background:#ffffff26;color:#fff}.chat-history-item:hover{background:#ffffff40}.chat-history-item.active{background:#fff;color:var(--daasu-teal);font-weight:600}.chat-main{flex:1;display:flex;flex-direction:column;height:100%;background:var(--bg-chat)}.chat-header{height:56px;background:linear-gradient(90deg,var(--daasu-teal),var(--daasu-orange));color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-weight:600}.header-left{display:flex;align-items:center;gap:10px}.menu-btn{display:none;font-size:22px;background:none;border:none;color:#fff;cursor:pointer}.online{font-size:12px;opacity:.9}.chat-body{flex:1;overflow-y:auto;padding:16px;background:linear-gradient(180deg,var(--bg-chat),#eef1f4)}.chat-bubble{background:var(--bg-white);border:1px solid var(--border-light);border-radius:16px;padding:12px 14px;margin-bottom:12px;max-width:75%;box-shadow:0 4px 10px #0000000a}.chat-input{position:sticky;bottom:0;background:#fff;border-top:1px solid #e5e7eb;padding:10px;z-index:20;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.chat-input-wrapper{position:relative;background:#fff;border:1px solid #d1d5db;border-radius:18px;padding:10px 44px 10px 14px;display:flex;align-items:flex-end}.chat-input textarea{width:100%;resize:none;border:none;outline:none;font-size:14px;line-height:24px;max-height:136px;overflow-y:auto;background:transparent;color:#111827}.chat-input textarea::-webkit-scrollbar{width:6px}.chat-input textarea::-webkit-scrollbar-thumb{background:#c7c7c7;border-radius:6px}.chat-textarea{flex:1;resize:none;border-radius:18px;border:1px solid #d1d5db;padding:10px 14px;font-size:14px;line-height:24px;outline:none;background:#fff;color:#111827;max-height:120px}.send-btn{position:absolute;right:8px;bottom:8px;width:32px;height:32px;border-radius:50%;border:none;background:linear-gradient(135deg,#22d3ee,#fb923c);color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease,transform .15s ease}.send-btn:disabled{opacity:.4;cursor:not-allowed}.send-btn:not(:disabled):hover{transform:scale(1.05)}.send-btn:hover{transform:scale(1.05)}.chat-textarea::-moz-placeholder{color:#9ca3af}.chat-textarea::placeholder{color:#9ca3af}.chat-input input{flex:1;height:42px;border-radius:999px;border:1px solid var(--border-light);padding:0 18px;background:#fff;font-size:14px}.chat-input input::-moz-placeholder{color:var(--text-muted)}.chat-input input::placeholder{color:var(--text-muted)}.chat-sidebar img{filter:drop-shadow(0 6px 14px rgba(0,0,0,.25))}@media(max-width:768px){.chat-root{height:100dvh}.chat-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(70px + env(safe-area-inset-bottom))}.chat-input{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #e5e7eb;padding:10px;z-index:999;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.chat-sidebar{position:fixed;left:-260px;top:0;height:100%;z-index:1000;transition:left .25s ease}.chat-sidebar.open{left:0}.menu-btn{display:block}.sidebar-overlay{position:fixed;inset:0;background:#0006;z-index:999}}.flex{display:flex}.w-full{width:100%}.max-w-\[85\%\]{max-width:85%}.resize{resize:both}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.rounded-full{border-radius:3.40282e38px}.break-words{overflow-wrap:break-word}.\[animation-delay\:-0\.3s\]{animation-delay:-.3s}.\[animation-delay\:-0\.15s\]{animation-delay:-.15s}*{box-sizing:border-box;margin:0;padding:0}:root{--daasu-teal:#1ecad3;--daasu-teal-soft:#e6f7f8;--daasu-orange:#ff9a3c;--daasu-orange-soft:#fff1e3;--bg-main:#f6f7f8;--bg-chat:#f3f4f6;--bg-white:#fff;--text-main:#1f2937;--text-muted:#6b7280;--border-light:#e5e7eb}html,body,#root{background:var(--bg-main);width:100%;height:100%;color:var(--text-main);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,sans-serif}