body{margin:0;padding:0;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg, #0d0d0d, #1b1b1b);scrollbar-width:none}body::-webkit-scrollbar{width:0;height:0}#users-list li.active-chat{background-color:#d0e8ff}#login-container{width:320px;margin:120px auto;text-align:center;padding:20px;background-color:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1)}#login-container h2{margin-bottom:1rem}#login-container input{width:90%;padding:10px;margin:5px 0;border-radius:3px;border:1px solid #ccc}#login-container button{padding:10px 20px;margin-top:10px;border-radius:3px;background-color:#9ac4bf;color:#fff;border:none;cursor:pointer}#login-container button:hover{background-color:#7ab1ab}.timestamp{display:block;font-size:.8em;color:#666;margin-top:4px}#main-container{height:100vh;display:flex;flex-direction:column}#btn-borrar-usuario{pointer-events:none;opacity:.6}#content{display:flex}#chat-list{width:250px;-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll}#chat-list::-webkit-scrollbar,#chat-window::-webkit-scrollbar,#messages::-webkit-scrollbar{display:none}#chat-window{flex:1;-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll}#admin-panel{display:none}#header{background:radial-gradient(circle at top left, #e7dede -38%, #1b1b1b 100%);color:#fff;padding:10px;display:flex;justify-content:space-between;align-items:center}#header h2{margin:0}#header button{border:2px solid #000;border-radius:11px;padding:5px 10px;cursor:pointer}#header button:hover{background-color:#fff;color:#9ac4bf}#content{flex:1;display:flex;height:calc(100vh - 60px)}#chat-list{width:25%;border-right:none;overflow-y:auto}#chat-list h3{margin:0;padding:12px;background:linear-gradient(135deg, #0d0d0d, #1b1b1b);color:#0f6;margin-bottom:14px}#chat-list ul{list-style:none;padding:0;margin:0}#chat-list li{padding:13px 21px;cursor:pointer;background:#0f6;margin-bottom:16px;border-radius:21px;transition:background-color .2s;font-size:1.1rem;font-weight:bold;box-shadow:2px 2px 5px rgba(0,0,0,.4)}#chat-list li:hover{background-color:#eee}#chat-list li.unread{background-color:#ffe5b4}#chat-window{width:50%;display:flex;flex-direction:column;background:linear-gradient(135deg, #0d0d0d, #1b1b1b)}#chat-window #chat-header{background:linear-gradient(135deg, #0d0d0d, #1b1b1b);color:#0f6;padding:12px}#chat-window #chat-header h3{margin:0}#chat-window #messages{flex-grow:1;padding:10px;overflow-y:auto;margin-bottom:20px;-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll}#admin-panel{width:25%;padding:10px;overflow-y:auto;background:linear-gradient(135deg, #0d0d0d, #1b1b1b)}#admin-panel h3{margin-top:0;margin-bottom:16px;font-size:2rem;color:#0f6;text-shadow:2px 2px 5px rgba(0,0,0,.8)}#admin-panel button{display:block;margin-bottom:10px;border-radius:3px;background-color:#0f6;color:#000;border:none;padding:9px;font-size:1.1rem;font-weight:bold;border-radius:8px;transition:background-color .2s ease;cursor:pointer}#admin-panel button:hover{background-color:#7ab1ab}.error{color:red}#messages p{padding:8px;margin:5px;border-radius:5px;max-width:70%;clear:both}.company-message{background-color:#dcf8c6;float:left;text-align:left}.client-message{background-color:#f1f0f0;float:right;text-align:right}.modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.modal-content{background-color:#fff;padding:20px;width:50%;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.3);max-height:80vh;overflow-y:auto}.modal{position:fixed;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.5);z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:5px;max-width:600px;width:90%;margin:0 auto}.modal-actions{margin-top:15px;text-align:right}.modal-actions button{padding:8px 15px;margin-left:10px;border:none;border-radius:3px;cursor:pointer}.modal-actions button#save-prompt-btn{background-color:#128c7e;color:#fff}.modal-actions button#cancel-prompt-btn{background-color:#ccc;color:#333}.category-button{display:block;width:100%;padding:10px;margin:5px 0;border:1px solid #128c7e;background-color:#fff;color:#128c7e;border-radius:5px;cursor:pointer;text-align:left;transition:background-color .2s}.category-button:hover{background-color:#f1f1f1}.product-container{padding-left:20px;margin-bottom:10px}.unread-indicator{display:inline-block;width:10px;height:10px;background-color:orange;border-radius:50%;margin-left:5px}.category-slider{display:flex;align-items:center;margin-bottom:10px}.slider-arrow{background-color:#128c7e;color:#fff;border:none;padding:5px 10px;cursor:pointer;border-radius:3px}.slider-container{overflow-x:hidden;white-space:nowrap;flex-grow:1;margin:0 10px}.slider-container .category-button{display:inline-block;margin-right:5px}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;background-color:#e8e8e8}.modal .modal-content{width:40%;padding:30px;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.2)}button{transition:background-color .2s ease}button:hover{opacity:.9}#logo-container{display:inline-block;vertical-align:middle}#logo{height:40px;margin-right:10px}button.close-btn{background-color:red !important;color:#000 !important;border:none;font-weight:bold;padding:8px 12px;border-radius:4px}.dios-header{display:flex;align-items:center;justify-content:center;position:relative;padding:10px}#dios-panel{position:relative;width:100%;height:100vh;background:linear-gradient(135deg, #0d0d0d, #1b1b1b);color:#fff;overflow:hidden}.logo-dios{position:absolute;top:10px;right:10px;height:60px;object-fit:contain}.logout-dios-btn{position:absolute;top:10px;left:10px;background:#e74c3c;color:#fff;border:none;padding:12px 18px;cursor:pointer;font-weight:bold;border-radius:5px;box-shadow:1px 1px 3px rgba(0,0,0,.3);transition:background .3s}.logout-dios-btn:hover{background:#c0392b}.dios-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.dios-title{font-size:3rem;color:#0f6;text-shadow:2px 2px 5px rgba(0,0,0,.8);margin-bottom:0 auto}.dios-container button{background:#0f6;color:#000;border:none;padding:15px 30px;font-size:1.1rem;font-weight:bold;border-radius:8px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;box-shadow:2px 2px 5px rgba(0,0,0,.4);transition:background .3s,transform .2s}.dios-container button:hover{background:#00cc52;transform:scale(1.05)}/*# sourceMappingURL=style.min.css.map */