body{color:#f5f5f5;background:radial-gradient(circle at top,#0a0a0a,#000);margin:0;font-family:Inter,sans-serif}.sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#d4af37;background:#000000e6;border-right:1px solid #d4af3726;width:260px;height:100vh;padding:18px;box-shadow:inset -1px 0 #d4af371a}.sidebar h2{color:#d4af37;text-shadow:0 0 8px #d4af3780}.sidebar-btn{color:#d4af37;cursor:pointer;background:#d4af370d;border:1px solid #d4af3740;border-radius:10px;width:100%;margin-top:10px;padding:12px;transition:all .25s}.sidebar-btn:hover{background:#d4af3726;border-color:#d4af37;transform:translate(4px)}.chat-container{background:radial-gradient(circle,#0b0b0b,#000);flex-direction:column;flex:1;display:flex}.chat-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #d4af3726;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chat-header h3{color:#d4af37;text-shadow:0 0 10px #d4af3766;margin:0}.status{color:#aaa;font-size:12px}.chat-body{flex:1;padding:30px 40px;overflow-y:auto}.empty-state h2{color:#d4af37;text-shadow:0 0 10px #d4af3766}.suggestions button:hover{background:#d4af3726;transform:translateY(-2px)}.chat-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #d4af3726;padding:16px 20px;display:flex}.chat-input textarea{color:#fff;background:#0a0a0acc;border:1px solid #d4af3733;border-radius:12px;outline:none;flex:1;padding:12px;transition:all .2s}.chat-input textarea:focus{border-color:#d4af37;box-shadow:0 0 10px #d4af374d}.chat-input button{color:#000;cursor:pointer;background:linear-gradient(135deg,#d4af37,#facc15);border:none;border-radius:12px;margin-left:10px;padding:12px 16px;font-weight:600;transition:all .25s}.chat-input button:hover{transform:scale(1.05);box-shadow:0 0 15px #d4af3799}.message-user{color:#000;background:linear-gradient(135deg,#d4af37,#facc15);box-shadow:0 0 12px #d4af3766}.message-bot{background:#141414e6;border:1px solid #d4af3726}.typing span{background:#d4af37;box-shadow:0 0 8px #d4af3799}.chat-container{color:#fff;background:#0b0b0b;flex-direction:column;height:100%;display:flex}.chat-body{scroll-behavior:smooth;flex:1;padding:24px;overflow-y:auto}.message{word-break:break-word;border-radius:14px;max-width:65%;margin:12px 0;padding:12px 16px;font-size:14px;line-height:1.6}.message.assistant{background:#111;border:1px solid #d4af3733;border-bottom-left-radius:4px}.message.user{color:#000;background:linear-gradient(135deg,#d4af37,#facc15);border-bottom-right-radius:4px;margin-left:auto}.message h3{color:#facc15;margin-bottom:6px}.message p{margin:6px 0}.message pre{background:#0d0d0d;border-radius:8px;padding:10px;font-size:13px;overflow-x:auto}.message code{color:#0fc}.empty-state{text-align:center;color:#aaa;margin-top:80px}.empty-state h2{color:#fff;margin-bottom:10px}.suggestions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.suggestions button{color:#ddd;cursor:pointer;background:#111;border:1px solid #222;border-radius:20px;padding:8px 14px;transition:all .2s}.suggestions button:hover{background:#1a1a1a;border-color:#d4af37}.chat-input{background:#0b0b0b;border-top:1px solid #222;padding:12px;display:flex}.chat-input textarea{resize:none;color:#fff;background:#111;border:none;border-radius:8px;outline:none;flex:1;max-height:120px;padding:10px}.send-btn{cursor:pointer;background:linear-gradient(135deg,#d4af37,#facc15);border:none;border-radius:8px;margin-left:10px;padding:10px 14px;font-weight:600;transition:transform .15s}.send-btn:hover{transform:scale(1.05)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.typing{gap:6px;padding:10px;display:flex}.typing span{background:#888;border-radius:50%;width:6px;height:6px;animation:1.4s infinite blink}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}