body{margin:0;background-color:#1a1a1a;color:#fff}.app{font-family:Arial,sans-serif;min-height:100vh;background-color:#1a1a1a;color:#fff}.nav-bar{padding:30px;text-align:center;background-color:#242424}.nav-bar a{font-weight:700;color:#fff;text-decoration:none;padding:0 10px}.nav-bar a.router-link-exact-active{color:#42b983}.main-content{padding:20px;width:100%;box-sizing:border-box}.stream-layout{display:grid;grid-template-columns:60% 38%;gap:20px;padding:20px;height:calc(100vh - 120px);max-width:100%;box-sizing:border-box}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:20px;width:100%;box-sizing:border-box}.secondary-videos{display:grid;grid-template-columns:1fr;gap:20px;overflow-y:auto;padding-right:20px;padding-left:20px}.video-container{width:100%;background:#242424;border-radius:8px;overflow:hidden;box-sizing:border-box}.secondary-videos .video-container{height:500px;display:flex;flex-direction:column;cursor:pointer;transition:transform .2s}.video-player{position:relative;width:100%;padding-top:56.25%;background:#000;box-sizing:border-box}.secondary-videos .video-player{flex:1;position:relative;min-height:350px;padding-top:0}.video-player video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.video-info{padding:20px;background:#242424;min-height:50px}.video-info h3{margin:0 0 10px;font-size:1.1em}.stats{display:flex;flex-wrap:wrap;gap:12px;font-size:.9em;color:#888}.stats span{background:#333;padding:4px 8px;border-radius:4px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1a1a1a;border-radius:5px}::-webkit-scrollbar-thumb{background:#444;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 1400px){.stream-layout{grid-template-columns:1fr;height:auto}.video-grid{grid-template-columns:repeat(2,1fr)}.secondary-videos{grid-template-columns:1fr;max-height:none}}@media (max-width: 768px){.video-grid,.secondary-videos{grid-template-columns:1fr}}.text-center{text-align:center}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.add-stream-form{display:flex;gap:10px;padding:20px}.add-stream-form input{flex:1;padding:10px;border:1px solid #444;border-radius:4px;background:#333;color:#fff;font-size:14px}.stream-table{width:100%;border-collapse:collapse}.stream-table th,.stream-table td{padding:12px;text-align:left;border-bottom:1px solid #444}.stream-table th{font-weight:700;background:#333}.stream-table td{vertical-align:middle}.status{padding:4px 8px;border-radius:4px;font-size:.9em}.status.active{background:#42b983;color:#fff}.status.stopped{background:#e74c3c;color:#fff}.actions{display:flex;gap:8px}.actions button{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:.9em;transition:opacity .2s}.actions button:first-child{background:#42b983;color:#fff}.actions button:last-child{background:#e74c3c;color:#fff}.actions button:hover{opacity:.9}.card{background:#242424;border-radius:8px;overflow:hidden}.mt-2{margin-top:20px}.single-stream-view{max-width:1200px;margin:0 auto;padding:20px}.stream-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.back-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:background-color .2s}.back-button:hover{background:#444}.single-video-container{width:100%}.single-video-container .video-container{margin:0 auto}.single-video-container .video-player{position:relative;padding-top:56.25%;background:#000;border-radius:8px 8px 0 0}.single-video-container video{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px 8px 0 0}.single-video-container .video-info{padding:20px;background:#242424;border-radius:0 0 8px 8px}.single-video-container .stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.single-video-container .stats span{background:#333;padding:6px 12px;border-radius:4px;font-size:.9em}.placeholder{opacity:.5;cursor:default}.placeholder-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#333;color:#666;font-size:1.2em}.secondary-videos{grid-template-columns:1fr;gap:20px}.video-error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.7);color:#fff;text-align:center;padding:20px}.video-error h3{margin:0 0 10px;color:#e74c3c}.video-error p{margin:0;font-size:.9em;color:#ddd}.video-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5)}.loading-spinner{width:50px;height:50px;border:3px solid #f3f3f3;border-top:3px solid #42b983;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard{width:100%;max-width:1800px;margin:0 auto;padding:20px;box-sizing:border-box}.dashboard-layout{width:100%;margin-top:20px}.main-stream-section{width:100%;min-height:400px;background:#2d2d2d;border-radius:8px;padding:20px;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}.confirm-input[data-v-59275b81]{width:100%;padding:8px;margin:10px 0;border:1px solid #444;border-radius:4px;background-color:#2d2d2d;color:#fff}.confirm-dialog-overlay[data-v-59275b81]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999}.confirm-dialog[data-v-59275b81]{background-color:#2d2d2d;border-radius:8px;min-width:300px;max-width:90%;border:1px solid #444;box-shadow:0 4px 12px #00000080;padding:20px}.confirm-dialog h3[data-v-59275b81]{margin:0;color:#fff;font-size:1.2em}.confirm-dialog p[data-v-59275b81]{margin:10px 0;color:#fff;font-size:1em;line-height:1.4;white-space:pre-line}.buttons[data-v-59275b81]{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}button[data-v-59275b81]{padding:8px 16px;border-radius:4px;border:1px solid #444;font-size:.9em;cursor:pointer;transition:all .2s ease}.cancel-btn[data-v-59275b81]{background-color:#1a1a1a;color:#fff}.cancel-btn[data-v-59275b81]:hover{background-color:#444}.confirm-btn[data-v-59275b81]{background-color:#5c1919;color:#f44;border-color:#f44}.confirm-btn[data-v-59275b81]:hover{background-color:#7a2121}.dialog-enter-active[data-v-59275b81],.dialog-leave-active[data-v-59275b81]{transition:opacity .3s ease}.dialog-enter-from[data-v-59275b81],.dialog-leave-to[data-v-59275b81]{opacity:0}[data-v-59275b81] .status{padding:4px 8px;border-radius:4px;font-size:.9em;font-weight:500;display:inline-block}[data-v-59275b81] .status.active{background-color:#1a5928;color:#00d000}[data-v-59275b81] .stream-url{padding:4px 8px;border-radius:4px;font-size:.9em;font-weight:500;display:inline-block;background-color:#1a1a1a;color:#888;font-family:monospace;-webkit-user-select:all;user-select:all}[data-v-59275b81] .confirm-text{display:inline-block;margin-right:4px}.notification[data-v-8f0dd1be]{position:fixed;z-index:9999;min-width:300px;max-width:600px;border-radius:8px;box-shadow:0 4px 12px #00000080;background-color:#2d2d2d;border:1px solid #444}.notification[data-position=top-left][data-v-8f0dd1be]{top:20px;left:20px;transform:none}.notification[data-position=top-center][data-v-8f0dd1be]{top:20px;left:50%;transform:translate(-50%)}.notification-content[data-v-8f0dd1be]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.message[data-v-8f0dd1be]{color:#fff;font-size:1em;margin-right:12px}.close-button[data-v-8f0dd1be]{background:none;border:none;color:#888;font-size:20px;cursor:pointer;padding:0 4px;transition:color .2s}.close-button[data-v-8f0dd1be]:hover{color:#fff}.error[data-v-8f0dd1be]{background-color:#5c1919;border-color:#f44}.error .message[data-v-8f0dd1be]{color:#f44}.success[data-v-8f0dd1be]{background-color:#1a5928;border-color:#00d000}.success .message[data-v-8f0dd1be]{color:#00d000}.warning[data-v-8f0dd1be]{background-color:#5c4d19;border-color:#fb0}.warning .message[data-v-8f0dd1be]{color:#fb0}.info[data-v-8f0dd1be]{background-color:#1a3959;border-color:#3498db}.info .message[data-v-8f0dd1be]{color:#3498db}.notification-enter-active[data-v-8f0dd1be],.notification-leave-active[data-v-8f0dd1be]{transition:all .3s ease}.notification[data-position=top-left].notification-enter-from[data-v-8f0dd1be],.notification[data-position=top-left].notification-leave-to[data-v-8f0dd1be]{opacity:0;transform:translateY(-20px)}.notification[data-position=top-center].notification-enter-from[data-v-8f0dd1be],.notification[data-position=top-center].notification-leave-to[data-v-8f0dd1be]{opacity:0;transform:translate(-50%) translateY(-20px)}.admin-panel[data-v-8ed085fa]{max-width:1200px;margin:0 auto;padding:20px;color:#e1e1e1;background:#1a1a1a;min-height:100vh}.card[data-v-8ed085fa]{background:#2d2d2d;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0003}.section[data-v-8ed085fa]{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #404040}.section[data-v-8ed085fa]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.status-grid[data-v-8ed085fa]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.status-item[data-v-8ed085fa]{padding:15px;background:#363636;border-radius:6px;text-align:center}.form-group[data-v-8ed085fa]{margin-bottom:15px}.form-group label[data-v-8ed085fa]{display:block;margin-bottom:5px;font-weight:500;color:#e1e1e1}input[type=text][data-v-8ed085fa],input[type=password][data-v-8ed085fa],textarea[data-v-8ed085fa]{width:100%;padding:8px;border:1px solid #404040;border-radius:4px;font-size:14px;background:#363636;color:#e1e1e1}input[type=text][data-v-8ed085fa]:focus,input[type=password][data-v-8ed085fa]:focus,textarea[data-v-8ed085fa]:focus{outline:none;border-color:#1a5928;box-shadow:0 0 0 2px #37a86c40}textarea[data-v-8ed085fa]{resize:vertical}.api-key-display[data-v-8ed085fa]{display:flex;gap:10px;margin-bottom:10px}.api-key-display input[data-v-8ed085fa]{flex:1}button[data-v-8ed085fa]{padding:8px 16px;border:none;border-radius:4px;background:#1a5928;color:#fff;cursor:pointer;font-size:14px;transition:all .2s ease}button[data-v-8ed085fa]:hover{opacity:.9;transform:translateY(-1px);background:#236b32}button[data-v-8ed085fa]:active{transform:translateY(0)}h1[data-v-8ed085fa],h2[data-v-8ed085fa],h3[data-v-8ed085fa]{color:#e1e1e1;margin-bottom:1rem}input[type=checkbox][data-v-8ed085fa]{margin-right:8px;accent-color:#1a5928}.helper-text[data-v-8ed085fa]{color:#888;font-size:.875rem;margin-top:4px;display:block}.readonly-input[data-v-8ed085fa]{background:#363636;color:#888;cursor:not-allowed;border:1px solid #404040}.readonly-input[data-v-8ed085fa]:focus{border-color:#404040;box-shadow:none}.modal-overlay[data-v-8ed085fa]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-8ed085fa]{background:#2d2d2d;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header[data-v-8ed085fa]{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #404040}.close-btn[data-v-8ed085fa]{background:none;border:none;font-size:1.5rem;color:#888;cursor:pointer;padding:.5rem}.close-btn[data-v-8ed085fa]:hover{color:#fff}.accounts-list[data-v-8ed085fa]{padding:1rem}.account-item[data-v-8ed085fa]{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid #404040;border-radius:4px;margin-bottom:.5rem}.account-info[data-v-8ed085fa]{display:flex;align-items:center;gap:1rem}.username[data-v-8ed085fa]{font-weight:500}.role-badge[data-v-8ed085fa]{padding:.25rem .5rem;border-radius:4px;font-size:.875rem}.role-badge.admin[data-v-8ed085fa]{background:#1a5928;color:#fff}.role-badge.moderator[data-v-8ed085fa]{background:#1a5928;opacity:.8;color:#fff}.role-badge.viewer[data-v-8ed085fa]{background:#1a5928;opacity:.6;color:#fff}.account-actions[data-v-8ed085fa]{display:flex;gap:.5rem}.edit-btn[data-v-8ed085fa]{background:#1a5928}.delete-btn[data-v-8ed085fa]{background:#dc3545}.delete-btn[data-v-8ed085fa]:disabled{background:#6c757d;cursor:not-allowed}.modal-footer[data-v-8ed085fa]{padding:1rem;border-top:1px solid #404040;display:flex;justify-content:flex-end}.add-account-btn[data-v-8ed085fa]{background:#1a5928}.account-form[data-v-8ed085fa]{padding:1rem}.form-actions[data-v-8ed085fa]{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.cancel-btn[data-v-8ed085fa]{background:#6c757d}.manage-accounts-btn[data-v-8ed085fa]{width:100%;background:#1a5928}select[data-v-8ed085fa]{width:100%;padding:8px;border:1px solid #404040;border-radius:4px;background:#363636;color:#e1e1e1;font-size:14px}select[data-v-8ed085fa]:focus{outline:none;border-color:#1a5928;box-shadow:0 0 0 2px #37a86c40}.qr-code-container[data-v-8ed085fa]{display:flex;justify-content:center;margin:20px 0}.qr-code-container img[data-v-8ed085fa]{max-width:200px;height:auto}.manual-setup[data-v-8ed085fa]{background:#363636;padding:15px;border-radius:4px;margin:20px 0;text-align:center}.manual-setup code[data-v-8ed085fa]{display:block;font-family:monospace;font-size:1.2em;margin-top:10px;color:#1a5928}.setup-2fa-content[data-v-8ed085fa]{padding:20px}.verify-2fa-form[data-v-8ed085fa]{margin-top:20px}.verify-2fa-form input[data-v-8ed085fa]{text-align:center;letter-spacing:4px;font-size:1.2em}.verify-btn[data-v-8ed085fa]{width:100%;margin-top:20px;background:#1a5928}.file-upload[data-v-8ed085fa]{margin-bottom:1rem}.file-input[data-v-8ed085fa]{width:100%;padding:8px;background:#363636;border:1px solid #404040;border-radius:4px;color:#e1e1e1;cursor:pointer;margin-bottom:8px}.helper-text[data-v-8ed085fa]{color:#888;font-size:.9em;display:block;margin-top:4px}.import-preview[data-v-8ed085fa]{margin-top:20px;padding:15px;background:#363636;border-radius:4px}.preview-list[data-v-8ed085fa]{max-height:200px;overflow-y:auto;margin:10px 0;border:1px solid #404040;border-radius:4px}.preview-item[data-v-8ed085fa]{display:flex;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #404040}.preview-item[data-v-8ed085fa]:last-child{border-bottom:none}.preview-title[data-v-8ed085fa]{color:#e1e1e1;font-weight:500}.preview-key[data-v-8ed085fa]{color:#00d000;font-family:monospace}.import-actions[data-v-8ed085fa]{display:flex;gap:10px;margin-top:15px}.import-btn[data-v-8ed085fa]{background:#1a5928;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.import-btn[data-v-8ed085fa]:disabled{background:#666;cursor:not-allowed}.cancel-btn[data-v-8ed085fa]{background:#5c1919;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.danger-zone[data-v-8ed085fa]{margin-top:2rem;padding:1rem;border:1px solid #dc3545;border-radius:4px;background:rgba(220,53,69,.1)}.danger-zone h3[data-v-8ed085fa]{color:#dc3545;margin-bottom:1rem}.danger-buttons[data-v-8ed085fa]{display:flex;flex-wrap:wrap;gap:1rem}.danger-button-container[data-v-8ed085fa]{flex:1;min-width:200px}.danger-zone .delete-all-btn[data-v-8ed085fa]{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;width:100%;margin-bottom:.5rem}.danger-zone .delete-all-btn[data-v-8ed085fa]:hover{background:#c82333}.danger-zone .warning[data-v-8ed085fa]{color:#dc3545;margin-bottom:1rem;display:block;font-size:.8rem}.streams-list[data-v-8ed085fa]{margin-top:20px}.stream-item[data-v-8ed085fa]{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid #404040;border-radius:4px;margin-bottom:.5rem}.stream-info[data-v-8ed085fa]{flex:1}.stream-actions[data-v-8ed085fa]{display:flex;gap:1rem}.rtmp-forward-controls[data-v-8ed085fa]{display:flex;align-items:center;gap:1rem;flex-wrap:nowrap}.rtmp-forward-controls input[type=text][data-v-8ed085fa]{flex:1;min-width:0;padding:8px;border-radius:4px;border:1px solid #ccc}.toggle-switch[data-v-8ed085fa]{position:relative;display:inline-block;width:60px;height:30px}.toggle-switch input[data-v-8ed085fa]{opacity:0;width:0;height:0}.toggle-switch label[data-v-8ed085fa]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#404040;border-radius:15px;cursor:pointer;transition:all .3s}.toggle-switch input:checked+label[data-v-8ed085fa]{background-color:#1a5928}.toggle-switch label[data-v-8ed085fa]:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;background-color:#fff;border-radius:50%;transition:all .3s;box-shadow:0 1px 3px #0000004d}.toggle-switch input:checked+label[data-v-8ed085fa]:after{left:calc(100% - 27px)}.save-btn[data-v-8ed085fa]{background:#1a5928}.button-group[data-v-8ed085fa]{display:flex;gap:10px;margin-top:10px}.status-note[data-v-8ed085fa]{color:#888;font-size:.8rem;margin-top:.25rem;display:block}.danger-zone .delete-all-streams-container[data-v-8ed085fa]{margin-top:2rem;border-top:1px solid #dc3545;padding-top:1.5rem}.danger-zone .delete-all-streams-btn[data-v-8ed085fa]{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;width:100%;margin-bottom:.5rem}.danger-zone .delete-all-streams-btn[data-v-8ed085fa]:hover{background:#c82333}.help-text[data-v-8ed085fa]{display:block;color:#666;font-size:.85rem;margin-top:4px;margin-bottom:8px}.facebook-note[data-v-8ed085fa]{color:#00d000;font-size:.8rem;margin-top:.25rem;display:block}.forwarding-instructions[data-v-8ed085fa]{margin-bottom:20px}.note[data-v-8ed085fa]{color:#888;font-size:.8rem;margin-top:10px}.note code[data-v-8ed085fa]{background:#363636;padding:2px 5px;border-radius:3px;color:#00d000;font-family:monospace;word-break:break-all}.forwarding-instructions ol[data-v-8ed085fa]{margin-left:20px;margin-bottom:15px}.forwarding-instructions li[data-v-8ed085fa]{margin-bottom:5px}.status[data-v-8ed085fa]{padding:4px 8px;border-radius:4px;font-size:.9em;font-weight:500;display:inline-block}.status.active[data-v-8ed085fa]{background-color:#1a5928;color:#00d000}.status.inactive[data-v-8ed085fa],.status.stopped[data-v-8ed085fa]{background-color:#5c1919;color:#f44}.status.unknown[data-v-8ed085fa]{background-color:#666;color:#ddd}.status.validating[data-v-8ed085fa]{background-color:#666;color:#ddd;opacity:.7;position:relative}.status.validating[data-v-8ed085fa]:after{content:"...";position:absolute;right:-15px}.stream-viewer[data-v-8fe20cbb]{width:100%;border-radius:8px;overflow:hidden;will-change:transform,opacity;transition:opacity .3s ease-in-out}.main-content[data-v-8fe20cbb]{width:100%}.video-container[data-v-8fe20cbb]{position:relative;width:100%;display:block}.video-js[data-v-8fe20cbb]{width:100%;height:auto;aspect-ratio:16/9}.loading-overlay[data-v-8fe20cbb],.error-overlay[data-v-8fe20cbb]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;color:#fff;z-index:2}.spinner[data-v-8fe20cbb]{width:50px;height:50px;border:3px solid transparent;border-top-color:#42b883;border-radius:50%;animation:spin-8fe20cbb 1s linear infinite;margin-bottom:10px}.loading-text[data-v-8fe20cbb]{font-size:1.1em;color:#fff}@keyframes spin-8fe20cbb{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-content[data-v-8fe20cbb]{text-align:center;padding:20px}.error-content h3[data-v-8fe20cbb]{color:#f44;margin:0 0 10px}.error-content p[data-v-8fe20cbb]{margin:0;color:#fff}.info-panel[data-v-8fe20cbb]{padding:1rem;background:#242424;border-top:1px solid #333}.info-row[data-v-8fe20cbb]{display:flex;justify-content:space-between;margin-bottom:.5rem}.info-row[data-v-8fe20cbb]:last-child{margin-bottom:0}.label[data-v-8fe20cbb]{color:#888}.value[data-v-8fe20cbb]{color:#fff;font-weight:500}.status[data-v-8fe20cbb]{padding:4px 8px;border-radius:4px;font-size:.9em;font-weight:500}.status.active[data-v-8fe20cbb]{background:#1a5928;color:#00d000}.status.inactive[data-v-8fe20cbb],.status.unknown[data-v-8fe20cbb]{background:#666;color:#ddd}.status.stopped[data-v-8fe20cbb]{background:#5c1919;color:#f44}.stream-url[data-v-8fe20cbb]{font-family:monospace;word-break:break-all;background-color:#1a1a1a;padding:4px 8px;border-radius:4px;font-size:.9em}.recording-row[data-v-8fe20cbb]{justify-content:center;margin:1rem 0;padding:1rem 0;border-top:1px solid #333;border-bottom:1px solid #333}.recording-button[data-v-8fe20cbb]{background:#2c3e50;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s}.recording-button.recording[data-v-8fe20cbb]{background:#c0392b;animation:pulse-8fe20cbb 2s infinite}.recording-button[data-v-8fe20cbb]:hover:not(:disabled){background:#34495e}.recording-button.recording[data-v-8fe20cbb]:hover:not(:disabled){background:#e74c3c}.recording-button[data-v-8fe20cbb]:disabled{background:#666;cursor:not-allowed}@keyframes pulse-8fe20cbb{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.recordings-section[data-v-8fe20cbb]{margin-top:1rem;padding-top:1rem;border-top:1px solid #333}.recordings-section h4[data-v-8fe20cbb]{margin:0 0 1rem;color:#fff}.recordings-list[data-v-8fe20cbb]{max-height:200px;overflow-y:auto}.recording-item[data-v-8fe20cbb]{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#1a1a1a;border-radius:4px;margin-bottom:.5rem}.recording-info[data-v-8fe20cbb]{display:flex;flex-direction:column}.recording-date[data-v-8fe20cbb]{color:#fff;font-size:.9em}.recording-duration[data-v-8fe20cbb]{color:#888;font-size:.8em}.recording-actions[data-v-8fe20cbb]{display:flex;gap:.5rem}.action-button[data-v-8fe20cbb]{background:#2c3e50;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:.8em;transition:background-color .2s}.action-button[data-v-8fe20cbb]:hover{background:#34495e}.action-button.delete[data-v-8fe20cbb]{background:#c0392b}.action-button.delete[data-v-8fe20cbb]:hover{background:#e74c3c}.control-page[data-v-7a04e65f]{padding:20px;max-width:1800px;margin:0 auto}.page-header[data-v-7a04e65f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.controls[data-v-7a04e65f]{display:flex;align-items:center;gap:20px}.toggle-label[data-v-7a04e65f]{display:flex;align-items:center;gap:8px;cursor:pointer;color:#e1e1e1;font-size:1rem}.toggle-label input[type=checkbox][data-v-7a04e65f]{width:18px;height:18px;accent-color:#1a5928}.stream-wrapper[data-v-7a04e65f]{position:relative;width:100%;min-height:400px}.stream-grid[data-v-7a04e65f]{width:100%;margin-bottom:20px}.stream-grid.single-stream .stream-transition-container[data-v-7a04e65f]{grid-template-columns:1fr;max-width:800px;margin:0 auto}.stream-container[data-v-7a04e65f]{transition:all .4s ease;min-height:300px;will-change:transform,opacity;position:relative;transform-origin:center top;width:100%;height:100%;backface-visibility:hidden;background:#2d2d2d;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0003}.load-more[data-v-7a04e65f]{display:flex;justify-content:center;margin-top:20px;margin-bottom:40px}.load-more-btn[data-v-7a04e65f]{background:#1a5928;color:#fff;border:none;padding:12px 24px;border-radius:4px;cursor:pointer;font-size:16px;transition:all .2s ease}.load-more-btn[data-v-7a04e65f]:hover{background:#236b32;transform:translateY(-1px)}.load-more-btn[data-v-7a04e65f]:active{transform:translateY(0)}.single-stream[data-v-7a04e65f]{grid-template-columns:1fr;max-width:800px;margin:0 auto}.status.validating[data-v-7a04e65f]{background-color:#666;color:#ddd;opacity:.7;position:relative}.status.validating[data-v-7a04e65f]:after{content:"...";position:absolute;right:-15px}.stream-transition-container[data-v-7a04e65f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;width:100%;position:relative;min-height:300px;will-change:transform;transform-style:preserve-3d}.stream-fade-enter-active[data-v-7a04e65f]{transition:all .4s cubic-bezier(.2,.5,.3,1);max-height:1000px;opacity:1;transform:translateY(0);z-index:1}.stream-fade-leave-active[data-v-7a04e65f]{transition:all .35s cubic-bezier(.1,.4,.2,1);max-height:1000px;opacity:1;position:absolute;width:100%;z-index:0}.stream-fade-enter-from[data-v-7a04e65f]{opacity:0;transform:translateY(15px) scale(.97);max-height:0}.stream-fade-leave-to[data-v-7a04e65f]{opacity:0;transform:translateY(-15px) scale(.97);max-height:0}.stream-fade-move[data-v-7a04e65f]{transition:transform .4s cubic-bezier(.2,.5,.3,1);z-index:2}.status.inactive[data-v-7a04e65f]{background-color:#666;color:#ddd}.status.unknown[data-v-7a04e65f]{background-color:#666;color:#ddd;border:1px dashed #888}.status.active[data-v-7a04e65f]{background-color:#1a5928;color:#00d000}.status.stopped[data-v-7a04e65f]{background-color:#5c1919;color:#f44}.loading-container[data-v-7a04e65f]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;width:100%;color:#888}.loading-spinner[data-v-7a04e65f]{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:#42b883;animation:spin-7a04e65f 1s ease-in-out infinite;margin-bottom:15px}@keyframes spin-7a04e65f{to{transform:rotate(360deg)}}.fade-content-enter-active[data-v-7a04e65f],.fade-content-leave-active[data-v-7a04e65f]{transition:opacity .4s ease}.fade-content-enter-from[data-v-7a04e65f],.fade-content-leave-to[data-v-7a04e65f]{opacity:0}.stream-grid[data-v-7a04e65f]{transition:opacity .3s ease;width:100%;margin-bottom:20px;position:relative;min-height:300px}.no-streams-message[data-v-7a04e65f]{text-align:center;color:#888;padding:30px;background:#2d2d2d;border-radius:8px;margin-bottom:20px}.no-streams-message .hint[data-v-7a04e65f]{font-size:.9em;margin-top:10px;opacity:.8}.dashboard[data-v-e954798c]{width:100%;max-width:1800px;margin:0 auto;padding:20px}.dashboard-layout[data-v-e954798c]{margin-top:20px;width:100%}.main-stream-section[data-v-e954798c]{background:#2d2d2d;border-radius:8px;padding:20px;width:100%;min-height:300px;display:flex;flex-direction:column}.stream-header[data-v-e954798c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.stream-header h2[data-v-e954798c]{margin:0;color:#fff}.video-container[data-v-e954798c]{width:100%;flex:1;min-height:400px;margin-bottom:20px}.stream-selector[data-v-e954798c]{margin-top:20px;padding:10px 0;display:flex;gap:10px;align-items:center}.stream-selector select[data-v-e954798c]{padding:8px;border-radius:4px;background:#1a1a1a;color:#fff;border:1px solid #444}.status[data-v-e954798c]{padding:4px 8px;border-radius:4px;font-size:.9em;font-weight:500;display:inline-block}.status.inactive[data-v-e954798c],.status.unknown[data-v-e954798c]{background-color:#666;color:#ddd}.status.active[data-v-e954798c]{background-color:#1a5928;color:#00d000}.status.stopped[data-v-e954798c]{background-color:#5c1919;color:#f44}.no-streams[data-v-e954798c],.loading-indicator[data-v-e954798c]{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;color:#888;font-size:1.1em;min-height:200px}.login-container[data-v-f3f14409]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#1a1a1a}.login-box[data-v-f3f14409]{background:#2d2d2d;padding:2rem;border-radius:8px;width:100%;max-width:400px;box-shadow:0 2px 4px #0003}h1[data-v-f3f14409]{color:#e1e1e1;margin-bottom:1.5rem;text-align:center}.login-form[data-v-f3f14409]{display:flex;flex-direction:column;gap:1rem}.form-group[data-v-f3f14409]{display:flex;flex-direction:column;gap:.5rem}label[data-v-f3f14409]{color:#e1e1e1;font-weight:500}input[data-v-f3f14409]{padding:.5rem;border:1px solid #404040;border-radius:4px;background:#363636;color:#e1e1e1;font-size:1rem}input[data-v-f3f14409]:focus{outline:none;border-color:#37a86c;box-shadow:0 0 0 2px #37a86c40}.login-btn[data-v-f3f14409]{background:#1a5928;color:#fff;border:none;padding:.75rem;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .2s ease}.login-btn[data-v-f3f14409]:hover:not(:disabled){background:#236b32;transform:translateY(-1px)}.login-btn[data-v-f3f14409]:active:not(:disabled){transform:translateY(0)}.login-btn[data-v-f3f14409]:disabled{background:#1a5928;opacity:.7;cursor:not-allowed}.sources[data-v-ace9912a]{background-color:#1a1a1a;color:#fff;min-height:100vh;padding:20px}h1[data-v-ace9912a]{color:#fff;margin-bottom:20px}.card[data-v-ace9912a]{background-color:#2d2d2d;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000004d;margin-bottom:20px;border:1px solid #444}.stream-table[data-v-ace9912a]{width:100%;border-collapse:collapse;margin-top:1rem;background-color:#2d2d2d}.stream-table th[data-v-ace9912a],.stream-table td[data-v-ace9912a]{padding:12px;text-align:left;border-bottom:1px solid #444;color:#fff}.stream-table th[data-v-ace9912a]{background-color:#1a1a1a;font-weight:700;color:#fff}.stream-url[data-v-ace9912a]{font-family:monospace;color:#00d000;background-color:#1a1a1a;padding:4px 8px;border-radius:4px;word-break:break-all}.stream-title[data-v-ace9912a]{font-weight:500;color:#fff}.status[data-v-ace9912a]{padding:4px 8px;border-radius:4px;font-size:.9em;font-weight:500;display:inline-block}.status.recording[data-v-ace9912a]{background-color:#5c1919;color:#f44;animation:pulse 2s infinite}.status.not-recording[data-v-ace9912a]{background-color:#666;color:#ddd}.status.active[data-v-ace9912a]{background-color:#1a5928;color:#00d000}.status.inactive[data-v-ace9912a]{background-color:#666;color:#ddd}.status.stopped[data-v-ace9912a]{background-color:#5c1919;color:#f44}.status.validating[data-v-ace9912a]{background-color:#666;color:#ddd;opacity:.7;position:relative}.status.validating[data-v-ace9912a]:after{content:"...";position:absolute;right:-15px}.actions button[data-v-ace9912a]{margin:0 4px;padding:4px 8px;border-radius:4px;border:1px solid #444;background-color:#1a1a1a;color:#fff;cursor:pointer}.actions button[data-v-ace9912a]:disabled{opacity:.5;cursor:not-allowed}.actions button[data-v-ace9912a]:not(:disabled):hover{background-color:#444}.actions button.recording[data-v-ace9912a]{background-color:#5c1919;color:#f44;animation:pulse 2s infinite}.delete-btn[data-v-ace9912a]{color:#f44}.delete-btn[data-v-ace9912a]:hover{background-color:#5c1919!important;color:#f44}.error-alert[data-v-ace9912a]{background-color:#5c1919;color:#f44;padding:12px;border-radius:4px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.close-button[data-v-ace9912a]{background:none;border:none;color:#f44;font-size:20px;cursor:pointer;padding:0 4px}.close-button[data-v-ace9912a]:hover{opacity:.8}.clip-btn[data-v-ace9912a]{color:#42b883!important}.clip-btn[data-v-ace9912a]:hover{background-color:#2d4d3e!important;color:#42b883!important}.sources[data-v-c62d677b]{background-color:#1a1a1a;color:#fff;min-height:100vh;padding:20px}h1[data-v-c62d677b]{color:#fff;margin-bottom:20px}.mt-2[data-v-c62d677b]{margin-top:1rem}.add-stream-form[data-v-c62d677b]{display:flex;flex-direction:column;gap:10px;max-width:500px;margin:0 auto}.add-stream-form input[data-v-c62d677b]{padding:8px;border:1px solid #444;border-radius:4px;background-color:#2d2d2d;color:#fff}.add-stream-form input[data-v-c62d677b]::placeholder{color:#888}.generated-url[data-v-c62d677b]{padding:8px;background-color:#2d2d2d;border-radius:4px;font-family:monospace;color:#00d000}.stream-table[data-v-c62d677b]{width:100%;border-collapse:separate;border-spacing:0;margin-top:1rem;background-color:#2d2d2d;border:1px solid #444;border-radius:4px;overflow:hidden}.stream-table th[data-v-c62d677b],.stream-table td[data-v-c62d677b]{padding:12px;text-align:left;border-bottom:1px solid #444;color:#fff}.stream-table tbody tr:last-child td[data-v-c62d677b]{border-bottom:none}.stream-table th[data-v-c62d677b]{background-color:#1a1a1a;font-weight:700;color:#fff}.stream-table tbody tr[data-v-c62d677b]{transition:background-color .2s}.stream-table tbody tr[data-v-c62d677b]:hover{background-color:#333}.stream-url[data-v-c62d677b]{font-family:monospace;color:#00d000;background-color:#1a1a1a;padding:4px 8px;border-radius:4px;word-break:break-all}.stream-title[data-v-c62d677b]{font-weight:500;color:#fff}.status[data-v-c62d677b]{padding:4px 8px;border-radius:4px;font-size:.9em;font-weight:500;display:inline-block}.status.active[data-v-c62d677b]{background-color:#1a5928;color:#00d000}.status.stopped[data-v-c62d677b]{background-color:#5c1919;color:#f44}.status.inactive[data-v-c62d677b],.status.unknown[data-v-c62d677b]{background-color:#666;color:#ddd}.status.validating[data-v-c62d677b]{background-color:#666;color:#ddd;opacity:.7;position:relative}.status.validating[data-v-c62d677b]:after{content:"...";position:absolute;right:-15px}.card[data-v-c62d677b]{background-color:#2d2d2d;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000004d;margin-bottom:20px;border:1px solid #444}.stream-table th[data-v-c62d677b]:last-child,.stream-table td[data-v-c62d677b]:last-child{width:240px;min-width:240px}.actions[data-v-c62d677b]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.actions button[data-v-c62d677b]{margin:0;padding:6px 12px;border-radius:4px;border:1px solid #444;background-color:#1a1a1a;color:#fff;cursor:pointer;font-size:.9rem;transition:all .2s ease;text-align:center;width:100%}.actions button[data-v-c62d677b]:hover{background-color:#444;transform:translateY(-1px)}.actions button[data-v-c62d677b]:active{transform:translateY(0)}.delete-btn[data-v-c62d677b]{color:#f44!important}.delete-btn[data-v-c62d677b]:hover{background-color:#5c1919!important;color:#f44!important}button[type=submit][data-v-c62d677b]{background-color:#1a5928;color:#fff;border:none;padding:10px;border-radius:4px;cursor:pointer}button[type=submit][data-v-c62d677b]:hover{background-color:#236b32}.hint-text[data-v-c62d677b]{color:#888;font-size:.9em;margin-top:-5px}.generated-url .hint-text[data-v-c62d677b]{font-size:.8em;margin-top:4px;color:#666}.error-alert[data-v-c62d677b]{background-color:#5c1919;color:#f44;padding:12px;border-radius:4px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.close-button[data-v-c62d677b]{background:none;border:none;color:#f44;font-size:20px;cursor:pointer;padding:0 4px}.close-button[data-v-c62d677b]:hover{opacity:.8}