*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#root{height:100vh;overflow:hidden}.loading-screen{align-items:center;background:#f5f5f5;display:flex;flex-direction:column;height:100vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #e1e1e1;border-radius:50%;border-top-color:#08c;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.loading-screen p{color:#666;margin-top:16px}.login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;max-width:400px;padding:40px;width:100%}.login-header{margin-bottom:32px;text-align:center}.login-header h1{color:#333;font-size:32px;margin-bottom:8px}.login-header p{color:#666;font-size:14px}.login-form{display:flex;flex-direction:column;gap:20px}.error-message{background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:14px;padding:12px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#333;font-size:14px;font-weight:500}.form-group input{border:2px solid #e1e1e1;border-radius:8px;font-size:16px;padding:12px;transition:border-color .2s}.form-group input:focus{border-color:#667eea;outline:none}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.btn-login{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:transform .2s,box-shadow .2s}.btn-login:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-login:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-footer{margin-top:24px;text-align:center}.login-footer p{color:#999;font-size:12px}@media (max-width:480px){.login-container{padding:24px}.login-header h1{font-size:24px}}.channel-list{background:#2f3136;border-right:1px solid #202225;color:#fff;display:flex;flex-direction:column;width:280px}.channel-list-header{border-bottom:1px solid #202225;padding:16px 20px}.channel-list-header h3{color:#b9bbbe;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.channels{flex:1 1;overflow-y:auto;padding:8px 0}.channel-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:12px;margin:2px 8px;padding:10px 16px;transition:background .2s}.channel-item:hover{background:#393c43}.channel-item.active{background:#5865f2}.channel-icon{flex-shrink:0;font-size:24px}.channel-info{flex:1 1;min-width:0}.channel-name{font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.channel-list{border-bottom:1px solid #202225;border-right:none;flex-direction:row;max-height:120px;overflow-x:auto;overflow-y:hidden;width:100%}.channel-list-header{display:none}.channels{display:flex;flex-direction:row;padding:8px}.channel-item{flex-shrink:0;margin:0 4px}}.message{display:flex;gap:12px;padding:8px 12px;transition:background .15s}.message:hover{background:#00000008}.message.own{flex-direction:row-reverse}.message-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.message.own .message-avatar{background:linear-gradient(135deg,#f093fb,#f5576c)}.message-content{flex:1 1;max-width:70%;min-width:0}.message.own .message-content{align-items:flex-end;display:flex;flex-direction:column}.message-author{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.message-text{word-wrap:break-word;background:#fff;border-radius:12px;box-shadow:0 1px 2px #0000001a;color:#333;font-size:15px;line-height:1.5;padding:10px 14px}.message.own .message-text{background:#5865f2;color:#fff}.message-media{background:#fff;border-radius:12px;box-shadow:0 1px 2px #0000001a;margin-bottom:8px;max-width:100%;overflow:hidden}.message-media img,.message-media video{display:block;height:auto;max-height:400px;max-width:100%;width:auto}.media-info,.message-file{align-items:center;background:#fff;border-radius:8px;display:flex;gap:8px;justify-content:space-between;margin-bottom:4px;padding:8px 12px}.file-name{color:#666;flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-file a{color:#5865f2;flex:1 1;font-size:14px;text-decoration:none}.message-file a:hover{text-decoration:underline}.btn-protect{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:4px 8px;transition:background .2s}.btn-protect:hover{background:#0000000d}.btn-protect.protected{color:#43b581}.message-time{color:#999;font-size:11px;margin-top:4px}.message.own .message-time{text-align:right}.edited{font-style:italic}@media (max-width:768px){.message-content{max-width:85%}.message-media img,.message-media video{max-height:300px}}.message-list{background:#f9f9f9;flex:1 1;overflow-y:auto;padding:20px}.empty-messages,.loading-messages{align-items:center;color:#666;display:flex;flex-direction:column;height:100%;justify-content:center}.empty-messages p,.loading-messages p{margin-top:16px}.messages{display:flex;flex-direction:column;gap:12px}.typing-indicator{align-items:center;color:#666;display:flex;font-size:14px;font-style:italic;gap:8px;padding:8px 12px}.typing-dots{display:inline-flex;gap:2px}.typing-dots span{animation:blink 1.4s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:1}30%{opacity:.3}}.message-input{background:#fff;border-top:1px solid #e1e1e1;padding:16px 24px}.upload-progress{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;gap:12px;margin-bottom:12px;padding:8px 12px}.progress-bar{background:#e1e1e1;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .3s}.upload-progress span{color:#666;font-size:12px;white-space:nowrap}.input-form{align-items:center;display:flex;gap:12px}.btn-attach{background:#f5f5f5;border:none;border-radius:50%;cursor:pointer;flex-shrink:0;font-size:20px;height:44px;transition:background .2s;width:44px}.btn-attach:hover:not(:disabled){background:#e1e1e1}.btn-attach:disabled{cursor:not-allowed;opacity:.5}.message-text-input{border:2px solid #e1e1e1;border-radius:22px;flex:1 1;font-family:inherit;font-size:15px;padding:12px 16px;transition:border-color .2s}.message-text-input:focus{border-color:#667eea;outline:none}.message-text-input:disabled{background:#f5f5f5;cursor:not-allowed}.btn-send{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;flex-shrink:0;font-size:20px;height:44px;transition:transform .2s,box-shadow .2s;width:44px}.btn-send:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:scale(1.05)}.btn-send:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:480px){.message-input{padding:12px 16px}.input-form{gap:8px}.btn-attach,.btn-send{font-size:18px;height:40px;width:40px}.message-text-input{font-size:14px;padding:10px 14px}}.app-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:12px 24px}.header-left h1{font-size:20px;font-weight:600}.header-right{align-items:center;display:flex;gap:16px}.user-info{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.user-name{font-size:14px;font-weight:600}.user-role{font-size:12px;opacity:.8}.btn-logout{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s}.btn-logout:hover{background:#ffffff4d}@media (max-width:480px){.app-header{padding:12px 16px}.header-left h1{font-size:16px}.user-info{display:none}.btn-logout{font-size:13px;padding:6px 12px}}.chat-page{background:#f5f5f5;display:flex;flex-direction:column;height:100vh}.chat-container{display:flex;flex:1 1;overflow:hidden}.chat-main{background:#fff;display:flex;flex:1 1;flex-direction:column}.channel-header{background:#fff;border-bottom:1px solid #e1e1e1;padding:16px 24px}.channel-header h2{color:#333;font-size:20px;margin-bottom:4px}.channel-description{color:#666;font-size:14px}@media (max-width:768px){.chat-container{flex-direction:column}}.App{display:flex;flex-direction:column;height:100vh}
/*# sourceMappingURL=main.a04213f7.css.map*/