.auth-container[data-v-9d4737f9]{display:flex;justify-content:center;align-items:center;height:100vh;background:url(https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?q=80&w=2564&auto=format&fit=crop) center/cover}.auth-box[data-v-9d4737f9]{background:var(--bg-sidebar);padding:2rem;border-radius:8px;width:100%;max-width:400px;box-shadow:0 4px 15px #0000004d}.form-group[data-v-9d4737f9]{margin-bottom:1rem}label[data-v-9d4737f9]{display:block;margin-bottom:.5rem;color:var(--text-muted);font-size:.9rem;font-weight:500}input[data-v-9d4737f9]{width:100%;padding:10px;background:var(--bg-channel);border:none;color:#fff;border-radius:4px;margin-top:5px}button[data-v-9d4737f9]{width:100%;padding:10px;background:var(--primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;margin-top:1rem}button[data-v-9d4737f9]:hover{background:#4752c4}.switch-mode[data-v-9d4737f9]{text-align:center;margin-top:1rem;font-size:.9rem}.switch-mode a[data-v-9d4737f9]{color:var(--primary);text-decoration:none;margin-left:.5rem}.switch-mode a[data-v-9d4737f9]:hover{text-decoration:underline}.error[data-v-9d4737f9]{color:#fa777c;margin-bottom:1rem;font-size:.9rem;background:#fa777c1a;padding:.5rem;border-radius:4px}h2[data-v-9d4737f9]{margin:0 0 1.5rem;text-align:center}.layout[data-v-a1a97c56]{display:flex;height:100vh}.sidebar[data-v-a1a97c56]{width:240px;background:var(--bg-sidebar);display:flex;flex-direction:column;border-right:1px solid var(--border)}.user-profile[data-v-a1a97c56]{padding:1rem;background:#232428;display:flex;align-items:center;gap:10px}.avatar[data-v-a1a97c56]{width:32px;height:32px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:.9rem}.username[data-v-a1a97c56]{font-size:.9rem;font-weight:500}.logout-btn[data-v-a1a97c56]{margin-left:auto;background:none;border:1px solid #fa777c;color:#fa777c;font-size:.7rem;padding:4px 8px;cursor:pointer;border-radius:3px}.logout-btn[data-v-a1a97c56]:hover{background:#fa777c1a}.section[data-v-a1a97c56]{padding:1rem .5rem;border-bottom:1px solid rgba(0,0,0,.2)}.section-header[data-v-a1a97c56]{display:flex;justify-content:space-between;align-items:center;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;margin-bottom:.5rem;padding:0 .5rem;font-weight:600}.section-header button[data-v-a1a97c56]{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.2rem;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.section-header button[data-v-a1a97c56]:hover{color:var(--text-normal)}.channel-item[data-v-a1a97c56]{padding:6px 8px;margin:2px 0;border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:.9rem}.channel-item[data-v-a1a97c56]:hover{background:#35373c;color:var(--text-normal)}.channel-item.active[data-v-a1a97c56]{background:#404249;color:#fff}.create-form input[data-v-a1a97c56],.add-friend input[data-v-a1a97c56]{width:100%;background:var(--bg-dark);border:none;color:#fff;padding:6px 8px;border-radius:4px;margin-bottom:8px;font-size:.85rem}.create-form input[data-v-a1a97c56]:focus,.add-friend input[data-v-a1a97c56]:focus{outline:1px solid var(--primary)}.friend-item[data-v-a1a97c56]{padding:6px 8px;margin:2px 0;color:var(--text-muted);font-size:.9rem}.chat-area[data-v-a1a97c56]{flex:1;display:flex;flex-direction:column;background:var(--bg-dark)}.chat-header[data-v-a1a97c56]{height:48px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 1rem;box-shadow:0 1px 2px #0000001a}.chat-header h3[data-v-a1a97c56]{margin:0;margin-right:1rem;font-size:1rem}.topic[data-v-a1a97c56]{color:var(--text-muted);font-size:.8rem}.messages[data-v-a1a97c56]{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.message-row[data-v-a1a97c56]{display:flex;gap:10px}.message-row.own-message[data-v-a1a97c56]{flex-direction:row-reverse}.message-avatar[data-v-a1a97c56]{width:40px;height:40px;background:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;color:#fff}.message-content[data-v-a1a97c56]{max-width:70%}.message-meta[data-v-a1a97c56]{font-size:.75rem;color:var(--text-muted);margin-bottom:4px}.message-meta .sender[data-v-a1a97c56]{font-weight:600}.message-meta .time[data-v-a1a97c56]{margin-left:8px}.bubble[data-v-a1a97c56]{background:var(--bg-channel);padding:8px 12px;border-radius:0 8px 8px;line-height:1.4;white-space:pre-wrap;word-wrap:break-word}.own-message .bubble[data-v-a1a97c56]{background:var(--primary);color:#fff;border-radius:8px 0 8px 8px}.input-area[data-v-a1a97c56]{padding:1rem;background:var(--bg-dark)}.input-area input[data-v-a1a97c56]{width:100%;padding:12px;background:#383a40;border:none;border-radius:8px;color:var(--text-normal);outline:none;font-size:.95rem}.input-area input[data-v-a1a97c56]:focus{background:#40424a}.empty-state[data-v-a1a97c56]{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:1.1rem}:root{--bg-dark: #313338;--bg-sidebar: #2b2d31;--bg-channel: #1e1f22;--primary: #5865f2;--text-normal: #dbdee1;--text-muted: #949ba4;--border: #1e1f22}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-dark);color:var(--text-normal);overflow:hidden}*{box-sizing:border-box}input,button{font-family:inherit}#app{width:100vw;height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background-color:#2b2d31}::-webkit-scrollbar-thumb{background-color:#1a1b1e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#15161a}