body{font-family:Arial,sans-serif}#chat-icon{position:fixed;bottom:20px;right:20px;cursor:pointer;z-index:1000}#chat-icon img{width:55px;height:55px;border-radius:50%}#chat-box{position:fixed;bottom:80px;right:20px;width:300px;height:400px;background-color:#fff;border:1px solid #ccc;box-shadow:0 0 10px rgba(0,0,0,.1);display:none;flex-direction:column;z-index:1000}#chat-header{background-color:#000;color:#fff;padding:10px;text-align:center;font-size:18px}#chat-content{flex:1;padding:10px;overflow-y:auto}#chat-footer{display:flex;padding:10px;border-top:1px solid #ccc}#chat-footer input{flex:1;padding:5px;margin-right:50px;border:1px solid #ccc;border-radius:5px;width:calc(93% - 0px)}#chat-footer button{padding:5px 10px;background-color:#000;color:#fff;border:none;border-radius:3px;cursor:pointer;width:50px}.chat-message{padding:10px;margin-bottom:10px;border-radius:5px}.user-message{background-color:#f0f0f0;color:#000;align-self:flex-end}.date-header{font-weight:bold;color:#000;text-align:center;margin:10px 0}.message-item{background-color:#e0e0e0;padding:10px;margin:5px;border-radius:5px}.admin-message{background-color:#000;color:#fff;padding:10px;margin:5px;border-radius:5px;opacity:1;position:relative}.admin-message img.icon{position:absolute;top:-10px;left:-10px;width:3px;height:3px}.admin-icon{width:30px;height:30px}.message-space{height:20px}.message-container{display:flex;flex-direction:row;align-items:center;margin-bottom:12px}.message-item{width:90%}.message-time{margin-left:auto;font-size:12px;color:#666}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#555}::-webkit-scrollbar-thumb:active{background-color:#000}