.chatbot{background:#020617;height:100vh;display:flex;overflow:hidden}.chatPage{background:radial-gradient(circle at 0 0,#2563eb25 0%,#0000 35%),radial-gradient(circle at 100% 100%,#7c3aed25 0%,#0000 35%),linear-gradient(#020617,#081224,#0f172a);flex:1;justify-content:center;align-items:flex-start;height:100vh;padding:10px;display:flex;position:relative;overflow:hidden}.chatPage:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:55px 55px;position:fixed;inset:0}.chatCard{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#080f1ebf;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;width:100%;max-width:1150px;height:85%;display:flex;overflow:hidden;box-shadow:0 25px 80px #00000073,0 0 60px #2563eb2e}.header{color:#fff;text-align:center;padding:10px 5px;position:relative}.header:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);animation:5s linear infinite shine;position:absolute;inset:0}.header h1{letter-spacing:1px;margin:0;font-size:2rem;font-weight:800}.header p{opacity:.9;margin-top:8px;font-size:.8rem}.messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:22px;padding:28px;display:flex;overflow-y:auto}.messages::-webkit-scrollbar{width:8px}.messages::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:20px}.messages::-webkit-scrollbar-track{background:0 0}.welcome{text-align:center;color:#020617;background:linear-gradient(135deg,#2563eb,#4f46e5,#7c3aed);border:1px solid #ffffff14;border-radius:22px;align-self:center;max-width:650px;padding:30px;font-size:1rem;line-height:1.8}.welcome p:first-child{letter-spacing:1px;font-size:20px;font-weight:800}.message{display:flex}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.bubble{border-radius:22px;max-width:82%;padding:22px;transition:all .3s;position:relative}.user .bubble{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border-bottom-right-radius:6px;box-shadow:0 15px 35px #2563eb59}.assistant .bubble{color:#e5e7eb;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff14;border-bottom-left-radius:6px}.bubble:hover{transform:translateY(-4px)}.messageHeader{flex-direction:column;gap:15px;display:flex}.messageHeader strong{color:#60a5fa;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.user .messageHeader strong{color:#bfdbfe}.ai-response{color:#e5e7eb;word-break:break-word;font-size:.97rem;line-height:1.9}.ai-response p{margin:0 0 12px}.ai-response h1,.ai-response h2,.ai-response h3{color:#fff;margin:16px 0 10px}.ai-response ul,.ai-response ol{margin:10px 0;padding-left:22px}.ai-response li{margin:8px 0}.ai-response code{color:#60a5fa;background:#111827;border-radius:6px;padding:3px 8px;font-size:.9rem}.ai-response pre{background:#020617;border:1px solid #ffffff14;border-radius:16px;padding:18px;overflow:auto}.ai-response table{border-collapse:collapse;width:100%}.ai-response th,.ai-response td{border:1px solid #ffffff14;padding:10px}.copyBtn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:12px;align-self:flex-end;margin-top:8px;padding:10px 18px;font-weight:600;transition:all .3s}.copyBtn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #2563eb59}.copyBtn.active{color:#020617;background:#90ee90}.typing{justify-content:center;align-items:center;gap:8px;width:85px;display:flex}.typing span{background:#60a5fa;border-radius:50%;width:10px;height:10px;animation:1.2s infinite bounce}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}.inputArea{background:#ffffff08;border-top:1px solid #ffffff14;gap:18px;padding:10px;display:flex}.inputArea .input{color:#fff;resize:none;background:#0f172a;border:1px solid #ffffff14;border-radius:10px;outline:none;flex:1;padding:10px 17px;font-size:1rem;transition:all .3s}.inputArea .input:focus{border-color:#3b82f6;box-shadow:0 0 25px #3b82f640}.inputArea .input::placeholder{color:#94a3b8}.input::-webkit-scrollbar{z-index:0;width:8px}.input::-webkit-scrollbar-thumb{cursor:pointer;background:#3b82f6;border-radius:100px;height:50%}.input::-webkit-scrollbar-track{background:0 0}.inputArea button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:16px;min-width:150px;font-size:1rem;font-weight:700;transition:all .3s}.inputArea button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 35px #2563eb59}.inputArea button:disabled{opacity:.6;cursor:not-allowed}@keyframes bounce{0%,80%,to{opacity:.4;transform:scale(.5)}40%{opacity:1;transform:scale(1)}}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(200%)}}@media (max-width:900px){.chatCard{border-radius:20px;height:86vh}.bubble{max-width:100%}.header h1{font-size:1.6rem}.inputArea{flex-direction:column}.inputArea button{width:100%;min-height:55px}.chatCard{height:100vh}}.left-window{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#080f1ef2;border-right:1px solid #ffffff14;flex-direction:column;width:300px;height:100vh;display:flex;overflow-y:auto;box-shadow:inset -1px 0 #ffffff0d}.left-window::-webkit-scrollbar{width:6px}.left-window::-webkit-scrollbar-thumb{background:#2563eb;border-radius:20px}.left-window::-webkit-scrollbar-track{background:0 0}.sidebar-header{border-bottom:1px solid #ffffff14;padding:25px}.sidebar-header h2{color:#fff;margin:0;font-size:1.5rem}.new-chat-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:14px;margin:20px;padding:14px;font-size:15px;font-weight:700;transition:all .25s}.new-chat-btn:hover{transform:translateY(-2px)}.chat-history{flex-direction:column;gap:10px;padding:10px;display:flex}.history-item{color:#cbd5e1;cursor:pointer;border-radius:14px;padding:14px 18px;transition:all .25s}.history-item:hover{background:#ffffff0d}.history-item.active{color:#fff;background:#2563eb40}.deleteBtn{cursor:pointer;color:#ef4444;background:#ef444426;border:none;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;transition:all .25s;display:flex}.deleteBtn:hover{color:#fff;background:#ef4444;transform:translateY(-2px)}@media (max-width:700px){.chatPage{padding:10px 10px 15px}.messages{padding:18px}.header{padding:20px}.header h1{font-size:1.35rem}.bubble{padding:18px}.left-window{width:0;min-width:0}}