.chat-icon{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:grab;box-shadow:0 4px 16px rgba(0,0,0,0.2),0 2px 6px rgba(0,0,0,0.1);z-index:1000;transition:background-color 0.25s ease,box-shadow 0.3s ease,transform 0.15s ease;user-select:none;touch-action:none;box-sizing:border-box;padding:0;overflow:visible}.chat-icon.is-active{background:#c02026;box-shadow:0 4px 18px rgba(192,32,38,0.45),0 2px 6px rgba(0,0,0,0.15)}.chat-icon.dragging{cursor:grabbing;box-shadow:0 8px 28px rgba(0,0,0,0.35);transform:scale(1.08);transition:box-shadow 0.15s ease}.chat-icon:hover:not(.dragging){transform:scale(1.08);box-shadow:0 6px 22px rgba(0,0,0,0.26)}.chat-icon.is-active:hover:not(.dragging){box-shadow:0 6px 22px rgba(192,32,38,0.55)}.chat-icon:focus-visible{outline:3px solid #c02026;outline-offset:3px}.chat-icon-avatar-wrap{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:opacity 0.25s ease,transform 0.25s cubic-bezier(0.4,0,0.2,1);opacity:1;transform:scale(1) rotate(0deg)}.chat-icon.is-active .chat-icon-avatar-wrap{opacity:0;transform:scale(0.4) rotate(-90deg);pointer-events:none}.chat-icon-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;border:3px solid #ffffff;box-sizing:border-box;pointer-events:none;user-select:none;-webkit-user-drag:none}.chat-icon-status{position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:#16a34a;border:2.5px solid #ffffff;border-radius:50%;box-shadow:0 0 0 0 rgba(22,163,74,0.6);animation:pulse 1.6s infinite;pointer-events:none;z-index:2}.chat-icon-close{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffff;opacity:0;transform:scale(0.4) rotate(90deg);transition:opacity 0.25s ease,transform 0.25s cubic-bezier(0.4,0,0.2,1);pointer-events:none;border:3px solid #ffffff;box-sizing:border-box}.chat-icon.is-active .chat-icon-close{opacity:1;transform:scale(1) rotate(0deg);pointer-events:auto}.chat-icon-close svg{stroke:#ffffff;display:block}.chatbot-widget{position:fixed;bottom:100px;right:20px;width:350px;height:500px;background:#fff;border-radius:0;box-shadow:0 2px 10px rgba(0,0,0,0.1);display:flex;flex-direction:column;overflow:hidden;z-index:1000;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;transition:opacity 0.3s ease-in-out,transform 0.3s ease-in-out;opacity:1;transform:translateY(0)}.chatbot-widget.hidden{opacity:0;transform:translateY(20px);pointer-events:none}.chat-header{background:#c02026;color:white;padding:15px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px rgba(192,32,38,0.1)}.chat-title{font-weight:bold}.minimize-btn{background:none;border:none;color:white;font-size:20px;cursor:pointer;padding:0 5px}.chat-messages{flex:1;overflow-y:auto;padding:15px;background:#f0f0f0}.message{max-width:80%;margin:8px 0;padding:10px 15px;border-radius:20px;word-wrap:break-word;animation:fadeIn 0.3s ease-in-out}.user-message{background:#c02026;color:white;margin-left:auto;border-bottom-right-radius:5px}.bot-message{background:white;color:black;margin-right:auto;border-bottom-left-radius:5px}.chat-input{padding:15px;background:white;border-top:1px solid #eee}#chat-form{display:flex;gap:10px}#message-input{flex:1;padding:10px;border:1px solid #ddd;border-radius:20px;outline:none}.send-btn{background:none;border:none;cursor:pointer;padding:5px}.send-btn:focus-visible{outline:2px solid #c02026;border-radius:4px}.send-btn svg{fill:#c02026}.send-btn:hover svg{fill:#a01820}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-icon::after{content:'';position:absolute;top:0;right:0;width:14px;height:14px;background:#c02026;border-radius:50%;border:2.5px solid white;display:none;z-index:3}.chat-icon.has-notification::after{display:block}@media (max-width:480px){.chatbot-widget{width:100%;height:100%;bottom:0;right:0;border-radius:0}}.chat-notification{position:fixed;bottom:82px;right:20px;width:230px;background:#ffffff;color:#1f2937;border-radius:12px;padding:10px 12px;border:1px solid #e5e7eb;box-shadow:0 4px 18px rgba(0,0,0,0.12);z-index:999;animation:slideUp 0.3s ease-out;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;pointer-events:auto}.chat-notification.hidden{display:none !important}.chat-notification p{margin:0;font-size:12px;line-height:1.4;color:#374151}.notification-content{display:flex;flex-direction:column;gap:4px}.notification-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2px}.header-content{display:flex;flex-direction:column;gap:0}.header-content h4,.header-content .notif-name{margin:0;font-size:13px;line-height:1.2;color:#111827}.notif-role{font-size:11px;color:#6b7280;font-weight:500;line-height:1.2}.close-notification{position:absolute;top:6px;right:6px;background:none;border:none;font-size:15px;cursor:pointer;color:#9ca3af;padding:2px 4px;border-radius:4px;line-height:1}.close-notification:hover{color:#111827;background:#f3f4f6}@keyframes slideUp{from{transform:translateY(20px)}to{transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(22,163,74,0.6)}70%{box-shadow:0 0 0 10px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}.option-buttons{display:flex;flex-direction:column;gap:10px;padding:10px 20px 10px 59px;margin-top:8px}.option-btn{background:#ffffff;border:2px solid #c02026;border-radius:12px;padding:12px 20px;font-size:14px;color:#c02026;cursor:pointer;transition:all 0.3s ease;text-align:left;max-width:80%;position:relative;overflow:hidden;font-weight:500;display:flex;align-items:center;justify-content:space-between}.option-btn::after{content:'→';opacity:0;margin-left:8px;transition:all 0.3s ease;transform:translateX(-5px)}.option-btn:hover{background:#c02026;color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(192,32,38,0.2)}.option-btn:hover::after{opacity:1;transform:translateX(0)}.option-btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(192,32,38,0.2)}.message-wrapper{display:flex;align-items:flex-start;margin:12px 0;padding:0 15px;position:relative;clear:both;gap:12px}.message-wrapper:has(.user-message){flex-direction:row-reverse}.profile-image{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0;margin-top:4px}.bot-message .profile-image{margin-right:0}.user-message .profile-image{margin-left:0}.profile-image img{width:100%;height:100%;object-fit:cover}.message{max-width:70%;padding:12px 16px;border-radius:18px;position:relative;word-wrap:break-word;box-shadow:0 1px 2px rgba(0,0,0,0.1);line-height:1.4;margin:0}.bot-message{background:#f0f2f5;color:#050505;border-top-left-radius:4px;margin-right:auto}.admin-message{background:#e7f3ff;color:#050505;margin-right:auto;border-top-left-radius:4px;border-left:4px solid #c02026}.admin-profile{margin-right:0}.user-message{background:#c02026;color:white;border-top-right-radius:4px;margin-left:auto}.chat-messages{padding:15px 0;overflow-y:auto;flex-grow:1;background:#fff}.message-content{margin:0}.typing-indicator{display:flex;gap:4px;padding:12px 16px;background:#f0f2f5;border-radius:18px;border-top-left-radius:4px;width:fit-content}.typing-dot{width:8px;height:8px;background:#90949c;border-radius:50%;animation:typingAnimation 1.4s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:0.2s}.typing-dot:nth-child(3){animation-delay:0.4s}@keyframes typingAnimation{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-4px)}}.send-btn:disabled{cursor:not-allowed;opacity:0.5}#message-input:disabled{background-color:#f9f9f9;cursor:not-allowed}