body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{padding:0;margin:0;box-sizing:border-box}.App{display:flex;flex-direction:row;height:100vh;color:#000}body{font-family:Arial,sans-serif;margin:0;background-color:#f8f9fa}.register-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f8f9fa}.register-box{width:400px;padding:30px;text-align:center;background:#fff;box-shadow:0 4px 8px #0000001a;border-radius:8px}.input-field{width:100%;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:5px}.register-button{width:100%;padding:10px;background-color:#4a154b;color:#fff;font-weight:700;border:none;border-radius:5px;cursor:pointer}.register-button:hover{background-color:#3b1140}body{font-family:Arial,sans-serif;color:#000;margin:0;background-color:#f8f9fa}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f8f9fa}.login-box{width:400px;padding:30px;text-align:center;background:#fff;box-shadow:0 4px 8px #0000001a;border-radius:8px}.fa-slack{font-size:50px;padding-bottom:20px}.input-field{width:100%;padding:10px;margin:10px 0;border:1px solid #ccc;background-color:#fff;border-radius:5px;color:#000}.login-button{width:100%;padding:10px;background-color:#4a154b;color:#fff;font-weight:700;border:none;border-radius:5px;cursor:pointer}.login-button:hover{background-color:#3b1140}p{font-size:14px;padding:10px}p a{color:#4a154b}a:hover{background-color:#ff0}@media (max-width: 480px){.login-box{padding:20px;box-shadow:none;border-radius:0}.fa-slack{font-size:40px}.input-field{font-size:.95rem;padding:8px}.login-button{font-size:.95rem;padding:10px}p{font-size:13px}}.welcome-container{max-width:400px;margin:auto;text-align:center;padding:2rem}.form-box{margin:1.5rem 0;padding:1rem;border:1px solid #ddd;border-radius:8px}input{width:100%;padding:.5rem;margin:.5rem 0}button{padding:.5rem 1rem;background-color:#2563eb;color:#fff;border:none;border-radius:4px;cursor:pointer}button:hover{background-color:#1e40af}.logout-button{background-color:#ef4444;color:#fff;border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.9rem}.logout-button:hover{background-color:#dc2626}select{width:100%;padding:.5rem;margin:.5rem 0}.team-page{display:flex;flex-direction:column;height:100vh}.team-body{display:flex;flex:1;overflow:hidden}.sidebar{width:250px;display:flex;flex-direction:column;background-color:#f7f7f7;border-right:1px solid #ccc}.sidebar-top{flex:1;padding:1rem;overflow-y:auto}.sidebar-bottom{height:40%;padding:1rem;border-top:1px solid #ccc;overflow-y:auto}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.main-top{flex:1;padding:1rem;overflow-y:auto}.main-bottom{height:40%;padding:1rem;border-top:1px solid #ccc;overflow-y:auto}@media (max-width: 600px){.team-body{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid #ccc;height:auto}.sidebar-top,.sidebar-bottom{height:auto;padding:.5rem}.main-content{flex:1}.main-top,.main-bottom{padding:.5rem}.main-bottom{height:auto;max-height:40vh}.sidebar-bottom{max-height:30vh}}.team-header{width:100%;padding:1rem 2rem;background-color:#2d2d2d;color:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #444}.team-title{font-size:1.5rem;font-weight:600;margin:0}.logout-button{background-color:#ff4d4d;border:none;color:#fff;padding:8px 14px;font-size:.9rem;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.logout-button:hover{background-color:#e04343}.channel-list{padding:1rem;border-bottom:1px solid #ddd}.channel-items{list-style:none;padding:0;margin:0}.channel-item{padding:8px 12px;border-radius:4px;cursor:pointer;transition:background-color .2s}.channel-item:hover{background-color:#f0f0f0}.channel-item.active{background-color:#dceeff;font-weight:700}.empty-state{font-style:italic;color:#777}.channel-form{display:flex;margin-top:1rem}.channel-input{flex:1;padding:8px;border:1px solid #ccc;border-radius:4px 0 0 4px;font-size:.9rem}.create-channel-btn{padding:8px 12px;border:none;background-color:#4a90e2;color:#fff;border-radius:0 4px 4px 0;cursor:pointer;font-size:1rem;transition:background-color .2s}.create-channel-btn:hover{background-color:#357acc}.channel-messages{display:flex;flex-direction:column;flex:1;padding:1rem;border-left:1px solid #eee;border-right:1px solid #eee;background-color:#fff}.channel-title{margin-bottom:1rem;font-size:1.2rem;border-bottom:1px solid #ddd;padding-bottom:.5rem}.member-list{padding:1rem;overflow-y:auto}.member-list ul{list-style:none;padding:0;margin:0}.member-item{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid #eee;transition:background-color .2s ease}.member-item:hover{background-color:#f0f0f0}.avatar{width:28px;height:28px;border-radius:50%;background-color:#4a90e2;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700}.member-name{font-weight:500}.dm-button{background:none;border:none;cursor:pointer;font-size:1rem;padding:4px;transition:transform .2s}.dm-button:hover{transform:scale(1.1)}.direct-messages{display:flex;flex-direction:column;flex:1;padding:1rem;background-color:#fdfdfd;border-left:1px solid #eee}.dm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dm-close-button{font-size:.8rem;background:transparent;border:none;cursor:pointer;padding:2px 6px;color:#666}.dm-close-button:hover{color:#fff}.messages-container{flex:1;overflow-y:auto;margin-bottom:1rem}.message-list{list-style:none;padding:0;margin:0}.message-item{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #f0f0f0}.message-header{display:flex;justify-content:space-between;font-size:.85rem;color:#555}.message-user{font-weight:700}.message-timestamp{color:gray;font-size:.75rem}.message-body{margin-top:4px;font-size:.95rem}.message-form{margin-top:auto}.message-input{width:100%;padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:6px;box-sizing:border-box}.dm-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #ccc;background-color:#f9f9f9}.member-info{display:flex;align-items:center;gap:.5rem}.avatar{width:36px;height:36px;border-radius:50%;background-color:#6c63ff;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:1rem;text-transform:uppercase}.member-name{font-size:1rem;font-weight:500}.message-actions button,.edit-section button{font-size:.75rem;padding:2px 6px;margin-left:4px;background:transparent;border:none;color:#888;cursor:pointer}.message-actions button:hover,.edit-section button:hover{color:#000;text-decoration:underline}