body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:10px;box-shadow:0 10px 25px #0003;max-width:400px;padding:40px;width:100%}.auth-card h2{color:#333;font-size:28px;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:16px;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#667eea;outline:none}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:transform .2s,box-shadow .2s;width:100%}.btn-primary:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.auth-switch{color:#666;font-size:14px;margin-top:20px;text-align:center}.link-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:0;text-decoration:underline}.link-button:hover{color:#764ba2}.home-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:0}.home-content{margin:0 auto;max-width:1200px;padding:20px}.home-header{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:20px 30px}.user-section{align-items:center;display:flex;justify-content:space-between}.user-section h1{color:#333;font-size:28px;margin:0}.user-info-header{align-items:center;display:flex;gap:20px}.user-email-header{color:#667eea;font-size:16px;font-weight:600}.btn-logout-header{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s}.btn-logout-header:hover{background:#c0392b;transform:translateY(-1px)}.servers-section{margin-bottom:20px}.rooms-section,.servers-section{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:30px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.section-header h2{color:#333;font-size:24px;margin:0}.rooms-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.rooms-header h2{color:#333;font-size:24px;margin:0}.btn-create-room,.btn-create-server{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-create-room:hover:not(:disabled),.btn-create-server:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.btn-create-room:disabled{cursor:not-allowed;opacity:.6}.error-message{background-color:#fee;border-radius:6px;color:#c33;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.loading-text{font-size:16px;padding:40px}.empty-state,.loading-text{color:#666;text-align:center}.empty-state{padding:60px 20px}.empty-state p{font-size:16px;margin:10px 0}.rooms-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.room-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .2s}.room-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.room-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.room-code-section{display:flex;flex-direction:column;gap:4px}.room-label{color:#888;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.room-code{color:#667eea;font-family:Courier New,monospace;font-size:28px;font-weight:700;letter-spacing:2px}.room-date{color:#999;font-size:11px;padding-top:4px;text-align:right}.room-actions{display:flex;gap:8px}.room-actions-icons{border-top:1px solid #e9ecef;display:flex;gap:6px;justify-content:flex-end;padding-top:8px}.btn-open,.btn-present{flex:1 1;font-size:14px;font-weight:600;padding:10px 12px}.btn-icon,.btn-open,.btn-present{border:none;border-radius:6px;cursor:pointer;transition:all .2s}.btn-icon{align-items:center;background:#e9ecef;display:flex;font-size:18px;height:36px;justify-content:center;padding:0;width:36px}.btn-icon:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-2px)}.btn-icon:active{transform:translateY(0)}.btn-icon-delete{background:#fee}.btn-icon-delete:hover{background:#fdd;box-shadow:0 2px 8px #e74c3c4d}.btn-present{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff}.btn-present:hover{background:linear-gradient(135deg,#ee5a6f,#c92a2a);box-shadow:0 4px 12px #ff6b6b4d;transform:translateY(-1px)}.btn-open{background:#667eea;color:#fff}.servers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:20px}.server-card{background:#f0f4ff;border:2px solid #d0ddf7;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .2s}.server-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.server-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.server-name-section{display:flex;flex-direction:column;gap:4px}.server-label{color:#888;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.server-name{color:#667eea;font-family:Courier New,monospace;font-size:24px;font-weight:700}.server-date{color:#999;font-size:11px;padding-top:4px;text-align:right}.server-actions{display:flex;gap:8px}.server-actions-icons{border-top:1px solid #d0ddf7;display:flex;gap:6px;justify-content:flex-end;padding-top:8px}.empty-state-small{padding:20px}.modal-overlay{background:#00000080}.modal-content{box-shadow:0 10px 40px #0000004d;max-width:400px;width:90%}.modal-content h3{font-size:20px}.server-name-input{box-sizing:border-box}.btn-modal-create{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-modal-create:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d}.btn-modal-cancel{border:none;border-radius:6px;color:#333;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-modal-cancel:hover,.btn-open:hover{transform:translateY(-1px)}.btn-open:hover{background:#5568d3;box-shadow:0 4px 12px #667eea4d}.empty-state-small{color:#999;font-size:14px;padding:30px 20px;text-align:center}.modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:10px;box-shadow:0 4px 20px #0000004d;max-width:500px;min-width:400px;padding:30px}.modal-content h3{color:#333;font-size:22px;margin:0 0 20px}.server-name-input{border:2px solid #e9ecef;border-radius:6px;font-size:16px;margin-bottom:20px;padding:12px;transition:border-color .2s;width:100%}.server-name-input:focus{border-color:#667eea;outline:none}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.btn-modal-cancel,.btn-modal-create{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.btn-modal-create{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-modal-create:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.btn-modal-create:disabled{cursor:not-allowed;opacity:.6}.btn-modal-cancel{background:#e9ecef;color:#666}.btn-modal-cancel:hover{background:#dee2e6}@media (max-width:768px){.rooms-header,.section-header,.user-section{align-items:flex-start;flex-direction:column;gap:15px}.btn-create-room,.btn-create-server{width:100%}.rooms-grid,.servers-grid{grid-template-columns:1fr}}.viewer-container{background:#1a1a2e;color:#fff;min-height:100vh}.viewer-header{background:#16213e;border-bottom:2px solid #0f3460;box-shadow:0 2px 10px #0000004d;padding:20px 40px}.viewer-info{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.viewer-info h1{color:#e94560;font-size:24px;margin:0}.room-info{align-items:center;display:flex;gap:20px}.room-code-badge{background:#e94560;border-radius:20px;color:#fff;font-size:14px;font-weight:600;letter-spacing:1px;padding:8px 16px}.room-owner{color:#aaa;font-size:14px}.viewer-content{align-items:flex-start;display:flex;justify-content:center;margin:0 auto;max-width:1400px;padding:30px 40px}.players-grid,.video-grid{grid-gap:20px;display:grid;gap:20px;max-width:100%;width:100%}.players-grid,.players-grid.multi,.video-grid{grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.player-container{background:#16213e;border-radius:12px;box-shadow:0 4px 20px #0000004d;overflow:hidden;width:100%}.video-player-wrapper{aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden;position:relative;width:100%}.stream-label{background:#000000b3;border-radius:4px;color:#e94560;font-size:12px;font-weight:600;left:10px;padding:6px 12px;pointer-events:none;position:absolute;top:10px;z-index:10}.player-placeholder{align-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,#0f3460,#16213e);display:flex;flex-direction:column;justify-content:center;padding:40px}.player-icon{font-size:80px;margin-bottom:20px;opacity:.5}.player-placeholder h2{color:#e94560;font-size:28px;margin:0 0 10px}.player-placeholder p{color:#aaa;font-size:16px;margin:0}.player-info{margin-top:30px;text-align:center}.player-info p{font-size:14px;margin:8px 0}.text-muted{color:#666!important;font-style:italic}.status-connected{color:#4caf50;font-size:16px;font-weight:600;margin:10px 0}.viewer-video{background:#000;height:100%;object-fit:contain;width:100%}.viewer-video:not([data-playing=true])::-webkit-media-controls{opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.viewer-video[data-playing=true]::-webkit-media-controls{opacity:1}.play-overlay{animation:fadeIn .3s ease;background:#000000b3;bottom:0;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.play-button,.play-overlay{align-items:center;cursor:pointer;display:flex}.play-button{background:linear-gradient(135deg,#e94560,#ff6b6b);border:none;border-radius:50px;box-shadow:0 5px 20px #e9456066;color:#fff;font-size:18px;font-weight:600;gap:10px;padding:20px 40px;transition:all .3s ease}.play-button:hover{box-shadow:0 8px 25px #e9456099;transform:scale(1.05)}.play-button:active{transform:scale(.98)}.viewer-sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-section{background:#16213e;border-radius:12px;box-shadow:0 2px 10px #0003;padding:20px}.sidebar-section h3{border-bottom:2px solid #0f3460;color:#e94560;font-size:18px;margin:0 0 20px;padding-bottom:10px}.info-item{border-bottom:1px solid #0f3460;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.info-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.info-label{color:#888;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#fff;font-size:14px;font-weight:500;text-align:right}.status-indicator{align-items:center;background:#0f3460;border-radius:8px;display:flex;gap:10px;padding:12px}.status-dot{background:#666;border-radius:50%;height:12px;width:12px}.status-dot.active{animation:pulse 2s infinite;background:#0f8;box-shadow:0 0 10px #0f8}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.viewer-error,.viewer-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px}.spinner{border:4px solid #0f3460;border-top-color:#e94560;height:60px;margin-bottom:20px;width:60px}.viewer-loading p{color:#aaa;font-size:18px}.viewer-error h1{font-size:80px;margin:0 0 20px}.viewer-error h2{color:#e94560;font-size:28px;margin:0 0 10px}.viewer-error p{color:#aaa;font-size:16px}@media (max-width:1024px){.viewer-content{grid-template-columns:1fr}.viewer-sidebar{order:-1}}@media (max-width:768px){.viewer-header{padding:15px 20px}.viewer-info{align-items:flex-start;flex-direction:column;gap:15px}.viewer-content{padding:20px}.room-info{align-items:flex-start;flex-direction:column;gap:10px}.player-placeholder{padding:20px}.player-icon{font-size:60px}.player-placeholder h2{font-size:22px}}.presenter-container{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.presenter-header{align-items:center;background:#fffffff2;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.presenter-header h2{color:#333;font-size:22px;margin:0}.status-badge{align-items:center;border-radius:20px;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px}.status-badge.streaming{animation:pulse-badge 2s infinite;background:#ff6b6b;color:#fff}.pulse-dot{animation:pulse-dot 1.5s ease-in-out infinite;background:#fff;border-radius:50%;height:8px;width:8px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes pulse-badge{0%,to{box-shadow:0 0 0 0 #ff6b6bb3}50%{box-shadow:0 0 0 10px #ff6b6b00}}.error-banner{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;font-weight:500;margin-bottom:20px;padding:12px 20px}.presenter-content{display:flex;flex:1 1;flex-direction:column;gap:20px;margin:0 auto;max-width:1200px;width:100%}.tabs-container{width:100%}.tabs-list{background:#ffffff1a;border-radius:10px;display:flex;gap:5px;overflow-x:auto;padding:8px}.tab{align-items:center;background:#ffffff4d;border-radius:6px;cursor:pointer;display:flex;gap:6px;min-width:60px;padding:8px 12px;position:relative;transition:all .2s ease}.tab:hover{background:#fff6}.tab.active{background:#fffffff2;box-shadow:0 2px 8px #0003}.tab.transmitting{border:2px solid #ff6b6b}.tab-name{color:#000000b3;font-size:16px;font-weight:600;white-space:nowrap}.tab.active .tab-name{color:#333}.tab-indicator{animation:blink 1s infinite;font-size:10px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.tab-close{align-items:center;background:none;border:none;border-radius:3px;color:#00000080;cursor:pointer;display:flex;font-size:20px;height:20px;justify-content:center;margin-left:auto;padding:0;transition:all .2s ease;width:20px}.tab-close:hover{background:#0000001a;color:#ff6b6b}.tab-add{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:6px;box-shadow:0 2px 6px #4caf504d;color:#fff;cursor:pointer;font-size:18px;font-weight:700;min-width:50px;padding:10px 20px;transition:all .2s ease}.tab-add:hover{box-shadow:0 4px 10px #4caf5080;transform:scale(1.05)}.preview-container{aspect-ratio:16/9;background:#0000004d;border-radius:12px;margin-bottom:30px;overflow:hidden;position:relative;width:100%}.preview-container,.preview-placeholder{align-items:center;display:flex;justify-content:center}.preview-placeholder{background:#00000080;bottom:0;color:#ffffffe6;flex-direction:column;left:0;position:absolute;right:0;text-align:center;top:0;z-index:1}.placeholder-icon{font-size:64px;margin-bottom:15px;opacity:.7}.preview-placeholder p{font-size:18px;margin:0}.preview-video{background:#000;height:100%;object-fit:contain;width:100%}.control-buttons{flex-wrap:wrap;gap:15px}.btn-control,.control-buttons{display:flex;justify-content:center}.btn-control{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:8px;box-shadow:0 2px 6px #00000026;color:#fff;cursor:pointer;font-size:14px;font-weight:500;gap:8px;min-width:140px;padding:12px 24px;transition:all .2s ease}.btn-control:hover:not(:disabled){background:#ffffff4d;box-shadow:0 3px 8px #0003;transform:translateY(-1px)}.btn-control:disabled{cursor:not-allowed;opacity:.4}.btn-camera{background:#667eea4d;color:#fff}.btn-camera:hover:not(:disabled){background:#667eea80}.btn-screen{background:#f093fb4d;color:#fff}.btn-screen:hover:not(:disabled){background:#f093fb80}.btn-settings{background:#4facfe4d;color:#fff}.btn-settings:hover:not(:disabled){background:#4facfe80}.btn-start-transmission{background:#4caf504d;color:#fff;font-size:13px;min-width:150px}.btn-start-transmission:hover:not(:disabled){background:#4caf5080}.btn-stop-transmission{background:#ff6b6b4d;color:#fff;font-size:13px;min-width:150px}.btn-stop-transmission:hover:not(:disabled){background:#ff6b6b80}.btn-stop{background:#ff98004d;color:#fff}.btn-stop:hover:not(:disabled){background:#ff980080}.dialog-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dialog-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:500px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dialog-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;padding:20px 25px}.dialog-header h3{color:#333;font-size:20px;margin:0}.dialog-close{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.dialog-close:hover{background:#f0f0f0;color:#333}.dialog-body{gap:20px;padding:25px}.device-group,.dialog-body{display:flex;flex-direction:column}.device-group{gap:8px}.device-group label{color:#333;font-size:14px;font-weight:600}.device-group select{background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;font-size:14px;padding:10px 12px;transition:border-color .2s ease}.device-group select:focus{border-color:#667eea;outline:none}.dialog-footer{border-top:2px solid #f0f0f0;display:flex;gap:10px;justify-content:flex-end;padding:15px 25px}.btn-dialog{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.btn-cancel{background:#f0f0f0;color:#666}.btn-cancel:hover{background:#e0e0e0}.btn-apply{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-apply:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin:20px auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.presenter-content{padding:0 10px}.control-buttons{gap:10px}.btn-control{font-size:14px;min-width:120px;padding:12px 20px}.dialog-content{width:95%}}*{box-sizing:border-box;margin:0;padding:0}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}.App{min-height:100vh}
/*# sourceMappingURL=main.ec433681.css.map*/