body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{align-items:center;background:linear-gradient(135deg,#517da2,#7695ae);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;justify-content:center;margin:0}.login-card{background:#fff;border-radius:12px;box-shadow:0 15px 35px #0003;max-width:360px;padding:40px;text-align:center;width:90%}.login-card h2{color:#3892d7;margin-bottom:25px}.login-field{margin-bottom:15px;text-align:left}.login-field label{color:#3892d7;display:block;font-size:12px;font-weight:700;margin-bottom:4px;text-transform:uppercase}.login-field input{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:15px;outline:none;padding:12px;width:100%}.login-field input:focus{border-color:#3892d7}.login-button{background:#3892d7;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:10px;padding:14px;transition:background .3s;width:100%}.login-button:hover{background:#2f7eb9}.chat-app{background:#fff;display:flex;height:100vh;overflow:hidden;width:100%}@media (min-width:768px){.chat-app{border-radius:8px;box-shadow:0 10px 30px #0003;height:90vh;max-width:1200px;width:95vw}}.chat-sidebar{background:#fff;border-right:1px solid #e6e6e6;display:flex;flex-direction:column;width:300px}.sidebar-header{border-bottom:1px solid #f2f2f2;font-size:18px;font-weight:600;padding:15px}.room-avatar{background:#517da2;border-radius:50%;color:#fff;font-weight:700;height:45px;justify-content:center;margin-right:12px;width:45px}.room-avatar,.room-item{align-items:center;display:flex}.room-item{background:#eff6ff;padding:12px 16px}.chat-content{background:#e7ebf0;background-image:url(https://githubusercontent.com);display:flex;flex:1 1;flex-direction:column}.chat-header{align-items:center;background:#fff;border-bottom:1px solid #e6e6e6;display:flex;justify-content:space-between;padding:10px 20px}.messages-container{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px}.message-row{display:flex;margin-bottom:6px;width:100%}.row-mine{justify-content:flex-end}.row-others{justify-content:flex-start}.message-bubble{box-shadow:0 1px 2px #10232f26;display:flex;flex-direction:column;font-size:15px;max-width:70%;padding:6px 12px;position:relative}.message-mine{background:#effdde;border-radius:12px 12px 0 12px}.message-others{background:#fff;border-radius:12px 12px 12px 0}.message-info{color:#3892d7;font-size:13px;font-weight:600;margin-bottom:2px}.message-time{align-self:flex-end;color:#a0aab3;font-size:11px;margin-left:10px}.input-area{align-items:center;background:#fff;display:flex;gap:15px;padding:15px 20px}.input-area input{border:none;flex:1 1;font-size:16px;outline:none}.send-button{background:none;border:none;color:#4fa4e3;cursor:pointer}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}
/*# sourceMappingURL=main.e8c5ca7a.css.map*/