*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:40px;text-align:center;width:100%}.login-container h1{color:#667eea;font-size:2.5rem;margin-bottom:10px}.subtitle{color:#666;font-size:.95rem;margin-bottom:30px}.form{display:flex;flex-direction:column;gap:15px}.form input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:12px 16px;transition:border-color .3s}.form input:focus{border-color:#667eea;outline:none}.form button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px;transition:transform .2s}.form button:hover{transform:translateY(-2px)}.test-users{background:#f5f5f5;border-radius:8px;font-size:.9rem;margin-top:30px;padding:20px;text-align:left}.test-users p{color:#666;margin:5px 0}.chat-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;height:80vh;max-width:1200px;overflow:hidden;width:100%}.sidebar{background:#f8f9fa;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;width:300px}.sidebar-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px}.sidebar-header h2{font-size:1.5rem;margin-bottom:8px}.current-user{font-size:.85rem;opacity:.9}.users-list{flex:1 1;overflow-y:auto;padding:10px}.users-list h3{color:#666;font-size:.85rem;letter-spacing:1px;padding:10px;text-transform:uppercase}.user-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin:4px 0;padding:12px 16px;transition:background .2s}.user-item:hover{background:#e0e0e0}.user-item.selected{background:#667eea;color:#fff}.status-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.status-dot.online{background:#4caf50;box-shadow:0 0 8px #4caf50}.status-dot.offline{background:#999}.chat-area{display:flex;flex:1 1;flex-direction:column}.chat-header{align-items:center;background:#fafafa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.chat-header h3{color:#333;font-size:1.25rem}.status{background:#f0f0f0;border-radius:20px;font-size:.9rem;padding:6px 12px}.status.online{background:#e8f5e9;color:#4caf50}.status.offline{background:#f5f5f5;color:#999}.no-chat{align-items:center;color:#999;font-size:1.1rem;justify-content:center}.messages,.no-chat{display:flex;flex:1 1}.messages{background:#fafafa;gap:12px;overflow-y:auto;padding:20px}.message,.messages{flex-direction:column}.message{animation:slideIn .3s ease-out;display:flex;max-width:70%}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.sent{align-self:flex-end}.message.received{align-self:flex-start}.message-content{word-wrap:break-word;border-radius:16px;padding:12px 16px}.message.sent .message-content{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px;color:#fff}.message.received .message-content{background:#fff;border:1px solid #e0e0e0;border-bottom-left-radius:4px;color:#333}.message-time{color:#999;font-size:.75rem;margin-top:4px;padding:0 4px}.message.sent .message-time{text-align:right}.decryption-error{color:#f44336;font-style:italic}.decrypting{color:#ff9800;font-style:italic}.message-input{background:#fff;border-top:1px solid #e0e0e0;display:flex;gap:12px;padding:20px}.message-input input{border:2px solid #e0e0e0;border-radius:24px;flex:1 1;font-size:1rem;padding:12px 16px;transition:border-color .3s}.message-input input:focus{border-color:#667eea;outline:none}.message-input button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:transform .2s}.message-input button:hover{transform:translateY(-2px)}.error{background:#ffebee;border-left:4px solid #c62828;border-radius:8px;color:#c62828;margin:10px 20px;padding:12px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}
/*# sourceMappingURL=main.ee7de6a1.css.map*/