.chat-widget-container{position:fixed;bottom:1rem;right:1rem;z-index:9999}.chat-widget-relative{position:relative}.chat-widget-box{width:20rem;height:24rem;background-color:#363535;border-radius:.75rem;box-shadow:0 10px 25px rgba(0,0,0,.2);display:flex;flex-direction:column;overflow:hidden}.chat-widget-messages-container{flex:1 1;padding:.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.chat-widget-message{padding:.75rem;margin:.5rem 0;border-radius:.75rem;max-width:18rem;font-size:.875rem;word-wrap:break-word}.chat-widget-user-message{background-color:#e6f7ff;color:#008cba;align-self:flex-end}.chat-widget-bot-message{background-color:#f0fff4;color:#4caf50;align-self:flex-start}.chat-widget-message-icon{font-size:1.5rem;vertical-align:middle;margin-right:.25rem}.chat-widget-input-container{padding:.5rem;border-top:1px solid #e5e7eb;display:flex;gap:1rem;align-items:center;background-color:#ffffff}.chat-widget-input{padding:.5rem;width:100%;border-radius:.5rem;border:1px solid #d1d5db;outline:none;color:#333;font-size:.875rem}.chat-widget-input:focus{border-color:#008cba;box-shadow:0 0 0 2px rgba(0,140,186,.2)}.chat-widget-input::placeholder{color:#008cba;opacity:.7}.chat-widget-send-button{background-color:#3b82f6;color:white;display:flex;align-items:center;justify-content:center;padding:.75rem;border-radius:.375rem;width:2.75rem;height:2.75rem;border:none;cursor:pointer;flex-shrink:0;transition:background-color .2s}.chat-widget-send-button:hover{background-color:#2563eb}.chat-widget-send-icon{font-size:1.25rem}.chat-widget-close-button{position:absolute;top:.25rem;right:.25rem;background:none;border:none;cursor:pointer;padding:0;z-index:1}.chat-widget-close-icon{font-size:1.5rem;color:#ef4444;background-color:rgba(255,255,255,.8);border-radius:50%}.chat-widget-toggle-button{position:fixed;bottom:1rem;right:1rem;background:none;border:none;cursor:pointer;padding:0;z-index:9999}.chat-widget-toggle-icon{background-color:#3b82f6;color:white;border-radius:50%;padding:.75rem;box-shadow:0 4px 12px rgba(0,0,0,.15);font-size:1.5rem;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;transition:all .2s}.chat-widget-toggle-icon:hover{background-color:#2563eb;transform:scale(1.05)}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:linear-gradient(135deg,#6e48aa,#9d50bb);color:white;box-shadow:0 4px 20px rgba(0,0,0,.15);position:-webkit-sticky;position:sticky;top:0;z-index:100;height:70px}.user-icon{position:relative;cursor:pointer}.user-icon.active{background:rgba(255,255,255,.3);transform:scale(1.05)}.members-dropdown{position:absolute;top:100%;left:0;background:white;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.2);padding:1rem;width:250px;z-index:1000;margin-top:10px}.dropdown-title{color:#6e48aa;font-size:1rem;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.members-list{list-style:none;padding:0;margin:0;max-height:300px;overflow-y:auto}.member-item{padding:.5rem 0;color:#333;font-size:.9rem;transition:all .2s}.member-item:hover{color:#9d50bb;padding-left:5px}.members-list::-webkit-scrollbar{width:5px}.members-list::-webkit-scrollbar-track{background:#f1f1f1}.members-list::-webkit-scrollbar-thumb{background:#9d50bb;border-radius:5px}.logo-container{gap:1rem}.logo-container,.user-icon{display:flex;align-items:center}.user-icon{width:50px;height:50px;background:rgba(255,255,255,.2);border-radius:50%;justify-content:center;font-size:1.5rem;transition:all .3s ease}.user-icon:hover{transform:scale(1.1);background:rgba(255,255,255,.3)}.logo-text{font-family:Poppins,sans-serif;font-weight:600;font-size:1.4rem;background:linear-gradient(90deg,#ffffff,#f9d5e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.1)}.nav-links{display:flex;gap:1.5rem}.nav-link{padding:.6rem 1.2rem;border-radius:25px;font-weight:500;transition:all .3s ease;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2)}.nav-link:hover{background:rgba(255,255,255,.2);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}@media (max-width:768px){.header{flex-direction:column;height:auto;padding:1rem}.logo-text{font-size:1.2rem}.nav-links{margin-top:1rem}}