body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem}.container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:20px;box-shadow:0 8px 32px 0 #1f26875e;margin:2rem;max-width:900px;padding:3rem;text-align:center;width:100%}.container h1{font-size:3rem;margin-bottom:.5rem;text-shadow:2px 2px 4px #0000004d}.container>p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.user-info{background:#ffffff26;border-radius:10px;margin:2rem 0;padding:1.5rem}.user-info h2{font-size:1.5rem;margin-bottom:1rem;margin-top:0}.user-info p{font-size:1rem;margin:.5rem 0;text-align:left}.api-section,.websocket-section{background:#ffffff14;border-radius:10px;margin:2rem 0;padding:1.5rem}.api-section h3,.websocket-section h3{margin-bottom:1rem;margin-top:0}.api-response{background:#0000004d;border-radius:10px;margin-top:1rem;max-height:300px;overflow-y:auto;padding:1.5rem}.api-response pre{word-wrap:break-word;color:#a8ff78;font-size:.9rem;margin:0;text-align:left;white-space:pre-wrap}.ws-controls{margin:1rem 0}.ws-messages{background:#0000004d;border-radius:10px;margin-top:1.5rem;max-height:300px;overflow-y:auto;padding:1rem}.ws-messages h4{margin-bottom:.5rem;margin-top:0}.message-list{gap:.5rem}.message,.message-list{display:flex;flex-direction:column}.message{border-radius:5px;font-size:.85rem;gap:.25rem;padding:.5rem;text-align:left}.message-system{background:#6495ed4d;border-left:3px solid #6495ed}.message-broadcast,.message-message,.message-welcome{background:#2ed5734d;border-left:3px solid #2ed573}.message-error{background:#ff52524d;border-left:3px solid #ff5252}.message-time{font-size:.75rem;opacity:.7}.message-text{font-family:monospace;white-space:pre-wrap;word-break:break-word}.connections-list{background:#0000004d;border-radius:10px;margin-top:1.5rem;max-height:400px;overflow-y:auto;padding:1rem}.connections-list h4{margin-bottom:1rem;margin-top:0}.connection-item{background:#ffffff1a;border-radius:8px;font-size:.9rem;margin-bottom:.5rem;padding:1rem;text-align:left}.connection-item div{margin:.3rem 0}.broadcast-section{margin-top:1.5rem}.broadcast-section h4{margin-bottom:1rem}.broadcast-input{background:#ffffff1a;border:2px solid #ffffff4d;border-radius:10px;color:#fff;font-size:1rem;margin-bottom:.5rem;padding:.75rem;width:100%}.broadcast-input::placeholder{color:#ffffff80}.broadcast-input:focus{background:#ffffff26;border-color:#fff9;outline:none}.btn{background:#fff3;border:2px solid #fff;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin:.5rem;padding:12px 30px;transition:all .3s ease}.btn:hover{background:#fff;box-shadow:0 5px 15px #0000004d;color:#667eea;transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-logout{background:#ff52524d;border-color:#ff5252}.btn-logout:hover{background:#ff5252;color:#fff}.btn-connect{background:#2ed5734d;border-color:#2ed573}.btn-connect:hover{background:#2ed573;color:#fff}.btn-disconnect{background:#ff9f404d;border-color:#ff9f40}.btn-disconnect:hover{background:#ff9f40;color:#fff}.btn-broadcast{background:#487eb04d;border-color:#487eb0}.btn-broadcast:hover{background:#487eb0;color:#fff}.footer-info{font-size:.9rem;margin-top:2rem;opacity:.7}.footer-info p{margin:.3rem 0}.loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.api-response::-webkit-scrollbar,.connections-list::-webkit-scrollbar,.ws-messages::-webkit-scrollbar{width:8px}.api-response::-webkit-scrollbar-track,.connections-list::-webkit-scrollbar-track,.ws-messages::-webkit-scrollbar-track{background:#0003;border-radius:10px}.api-response::-webkit-scrollbar-thumb,.connections-list::-webkit-scrollbar-thumb,.ws-messages::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.api-response::-webkit-scrollbar-thumb:hover,.connections-list::-webkit-scrollbar-thumb:hover,.ws-messages::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width:768px){.container{margin:1rem;padding:2rem 1.5rem}.container h1{font-size:2rem}.btn{padding:10px 20px}.broadcast-input,.btn{font-size:.9rem}}.maintenance-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.maintenance-content{animation:fadeIn .5s ease-in;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:60px 40px;text-align:center;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.maintenance-icon{animation:rotate 2s linear infinite;font-size:80px;margin-bottom:20px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.maintenance-content h1{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:10px}.maintenance-subtitle{color:#666;font-size:1.2rem;margin-bottom:30px}.maintenance-message{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;margin:30px 0;padding:25px}.maintenance-message p{color:#555;line-height:1.6;margin:10px 0}.maintenance-status{display:flex;flex-direction:column;gap:15px;margin:30px 0}.status-item{align-items:center;background:#f0f4ff;border-radius:10px;color:#555;display:flex;font-size:.95rem;gap:10px;justify-content:center;padding:15px}.status-icon{font-size:1.5rem}.maintenance-refresh-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin:20px 0;padding:15px 40px;transition:all .3s ease}.maintenance-refresh-btn:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.maintenance-refresh-btn:active{transform:translateY(0)}.maintenance-footer{border-top:1px solid #e0e0e0;margin-top:40px;padding-top:30px}.maintenance-footer p{color:#888;font-size:.9rem;margin:10px 0}.maintenance-footer a{color:#667eea;font-weight:600;text-decoration:none}.maintenance-footer a:hover{text-decoration:underline}.maintenance-time{color:#aaa;font-size:.85rem;margin-top:15px}@media (max-width:768px){.maintenance-content{padding:40px 30px}.maintenance-content h1{font-size:2rem}.maintenance-icon{font-size:60px}.status-item{font-size:.9rem}}
/*# sourceMappingURL=main.8a3458e3.css.map*/