*{box-sizing:border-box;margin:0;padding:0}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}.container{margin:0 auto;max-width:1200px;padding:20px}.btn{border:none;border-radius:5px;cursor:pointer;font-size:16px;padding:10px 20px;transition:all .3s ease}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#1e7e34}.form-group{margin-bottom:15px}.form-control{border:1px solid #ddd;border-radius:5px;font-size:16px;padding:10px;width:100%}.form-control:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:20px}.video-container{margin:0 auto;max-width:640px;position:relative;width:100%}.video-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:20px}.video-item{border-radius:10px}.video-item video{display:block;height:auto;width:100%}.video-controls{bottom:10px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%)}.chat-container{border:1px solid #ddd;border-radius:10px;height:400px}.chat-messages{background:#f8f9fa;padding:15px}.chat-input{background:#fff;border-top:1px solid #ddd;padding:15px}.chat-input input{flex:1 1;margin-right:10px}.message{background:#fff;border-radius:5px;box-shadow:0 1px 3px #0000001a;margin-bottom:10px;padding:10px}.message-header{color:#007bff;font-weight:700}.message-time{color:#666;float:right;font-size:12px}.room-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.room-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px;transition:transform .3s ease}.room-card:hover{transform:translateY(-5px)}.room-title{color:#333;font-size:18px;font-weight:700;margin-bottom:10px}.room-description{color:#666;margin-bottom:15px}.room-code{background:#f8f9fa;border-radius:5px;color:#007bff;font-family:monospace;font-size:14px;padding:5px 10px}.loading{color:#666;padding:20px;text-align:center}.error{background:#f8d7da;color:#721c24}.error,.success{border-radius:5px;margin-bottom:20px;padding:15px}.success{background:#d4edda;color:#155724}.header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;margin-bottom:40px;padding:40px 0;text-align:center}.header h1{font-size:2.5rem;font-weight:700;margin-bottom:10px}.header p{font-size:1.2rem;opacity:.9}.user-section{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:20px}.user-section label{color:#333;display:block;font-weight:600;margin-bottom:5px}.actions{margin-bottom:30px;text-align:center}.rooms-section h2{color:#333;font-size:1.8rem;margin-bottom:20px}.no-rooms{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:40px;text-align:center}.no-rooms p{color:#666;font-size:1.1rem}.room-actions{margin-top:15px}.room-actions .btn{width:100%}.error{padding-right:40px;position:relative}.error button{background:none;border:none;color:#721c24;cursor:pointer;font-size:20px;position:absolute;right:15px;top:50%;transform:translateY(-50%)}@media (max-width:768px){.header h1{font-size:2rem}.header p{font-size:1rem}.room-list{grid-template-columns:1fr}}.video-grid{grid-gap:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 10px 30px #0003;display:grid;flex:1 1;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));min-height:500px;padding:20px}.video-item{aspect-ratio:16/9;background:#000;border-radius:15px;box-shadow:0 5px 15px #0000004d;min-height:220px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.video-item:hover{box-shadow:0 10px 25px #0006;transform:translateY(-5px)}.video-element{display:block;height:100%;object-fit:cover;width:100%}.video-label{background:#000000b3;border-radius:5px;bottom:10px;color:#fff;font-size:14px;font-weight:500;left:10px;padding:5px 10px;position:absolute}.local-video{border:3px solid #007bff;box-shadow:0 0 20px #007bff80}.remote-video{border:2px solid #28a745;box-shadow:0 0 15px #28a7454d}.empty-video{align-items:center;background:#f8f9fa;border:2px dashed #dee2e6;display:flex;justify-content:center}.empty-placeholder{color:#6c757d;text-align:center}.empty-icon{font-size:3rem;margin-bottom:10px}.empty-text{font-size:1rem;font-weight:500}@media (max-width:768px){.video-grid{gap:10px;grid-template-columns:1fr}.video-item{min-height:250px}}@media (min-width:1200px){.video-grid{grid-template-columns:repeat(2,1fr)}}.chat-container{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;height:100%;margin:20px;overflow:hidden}.chat-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;padding:20px}.chat-header h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0;text-shadow:0 1px 2px #0000004d}.chat-info{background:#ffffff1a;border-radius:15px;color:#fffc;font-size:.9rem;padding:5px 10px}.chat-messages{background:#ffffff0d;display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:20px}.no-messages{align-items:center;color:#ffffffb3;display:flex;font-size:1.1rem;height:100%;justify-content:center;text-align:center}.message{word-wrap:break-word;border-radius:15px;max-width:80%;padding:10px 15px}.own-message{align-self:flex-end;background:linear-gradient(135deg,#4caf50,#45a049);border-bottom-right-radius:5px;box-shadow:0 2px 10px #4caf504d;color:#fff}.other-message{align-self:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff4d;border-bottom-left-radius:5px;box-shadow:0 2px 10px #0000001a;color:#333}.message-header{align-items:center;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:5px}.message-author{font-weight:600}.own-message .message-author{color:#ffffffe6}.other-message .message-author{color:#667eea}.message-time{font-size:.7rem;opacity:.7}.message-content{font-size:.9rem;line-height:1.4}.chat-input{border-top:1px solid #fff3;display:flex;gap:15px;padding:20px}.chat-input,.message-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a}.message-input{border:1px solid #ffffff4d;border-radius:25px;color:#fff;flex:1 1;font-size:.9rem;outline:none;padding:12px 18px;transition:all .3s ease}.message-input::placeholder{color:#fff9}.message-input:focus{background:#ffffff26;border-color:#4caf50;box-shadow:0 0 0 2px #4caf504d}.send-button{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:25px;box-shadow:0 2px 10px #4caf504d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.send-button:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 4px 15px #4caf5066;transform:translateY(-2px)}.send-button:disabled{background:#6c757d80;box-shadow:none;cursor:not-allowed;transform:none}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.chat-header{padding:10px 15px}.chat-header h3{font-size:1rem}.chat-info{font-size:.8rem}.chat-messages{padding:10px}.message{max-width:90%;padding:8px 12px}.chat-input{padding:10px}.message-input{font-size:.8rem;padding:8px 12px}.send-button{font-size:.8rem;padding:8px 15px}}.video-controls{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 10px 30px #0003;margin:20px;padding:20px}.control-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.camera-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:10px;color:#fff;margin-bottom:15px;padding:10px}.camera-select option{color:#000}.control-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:15px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-width:100px;padding:15px 20px;transition:all .3s ease}.control-btn:hover{background:#fff3;box-shadow:0 8px 25px #0000004d;transform:translateY(-3px)}.control-btn.active{background:#4caf504d;border-color:#4caf50;box-shadow:0 0 20px #4caf5080}.control-btn.inactive{background:#f443364d;border-color:#f44336;box-shadow:0 0 20px #f4433680}.control-icon{font-size:1.5rem;line-height:1}.control-text{color:#fff;font-size:.9rem;font-weight:600;text-shadow:0 1px 2px #0000004d}.control-btn.active .control-text{color:#4caf50}.control-btn.inactive .control-text{color:#f44336}@media (max-width:768px){.control-buttons{gap:10px}.control-btn{min-width:70px;padding:8px 12px}.control-icon{font-size:1.2rem}.control-text{font-size:.7rem}}.room-page{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;height:100vh;overflow:hidden}.room-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;box-shadow:0 4px 20px #0003;display:flex;justify-content:space-between;padding:20px;z-index:1000}.room-info h1{color:#fff;font-size:1.8rem;font-weight:600;margin:0;text-shadow:0 1px 2px #0000004d}.room-info p{background:#ffffff1a;border-radius:15px;color:#fffc;display:inline-block;font-size:1rem;margin:5px 0 0;padding:5px 10px}.room-content{display:flex;flex:1 1;gap:0;overflow:hidden;padding:0}.video-section{display:flex;flex:2 1;flex-direction:column;gap:20px}.chat-section{flex:1 1;min-width:300px}.room-actions .btn{border:none;border-radius:25px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.room-actions .btn-danger{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 2px 10px #f443364d;color:#fff}.room-actions .btn-danger:hover{background:linear-gradient(135deg,#d32f2f,#b71c1c);box-shadow:0 4px 15px #f4433666;transform:translateY(-2px)}@media (max-width:768px){.room-content{flex-direction:column;padding:10px}.chat-section{min-width:auto}.room-header{flex-direction:column;gap:10px;text-align:center}}
/*# sourceMappingURL=main.e33ebc95.css.map*/