.octobot-widget{z-index:99999;position:fixed;bottom:20px;right:20px}.octobot-button{cursor:pointer;background:#fff;border:2px solid #1dd3f8;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #1dd3f866}.octobot-button:hover{transform:scale(1.1);box-shadow:0 6px 25px #1dd3f899}.octobot-button img{object-fit:contain;filter:none;width:50px;height:50px;animation:3s ease-in-out infinite octobotFloat}.octobot-pulse{opacity:.6;background:#1dd3f8;border-radius:50%;width:100%;height:100%;animation:2s infinite octobotPulse;position:absolute}@keyframes octobotPulse{0%{opacity:.6;transform:scale(1)}50%{opacity:.3;transform:scale(1.2)}to{opacity:0;transform:scale(1.4)}}@keyframes octobotFloat{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-5px)rotate(2deg)}50%{transform:translateY(-8px)rotate(0)}75%{transform:translateY(-5px)rotate(-2deg)}}.octobot-chat{background:#fff;border-radius:20px;flex-direction:column;width:380px;max-width:calc(100vw - 40px);height:600px;max-height:calc(100vh - 120px);animation:.3s octobotSlideUp;display:flex;position:absolute;bottom:90px;right:0;overflow:hidden;box-shadow:0 10px 40px #00000026}@keyframes octobotSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes octobotSlideUpMobile{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.octobot-header{color:#fff;background:linear-gradient(135deg,#1dd3f8 0%,#0ea5e9 100%);align-items:center;gap:12px;padding:20px;display:flex}.octobot-avatar{background:#ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;padding:5px;display:flex;overflow:hidden}.octobot-avatar img{object-fit:contain;filter:none;width:100%;height:100%;animation:3s ease-in-out infinite octobotFloat}.octobot-header-info{flex:1}.octobot-header-info h3{color:#fff;margin:0;font-size:18px;font-weight:600}.octobot-header-info span{opacity:.9;margin-top:2px;font-size:12px;display:block}.octobot-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:all .3s;display:flex}.octobot-close:hover{background:#ffffff4d}.octobot-messages{background:#f8f9fa;flex-direction:column;flex:1;gap:15px;padding:20px;display:flex;overflow-y:auto}.octobot-message{align-items:flex-start;gap:10px;display:flex}.octobot-message.user{flex-direction:row-reverse}.octobot-avatar-small{background:#1dd3f81a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:3px;display:flex;overflow:hidden}.octobot-avatar-small img{object-fit:contain;filter:none;width:100%;height:100%;animation:3s ease-in-out infinite octobotFloat}.octobot-message-content{flex:1;max-width:75%}.octobot-message.bot .octobot-message-content{background:#fff;border-radius:18px 18px 18px 4px;padding:12px 16px;box-shadow:0 2px 8px #0000000d}.octobot-message.user .octobot-message-content{color:#fff;background:linear-gradient(135deg,#1dd3f8 0%,#0ea5e9 100%);border-radius:18px 18px 4px;padding:12px 16px}.octobot-message-content p{color:#212121;white-space:pre-line;margin:0;font-size:14px;line-height:1.5}.octobot-message.user .octobot-message-content p{color:#fff}.octobot-typing-cursor{color:#1dd3f8;margin-left:2px;font-weight:600;animation:1s infinite octobotBlink;display:inline-block}@keyframes octobotBlink{0%,50%{opacity:1}51%,to{opacity:0}}.octobot-buttons{flex-direction:column;gap:8px;margin-top:12px;display:flex}.octobot-btn{color:#1dd3f8;cursor:pointer;text-align:left;background:#f0f9ff;border:1px solid #1dd3f8;border-radius:12px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .3s}.octobot-btn:hover{color:#fff;background:#1dd3f8;transform:translate(4px)}.octobot-btn.primary{color:#fff;text-align:center;background:linear-gradient(135deg,#1dd3f8 0%,#0ea5e9 100%);border:none;font-weight:600}.octobot-btn.primary:hover{transform:scale(1.02);box-shadow:0 4px 12px #1dd3f866}.octobot-form{flex-direction:column;gap:10px;margin-top:12px;display:flex}.octobot-form input,.octobot-form textarea{resize:none;border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:13px;transition:all .3s}.octobot-form input:focus,.octobot-form textarea:focus{border-color:#1dd3f8;outline:none;box-shadow:0 0 0 3px #1dd3f81a}.octobot-form input.error,.octobot-form textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.octobot-form input.error:focus,.octobot-form textarea.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}.octobot-form button:disabled{opacity:.6;cursor:not-allowed}@media (max-width:767px){.octobot-widget{bottom:15px;right:15px}.octobot-button{width:60px;height:60px}.octobot-button img{width:40px;height:40px}.octobot-chat{width:calc(100vw - 30px);max-width:400px;height:calc(100vh - 100px);max-height:600px;margin:0;animation:.3s octobotSlideUpMobile;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%)}}