body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;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}*{box-sizing:border-box;margin:0;padding:0}body{animation:gradientShift 10s ease infinite;background:linear-gradient(45deg,#f0f,#0ff,#ff0,#f0f);background-size:400% 400%;color:#000;font-family:Comic Sans MS,cursive,sans-serif;overflow-x:hidden}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.App{display:flex;flex-direction:column;min-height:100vh}.header{align-items:center;animation:rainbowSlide 3s linear infinite;background:linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3);background-size:200% 100%;border-bottom:5px solid #f0f;box-shadow:0 0 20px #f0fc;display:flex;justify-content:space-between;padding:1rem 2rem}@keyframes rainbowSlide{0%{background-position:0 50%}to{background-position:200% 50%}}.header h1{animation:pulse 1s ease-in-out infinite;color:#fff;font-size:2.5rem;text-shadow:0 0 10px #f0f,0 0 20px #f0f,0 0 30px #f0f,3px 3px 0 #000}.server-stats{align-items:center;display:flex;gap:1rem}.stat{animation:blink 1s infinite;background:#000;border:3px solid #0f0;border-radius:10px;box-shadow:0 0 10px #0f0;color:#0f0;font-size:1.2rem;font-weight:700;padding:.5rem 1rem}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease-out;background:linear-gradient(135deg,#f0f,#0ff);border:3px solid #ff0;border-radius:15px;box-shadow:0 0 30px #f0fc;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-close{align-items:center;background:red;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:35px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .3s;width:35px;z-index:10}.modal-close:hover{background:#fff;color:red;transform:rotate(90deg)}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:.5}}.auto-refresh{color:#fff;font-size:1.1rem;font-weight:700;text-shadow:2px 2px 0 #000}.auto-refresh input{margin-right:.5rem;transform:scale(1.5)}.main-container{padding:1rem}.left-panel,.main-container{display:flex;flex:1 1;gap:1rem}.left-panel{flex-direction:column}.right-panel{background:#000;border:5px solid #f0f;border-radius:15px;box-shadow:0 0 30px #f0fc;flex:2 1;padding:1rem}.right-panel h2{color:#0f0;font-size:1.8rem;margin-bottom:1rem;text-shadow:0 0 10px #0f0}.add-user-form{background:linear-gradient(135deg,#ff1493,#00bfff);border:5px solid #ff0;border-radius:15px;box-shadow:0 0 20px #ff0c;padding:1.5rem}.add-user-form h2{color:#fff;font-size:1.8rem;margin-bottom:1rem;text-shadow:3px 3px 0 #000}.add-user-form label{color:#fff;display:block;font-weight:700;margin-bottom:.3rem;margin-top:.8rem;text-shadow:2px 2px 0 #000}.add-user-form input,.add-user-form select{background:#fff;border:3px solid #000;border-radius:10px;box-shadow:0 0 10px #00000080;font-family:Comic Sans MS,cursive;font-size:1.1rem;margin-bottom:.8rem;padding:.8rem;width:100%}.input-with-button{display:flex;gap:.5rem;margin-bottom:.8rem}.input-with-button input{flex:1 1;margin-bottom:0}.btn-generate{background:linear-gradient(45deg,#ff0,#f0f);border:3px solid #000;border-radius:10px;box-shadow:0 0 10px #ff0c;cursor:pointer;font-size:1.2rem;padding:.8rem 1.2rem;transition:transform .2s}.btn-generate:hover{transform:scale(1.1) rotate(10deg)}.transport-params{background:#0000004d;border-radius:10px;margin:1rem 0;padding:1rem}.transport-params h3{color:#ff0;margin-bottom:.5rem;text-shadow:2px 2px 0 #000}.param-field{margin-bottom:.8rem}.param-field label{font-size:.9rem;margin-top:.3rem}.checkbox-label{align-items:center;cursor:pointer;display:flex!important;gap:.5rem}.checkbox-label input{margin:0;transform:scale(1.5);width:auto}.btn-toggle-form{background:linear-gradient(45deg,#0f0,#0ff);border:3px solid #000;border-radius:10px;box-shadow:0 0 15px #0ffc;color:#000;cursor:pointer;font-size:1.3rem;font-weight:700;margin-bottom:1rem;padding:1rem;transition:transform .2s;width:100%}.btn-toggle-form:hover{transform:scale(1.05) rotate(-2deg)}.btn-toggle-gen{background:linear-gradient(45deg,#f0f,#ff0);border:3px solid #000;border-radius:10px;box-shadow:0 0 15px #f0fc;color:#000;cursor:pointer;font-size:1.3rem;font-weight:700;margin-bottom:1rem;padding:1rem;transition:transform .2s;width:100%}.btn-toggle-gen:hover{transform:scale(1.05) rotate(2deg)}.gen-form{background:linear-gradient(135deg,#9400d3,indigo);border:5px solid #f0f;border-radius:15px;box-shadow:0 0 20px #9400d3cc;margin-bottom:1rem;padding:1.5rem}.gen-form h2{color:#fff;font-size:1.8rem;margin-bottom:.5rem;text-shadow:3px 3px 0 #000}.gen-info{color:#ff0;font-size:.9rem;margin-bottom:1rem;text-shadow:1px 1px 0 #000}.gen-form label{color:#fff;display:block;font-weight:700;margin-bottom:.3rem;margin-top:.8rem;text-shadow:2px 2px 0 #000}.gen-form input,.gen-form select{background:#fff;border:3px solid #000;border-radius:10px;box-shadow:0 0 10px #00000080;font-family:Comic Sans MS,cursive;font-size:1.1rem;margin-bottom:.8rem;padding:.8rem;width:100%}.btn-generate-rooms{background:linear-gradient(45deg,#f0f,#0ff);border:3px solid #000;border-radius:10px;box-shadow:0 0 15px #f0fc;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:700;padding:1rem;text-shadow:2px 2px 0 #000;transition:transform .2s;width:100%}.btn-generate-rooms:hover{transform:scale(1.05)}.generated-rooms{background:#00000080;border:2px solid #0f0;border-radius:10px;margin-top:1rem;padding:1rem}.generated-rooms h3{color:#0f0;font-size:1.2rem;margin-bottom:.8rem;text-shadow:2px 2px 0 #000}.room-id-item{align-items:center;background:#000;border:2px solid #0f0;border-radius:8px;display:flex;gap:.5rem;margin-bottom:.5rem;padding:.8rem}.room-id-text{color:#0f0;flex:1 1;font-family:Courier New,monospace;font-size:1.1rem;word-break:break-all}.btn-copy-room{background:#ff0;border:2px solid #000;border-radius:5px;cursor:pointer;font-size:1.2rem;padding:.5rem 1rem;transition:transform .2s}.btn-copy-room:hover{transform:scale(1.2)}.login-container{align-items:center;animation:gradientShift 10s ease infinite;background:linear-gradient(45deg,#f0f,#0ff,#ff0,#f0f);background-size:400% 400%;display:flex;justify-content:center;min-height:100vh}.login-box{background:#000c;border:5px solid #f0f;border-radius:20px;box-shadow:0 0 50px #f0fc;min-width:400px;padding:3rem;text-align:center}.login-box h1{animation:pulse 1s ease-in-out infinite;color:#fff;font-size:3rem;margin-bottom:1rem;text-shadow:0 0 10px #f0f,0 0 20px #f0f,0 0 30px #f0f,3px 3px 0 #000}.login-box h2{color:#ff0;font-size:1.5rem;margin-bottom:2rem;text-shadow:2px 2px 0 #000}.login-box form{display:flex;flex-direction:column;gap:1rem}.login-box input{background:#fff;border:3px solid #0ff;border-radius:10px;box-shadow:0 0 10px #00ffff80;font-family:Comic Sans MS,cursive;font-size:1.2rem;padding:1rem}.login-error{animation:shake .5s;background:#f003;border:2px solid red;border-radius:8px;color:red;font-weight:700;padding:.8rem;text-shadow:1px 1px 0 #000}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.btn-login{background:linear-gradient(45deg,#0f0,#0ff);border:3px solid #000;border-radius:10px;box-shadow:0 0 20px #0ffc;color:#000;cursor:pointer;font-size:1.5rem;font-weight:700;padding:1rem;text-shadow:1px 1px 0 #fff;transition:transform .2s}.btn-login:hover{transform:scale(1.05)}.btn-logout{background:red;border:3px solid #000;border-radius:8px;box-shadow:0 0 10px #f00c;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-left:1rem;padding:.5rem 1rem;transition:transform .2s}.btn-logout:hover{transform:scale(1.1)}.btn-add{background:linear-gradient(45deg,red,#ff7f00);border:3px solid #000;border-radius:10px;box-shadow:0 0 15px #f00c;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:700;padding:1rem;transition:transform .2s;width:100%}.btn-add:hover{transform:scale(1.05) rotate(-2deg)}.users-list{background:linear-gradient(135deg,#0f0,#00f);border:5px solid #f0f;border-radius:15px;box-shadow:0 0 20px #0f0c;max-height:70vh;overflow-y:auto;padding:1.5rem}.users-list h2{color:#fff;font-size:1.8rem;margin-bottom:1rem;text-shadow:3px 3px 0 #000}.user-card{background:#fff;border:4px solid #000;border-radius:10px;box-shadow:5px 5px 0 #000;cursor:pointer;margin-bottom:1rem;padding:1rem;transition:all .3s}.user-card:hover{box-shadow:8px 8px 0 #000;transform:translateX(10px) rotate(2deg)}.user-card.selected{background:#ff0;border-color:#f0f;box-shadow:0 0 20px #f0f}.user-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.user-id{color:#f0f;font-size:1.5rem;font-weight:700;text-shadow:2px 2px 0 #000}.status-badge{border:2px solid #000;border-radius:20px;font-weight:700;padding:.3rem .8rem}.status-badge.running{animation:pulse 1s infinite;background:#0f0;color:#000}.status-badge.stopped{background:red;color:#fff}.user-info{font-size:1rem;line-height:1.6;margin:.5rem 0}.user-actions{display:flex;gap:.5rem;margin-top:.5rem}.user-actions button{border:3px solid #000;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:700;padding:.5rem;transition:transform .2s}.user-actions button:hover{transform:scale(1.1)}.btn-start{background:#0f0;color:#000}.btn-stop{background:red;color:#fff}.btn-delete{background:#000;color:#fff;flex:0.3 1}.btn-uri{background:#ff0;color:#000;flex:0.4 1}.logs-container{background:#000;border:3px solid #0f0;border-radius:10px;box-shadow:inset 0 0 20px #00ff004d;color:#0f0;font-family:Courier New,monospace;font-size:.9rem;max-height:70vh;overflow-y:auto;padding:1rem}.log-line{animation:fadeIn .5s;margin-bottom:.3rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.no-logs{color:#ff0;font-size:1.5rem;padding:2rem;text-align:center}.no-selection{align-items:center;color:#0f0;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.no-selection h2{animation:bounce 2s infinite;font-size:3rem;margin-bottom:1rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.no-selection p{font-size:1.5rem}.footer{background:#000;border-top:5px solid #f0f;box-shadow:0 0 20px #f0fc;color:#fff;padding:1rem}.footer marquee{color:#f0f;font-size:1.5rem;font-weight:700;text-shadow:0 0 10px #f0f}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#000;border:2px solid #f0f}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f0f,#0ff);border:2px solid #000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0ff,#f0f)}.notifications-container{bottom:20px;display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;z-index:9999}.notification{word-wrap:break-word;animation:slideIn .3s ease-out,fadeOut .3s ease-in 2.7s;background:linear-gradient(135deg,#0f0,#0ff);border:2px solid #fff;border-radius:10px;box-shadow:0 0 20px #0ffc;color:#000;font-weight:700;max-width:400px;min-width:250px;padding:15px 20px}.notification.error{background:linear-gradient(135deg,red,#f0f);box-shadow:0 0 20px #f00c;color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.btn-delete-room{background:red;border:2px solid #fff;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-left:5px;padding:5px 10px;transition:all .3s}.btn-delete-room:hover{background:#fff;color:red;transform:scale(1.1)}.btn-generate-rooms:disabled{animation:pulse 1.5s infinite;cursor:not-allowed;opacity:.6}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}
/*# sourceMappingURL=main.aec731fa.css.map*/