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-02d5bc6e]{max-width:1200px;margin:0 auto;padding:20px;color:#e1e1e1;background:#1a1a1a;min-height:100vh}.card[data-v-02d5bc6e]{background:#2d2d2d;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0003}.section[data-v-02d5bc6e]{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #404040}.section[data-v-02d5bc6e]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.status-grid[data-v-02d5bc6e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.status-item[data-v-02d5bc6e]{padding:15px;background:#363636;border-radius:6px;text-align:center}.form-group[data-v-02d5bc6e]{margin-bottom:15px}.form-group label[data-v-02d5bc6e]{display:block;margin-bottom:5px;font-weight:500;color:#e1e1e1}input[type=text][data-v-02d5bc6e],input[type=password][data-v-02d5bc6e],textarea[data-v-02d5bc6e]{width:100%;padding:8px;border:1px solid #404040;border-radius:4px;font-size:14px;background:#363636;color:#e1e1e1}input[type=text][data-v-02d5bc6e]:focus,input[type=password][data-v-02d5bc6e]:focus,textarea[data-v-02d5bc6e]:focus{outline:none;border-color:#1a5928;box-shadow:0 0 0 2px #37a86c40}textarea[data-v-02d5bc6e]{resize:vertical}.api-key-display[data-v-02d5bc6e]{display:flex;gap:10px;margin-bottom:10px}.api-key-display input[data-v-02d5bc6e]{flex:1}button[data-v-02d5bc6e]{padding:8px 16px;border:none;border-radius:4px;background:#1a5928;color:#fff;cursor:pointer;font-size:14px;transition:all .2s ease}button[data-v-02d5bc6e]:hover{opacity:.9;transform:translateY(-1px);background:#236b32}button[data-v-02d5bc6e]:active{transform:translateY(0)}h1[data-v-02d5bc6e],h2[data-v-02d5bc6e],h3[data-v-02d5bc6e]{color:#e1e1e1;margin-bottom:1rem}input[type=checkbox][data-v-02d5bc6e]{margin-right:8px;accent-color:#1a5928}.helper-text[data-v-02d5bc6e]{color:#888;font-size:.875rem;margin-top:4px;display:block}.readonly-input[data-v-02d5bc6e]{background:#363636;color:#888;cursor:not-allowed;border:1px solid #404040}.readonly-input[data-v-02d5bc6e]:focus{border-color:#404040;box-shadow:none}.modal-overlay[data-v-02d5bc6e]{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-02d5bc6e]{background:#2d2d2d;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header[data-v-02d5bc6e]{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #404040}.close-btn[data-v-02d5bc6e]{background:none;border:none;font-size:1.5rem;color:#888;cursor:pointer;padding:.5rem}.close-btn[data-v-02d5bc6e]:hover{color:#fff}.accounts-list[data-v-02d5bc6e]{padding:1rem}.account-item[data-v-02d5bc6e]{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-02d5bc6e]{display:flex;align-items:center;gap:1rem}.username[data-v-02d5bc6e]{font-weight:500}.role-badge[data-v-02d5bc6e]{padding:.25rem .5rem;border-radius:4px;font-size:.875rem}.role-badge.admin[data-v-02d5bc6e]{background:#1a5928;color:#fff}.role-badge.moderator[data-v-02d5bc6e]{background:#1a5928;opacity:.8;color:#fff}.role-badge.viewer[data-v-02d5bc6e]{background:#1a5928;opacity:.6;color:#fff}.account-actions[data-v-02d5bc6e]{display:flex;gap:.5rem}.edit-btn[data-v-02d5bc6e]{background:#1a5928}.delete-btn[data-v-02d5bc6e]{background:#dc3545}.delete-btn[data-v-02d5bc6e]:disabled{background:#6c757d;cursor:not-allowed}.modal-footer[data-v-02d5bc6e]{padding:1rem;border-top:1px solid #404040;display:flex;justify-content:flex-end}.add-account-btn[data-v-02d5bc6e]{background:#1a5928}.account-form[data-v-02d5bc6e]{padding:1rem}.form-actions[data-v-02d5bc6e]{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.cancel-btn[data-v-02d5bc6e]{background:#6c757d}.manage-accounts-btn[data-v-02d5bc6e]{width:100%;background:#1a5928}select[data-v-02d5bc6e]{width:100%;padding:8px;border:1px solid #404040;border-radius:4px;background:#363636;color:#e1e1e1;font-size:14px}select[data-v-02d5bc6e]:focus{outline:none;border-color:#1a5928;box-shadow:0 0 0 2px #37a86c40}.qr-code-container[data-v-02d5bc6e]{display:flex;justify-content:center;margin:20px 0}.qr-code-container img[data-v-02d5bc6e]{max-width:200px;height:auto}.manual-setup[data-v-02d5bc6e]{background:#363636;padding:15px;border-radius:4px;margin:20px 0;text-align:center}.manual-setup code[data-v-02d5bc6e]{display:block;font-family:monospace;font-size:1.2em;margin-top:10px;color:#1a5928}.setup-2fa-content[data-v-02d5bc6e]{padding:20px}.verify-2fa-form[data-v-02d5bc6e]{margin-top:20px}.verify-2fa-form input[data-v-02d5bc6e]{text-align:center;letter-spacing:4px;font-size:1.2em}.verify-btn[data-v-02d5bc6e]{width:100%;margin-top:20px;background:#1a5928}.file-upload[data-v-02d5bc6e]{margin-bottom:1rem}.file-input[data-v-02d5bc6e]{width:100%;padding:8px;background:#363636;border:1px solid #404040;border-radius:4px;color:#e1e1e1;cursor:pointer;margin-bottom:8px}.helper-text[data-v-02d5bc6e]{color:#888;font-size:.9em;display:block;margin-top:4px}.import-preview[data-v-02d5bc6e]{margin-top:20px;padding:15px;background:#363636;border-radius:4px}.preview-list[data-v-02d5bc6e]{max-height:200px;overflow-y:auto;margin:10px 0;border:1px solid #404040;border-radius:4px}.preview-item[data-v-02d5bc6e]{display:flex;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #404040}.preview-item[data-v-02d5bc6e]:last-child{border-bottom:none}.preview-title[data-v-02d5bc6e]{color:#e1e1e1;font-weight:500}.preview-key[data-v-02d5bc6e]{color:#00d000;font-family:monospace}.import-actions[data-v-02d5bc6e]{display:flex;gap:10px;margin-top:15px}.import-btn[data-v-02d5bc6e]{background:#1a5928;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.import-btn[data-v-02d5bc6e]:disabled{background:#666;cursor:not-allowed}.cancel-btn[data-v-02d5bc6e]{background:#5c1919;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.danger-zone[data-v-02d5bc6e]{margin-top:2rem;padding:1rem;border:1px solid #dc3545;border-radius:4px;background:rgba(220,53,69,.1)}.danger-zone h3[data-v-02d5bc6e]{color:#dc3545;margin-bottom:1rem}.danger-buttons[data-v-02d5bc6e]{display:flex;flex-wrap:wrap;gap:1rem}.danger-button-container[data-v-02d5bc6e]{flex:1;min-width:200px}.danger-zone .delete-all-btn[data-v-02d5bc6e]{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-02d5bc6e]:hover{background:#c82333}.danger-zone .warning[data-v-02d5bc6e]{color:#dc3545;margin-bottom:1rem;display:block;font-size:.8rem}.streams-list[data-v-02d5bc6e]{margin-top:20px}.stream-item[data-v-02d5bc6e]{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-02d5bc6e]{flex:1}.stream-actions[data-v-02d5bc6e]{display:flex;gap:1rem}.rtmp-forward-controls[data-v-02d5bc6e]{display:flex;align-items:center;gap:1rem;flex-wrap:nowrap}.rtmp-forward-controls input[type=text][data-v-02d5bc6e]{flex:1;min-width:0;padding:8px;border-radius:4px;border:1px solid #ccc}.toggle-switch[data-v-02d5bc6e]{position:relative;display:inline-block;width:60px;height:30px}.toggle-switch input[data-v-02d5bc6e]{opacity:0;width:0;height:0}.toggle-switch label[data-v-02d5bc6e]{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-02d5bc6e]{background-color:#1a5928}.toggle-switch label[data-v-02d5bc6e]: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-02d5bc6e]:after{left:calc(100% - 27px)}.save-btn[data-v-02d5bc6e]{background:#1a5928}.button-group[data-v-02d5bc6e]{display:flex;gap:10px;margin-top:10px}.status-note[data-v-02d5bc6e]{color:#888;font-size:.8rem;margin-top:.25rem;display:block}.danger-zone .delete-all-streams-container[data-v-02d5bc6e]{margin-top:2rem;border-top:1px solid #dc3545;padding-top:1.5rem}.danger-zone .delete-all-streams-btn[data-v-02d5bc6e]{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-02d5bc6e]:hover{background:#c82333}.help-text[data-v-02d5bc6e]{display:block;color:#666;font-size:.85rem;margin-top:4px;margin-bottom:8px}.facebook-note[data-v-02d5bc6e]{color:#00d000;font-size:.8rem;margin-top:.25rem;display:block}.forwarding-instructions[data-v-02d5bc6e]{margin-bottom:20px}.note[data-v-02d5bc6e]{color:#888;font-size:.8rem;margin-top:10px}.note code[data-v-02d5bc6e]{background:#363636;padding:2px 5px;border-radius:3px;color:#00d000;font-family:monospace;word-break:break-all}.forwarding-instructions ol[data-v-02d5bc6e]{margin-left:20px;margin-bottom:15px}.forwarding-instructions li[data-v-02d5bc6e]{margin-bottom:5px}.status[data-v-02d5bc6e]{padding:4px 8px;border-radius:4px;font-size:.9em;font-weight:500;display:inline-block}.status.active[data-v-02d5bc6e]{background-color:#1a5928;color:#00d000}.status.inactive[data-v-02d5bc6e],.status.stopped[data-v-02d5bc6e]{background-color:#5c1919;color:#f44}.status.unknown[data-v-02d5bc6e]{background-color:#666;color:#ddd}.status.validating[data-v-02d5bc6e]{background-color:#666;color:#ddd;opacity:.7;position:relative}.status.validating[data-v-02d5bc6e]:after{content:"...";position:absolute;right:-15px}.stream-viewer[data-v-ce9fe970]{width:100%;border-radius:8px;overflow:hidden;will-change:transform,opacity;transition:opacity .3s ease-in-out}.main-content[data-v-ce9fe970]{width:100%}.video-container[data-v-ce9fe970]{position:relative;width:100%;display:block}.video-js[data-v-ce9fe970]{width:100%;height:auto;aspect-ratio:16/9}.loading-overlay[data-v-ce9fe970],.error-overlay[data-v-ce9fe970]{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-ce9fe970]{width:50px;height:50px;border:3px solid transparent;border-top-color:#42b883;border-radius:50%;animation:spin-ce9fe970 1s linear infinite;margin-bottom:10px}.loading-text[data-v-ce9fe970]{font-size:1.1em;color:#fff}@keyframes spin-ce9fe970{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-content[data-v-ce9fe970]{text-align:center;padding:20px}.error-content h3[data-v-ce9fe970]{color:#f44;margin:0 0 10px}.error-content p[data-v-ce9fe970]{margin:0;color:#fff}.info-panel[data-v-ce9fe970]{padding:1rem;background:#242424;border-top:1px solid #333}.info-row[data-v-ce9fe970]{display:flex;justify-content:space-between;margin-bottom:.5rem}.info-row[data-v-ce9fe970]:last-child{margin-bottom:0}.label[data-v-ce9fe970]{color:#888}.value[data-v-ce9fe970]{color:#fff;font-weight:500}.status[data-v-ce9fe970]{padding:4px 8px;border-radius:4px;font-size:.9em;font-weight:500}.status.active[data-v-ce9fe970]{background:#1a5928;color:#00d000}.status.inactive[data-v-ce9fe970],.status.unknown[data-v-ce9fe970]{background:#666;color:#ddd}.status.stopped[data-v-ce9fe970]{background:#5c1919;color:#f44}.stream-url[data-v-ce9fe970]{font-family:monospace;word-break:break-all;background-color:#1a1a1a;padding:4px 8px;border-radius:4px;font-size:.9em}.recording-row[data-v-ce9fe970]{justify-content:center;margin:1rem 0;padding:1rem 0;border-top:1px solid #333;border-bottom:1px solid #333}.recording-button[data-v-ce9fe970]{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-ce9fe970]{background:#c0392b;animation:pulse-ce9fe970 2s infinite}.recording-button[data-v-ce9fe970]:hover:not(:disabled){background:#34495e}.recording-button.recording[data-v-ce9fe970]:hover:not(:disabled){background:#e74c3c}.recording-button[data-v-ce9fe970]:disabled{background:#666;cursor:not-allowed}@keyframes pulse-ce9fe970{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.recordings-section[data-v-ce9fe970]{margin-top:1rem;padding-top:1rem;border-top:1px solid #333}.recordings-section h4[data-v-ce9fe970]{margin:0 0 1rem;color:#fff}.recordings-list[data-v-ce9fe970]{max-height:200px;overflow-y:auto}.recording-item[data-v-ce9fe970]{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#1a1a1a;border-radius:4px;margin-bottom:.5rem}.recording-info[data-v-ce9fe970]{display:flex;flex-direction:column}.recording-date[data-v-ce9fe970]{color:#fff;font-size:.9em}.recording-duration[data-v-ce9fe970]{color:#888;font-size:.8em}.recording-actions[data-v-ce9fe970]{display:flex;gap:.5rem}.action-button[data-v-ce9fe970]{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-ce9fe970]:hover{background:#34495e}.action-button.delete[data-v-ce9fe970]{background:#c0392b}.action-button.delete[data-v-ce9fe970]:hover{background:#e74c3c}.control-page[data-v-c6002fa4]{padding:20px;max-width:1800px;margin:0 auto}.page-header[data-v-c6002fa4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.controls[data-v-c6002fa4]{display:flex;align-items:center;gap:20px}.toggle-label[data-v-c6002fa4]{display:flex;align-items:center;gap:8px;cursor:pointer;color:#e1e1e1;font-size:1rem}.toggle-label input[type=checkbox][data-v-c6002fa4]{width:18px;height:18px;accent-color:#1a5928}.stream-wrapper[data-v-c6002fa4]{position:relative;width:100%;min-height:400px}.stream-grid[data-v-c6002fa4]{width:100%;margin-bottom:20px}.stream-grid.single-stream .stream-transition-container[data-v-c6002fa4]{grid-template-columns:1fr;max-width:800px;margin:0 auto}.stream-container[data-v-c6002fa4]{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-c6002fa4]{display:flex;justify-content:center;margin-top:20px;margin-bottom:40px}.load-more-btn[data-v-c6002fa4]{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-c6002fa4]:hover{background:#236b32;transform:translateY(-1px)}.load-more-btn[data-v-c6002fa4]:active{transform:translateY(0)}.single-stream[data-v-c6002fa4]{grid-template-columns:1fr;max-width:800px;margin:0 auto}.status.validating[data-v-c6002fa4]{background-color:#666;color:#ddd;opacity:.7;position:relative}.status.validating[data-v-c6002fa4]:after{content:"...";position:absolute;right:-15px}.stream-transition-container[data-v-c6002fa4]{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-c6002fa4]{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-c6002fa4]{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-c6002fa4]{opacity:0;transform:translateY(15px) scale(.97);max-height:0}.stream-fade-leave-to[data-v-c6002fa4]{opacity:0;transform:translateY(-15px) scale(.97);max-height:0}.stream-fade-move[data-v-c6002fa4]{transition:transform .4s cubic-bezier(.2,.5,.3,1);z-index:2}.status.inactive[data-v-c6002fa4]{background-color:#666;color:#ddd}.status.unknown[data-v-c6002fa4]{background-color:#666;color:#ddd;border:1px dashed #888}.status.active[data-v-c6002fa4]{background-color:#1a5928;color:#00d000}.status.stopped[data-v-c6002fa4]{background-color:#5c1919;color:#f44}.loading-container[data-v-c6002fa4]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;width:100%;color:#888}.loading-spinner[data-v-c6002fa4]{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:#42b883;animation:spin-c6002fa4 1s ease-in-out infinite;margin-bottom:15px}@keyframes spin-c6002fa4{to{transform:rotate(360deg)}}.fade-content-enter-active[data-v-c6002fa4],.fade-content-leave-active[data-v-c6002fa4]{transition:opacity .4s ease}.fade-content-enter-from[data-v-c6002fa4],.fade-content-leave-to[data-v-c6002fa4]{opacity:0}.stream-grid[data-v-c6002fa4]{transition:opacity .3s ease;width:100%;margin-bottom:20px;position:relative;min-height:300px}.no-streams-message[data-v-c6002fa4]{text-align:center;color:#888;padding:30px;background:#2d2d2d;border-radius:8px;margin-bottom:20px}.no-streams-message .hint[data-v-c6002fa4]{font-size:.9em;margin-top:10px;opacity:.8}.encoder-recordings-panel[data-v-85a9bfe4]{background-color:#1a1a1a;border-radius:8px;padding:16px;margin-top:12px;border:1px solid #444}.panel-header[data-v-85a9bfe4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-header h4[data-v-85a9bfe4]{margin:0;color:#fff;font-size:1rem}.btn-refresh[data-v-85a9bfe4]{padding:6px 12px;background:#444;color:#fff;border:1px solid #555;border-radius:6px;cursor:pointer;font-size:.9rem}.btn-refresh[data-v-85a9bfe4]:hover:not(:disabled){background:#555}.btn-refresh[data-v-85a9bfe4]:disabled{opacity:.6;cursor:not-allowed}.loading-state[data-v-85a9bfe4],.error-state[data-v-85a9bfe4],.empty-state[data-v-85a9bfe4]{padding:16px;color:#aaa;text-align:center}.error-state[data-v-85a9bfe4]{color:#f44}.recordings-table[data-v-85a9bfe4]{width:100%;border-collapse:collapse}.recordings-table th[data-v-85a9bfe4],.recordings-table td[data-v-85a9bfe4]{padding:10px 12px;text-align:left;border-bottom:1px solid #333;color:#fff}.recordings-table th[data-v-85a9bfe4]{background-color:#2d2d2d;font-weight:600;color:#ddd}.recordings-table td.actions[data-v-85a9bfe4]{white-space:nowrap}.btn-play[data-v-85a9bfe4],.btn-download[data-v-85a9bfe4]{padding:4px 10px;margin-right:8px;border-radius:4px;font-size:.85rem;cursor:pointer;text-decoration:none;display:inline-block;border:1px solid #555}.btn-play[data-v-85a9bfe4]{background:#1a5928;color:#00d000}.btn-play[data-v-85a9bfe4]:hover{background:#2d6b3a}.btn-download[data-v-85a9bfe4]{background:#1a1a1a;color:#fff}.btn-download[data-v-85a9bfe4]:hover{background:#444}.playback-modal-overlay[data-v-85a9bfe4]{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:1000}.playback-modal[data-v-85a9bfe4]{background:#2d2d2d;border-radius:8px;padding:0;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;border:1px solid #555}.playback-header[data-v-85a9bfe4]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #444}.playback-title[data-v-85a9bfe4]{color:#fff;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-close[data-v-85a9bfe4]{padding:6px 12px;background:#444;color:#fff;border:1px solid #555;border-radius:4px;cursor:pointer}.btn-close[data-v-85a9bfe4]:hover{background:#555}.playback-video-wrap[data-v-85a9bfe4]{padding:16px}.playback-video-wrap video[data-v-85a9bfe4]{max-width:80vw;max-height:70vh;display:block}.encoders[data-v-3ba822ab]{background-color:#1a1a1a;color:#fff;min-height:100vh;padding:20px}h1[data-v-3ba822ab]{color:#fff;margin-bottom:20px}h3[data-v-3ba822ab]{color:#fff;margin-bottom:12px}.helper-text[data-v-3ba822ab]{color:#888;font-size:.9em;margin-bottom:12px}.card[data-v-3ba822ab]{background-color:#2d2d2d;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000004d;margin-bottom:20px;border:1px solid #444}.mt-2[data-v-3ba822ab]{margin-top:16px}.encoder-form[data-v-3ba822ab]{display:flex;flex-direction:column;gap:10px}.form-row[data-v-3ba822ab]{display:flex;gap:10px}.form-row input[type=text][data-v-3ba822ab],.form-row input[type=password][data-v-3ba822ab],.form-row select[data-v-3ba822ab]{flex:1;padding:8px;border:1px solid #444;border-radius:4px;background-color:#1a1a1a;color:#fff}.api-explorer summary[data-v-3ba822ab]{cursor:pointer;color:#aaa;padding:8px 0}.api-explorer-content[data-v-3ba822ab]{padding-top:12px;border-top:1px solid #444}.api-params[data-v-3ba822ab]{display:flex;flex-direction:column;gap:8px}.param-row[data-v-3ba822ab]{display:flex;align-items:center;gap:10px}.param-label[data-v-3ba822ab]{min-width:120px;color:#ccc;font-size:.9em}.param-input[data-v-3ba822ab]{flex:1;max-width:200px;padding:6px 8px;border:1px solid #444;border-radius:4px;background-color:#1a1a1a;color:#fff}.api-output[data-v-3ba822ab]{margin-top:12px;padding:12px;background-color:#1a1a1a;border-radius:4px;border:1px solid #444;max-height:300px;overflow:auto}.api-output pre[data-v-3ba822ab]{margin:0;font-size:.85em;color:#ccc;white-space:pre-wrap;word-break:break-all}.form-row input[data-v-3ba822ab]::placeholder{color:#888}.checkbox-label[data-v-3ba822ab]{display:flex;align-items:center;gap:6px;color:#ccc;cursor:pointer}.form-actions[data-v-3ba822ab]{display:flex;gap:10px}.btn-primary[data-v-3ba822ab]{background-color:#1a5928;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.btn-primary[data-v-3ba822ab]:hover{background-color:#236b32}.btn-secondary[data-v-3ba822ab]{background-color:#444;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.btn-secondary[data-v-3ba822ab]:hover{background-color:#555}.stream-table[data-v-3ba822ab]{width:100%;border-collapse:collapse;background-color:#2d2d2d}.stream-table th[data-v-3ba822ab],.stream-table td[data-v-3ba822ab]{padding:10px 12px;text-align:left;border-bottom:1px solid #444;color:#fff}.stream-table th[data-v-3ba822ab]{background-color:#1a1a1a;font-weight:700}.stream-url[data-v-3ba822ab]{font-family:monospace;color:#00d000;font-size:.85em;word-break:break-all;max-width:250px}.stream-title[data-v-3ba822ab]{font-weight:500}code[data-v-3ba822ab]{background-color:#1a1a1a;padding:2px 6px;border-radius:3px;font-size:.9em}.auth-code[data-v-3ba822ab]{font-size:.85em;letter-spacing:.5px}.status[data-v-3ba822ab]{padding:3px 8px;border-radius:4px;font-size:.85em;font-weight:500;display:inline-block}.status.active[data-v-3ba822ab]{background-color:#1a5928;color:#00d000}.status.stopped[data-v-3ba822ab]{background-color:#5c1919;color:#f44}.status.inactive[data-v-3ba822ab]{background-color:#666;color:#ddd}.status.recording[data-v-3ba822ab]{background-color:#5c1919;color:#f44;animation:pulse-3ba822ab 2s infinite}.status.not-recording[data-v-3ba822ab]{background-color:#666;color:#ddd}@keyframes pulse-3ba822ab{0%,to{opacity:1}50%{opacity:.7}}.view-recordings-btn[data-v-3ba822ab]{margin-right:8px;padding:4px 8px;border-radius:4px;border:1px solid #444;background-color:#2d4d3e;color:#42b883;cursor:pointer}.view-recordings-btn[data-v-3ba822ab]:hover{background-color:#3d5d4e}.view-recordings-btn.active[data-v-3ba822ab]{background-color:#1a5928;color:#00d000}.expanded-row td[data-v-3ba822ab]{padding:0;border-bottom:1px solid #444;vertical-align:top}.expanded-cell[data-v-3ba822ab]{background-color:#1a1a1a}.actions button.recording[data-v-3ba822ab]{background-color:#5c1919;color:#f44}.tags-cell[data-v-3ba822ab]{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:140px}.tag[data-v-3ba822ab]{display:inline-flex;align-items:center;gap:2px;background:#333;color:#e0e0e0;padding:3px 8px;border-radius:4px;font-size:.8em;font-weight:500;border:1px solid #555}.tag .tag-remove[data-v-3ba822ab]{background:none;border:none;color:#888;cursor:pointer;font-size:1em;padding:0 1px;line-height:1;margin-left:2px;border-radius:2px}.tag .tag-remove[data-v-3ba822ab]:hover{color:#f66;background-color:#ff000026}.tag-add-wrap[data-v-3ba822ab]{position:relative}.tag-add-btn[data-v-3ba822ab]{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background-color:#333;border:1px solid #555;color:#888;cursor:pointer;font-size:1.1em;font-weight:700;border-radius:4px;line-height:1}.tag-add-btn[data-v-3ba822ab]:hover:not(:disabled){background-color:#444;border-color:#666;color:#aaa}.tag-add-btn.active[data-v-3ba822ab]{background-color:#444;border-color:#666;color:#fff}.tag-add-btn[data-v-3ba822ab]:disabled{opacity:.4;cursor:not-allowed}.tag-dropdown[data-v-3ba822ab]{position:absolute;top:100%;left:0;margin-top:4px;background-color:#252525;border:1px solid #444;border-radius:6px;box-shadow:0 4px 16px #00000080;min-width:160px;max-height:220px;overflow-y:auto;z-index:100}.tag-dropdown-item[data-v-3ba822ab]{display:block;width:100%;padding:8px 12px;text-align:left;background:none;border:none;color:#e0e0e0;cursor:pointer;font-size:.9em;border-bottom:1px solid #333}.tag-dropdown-item[data-v-3ba822ab]:last-child{border-bottom:none}.tag-dropdown-item[data-v-3ba822ab]:hover{background-color:#333;color:#fff}.actions[data-v-3ba822ab]{font-size:12px;white-space:nowrap;transform:scale(var(--actions-scale, 1));transform-origin:left center}.actions button[data-v-3ba822ab],.actions .action-link[data-v-3ba822ab]{margin:0 3px;padding:4px 8px;border-radius:4px;border:1px solid #444;background-color:#1a1a1a;color:#fff;cursor:pointer;text-decoration:none;font-size:12px;line-height:1.2;display:inline-block;min-width:0;width:auto}.actions .action-link[data-v-3ba822ab]:hover,.actions button[data-v-3ba822ab]:hover{background-color:#444}.delete-btn[data-v-3ba822ab]{color:#f44!important}.delete-btn[data-v-3ba822ab]:hover{background-color:#5c1919!important}.empty-state[data-v-3ba822ab]{text-align:center;color:#888;padding:20px}.raw-fetch-panel[data-v-3ba822ab]{isolation:isolate}.raw-fetch-table-wrap[data-v-3ba822ab]{overflow-x:auto;margin-bottom:12px}.raw-fetch-table[data-v-3ba822ab]{width:100%;border-collapse:collapse;font-size:.9em}.raw-fetch-table th[data-v-3ba822ab],.raw-fetch-table td[data-v-3ba822ab]{padding:8px 10px;text-align:left;border:1px solid #444;background-color:#1a1a1a;color:#fff}.raw-fetch-table th[data-v-3ba822ab]{background-color:#2d2d2d;font-weight:600}.raw-fetch-table code[data-v-3ba822ab]{font-size:.85em}.raw-json-details[data-v-3ba822ab]{margin-top:12px;font-size:.9em}.raw-json-details summary[data-v-3ba822ab]{cursor:pointer;color:#888}.raw-json-details[open] summary[data-v-3ba822ab]{margin-bottom:8px}.test-output[data-v-3ba822ab]{background-color:#1a1a1a;padding:12px;border-radius:4px;font-family:monospace;font-size:.85em;color:#00d000;overflow-x:auto;white-space:pre-wrap;margin-bottom:12px}.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}.nas-drive[data-v-fe2ba73e]{background-color:#1a1a1a;color:#fff;min-height:100vh;padding:20px}.page-header[data-v-fe2ba73e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.page-header h1[data-v-fe2ba73e]{margin:0;color:#fff}.helper-text[data-v-fe2ba73e]{color:#888;font-size:.9em;margin-bottom:16px}.card[data-v-fe2ba73e]{background-color:#2d2d2d;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000004d;border:1px solid #444}.mt-2[data-v-fe2ba73e]{margin-top:16px}.breadcrumb[data-v-fe2ba73e]{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #444}.breadcrumb-item[data-v-fe2ba73e]{background:none;border:none;color:#42b883;cursor:pointer;font-size:.95em;padding:2px 6px;border-radius:4px}.breadcrumb-item[data-v-fe2ba73e]:hover{background-color:#333;color:#00d000}.breadcrumb-sep[data-v-fe2ba73e]{color:#666;font-size:.9em}.file-table[data-v-fe2ba73e]{width:100%;border-collapse:collapse}.file-table th[data-v-fe2ba73e],.file-table td[data-v-fe2ba73e]{padding:10px 12px;text-align:left;border-bottom:1px solid #444}.file-table th[data-v-fe2ba73e]{background-color:#1a1a1a;font-weight:600;color:#aaa}.file-link[data-v-fe2ba73e]{background:none;border:none;color:#42b883;cursor:pointer;font-size:1em;padding:0;text-align:left}.file-link[data-v-fe2ba73e]:hover{color:#00d000;text-decoration:underline}.file-name[data-v-fe2ba73e]{color:#e0e0e0}.actions[data-v-fe2ba73e]{display:flex;gap:8px}.btn-play[data-v-fe2ba73e],.btn-download[data-v-fe2ba73e]{padding:4px 10px;border-radius:4px;font-size:.85em;text-decoration:none;cursor:pointer;border:1px solid #444;background-color:#333;color:#fff}.btn-play[data-v-fe2ba73e]:hover,.btn-download[data-v-fe2ba73e]:hover{background-color:#444}.btn-download[data-v-fe2ba73e]{display:inline-block}.loading[data-v-fe2ba73e],.empty-state[data-v-fe2ba73e]{color:#888;padding:20px;text-align:center}.error-alert[data-v-fe2ba73e]{background-color:#5c1919;color:#f44;padding:12px 16px;border-radius:6px;margin-bottom:16px;border:1px solid #8b0000}.error-alert .smb-error[data-v-fe2ba73e]{margin-top:8px;font-size:.9em;opacity:.95}.playback-modal-overlay[data-v-fe2ba73e]{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.playback-modal[data-v-fe2ba73e]{background-color:#2d2d2d;border-radius:8px;border:1px solid #444;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.playback-header[data-v-fe2ba73e]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #444}.playback-title[data-v-fe2ba73e]{color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-close[data-v-fe2ba73e]{padding:6px 12px;background-color:#444;color:#fff;border:1px solid #555;border-radius:4px;cursor:pointer}.btn-close[data-v-fe2ba73e]:hover{background-color:#555}.playback-video-wrap[data-v-fe2ba73e]{padding:16px}.playback-video-wrap video[data-v-fe2ba73e]{max-width:100%;max-height:75vh;display:block}.btn-secondary[data-v-fe2ba73e]{padding:8px 16px;background-color:#444;color:#fff;border:1px solid #555;border-radius:6px;cursor:pointer}.btn-secondary[data-v-fe2ba73e]:hover:not(:disabled){background-color:#555}.btn-secondary[data-v-fe2ba73e]:disabled{opacity:.6;cursor:not-allowed}.sources[data-v-61e515bc]{background-color:#1a1a1a;color:#fff;min-height:100vh;padding:20px}.page-header[data-v-61e515bc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-header h1[data-v-61e515bc]{margin:0}h1[data-v-61e515bc]{color:#fff;margin-bottom:20px}.btn-secondary[data-v-61e515bc]{padding:8px 16px;background:#444;color:#fff;border:1px solid #555;border-radius:6px;cursor:pointer}.btn-secondary[data-v-61e515bc]:hover:not(:disabled){background:#555}.btn-secondary[data-v-61e515bc]:disabled{opacity:.6;cursor:not-allowed}.card[data-v-61e515bc]{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-61e515bc]{width:100%;border-collapse:collapse;margin-top:1rem;background-color:#2d2d2d}.stream-table th[data-v-61e515bc],.stream-table td[data-v-61e515bc]{padding:12px;text-align:left;border-bottom:1px solid #444;color:#fff}.stream-table th[data-v-61e515bc]{background-color:#1a1a1a;font-weight:700;color:#fff}.stream-url[data-v-61e515bc]{font-family:monospace;color:#00d000;background-color:#1a1a1a;padding:4px 8px;border-radius:4px;word-break:break-all}.stream-title[data-v-61e515bc]{font-weight:500;color:#fff}.status[data-v-61e515bc]{padding:4px 8px;border-radius:4px;font-size:.9em;font-weight:500;display:inline-block}.status.recording[data-v-61e515bc]{background-color:#5c1919;color:#f44;animation:pulse 2s infinite}.status.not-recording[data-v-61e515bc]{background-color:#666;color:#ddd}.status.active[data-v-61e515bc]{background-color:#1a5928;color:#00d000}.status.inactive[data-v-61e515bc]{background-color:#666;color:#ddd}.status.stopped[data-v-61e515bc]{background-color:#5c1919;color:#f44}.status.validating[data-v-61e515bc]{background-color:#666;color:#ddd;opacity:.7;position:relative}.status.validating[data-v-61e515bc]:after{content:"...";position:absolute;right:-15px}.actions button[data-v-61e515bc]{margin:0 4px;padding:4px 8px;border-radius:4px;border:1px solid #444;background-color:#1a1a1a;color:#fff;cursor:pointer}.actions button[data-v-61e515bc]:disabled{opacity:.5;cursor:not-allowed}.actions button[data-v-61e515bc]:not(:disabled):hover{background-color:#444}.actions button.recording[data-v-61e515bc]{background-color:#5c1919;color:#f44;animation:pulse 2s infinite}.delete-btn[data-v-61e515bc]{color:#f44}.delete-btn[data-v-61e515bc]:hover{background-color:#5c1919!important;color:#f44}.error-alert[data-v-61e515bc]{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-61e515bc]{background:none;border:none;color:#f44;font-size:20px;cursor:pointer;padding:0 4px}.close-button[data-v-61e515bc]:hover{opacity:.8}.clip-btn[data-v-61e515bc]{color:#42b883!important}.clip-btn[data-v-61e515bc]: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}