.sidebar{background-color:#1c1c1e;box-shadow:2px 0 5px #00000080;color:#fff;height:100vh;left:0;padding:16px;position:fixed;top:0;width:300px}.sidebar,.sidebar-header{display:flex;flex-direction:column}.sidebar-header{gap:10px;margin-bottom:20px}.header-button{background-color:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:12px;text-align:center;transition:background-color .3s;width:100%}.header-button:hover{background-color:#555}.chat-list{display:flex;flex-direction:column;margin-top:20px;overflow-y:auto}.chat-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;margin-bottom:10px;padding:10px;transition:background-color .3s}.chat-item:hover{background-color:#333}.chat-pfp{border-radius:50%;height:48px;margin-right:12px;width:48px}.chat-info{display:flex;flex-direction:column}.chat-name{font-size:16px;font-weight:600}.chat-last-message{color:#a0a0a0;font-size:14px}body,html{align-items:center;background-color:#000;color:#fff;display:flex;font-family:Roboto,sans-serif;height:100%;justify-content:center;margin:0;padding:0}.login-container{background:#ffffff0d;border-radius:10px;box-shadow:0 0 30px #00000080;max-width:400px;padding:20px;text-align:center;width:100%}.login-title{font-size:24px;font-weight:700;margin-bottom:20px}.login-button{background-color:#444;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px;transition:background .3s ease;width:90%}.login-button:hover{background-color:#555}.login-button:active{background-color:#666}.login-small-text{color:#888;font-size:14px;margin-top:20px}.login-small-text a{color:#888;text-decoration:none;transition:color .3s ease}.login-small-text a:hover{color:#aaa}.register-link{color:#aaa;cursor:pointer;font-weight:700;transition:color .3s ease}.register-link:hover{color:#fff}@media (max-width:768px){.login-container{padding:15px}.login-title{font-size:20px}.input-container input,.login-button{font-size:14px}}.register-container{background:#ffffff0d;border-radius:10px;box-shadow:0 0 30px #00000080;max-width:400px;padding:20px;text-align:center;width:100%}.register-title{font-size:24px;font-weight:700;margin-bottom:20px}.input-container{margin-bottom:15px;text-align:left}.input-container label{display:block;font-size:14px;margin-bottom:5px}.input-container input{background-color:#111;border:1px solid #333;border-radius:5px;color:#fff;font-size:16px;padding:10px;transition:border .3s ease;width:90%}.input-container input:focus{border-color:#444;outline:none}.success-message{color:#28a745}.error-message,.success-message{font-size:14px;margin-bottom:15px}.error-message{color:#ff6b6b}.register-button{background-color:#444;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px;transition:background .3s ease;width:90%}.register-button:hover{background-color:#555}.register-button:active{background-color:#666}
/*# sourceMappingURL=main.808a72d4.css.map*/