#apps[data-v-0e0fcac7]{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;margin:0;padding:0}.rtmp-streamer[data-v-d582e308]{width:auto;height:auto;margin:0;position:relative;padding:0;background:#000}.video-container[data-v-d582e308]{position:relative;width:100%;height:100%}video[data-v-d582e308]{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;background:#000}.stream-button[data-v-d582e308]{bottom:10px;left:50%;transform:translateX(-50%);justify-content:center;align-items:center;width:100%;padding:10px;background:transparent;border-radius:8px}.right-controls[data-v-d582e308],.stream-button[data-v-d582e308]{position:absolute;display:flex;z-index:2147483647;outline:none;border:none}.right-controls[data-v-d582e308]{top:50%;right:10px;transform:translateY(-50%);flex-direction:column;gap:10px}button[data-v-d582e308]{padding:10px 15px;background:transparent;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;font-size:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:80px;box-shadow:0 2px 4px rgba(0,0,0,.2);outline:none}button i[data-v-d582e308]{margin-bottom:4px}button[data-v-d582e308]:hover{background:hsla(0,0%,100%,.1);transform:translateY(-2px)}button[data-v-d582e308]:focus{outline:none;-webkit-tap-highlight-color:transparent}button[data-v-d582e308]:focus-visible{outline:none}button.streaming[data-v-d582e308]{color:#ff4757}button.streaming[data-v-d582e308]:hover{color:#ff6b81}.stream-info[data-v-d582e308]{position:absolute;top:10px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.5);padding:8px;border-radius:4px;color:#fff;text-align:left;box-shadow:0 2px 4px rgba(0,0,0,.1);width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stream-info p[data-v-d582e308]{margin:4px 0;font-size:14px}.modal[data-v-d582e308]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-d582e308]{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);text-align:center;position:relative}.close[data-v-d582e308]{position:absolute;top:10px;right:10px;color:#aaa;font-size:24px;font-weight:700;cursor:pointer}.close[data-v-d582e308]:focus,.close[data-v-d582e308]:hover{color:#000;text-decoration:none;cursor:pointer}@media (max-width:480px){.stream-button[data-v-d582e308]{width:100%}.right-controls[data-v-d582e308]{right:5px}button[data-v-d582e308]{font-size:12px;padding:8px 12px}}video[data-v-d582e308]::-webkit-media-controls-fullscreen-button,video[data-v-d582e308]::-webkit-media-controls-play-button{display:none}video[data-v-d582e308]::-webkit-media-controls-current-time-display,video[data-v-d582e308]::-webkit-media-controls-timeline{display:none}video[data-v-d582e308]::-webkit-media-controls-mute-button,video[data-v-d582e308]::-webkit-media-controls-time-remaining-display{display:none}video[data-v-d582e308]::-webkit-media-controls-toggle-closed-captions-button,video[data-v-d582e308]::-webkit-media-controls-volume-slider{display:none}video[data-v-d582e308]::-webkit-media-controls-enclosure{display:none}.flv-player[data-v-35e20a4a]{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#000;position:relative}video[data-v-35e20a4a]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-ended-message[data-v-35e20a4a]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background-color:rgba(0,0,0,.7);padding:10px 20px;border-radius:5px;font-size:18px}.modal[data-v-35e20a4a]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.95);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-35e20a4a]{background-color:#222;padding:30px;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.3);text-align:center;position:relative;color:#fff;width:80%}.modal-icon[data-v-35e20a4a]{font-size:48px;color:#ff4757;margin-bottom:20px}.modal-text[data-v-35e20a4a]{font-size:23px;font-weight:700}.close[data-v-35e20a4a]{position:absolute;top:10px;right:10px;color:#aaa;font-size:24px;font-weight:700;cursor:pointer}.close[data-v-35e20a4a]:focus,.close[data-v-35e20a4a]:hover{color:#fff;text-decoration:none;cursor:pointer}.user-management[data-v-1796739e]{margin-top:20px;width:100%}.user-management h2[data-v-1796739e]{font-size:1.8em;margin-bottom:20px;text-align:center}.add-icon[data-v-1796739e]{margin-bottom:20px;padding:10px 20px;background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:16px;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 6px rgba(0,0,0,.1)}.add-icon[data-v-1796739e]:hover{transform:translateY(-2px);box-shadow:0 6px 8px rgba(0,0,0,.15)}.table-container[data-v-1796739e]{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);width:100%;overflow-x:auto}table[data-v-1796739e]{width:100%;border-collapse:collapse}td[data-v-1796739e],th[data-v-1796739e]{padding:10px;text-align:center;border-bottom:1px solid #eee}th[data-v-1796739e]{background-color:var(--primary-color);color:#fff;font-weight:700}tr[data-v-1796739e]:hover{background-color:#f8f9fa}.button-group[data-v-1796739e]{display:flex;gap:0;justify-content:center}button[data-v-1796739e]{padding:5px 10px;border-radius:3px;cursor:pointer;transition:all .3s ease}.icon-btn[data-v-1796739e]{background:none;border:none;color:var(--primary-color);font-size:1.2em;cursor:pointer;transition:color .3s ease}.icon-btn[data-v-1796739e]:hover{color:var(--primary-hover-color)}.modal[data-v-1796739e]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-1796739e]{background-color:#fff;padding:20px;border-radius:15px;box-shadow:0 4px 6px rgba(0,0,0,.1);width:80%;max-width:400px;text-align:center;position:relative}.close[data-v-1796739e]{position:absolute;top:10px;right:10px;color:#aaa;font-size:24px;font-weight:700;cursor:pointer}.close[data-v-1796739e]:focus,.close[data-v-1796739e]:hover{color:#000;text-decoration:none;cursor:pointer}.edit-form[data-v-1796739e]{display:flex;flex-direction:column;gap:15px}.form-group[data-v-1796739e]{display:flex;flex-direction:column;align-items:flex-start}label[data-v-1796739e]{margin-bottom:5px;font-weight:700;color:var(--text-color)}input[data-v-1796739e],select[data-v-1796739e]{width:100%;padding:8px;border:1px solid var(--border-color);border-radius:4px;font-size:14px}input[data-v-1796739e]:focus,select[data-v-1796739e]:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(0,123,255,.25);outline:none}.live-management[data-v-55aac27b]{margin-top:20px;width:100%}.live-management h2[data-v-55aac27b]{font-size:1.8em;margin-bottom:20px;text-align:center}.add-icon[data-v-55aac27b]{margin-bottom:20px;padding:10px 20px;background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:16px;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 6px rgba(0,0,0,.1)}.add-icon[data-v-55aac27b]:hover{transform:translateY(-2px);box-shadow:0 6px 8px rgba(0,0,0,.15)}.table-container[data-v-55aac27b]{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);width:100%;overflow-x:auto}table[data-v-55aac27b]{width:100%;border-collapse:collapse}td[data-v-55aac27b],th[data-v-55aac27b]{padding:10px;text-align:center;border-bottom:1px solid #eee}th[data-v-55aac27b]{background-color:var(--primary-color);color:#fff;font-weight:700}tr[data-v-55aac27b]:hover{background-color:#f8f9fa}.clickable[data-v-55aac27b]{cursor:pointer;color:var(--primary-color);text-decoration:underline}.button-group[data-v-55aac27b]{display:flex;gap:0;justify-content:center}button[data-v-55aac27b]{padding:5px 10px;border-radius:3px;cursor:pointer;transition:all .3s ease}.icon-btn[data-v-55aac27b]{background:none;border:none;color:var(--primary-color);font-size:1.2em;cursor:pointer;transition:color .3s ease}.icon-btn[data-v-55aac27b]:hover{color:var(--primary-hover-color)}.modal[data-v-55aac27b]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-55aac27b]{background-color:#fff;padding:20px;border-radius:15px;box-shadow:0 4px 6px rgba(0,0,0,.1);width:80%;max-width:400px;text-align:center;position:relative}.qrcode-container[data-v-55aac27b]{display:flex;justify-content:center;align-items:center;margin-top:20px}.close[data-v-55aac27b]{position:absolute;top:10px;right:10px;color:#aaa;font-size:24px;font-weight:700;cursor:pointer}.close[data-v-55aac27b]:focus,.close[data-v-55aac27b]:hover{color:#000;text-decoration:none;cursor:pointer}.edit-form[data-v-55aac27b]{display:flex;flex-direction:column;gap:15px}.form-group[data-v-55aac27b]{display:flex;flex-direction:column;align-items:flex-start}label[data-v-55aac27b]{margin-bottom:5px;font-weight:700;color:var(--text-color)}input[data-v-55aac27b],select[data-v-55aac27b]{width:100%;padding:8px;border:1px solid var(--border-color);border-radius:4px;font-size:14px}input[data-v-55aac27b]:focus,select[data-v-55aac27b]:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(0,123,255,.25);outline:none}.error-message[data-v-55aac27b]{color:red;font-size:14px;margin-top:10px}.admin-dashboard[data-v-6a9f4218]{padding:20px;background-color:#fdfcfc;min-height:95vh;position:relative;width:95%;max-width:1200px;margin:0 auto;overflow-x:hidden;display:flex;flex-direction:column}.logout-button[data-v-6a9f4218]{position:absolute;top:20px;right:20px;padding:10px 20px;background-color:var(--danger-color);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s ease}.logout-button[data-v-6a9f4218]:hover{background-color:var(--danger-hover-color)}.management-section[data-v-6a9f4218]{display:flex;gap:20px;margin-top:20px;flex-grow:1}.menu[data-v-6a9f4218]{width:220px;background-color:#fff;border-right:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:10px 0 10px 0}.menu ul[data-v-6a9f4218]{list-style-type:none;padding:0;margin:0}.menu li[data-v-6a9f4218]{padding:15px;cursor:pointer;border-bottom:1px solid #ddd;transition:background-color .3s ease}.menu li[data-v-6a9f4218]:last-child{border-bottom:none}.menu li[data-v-6a9f4218]:hover{background-color:#f0f0f0}.menu li.active[data-v-6a9f4218]{background-color:var(--primary-color);color:#fff}.content[data-v-6a9f4218]{flex-grow:1;width:100%;padding:20px}.content[data-v-6a9f4218],.mobile-menu[data-v-6a9f4218]{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.mobile-menu[data-v-6a9f4218]{list-style-type:none;padding:0;margin-bottom:20px;display:flex;justify-content:space-around}.mobile-menu li[data-v-6a9f4218]{flex:1;padding:15px;cursor:pointer;border-bottom:1px solid #ddd;transition:background-color .3s ease;text-align:center;display:flex;flex-direction:column;align-items:center}.mobile-menu li[data-v-6a9f4218]:first-child{border-radius:8px 0 0 8px}.mobile-menu li[data-v-6a9f4218]:last-child{border-radius:0 8px 8px 0;border-bottom:none}.mobile-menu li[data-v-6a9f4218]:hover{background-color:#f0f0f0}.mobile-menu li.active[data-v-6a9f4218]{background-color:var(--primary-color);color:#fff}.mobile-menu i[data-v-6a9f4218]{font-size:24px}.mobile-menu span[data-v-6a9f4218]{margin-top:5px;font-size:14px}@media (max-width:768px){.admin-dashboard[data-v-6a9f4218]{padding:10px;background-color:#fdfcfc;position:relative}h1[data-v-6a9f4218]{font-size:1.5em;text-align:center}.management-section[data-v-6a9f4218]{flex-direction:column;flex-grow:1}.menu[data-v-6a9f4218]{width:100%;border-right:none;border-bottom:1px solid #ddd}.content[data-v-6a9f4218]{width:100%}.mobile-menu[data-v-6a9f4218]{flex-direction:row}.mobile-menu li[data-v-6a9f4218]{border-bottom:none;border-right:1px solid #ddd}.mobile-menu li[data-v-6a9f4218]:last-child{border-right:none}.logout-button[data-v-6a9f4218]{position:fixed;top:93vh;bottom:25px;right:20px;left:50%;transform:translateX(-50%);width:auto;max-width:200px;padding:10px 20px;border-radius:25px;box-shadow:0 4px 8px rgba(0,0,0,.2);background-color:var(--danger-color);color:#fff;text-align:center;height:42px}}body[data-v-0c3fb350]{background-color:var(--background-color);margin:0;padding:0}.login-container[data-v-0c3fb350],body[data-v-0c3fb350]{height:100vh;display:flex;align-items:center;justify-content:center}.login-container[data-v-0c3fb350]{width:100%;background:#f1f1f1}.login[data-v-0c3fb350]{width:400px;padding:30px;background:#fff;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.1);text-align:center;position:relative}h1[data-v-0c3fb350]{font-size:2em;margin-bottom:20px;color:var(--primary-color)}.form-group[data-v-0c3fb350]{margin-bottom:20px;text-align:left}label[data-v-0c3fb350]{display:block;margin-bottom:8px;font-weight:700;color:var(--text-color)}input[data-v-0c3fb350]{width:100%;padding:10px;box-sizing:border-box;border:1px solid var(--border-color);border-radius:6px;font-size:16px;transition:border-color .3s ease}input[data-v-0c3fb350]:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px rgba(0,123,255,.25)}button[data-v-0c3fb350]{width:100%;padding:12px;background-color:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:18px;transition:background-color .3s ease,transform .2s ease}button[data-v-0c3fb350]:hover{background-color:var(--primary-hover-color);transform:translateY(-2px)}button[data-v-0c3fb350]:active{transform:translateY(0)}.modal[data-v-0c3fb350]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-0c3fb350]{background-color:#fff;padding:20px;border-radius:15px;box-shadow:0 4px 6px rgba(0,0,0,.1);width:80%;max-width:300px;text-align:center;position:relative}.close[data-v-0c3fb350]{position:absolute;top:10px;right:10px;color:#aaa;font-size:24px;font-weight:700;cursor:pointer}.close[data-v-0c3fb350]:focus,.close[data-v-0c3fb350]:hover{color:#000;text-decoration:none;cursor:pointer}.confirm-button[data-v-0c3fb350]{margin-top:20px;padding:10px 20px;background-color:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:background-color .3s ease}.confirm-button[data-v-0c3fb350]:hover{background-color:var(--primary-hover-color)}@media (max-width:600px){.login[data-v-0c3fb350]{width:300px;padding:20px}h1[data-v-0c3fb350]{font-size:1.8em}button[data-v-0c3fb350]{font-size:16px}}:root{--primary-color:#007bff;--primary-hover-color:#0056b3;--background-color:#f9f9f9;--text-color:#212529;--border-color:#dee2e6;--danger-color:#d9534f;--danger-hover-color:#c9302c;--base-font-size:16px}body{background-color:var(--background-color);color:var(--text-color);margin:0;padding:0;font-family:Arial,sans-serif;font-size:var(--base-font-size)}button{background-color:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}button:hover{background-color:var(--primary-hover-color);transform:translateY(-2px)}input{border:1px solid var(--border-color);border-radius:4px;padding:8px;font-size:1rem}input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(0,123,255,.25);outline:none}.table-header,.table-row{font-size:1rem}@media (max-width:768px){:root{--base-font-size:14px}body{font-size:var(--base-font-size)}.table-header,.table-row{font-size:.875rem}button{font-size:.9rem}}