#app[data-v-09839264]{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.app-container[data-v-09839264]{max-width:1200px;margin:0 auto;background:#fff;border-radius:15px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden}.header[data-v-09839264]{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:25px;text-align:center}.header h1[data-v-09839264]{font-size:2.2em;margin-bottom:8px;font-weight:600}.header p[data-v-09839264]{opacity:.9;font-size:1.1em;margin:0}.status-bar[data-v-09839264]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 25px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.status-bar .status-info[data-v-09839264]{gap:15px}.status-bar .status-indicator[data-v-09839264],.status-bar .status-info[data-v-09839264]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.status-bar .status-indicator[data-v-09839264]{gap:8px;font-weight:500}.status-bar .status-dot[data-v-09839264]{width:12px;height:12px;border-radius:50%}.status-bar .status-connected[data-v-09839264]{background:#28a745}.status-bar .status-disconnected[data-v-09839264]{background:#dc3545}.status-bar .status-connecting[data-v-09839264]{background:#ffc107}.status-bar .user-info[data-v-09839264]{color:#6c757d;font-weight:500}.status-bar .online-count[data-v-09839264]{font-weight:500;color:#343a40}.main-content[data-v-09839264]{display:grid;grid-template-columns:1fr 300px;min-height:600px}.chat-area[data-v-09839264]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-right:1px solid #e9ecef}.messages-container[data-v-09839264]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:20px;overflow-y:auto;background:#f8f9fa}.messages-container .message[data-v-09839264]{margin-bottom:16px;padding:12px 16px;border-radius:12px;max-width:80%;-webkit-animation:fadeInUp-data-v-09839264 .3s ease;animation:fadeInUp-data-v-09839264 .3s ease}@-webkit-keyframes fadeInUp-data-v-09839264{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp-data-v-09839264{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.messages-container .message-sent[data-v-09839264]{background:linear-gradient(135deg,#007bff,#0062cc);color:#fff;margin-left:auto;border-bottom-right-radius:4px}.messages-container .message-received[data-v-09839264]{background:#fff;border:1px solid #e9ecef;border-bottom-left-radius:4px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.messages-container .message-system[data-v-09839264]{background:#fffaec;color:#6d5200;text-align:center;max-width:100%;font-style:italic;border:1px solid #ffe7a0;margin:10px auto}.messages-container .message-info[data-v-09839264]{background:#d4f5fa;color:#0c525d;border:1px solid #a7e9f4}.messages-container .message-header[data-v-09839264]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:6px}.messages-container .message-user[data-v-09839264]{font-weight:600;font-size:.9em}.messages-container .message-time[data-v-09839264]{font-size:.8em;opacity:.7}.messages-container .message-content[data-v-09839264]{line-height:1.4}.messages-container .typing-indicator[data-v-09839264]{font-style:italic;color:#6c757d;font-size:.9em;margin:10px 0;min-height:20px}.messages-container .empty-state[data-v-09839264]{text-align:center;color:#6c757d;padding:30px;font-style:italic}.input-area[data-v-09839264]{padding:25px;background:#fff;border-top:1px solid #e9ecef}.input-area .input-group[data-v-09839264]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;margin-bottom:15px}.input-area .user-input[data-v-09839264]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:14px 18px;border:2px solid #e9ecef;border-radius:25px;outline:none;font-size:14px;-webkit-transition:all .3s ease;transition:all .3s ease}.input-area .user-input[data-v-09839264]:focus{border-color:#007bff;-webkit-box-shadow:0 0 0 3px rgba(0,123,255,.1);box-shadow:0 0 0 3px rgba(0,123,255,.1)}.input-area .user-input[data-v-09839264]:disabled{background-color:#f8f9fa;cursor:not-allowed}.input-area .btn[data-v-09839264]{padding:14px 28px;border:none;border-radius:25px;cursor:pointer;font-weight:600;font-size:14px;-webkit-transition:all .3s ease;transition:all .3s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:6px}.input-area .btn[data-v-09839264]:hover:not(:disabled){-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15)}.input-area .btn[data-v-09839264]:disabled{opacity:.6;cursor:not-allowed;-webkit-transform:none!important;transform:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}.input-area .btn-primary[data-v-09839264]{background:linear-gradient(135deg,#007bff,#0062cc);color:#fff}.input-area .btn-success[data-v-09839264]{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff}.input-area .btn-danger[data-v-09839264]{background:linear-gradient(135deg,#dc3545,#bd2130);color:#fff}.input-area .btn-secondary[data-v-09839264]{background:#6c757d;color:#fff}.input-area .control-buttons[data-v-09839264]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}.input-area .btn-sm[data-v-09839264]{padding:10px 20px;font-size:13px}.sidebar[data-v-09839264]{padding:25px;background:#f8f9fa}.sidebar .sidebar-section[data-v-09839264]{margin-bottom:25px}.sidebar h3[data-v-09839264]{color:#343a40;margin-bottom:15px;font-size:1.2em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px}.sidebar .stats-grid[data-v-09839264]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.sidebar .stat-card[data-v-09839264]{background:#fff;padding:15px;border-radius:10px;text-align:center;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.sidebar .stat-card .stat-number[data-v-09839264]{font-size:1.8em;font-weight:700;color:#007bff;margin-bottom:5px}.sidebar .stat-card .stat-label[data-v-09839264]{font-size:.9em;color:#6c757d}.sidebar .user-list[data-v-09839264]{max-height:200px;overflow-y:auto}.sidebar .user-item[data-v-09839264]{gap:12px;padding:12px;margin-bottom:8px;background:#fff;border-radius:10px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.sidebar .user-item .user-avatar[data-v-09839264],.sidebar .user-item[data-v-09839264]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.sidebar .user-item .user-avatar[data-v-09839264]{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#007bff,#0062cc);color:#fff;font-weight:700;font-size:14px}.sidebar .user-item .user-details[data-v-09839264]{-webkit-box-flex:1;-ms-flex:1;flex:1}.sidebar .user-item .user-name[data-v-09839264]{font-weight:600;color:#343a40}.sidebar .user-item .user-id[data-v-09839264]{font-size:.8em;color:#6c757d}.sidebar .command-list[data-v-09839264]{background:#fff;padding:15px;border-radius:10px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.sidebar .command-list .command-item[data-v-09839264]{padding:8px 0;border-bottom:1px solid #f8f9fa}.sidebar .command-list .command-item[data-v-09839264]:last-child{border-bottom:none}.sidebar .command-list .command-item .command-name[data-v-09839264]{font-weight:600;color:#007bff}.sidebar .command-list .command-item .command-desc[data-v-09839264]{font-size:.9em;color:#6c757d}@media (max-width:768px){.main-content[data-v-09839264]{grid-template-columns:1fr}.chat-area[data-v-09839264]{border-right:none;border-bottom:1px solid #e9ecef}.status-bar[data-v-09839264]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.control-buttons[data-v-09839264]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.message[data-v-09839264]{max-width:90%}#app[data-v-09839264]{padding:10px}}