.chatbot-container{justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:20px;display:flex;position:relative;overflow:hidden}.tech-background{z-index:0;background:linear-gradient(135deg,#0a0e27 0%,#1a1f3a 50%,#0f1419 100%);width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.tech-grid{background-image:linear-gradient(#00ffff08 1px,#0000 1px),linear-gradient(90deg,#00ffff08 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;position:absolute}.tech-glow{filter:blur(80px);opacity:.4;border-radius:50%;animation:15s ease-in-out infinite float;position:absolute}.tech-glow-1{background:radial-gradient(circle,#0ff9 0%,#0000 70%);width:400px;height:400px;top:10%;left:10%}.tech-glow-2{background:radial-gradient(circle,#8a2be299 0%,#0000 70%);width:300px;height:300px;top:60%;right:15%}.tech-glow-3{background:radial-gradient(circle,#00bfff80 0%,#0000 70%);width:350px;height:350px;bottom:10%;left:50%}.puter-window{background:#fff;border-radius:12px;flex-direction:column;width:1000px;height:700px;margin:40px auto auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014}.tech-window{z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f141ef2;border:1px solid #0ff3;position:relative;box-shadow:0 8px 32px #0006,0 0 0 1px #00ffff1a,inset 0 1px #ffffff1a}.puter-window.maximized{border-radius:0;width:100vw;height:100vh;margin:0}.puter-window.minimized{cursor:pointer;width:300px;height:40px}.puter-window.minimized .window-content{display:none}.window-titlebar{-webkit-user-select:none;user-select:none;-webkit-app-region:drag;background:linear-gradient(#f5f5f5 0%,#e8e8e8 100%);border-bottom:1px solid #d0d0d0;justify-content:space-between;align-items:center;min-height:40px;padding:8px 12px;display:flex}.tech-titlebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#00ffff1a 0%,#8a2be21a 100%);border-bottom:1px solid #0ff3}.window-title{color:#333;flex:1;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.tech-title-text{background:linear-gradient(135deg,#0ff 0%,#8a2be2 100%);-webkit-text-fill-color:transparent;letter-spacing:.5px;-webkit-background-clip:text;background-clip:text;font-size:14px;font-weight:700}.tech-subtitle{color:#fff9;margin-left:8px;font-size:11px;font-weight:400}.tech-icon-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.tech-icon{color:#0ff;filter:drop-shadow(0 0 8px #0ff9);z-index:1;font-size:18px}.tech-pulse{background:#00ffff4d;border-radius:50%;width:24px;height:24px;position:absolute}.tech-status{color:#ffffffb3;background:#00ffff1a;border:1px solid #0ff3;border-radius:12px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;display:flex}.status-dot{background:#0f0;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #0f0c}.window-icon{color:#0019a5;font-size:16px}.window-controls{-webkit-app-region:no-drag;gap:4px;display:flex}.window-control-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;transition:all .2s;display:flex}.window-control-btn:hover{color:#333;background:#00000014}.window-control-btn.close-btn:hover{color:#fff;background:#e81123}.window-content{background:#fafafa;flex-direction:column;flex:1;display:flex;overflow:hidden}.tech-window .window-content{background:#0a0e1bcc}.chat-messages{scroll-behavior:smooth;background:#fff;flex:1;padding:20px;overflow-y:auto}.tech-window .chat-messages{background:0 0}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1}.tech-window .chat-messages::-webkit-scrollbar-track{background:#ffffff0d}.chat-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.tech-window .chat-messages::-webkit-scrollbar-thumb{background:#00ffff4d;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.tech-window .chat-messages::-webkit-scrollbar-thumb:hover{background:#00ffffb3;box-shadow:0 0 10px #00ffff80}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px 20px;display:flex}.tech-empty-state{position:relative}.empty-icon{color:#0019a5;opacity:.6;margin-bottom:20px;font-size:64px}.tech-empty-icon{color:#0ff;opacity:1;filter:drop-shadow(0 0 20px #0ff9);margin-bottom:30px;font-size:72px;position:relative}.tech-icon-ring{border:2px solid #00ffff4d;border-radius:50%;width:100px;height:100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-state h3{color:#333;margin-bottom:8px;font-size:20px;font-weight:600}.tech-welcome-title{background:linear-gradient(135deg,#0ff 0%,#8a2be2 100%);-webkit-text-fill-color:transparent;letter-spacing:.5px;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:24px;font-weight:700}.empty-state p{color:#666;margin-bottom:24px;font-size:14px}.tech-welcome-subtitle{color:#ffffffb3;margin-bottom:32px;font-size:15px}.suggestions{flex-wrap:wrap;justify-content:center;gap:8px;max-width:500px;display:flex}.suggestion-chip{color:#333;cursor:pointer;background:#f0f0f0;border:1px solid #e0e0e0;border-radius:20px;padding:8px 16px;font-size:13px;transition:all .2s}.tech-chip{color:#0ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00ffff1a;border:1px solid #00ffff4d;font-weight:500}.tech-chip:hover{color:#fff;background:#00ffff40;border-color:#0ff;transform:translateY(-2px);box-shadow:0 4px 16px #00ffff80}.suggestion-chip:hover{background:#e0e0e0;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.messages-list{flex-direction:column;gap:20px;display:flex}.message-wrapper{gap:12px;display:flex}.user-message{flex-direction:row-reverse}.message-avatar{flex-shrink:0}.avatar{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.tech-user-avatar{background:linear-gradient(135deg,#0ff 0%,#0080ff 100%);position:relative;box-shadow:0 0 20px #00ffff80}.avatar-glow{background:radial-gradient(circle,#0ff6 0%,#0000 70%);border-radius:50%;width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bot-glow{background:radial-gradient(circle,#8a2be266 0%,#0000 70%)}.bot-avatar{background:#f0f0f0;border:2px solid #e0e0e0}.tech-bot-avatar-wrapper{position:relative}.tech-bot-avatar{background:#8a2be21a;border:2px solid #8a2be280;box-shadow:0 0 15px #8a2be266}.message-content{flex-direction:column;flex:1;gap:4px;max-width:70%;display:flex}.user-message .message-content{align-items:flex-end}.bot-message .message-content{align-items:flex-start}.message-text{word-wrap:break-word;border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.6}.user-message .message-text{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom-right-radius:4px}.tech-window .user-message .message-text{color:#0ff;background:linear-gradient(135deg,#0ff3 0%,#0080ff33 100%);border:1px solid #00ffff4d;box-shadow:0 4px 12px #0ff3}.bot-message .message-text{color:#333;background:#f5f5f5;border:1px solid #e8e8e8;border-bottom-left-radius:4px}.tech-window .bot-message .message-text{color:#ffffffe6;background:#8a2be21a;border:1px solid #8a2be24d;box-shadow:0 4px 12px #8a2be233}.message-text p{margin:0}.message-text p:not(:last-child){margin-bottom:8px}.message-text code:not(pre code){color:#d63384;background:#00000014;border:1px solid #0000001a;border-radius:4px;padding:3px 6px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Courier New,monospace;font-size:13px;font-weight:500}.bot-message .message-text code:not(pre code){color:#d63384;background:#00000014}.user-message .message-text code:not(pre code){color:#fff;background:#ffffff40;border-color:#ffffff4d}.message-text pre{background:#1e1e1e;border:1px solid #333;border-radius:8px;max-width:100%;margin:12px 0;padding:16px;position:relative;overflow-x:auto;box-shadow:0 2px 8px #00000026}.bot-message .message-text pre{background:#1e1e1e;border-color:#333}.user-message .message-text pre{background:#0000004d;border-color:#fff3}.message-text pre code{color:#d4d4d4;white-space:pre;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Courier New,monospace;font-size:13px;line-height:1.6;display:block;overflow-x:auto;background:0 0!important;border:none!important;padding:0!important}.bot-message .message-text pre code{color:#d4d4d4}.user-message .message-text pre code{color:#fffffff2}.message-text pre code .keyword{color:#569cd6}.message-text pre code .string{color:#ce9178}.message-text pre code .number{color:#b5cea8}.message-text pre code .function{color:#dcdcaa}.message-text pre code .comment{color:#6a9955}.message-text pre code .variable{color:#9cdcfe}.message-text pre code .operator{color:#d4d4d4}.message-text pre::-webkit-scrollbar{height:8px}.message-text pre::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.message-text pre::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.message-text pre::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.message-text pre+p,.message-text p+pre{margin-top:12px}.message-text table{border-collapse:collapse;width:100%;margin:12px 0;font-size:13px}.message-text table th,.message-text table td{text-align:left;border:1px solid #0000001a;padding:8px 12px}.message-text table th{background:#0000000d;font-weight:600}.user-message .message-text table th{background:#ffffff26}.user-message .message-text table th,.user-message .message-text table td{border-color:#fff3}.message-text ul,.message-text ol{margin:8px 0;padding-left:20px}.message-time{color:#999;padding:0 4px;font-size:11px}.tech-window .message-time{color:#fff6}.typing-indicator{background:#f5f5f5;border:1px solid #e8e8e8;border-radius:12px 12px 12px 4px;align-items:center;gap:4px;padding:12px 16px;display:flex}.tech-window .typing-indicator{background:#8a2be21a;border:1px solid #8a2be24d}.dot{background-color:#999;border-radius:50%;width:8px;height:8px}.tech-window .dot{background-color:#8a2be2;box-shadow:0 0 8px #8a2be299}.chat-input-container{background:#fff;border-top:1px solid #e8e8e8;padding:16px}.tech-input-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f141ecc;border-top:1px solid #0ff3}.input-wrapper{align-items:center;gap:8px;display:flex}.chat-input{resize:none;background:0 0;border:2px solid #e0e0e0;border-radius:12px;outline:none;flex:1;max-height:120px;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}.tech-input-border{flex:1;position:relative}.tech-input{resize:none;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #00ffff4d;border-radius:4px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .3s}.tech-input .ant-input{font-size:14px;color:#fff!important;background:0 0!important;border:none!important;padding:0!important}.tech-input .ant-input::placeholder{color:#fff6!important}.tech-input:focus .ant-input{color:#fff!important;background:0 0!important}.tech-input::placeholder{color:#fff6}.tech-input:focus::placeholder{color:#ffffff80}.tech-input:focus{outline:none;box-shadow:0 0 0 3px #00ffff4d,0 0 25px #0ff6;color:#fff!important;background:0 0!important;border-color:#0ff!important}.tech-input:hover{background:#ffffff12;border-color:#00ffff80}.chat-input:focus{background:#fff;border-color:#0019a5;box-shadow:0 0 0 3px #0019a51a}.chat-input:disabled{cursor:not-allowed;opacity:.6;background:#f5f5f5}.send-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:49px;margin-top:0;font-size:16px;transition:all .2s;display:flex}.tech-send-button{background:linear-gradient(135deg,#0ff 0%,#0080ff 100%);border:1px solid #00ffff80;position:relative;overflow:hidden}.tech-send-button .button-glow{opacity:0;background:radial-gradient(circle,#ffffff4d 0%,#0000 70%);width:100%;height:100%;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tech-send-button:hover:not(:disabled) .button-glow{opacity:1}.send-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.tech-send-button:hover:not(:disabled){background:linear-gradient(135deg,#0ff 0%,#00bfff 100%);border-color:#0ff;transform:translateY(-2px)scale(1.05);box-shadow:0 6px 25px #0ff9,0 0 40px #0ff6}.tech-send-button:focus:not(:disabled){background:linear-gradient(135deg,#0ff 0%,#00bfff 100%);border-color:#0ff;outline:none;box-shadow:0 0 0 3px #00ffff4d,0 6px 25px #0ff9,0 0 40px #0ff6}.send-button:active:not(:disabled){transform:translateY(0)}.send-button:disabled{cursor:not-allowed;opacity:.6;background:#d0d0d0}.input-hint{color:#999;margin-top:6px;padding-left:4px;font-size:11px}.tech-hint{text-align:center;margin-top:8px}.tech-hint-text{color:#ffffff80;font-size:11px;font-weight:400}@media screen and (max-width:900px){.puter-window{border-radius:0;width:100vw;height:100vh;margin:0}.tech-window{border:none;border-radius:0}.chatbot-container{padding:0}.puter-window.maximized{width:100vw;height:100vh}.message-content{max-width:85%}}@media screen and (min-width:1800px){.puter-window{width:1200px;height:800px}.puter-window.maximized{width:100vw;height:100vh}}