body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{height:100vh}*{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{width:100vw}.App,body{height:100vh;overflow:hidden}body{color:#d1d2d3;font-family:Lato,sans-serif;margin:0;padding:0}.login-container,body{background-color:#1a1d21}.login-container{align-items:center;display:flex;height:100vh;justify-content:center}.login-box{background-color:#19171d;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:2rem;width:100%}.login-box h2{color:#fff;margin-bottom:2rem;text-align:center}.auth-options{display:flex;flex-direction:column;gap:1rem}.google-login-button{align-items:center;background-color:#fff;border:1px solid #dadce0;border-radius:4px;color:#757575;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;justify-content:center;padding:.8rem;transition:background-color .2s;width:100%}.google-login-button:hover{background-color:#f8f9fa}.google-login-button i{font-size:1.2rem}.divider{align-items:center;color:#8e8e8e;display:flex;font-size:.9rem;margin:1rem 0;text-align:center}.divider:after,.divider:before{border-bottom:1px solid #424242;content:"";flex:1 1}.divider span{padding:0 1rem}.form-group{margin-bottom:1rem}.form-group input{background-color:#222529;border:1px solid #424242;border-radius:4px;color:#d1d2d3;font-size:1rem;padding:.8rem;width:100%}.form-group input:focus{border-color:#1164a3;outline:none}.login-box button{background-color:#007a5a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem;transition:background-color .2s;width:100%}.login-box button:hover{background-color:#006c4f}.error-message{background-color:#4a1f1f;border-radius:4px;color:#ff6b6b;font-size:.9rem;margin-bottom:1rem;padding:.8rem;text-align:center}.auth-switch{color:#8e8e8e;margin-top:1rem;text-align:center}.auth-switch p{margin:0}.link-button{background:none;border:none;color:#1164a3;cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.link-button:hover{color:#0d4b7c}.app-container{display:flex;height:100vh;overflow:hidden;width:100vw}.sidebar{background-color:#2e0e40;color:#fff;display:flex;flex-direction:column;height:100%;min-width:260px;overflow-y:auto;width:260px}.workspace-header{align-items:center;border-bottom:1px solid #424242;display:flex;justify-content:space-between;padding:16px}.workspace-header h2{color:#fff;font-size:1.2rem;margin:0}.logout-button{align-items:center;background:none;border:none;border-radius:4px;color:#8e8e8e;cursor:pointer;display:flex;gap:4px;padding:4px 8px;transition:all .2s}.logout-button:hover{background-color:#2d2d2d;color:#d1d2d3}.sidebar-section{padding:16px 0}.sidebar-section h3{color:#8e8e8e;font-size:.9rem;letter-spacing:.5px;margin:0 16px 8px;text-transform:uppercase}.channel-list,.dm-list{list-style:none;margin:0;padding:0}.channel,.dm{align-items:center;color:#d1d2d3;cursor:pointer;display:flex;padding:8px 16px;transition:background-color .2s}.channel:hover,.dm:hover{background-color:#2d2d2d}.channel.active,.dm.active{background-color:#1164a3;color:#fff}.channel-prefix{color:#8e8e8e;margin-right:8px}.dm-prefix{align-items:center;display:inline-flex;margin-right:8px}.dm-prefix .status-indicator{height:10px;margin-right:4px;width:10px}.main-content{background-color:#1a1d21;display:flex;flex:1 1;flex-direction:column;min-width:0;width:80%}.channel-header{background-color:#19171d;border-bottom:1px solid #424242;padding:16px}.channel-info h2{align-items:center;display:flex;font-size:1.2rem;margin:0}.channel-description{color:#8e8e8e;display:block;font-size:.9rem;margin-top:4px}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px;width:100%}.message{align-items:flex-start;border-radius:4px;display:flex;margin-bottom:10px;padding:10px;position:relative;transition:background-color .2s}.message:hover{background-color:#2d2d2d}.message-avatar{align-items:center;background-color:#4a154b;border-radius:4px;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:36px;justify-content:center;margin-right:10px;overflow:hidden;width:36px}.message-avatar img{height:100%;object-fit:cover;width:100%}.message-content{flex:1 1}.message-header{align-items:baseline;display:flex;margin-bottom:4px}.message-sender{font-weight:900;margin-right:8px}.message-timestamp{color:#8e8e8e;font-size:.8rem}.message-text{color:#d1d2d3;line-height:1.4;width:100%;word-break:break-word}.message-input-container{align-items:center;background-color:#19171d;border-top:1px solid #424242;display:flex;padding:10px 20px;width:100%}#message-input{background-color:#222529;border:1px solid #424242;border-radius:4px;color:#d1d2d3;flex:1 1;font-size:14px;margin:0 10px;min-width:0;padding:10px}#message-input::placeholder{color:#8e8e8e}.message-actions{display:flex;gap:8px}.action-button{background:none;border:none;border-radius:4px;color:#8e8e8e;cursor:pointer;padding:8px;transition:background-color .2s}.action-button:hover{background-color:#2d2d2d;color:#d1d2d3}#send-button{background-color:#007a5a;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:8px;padding:8px 16px;transition:background-color .2s}#send-button:hover{background-color:#006c4f}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1d21}::-webkit-scrollbar-thumb{background:#424242;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#19171d;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:500px;padding:2rem;width:90%}.modal-content h2{color:#fff;margin-bottom:.5rem;text-align:center}.modal-content p{color:#8e8e8e;margin-bottom:2rem;text-align:center}.profile-picture-upload{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.profile-picture-preview{align-items:center;background-color:#2a2d32;border-radius:50%;display:flex;height:150px;justify-content:center;margin-bottom:1rem;overflow:hidden;width:150px}.profile-picture-preview img{height:100%;object-fit:cover;width:100%}.profile-picture-placeholder{align-items:center;color:#8e8e8e;display:flex;font-size:3rem;height:100%;justify-content:center;width:100%}.upload-button{background-color:#1164a3;border-radius:4px;color:#fff;cursor:pointer;padding:.8rem 1.5rem;transition:background-color .2s}.upload-button:hover{background-color:#0d4b7c}.modal-actions{display:flex;gap:1rem;justify-content:center}.primary-button{background-color:#007a5a;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.8rem 1.5rem;transition:background-color .2s}.primary-button:hover:not(:disabled){background-color:#006c4f}.primary-button:disabled{background-color:#424242;cursor:not-allowed}.secondary-button{background-color:initial;border:1px solid #424242;border-radius:4px;color:#8e8e8e;cursor:pointer;padding:.8rem 1.5rem;transition:all .2s}.secondary-button:hover{background-color:#2a2d32;color:#fff}.emoji-button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.2em;margin-right:8px;padding:8px;transition:background-color .2s}.emoji-button:hover{background-color:#0000001a}.emoji-picker-container{bottom:60px;box-shadow:0 5px 15px #0003;left:10px;position:absolute;z-index:1000}.message-emoji-picker-container{background:#fff;border-radius:4px;box-shadow:0 2px 8px #00000026;margin-top:8px;position:absolute;right:0;top:100%;z-index:1000}.message-hover-actions{background-color:#222;border-radius:4px;display:none;padding:2px 4px;position:absolute;right:10px;top:5px;z-index:100}.message:hover .message-hover-actions{display:flex;gap:5px}.message-hover-actions button{background:#0000;border:none;border-radius:3px;color:#ccc;cursor:pointer;font-size:16px;padding:2px 5px;transition:background-color .2s}.message-hover-actions button:hover{background-color:#444;color:#fff}.message-delete-button:hover{color:#e74c3c}.message-reactions{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.message-reaction{align-items:center;background-color:#1a1d21;border:1px solid #424242;border-radius:12px;cursor:default;display:inline-flex;font-size:14px;justify-content:center;padding:2px 6px;position:relative;transition:background-color .2s}.message-reaction:hover{background-color:#2d2d2d}.reaction-user-tooltip{align-items:center;background-color:#1e1e1e;border:1px solid #424242;border-radius:6px;bottom:30px;box-shadow:0 4px 12px #00000080;display:flex;flex-direction:column;left:50%;opacity:0;padding:8px;position:absolute;transform:translateX(-50%);transition:opacity .2s,visibility .2s;visibility:hidden;width:150px;z-index:100}.message-reaction:hover .reaction-user-tooltip{opacity:1;visibility:visible}.reaction-user-image{align-items:center;background-color:#4a154b;border-radius:4px;display:flex;height:48px;justify-content:center;margin-bottom:6px;overflow:hidden;width:48px}.reaction-user-image img{height:100%;object-fit:cover;width:100%}.reaction-user-initial{color:#fff;font-size:20px;font-weight:700}.reaction-user-name{color:#fff;font-size:12px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.user-controls{align-items:center;display:flex;gap:10px;margin-left:auto}.user-profile-image{align-items:center;background-color:#4a154b;border-radius:6px;cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;transition:all .2s;width:40px}.user-profile-image:hover{opacity:.8;transform:scale(1.1)}.user-profile-image img{height:100%;object-fit:cover;width:100%}.profile-initial{color:#fff;font-size:18px;font-weight:700}.dm-list{list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:0;scrollbar-width:thin;z-index:10}.dm{align-items:center;color:#d1d2d3;cursor:pointer;display:flex;padding:8px 16px;position:relative;transition:background-color .2s;z-index:10}.dm:hover{background-color:#2d2d2d}.dm.active{background-color:#1164a3;color:#fff}.dm-user-info{display:flex;flex:1 1;flex-direction:column;min-width:0;pointer-events:none}.dm-user-name{overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.status-indicator{border-radius:50%;flex-shrink:0;height:8px;margin-right:8px;width:8px}.status-indicator.online{background-color:#2bac76}.status-indicator.offline{background-color:#8e8e8e}.status-indicator.away{background-color:#f2c94c}.status-indicator.dnd{background-color:#e74c3c}.message-text img{border:1px solid #444;border-radius:8px;cursor:pointer;display:block;margin:5px 0;max-height:300px;max-width:300px;transition:transform .2s}.message-text img:hover{transform:scale(1.03)}.image-viewer-modal{align-items:center;background-color:initial;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;position:relative}.expanded-image{border-radius:6px;box-shadow:0 5px 20px #00000080;max-height:80vh;max-width:90vw;object-fit:contain}.close-button{align-items:center;background-color:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;position:absolute;right:-40px;top:-40px;transition:background-color .2s;width:36px;z-index:1002}.close-button:hover{background-color:#000c}.image-caption{background-color:#0009;border-radius:4px;color:#fff;font-size:14px;margin-top:10px;max-width:80%;overflow:hidden;padding:5px 10px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.message.loading{opacity:.7}.message-loading-indicator{color:#888;display:inline-block;font-style:italic;margin-left:10px}.message-error{background-color:#ff00000d;border-left:3px solid #f55;color:#c00;padding-left:10px}.upload-progress{background-color:#f0f0f0;border-radius:2px;height:4px;margin:5px 0;overflow:hidden}.upload-progress-bar{background-color:#1d9bd1;height:100%;transition:width .3s ease-in-out;width:0}
/*# sourceMappingURL=main.40272d0f.css.map*/