body{font-family:Arial,sans-serif;margin:0}.auth-container{margin:50px auto;max-width:400px;text-align:center}.auth-container input{display:block;margin:10px 0;padding:10px;width:100%}.auth-container button{padding:10px 20px}.header nav a,.header nav button{color:#fff;margin-left:20px;text-decoration:none}.sidebar{background-color:#f4f4f4;height:100vh;left:0;position:fixed;top:0;width:200px}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar ul li{padding:15px 20px}.sidebar ul li a{color:#333;text-decoration:none}.layout{display:flex;flex-direction:column;height:100vh}.chat-container{display:flex;flex:1 1;overflow:hidden}.contacts-list{background-color:#f3f3f3;border-right:1px solid #ddd;display:flex;flex:0.25 1;flex-direction:column;overflow-y:auto;padding:16px}.contacts-list h3{margin-bottom:16px}.contact-item{background-color:#fff;border:1px solid #0000;border-radius:8px;cursor:pointer;margin-bottom:8px;padding:10px;transition:background-color .3s ease,border .3s ease}.contact-item:hover{background-color:#ececec}.contact-item.active{background-color:#d1f7c4;border:1px solid #4caf50}.chat-area{background-color:#f9f9f9;flex:0.75 1;flex-direction:column}.chat-area,.chat-window{display:flex;padding:16px}.chat-window{background-color:#fff;border:1px solid #ddd;border-radius:8px;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;scroll-behavior:smooth}.message{word-wrap:break-word;border-radius:12px;max-width:60%;padding:10px 16px;position:relative}.my-message{background-color:#f7cbc4;border-top-right-radius:0;color:#000}.their-message{background-color:#f6dfdf;border-top-left-radius:0;color:#000}.message-form{display:flex;gap:8px;margin-top:16px}.message-form input{border:1px solid #ddd;border-radius:8px;flex:1 1;padding:10px}.message-form button{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 16px}.message-form button:hover{background-color:#45a049}.timestamp{color:#888;display:block;font-size:12px;margin-top:4px;text-align:right}.their-message .timestamp{text-align:left}.header{align-items:center;background-color:#2c3e50;color:#fff;display:flex;font-size:1.2rem;justify-content:space-between;padding:1rem;position:relative}.header h1{margin:0}.nav{display:flex;gap:1rem}.nav a{color:#fff;font-weight:700;text-decoration:none}.nav button{background-color:initial;border:none;color:#fff;cursor:pointer}.menu-button{display:none}@media (max-width:768px){.nav{background-color:#34495e;border-radius:5px;display:none;flex-direction:column;padding:1rem;position:absolute;right:10px;top:50px}.nav.open{display:flex}.menu-button{color:#fff;display:block}.nav a,.nav button{margin:10px 0}}.sidebar .sidebar-content{padding:1rem;width:250px}.contact-button{text-align:left;width:100%}@media (max-width:768px){.sidebar{max-width:300px;width:100%}}@keyframes scrollMessage{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.scroll-message-container{animation:scrollMessage 10s linear infinite;background-color:#69d06d;color:#fff;font-size:20px;font-weight:700;left:0;overflow:hidden;padding:10px;position:fixed;top:5px;white-space:nowrap;width:60%;z-index:9999}.scroll-message{display:inline-block;padding-right:100%}
/*# sourceMappingURL=main.e7ebdff2.css.map*/