.login-container{align-items:center;display:flex;justify-content:center;min-height:60vh}.login-box{background:#16213e;border-radius:8px;box-shadow:0 4px 6px #0000004d;max-width:400px;padding:2rem;width:100%}.login-box h2{color:#e94560;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{color:#eee;display:block;margin-bottom:.5rem}.form-group input{background:#1a1a2e;border:1px solid #0f3460;border-radius:4px;color:#eee;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus{border-color:#e94560;outline:none}.login-box button{background:#e94560;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.75rem;width:100%}.login-box button:hover{background:#c73e54}.user-list{border-top:1px solid #0f3460;margin-top:2rem;padding-top:1rem}.user-list h3{color:#eee;font-size:1rem;margin-bottom:.5rem}.user-list ul{list-style:none;padding:0}.user-list li{color:#aaa;padding:.25rem 0}.irc-client{height:calc(100vh - 80px)}.connection-form{background:#16213e;border-radius:8px;margin:0 auto;max-width:500px;padding:2rem}.connection-form h2{color:#e94560;margin-bottom:1.5rem}.connection-form .form-group{margin-bottom:1rem}.connection-form .form-group label{color:#eee;display:block;margin-bottom:.5rem}.connection-form .form-group input{background:#1a1a2e;border:1px solid #0f3460;border-radius:4px;color:#eee;font-size:1rem;padding:.75rem;width:100%}.connection-form button{background:#e94560;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.75rem;width:100%}.irc-interface{display:flex;gap:1rem;height:100%}.sidebar{background:#16213e;border-radius:8px;display:flex;flex-direction:column;padding:1rem;width:250px}.sidebar h3{color:#e94560;margin-bottom:1rem}.sidebar ul{flex:1 1;list-style:none;padding:0}.sidebar li{border-radius:4px;color:#eee;cursor:pointer;margin-bottom:.25rem;padding:.75rem}.sidebar li:hover{background:#0f3460}.sidebar li.active{background:#e94560;color:#fff}.online-users{list-style:none;margin-bottom:1rem;padding:0}.online-users li{align-items:center;color:#eee;display:flex;gap:.5rem;padding:.5rem}.online-users li.self{color:#e94560;font-weight:700}.status-dot{border-radius:50%;height:8px;width:8px}.status-dot.online{background:#4ade80;box-shadow:0 0 4px #4ade80}.join-form{display:flex;gap:.5rem;margin-top:1rem}.join-form input{background:#1a1a2e;border:1px solid #0f3460;border-radius:4px;color:#eee;flex:1 1;padding:.5rem}.join-form button{background:#0f3460;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.chat-area{background:#16213e;border-radius:8px;overflow:hidden}.chat-area,.messages{display:flex;flex:1 1;flex-direction:column}.messages{gap:.5rem;overflow-y:auto;padding:1rem}.message{background:#1a1a2e;border-radius:4px;padding:.5rem}.message.self{background:#0f3460}.message.system{color:#e94560;font-style:italic}.message .timestamp{color:#666;font-size:.8rem;margin-right:.5rem}.message .from{color:#e94560;font-weight:700;margin-right:.5rem}.message .content{color:#eee}.message-input{border-top:1px solid #0f3460;display:flex;gap:.5rem;padding:1rem}.message-input input{background:#1a1a2e;border:1px solid #0f3460;border-radius:4px;color:#eee;flex:1 1;font-size:1rem;padding:.75rem}.message-input input:disabled{opacity:.5}.message-input button{background:#e94560;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.75rem 1.5rem}.message-input button:disabled{background:#666;cursor:not-allowed}.App{display:flex;flex-direction:column;min-height:100vh}.App-header{align-items:center;background:#16213e;border-bottom:2px solid #0f3460;display:flex;justify-content:space-between;padding:1rem 2rem}.App-header h1{color:#e94560;font-size:1.5rem}.user-info{align-items:center;display:flex;gap:1rem}.user-info button{background:#e94560;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.user-info button:hover{background:#c73e54}main{flex:1 1;padding:2rem}.error{background:#e94560;border-radius:4px;color:#fff;margin-bottom:1rem;padding:1rem}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a1a2e;color:#eee;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.59524a50.css.map*/