body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:100vh;text-align:center}.App-header{align-items:center;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh;padding:20px}h1{font-size:2.5rem;margin-bottom:40px;text-shadow:2px 2px 4px #0000004d}.btn{border:none;border-radius:25px;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:1px;margin:10px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease}.btn-primary{background:#4caf50;box-shadow:0 4px 15px #4caf504d;color:#fff}.btn-primary:hover{background:#45a049;box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.btn-secondary{background:#2196f3;box-shadow:0 4px 15px #2196f34d;color:#fff}.btn-secondary:hover{background:#1976d2;box-shadow:0 6px 20px #2196f366;transform:translateY(-2px)}.btn-invite{background:#ff9800;box-shadow:0 4px 15px #ff98004d;color:#fff}.btn-invite:hover{background:#f57c00;box-shadow:0 6px 20px #ff980066;transform:translateY(-2px)}.btn-end{background:#f44336;box-shadow:0 4px 15px #f443364d;color:#fff}.btn-end:hover{background:#d32f2f;box-shadow:0 6px 20px #f4433666;transform:translateY(-2px)}.btn-diagnose{background:#9c27b0;box-shadow:0 4px 15px #9c27b04d;color:#fff}.btn-diagnose:hover{background:#7b1fa2;box-shadow:0 6px 20px #9c27b066;transform:translateY(-2px)}.btn-connect{background:#00bcd4;box-shadow:0 4px 15px #00bcd44d;color:#fff}.btn-connect:hover{background:#0097a7;box-shadow:0 6px 20px #00bcd466;transform:translateY(-2px)}.btn-moderator{background:#ff5722;box-shadow:0 4px 15px #ff57224d;color:#fff}.btn-moderator:hover{background:#e64a19;box-shadow:0 6px 20px #ff572266;transform:translateY(-2px)}.btn-accept{animation:pulse-accept 2s infinite;background:#4caf50;box-shadow:0 4px 15px #4caf504d;color:#fff}.btn-accept:hover{animation:none;background:#45a049;box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}@keyframes pulse-accept{0%{box-shadow:0 4px 15px #4caf504d}50%{box-shadow:0 4px 20px #4caf5099}to{box-shadow:0 4px 15px #4caf504d}}.call-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:15px}.connection-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;margin-bottom:20px;padding:15px}.connection-status{font-size:1rem;margin-bottom:10px}.local-ip{color:#e0e0e0;font-size:.9rem}.local-ip strong{background:#4caf5033;border-radius:4px;color:#4caf50;font-family:monospace;padding:2px 8px}.home-screen{align-items:center;display:flex;flex-direction:column;gap:30px}.join-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;margin-top:20px;padding:20px}.join-section p{font-size:1.2rem;margin-bottom:15px}.monitor-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#28a7451a;border:1px solid #28a7454d;border-radius:15px;margin-top:20px;padding:20px}.monitor-section p{color:#28a745;font-size:1.2rem;margin-bottom:15px}.btn-success{background:#28a745;box-shadow:0 4px 15px #28a7454d;color:#fff}.btn-success:hover{background:#218838;box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.call-screen{max-width:1200px;width:100%}.call-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;margin-bottom:30px;padding:20px}.call-info p{font-size:1.2rem;margin:10px 0}.video-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1000px}.video-wrapper{background:#000;border:3px solid #4caf50;border-radius:15px;box-shadow:0 8px 25px #0000004d;overflow:hidden;position:relative;transition:all .3s ease}.video-wrapper:hover{box-shadow:0 12px 35px #0006;transform:translateY(-2px)}.video{background:linear-gradient(45deg,#333,#555);border-radius:12px;display:block;height:300px;object-fit:cover;width:100%}.video-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #fff3;border-radius:20px;bottom:10px;font-size:.9rem;left:10px;padding:8px 15px}.video-label,.video-status{color:#fff;font-weight:700;position:absolute}.video-status{background:#000000b3;border-radius:10px;font-size:.7rem;padding:4px 8px;right:10px;top:10px}.video-status.playing{background:#4caf50cc}.video-status.error{background:#f44336cc}.video-status.loading{background:#ff9800cc}.video-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:1.1rem;font-weight:700;height:300px;justify-content:center;padding:20px;text-align:center;width:100%}.video-placeholder.local{background:linear-gradient(135deg,#4caf50,#45a049)}.video-placeholder.remote{background:linear-gradient(135deg,#2196f3,#1976d2)}.logs-section{margin-top:20px;max-width:600px;width:100%}.logs-section h3{color:#e0e0e0;font-size:1.2rem;margin-bottom:10px}.logs-container{border:1px solid #ddd;border-radius:8px;font-family:Courier New,monospace;font-size:12px;max-height:200px;overflow-y:auto;padding:10px}.connection-indicator{align-items:center;animation:pulse 2s infinite;background:#ffc10733;border:1px solid #ffc10780;border-radius:10px;display:flex;gap:10px;justify-content:center;margin:15px 0;padding:15px}.connection-pulse{animation:pulse-dot 1.5s infinite;background:#ffc107;border-radius:50%;height:12px;width:12px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.call-logs-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;margin-top:30px;max-width:800px;padding:20px;width:100%}.call-logs-section h3{border-bottom:2px solid #fff3;color:#e0e0e0;font-size:1.3rem;margin-bottom:15px;padding-bottom:10px;text-align:center}.call-logs-container{background:#0000004d;border:1px solid #fff3;border-radius:10px;color:#e0e0e0;font-family:Courier New,monospace;font-size:12px;max-height:300px;overflow-y:auto;padding:15px}.call-logs-container::-webkit-scrollbar{width:8px}.call-logs-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.call-logs-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.call-logs-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}.active-rooms-section{border:1px solid #ddd;border-radius:8px;margin:20px 0;padding:15px}.active-rooms-section,.room-item,.rooms-list{transition:all .3s ease}.room-item{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.room-item:hover{border-color:#007bff;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.rooms-list-updating{opacity:.7;pointer-events:none}.loading-rooms,.no-rooms{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.active-rooms-section h3{border-bottom:2px solid #007bff;color:#333;margin-top:0;padding-bottom:8px}.rooms-header{align-items:center;background-color:#e9ecef;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:15px;padding:10px}.rooms-header span{color:#495057;font-weight:700}.btn-refresh{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.btn-refresh:hover:not(:disabled){background-color:#5a6268}.btn-refresh:disabled{cursor:not-allowed;opacity:.6}.loading-rooms,.no-rooms{color:#6c757d;font-style:italic;padding:20px;text-align:center}.rooms-list{display:flex;flex-direction:column;gap:10px}.room-item{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;display:flex;justify-content:space-between;padding:12px;transition:all .2s ease}.room-item:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.room-info{flex:1 1}.room-id{color:#007bff;font-weight:700;margin-bottom:4px}.room-users{color:#6c757d;font-size:14px;margin-bottom:4px}.room-status{color:#28a745;font-size:12px;font-weight:700}.btn-join-room{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;min-width:100px;padding:8px 16px;white-space:nowrap}.btn-join-room:hover:not(:disabled){background-color:#218838}.btn-join-room:disabled{background-color:#6c757d;cursor:not-allowed}.log-entry{border-bottom:1px solid #ffffff1a;margin-bottom:5px;padding:3px 0;word-break:break-word}.log-entry:last-child{border-bottom:none;margin-bottom:0}@media (max-width:768px){.video-container{gap:15px;grid-template-columns:1fr}.video{height:250px}.btn{font-size:1rem;padding:12px 25px}h1{font-size:2rem}}@media (max-width:480px){.App-header{padding:10px}.video{height:200px}.call-info{padding:15px}.logs-section{margin-top:15px}.logs-container{font-size:.75rem;max-height:150px;padding:10px}}.logs-panel{background:#000000e6;border:2px solid #007bff;border-radius:12px;bottom:20px;box-shadow:0 8px 25px #00000080;color:#fff;font-family:Courier New,monospace;font-size:12px;max-width:90vw;position:fixed;right:20px;transition:all .3s ease;width:350px;z-index:1000}.logs-panel--open{height:400px}.logs-panel__header{align-items:center;background:#007bff33;border-bottom:1px solid #fff3;border-radius:10px 10px 0 0;cursor:pointer;display:flex;justify-content:space-between;padding:12px 15px}.logs-panel__title{align-items:center;display:flex;font-size:14px;font-weight:700;gap:8px}.logs-panel__count{background:#fff3;border-radius:10px;font-size:11px;padding:2px 6px}.logs-panel__controls{display:flex;gap:5px}.logs-panel__button{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 8px;transition:all .2s ease}.logs-panel__button:hover{background:#fff3;transform:scale(1.1)}.logs-panel__button--copy:hover{background:#4caf504d}.logs-panel__button--clear:hover{background:#f443364d}.logs-panel__button--toggle:hover{background:#2196f34d}.logs-panel__content{background:#000c;height:calc(100% - 50px);overflow-y:auto;padding:10px}.logs-panel__empty{color:#888;font-style:italic;padding:20px;text-align:center}.logs-panel__list{display:flex;flex-direction:column;gap:4px}.logs-panel__entry{background:#ffffff0d;border-left:3px solid #007bff;border-radius:4px;line-height:1.3;padding:6px 8px;word-break:break-word}.logs-panel__entry:hover{background:#ffffff1a}.logs-panel__timestamp{color:#4caf50;font-weight:700;margin-right:5px}.logs-panel__message{color:#e0e0e0}.logs-panel__entry[data-type=error]{background:#f443361a;border-left-color:#f44336}.logs-panel__entry[data-type=success]{background:#4caf501a;border-left-color:#4caf50}.logs-panel__entry[data-type=warning]{background:#ff98001a;border-left-color:#ff9800}.logs-panel__entry[data-type=info]{background:#2196f31a;border-left-color:#2196f3}@media (max-width:768px){.logs-panel{bottom:10px;right:10px;width:300px}.logs-panel--open{height:300px}}@media (max-width:480px){.logs-panel{bottom:10px;right:10px;width:calc(100vw - 20px)}.logs-panel--open{height:250px}.logs-panel__header{padding:10px 12px}.logs-panel__content{padding:8px}.logs-panel__entry{font-size:11px;padding:4px 6px}}.navigation-links{display:flex;gap:15px;margin-top:10px}.nav-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#61dafb1a;border:1px solid #61dafb;border-radius:20px;color:#61dafb;font-size:.9em;padding:8px 16px;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#61dafb;box-shadow:0 4px 15px #61dafb66;color:#282c34;transform:translateY(-2px)}
/*# sourceMappingURL=main.dd18a91f.css.map*/