@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);.auth-page[data-v-4f71b9bd]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-secondary)}.auth-card[data-v-4f71b9bd]{width:100%;max-width:400px;background:var(--bg-primary);border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:32px}.auth-header[data-v-4f71b9bd]{text-align:center;margin-bottom:32px}.logo[data-v-4f71b9bd]{display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px}.logo-img[data-v-4f71b9bd]{width:200px;height:auto}.auth-subtitle[data-v-4f71b9bd]{color:var(--text-secondary);font-size:14px}.auth-form[data-v-4f71b9bd]{display:flex;flex-direction:column;gap:20px}.btn-block[data-v-4f71b9bd]{width:100%}.auth-footer[data-v-4f71b9bd]{margin-top:24px;text-align:center;font-size:14px;color:var(--text-secondary)}.auth-footer a[data-v-4f71b9bd]{color:var(--primary);text-decoration:none;font-weight:500}.auth-footer a[data-v-4f71b9bd]:hover{text-decoration:underline}.auth-page[data-v-a986ccfa]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-secondary)}.auth-card[data-v-a986ccfa]{width:100%;max-width:400px;background:var(--bg-primary);border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:32px}.auth-header[data-v-a986ccfa]{text-align:center;margin-bottom:32px}.logo[data-v-a986ccfa]{display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px}.logo-img[data-v-a986ccfa]{width:200px;height:auto}.auth-subtitle[data-v-a986ccfa]{color:var(--text-secondary);font-size:14px}.auth-form[data-v-a986ccfa]{display:flex;flex-direction:column;gap:20px}.btn-block[data-v-a986ccfa]{width:100%}.auth-footer[data-v-a986ccfa]{margin-top:24px;text-align:center;font-size:14px;color:var(--text-secondary)}.auth-footer a[data-v-a986ccfa]{color:var(--primary);text-decoration:none;font-weight:500}.success-message[data-v-a986ccfa]{text-align:center;padding:20px 0}.success-message h3[data-v-a986ccfa]{font-size:18px;margin-bottom:12px;color:var(--success)}.success-message p[data-v-a986ccfa]{color:var(--text-secondary);font-size:14px;margin-bottom:8px}.auth-page[data-v-01a22e47]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-secondary)}.auth-card[data-v-01a22e47]{width:100%;max-width:400px;background:var(--bg-primary);border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:32px}.auth-header[data-v-01a22e47]{text-align:center;margin-bottom:32px}.logo[data-v-01a22e47]{display:inline-flex;align-items:center;justify-content:center}.logo-img[data-v-01a22e47]{width:200px;height:auto}.verify-status[data-v-01a22e47]{text-align:center;padding:20px 0}.verify-status h3[data-v-01a22e47]{font-size:18px;margin-bottom:12px}.verify-status.success h3[data-v-01a22e47]{color:var(--success)}.verify-status.error h3[data-v-01a22e47]{color:var(--error)}.verify-status p[data-v-01a22e47]{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.verify-status .btn[data-v-01a22e47]{display:inline-block;text-decoration:none}.layout[data-v-6bb50ae7]{display:flex;height:100vh;overflow:hidden}.sidebar[data-v-6bb50ae7]{width:240px;height:100vh;background:var(--bg-primary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;position:fixed;left:0;top:0}.sidebar-header[data-v-6bb50ae7]{padding:20px;border-bottom:1px solid var(--border-color)}.logo[data-v-6bb50ae7]{display:flex;align-items:center;justify-content:center}.logo-img[data-v-6bb50ae7]{width:175px;height:auto}.sidebar-nav[data-v-6bb50ae7]{flex:1;padding:16px 12px;overflow-y:auto}.nav-link[data-v-6bb50ae7]{display:flex;align-items:center;padding:10px 12px;color:var(--text-secondary);text-decoration:none;border-radius:6px;font-size:14px;font-weight:500;transition:background .15s,color .15s;margin-bottom:4px}.nav-link[data-v-6bb50ae7]:hover{background:var(--gray-100);color:var(--text-primary)}.nav-link.active[data-v-6bb50ae7]{background:rgba(51,147,255,.1);color:var(--primary)}.nav-icon[data-v-6bb50ae7]{width:20px;height:20px;margin-right:12px;flex-shrink:0}.nav-section[data-v-6bb50ae7]{font-size:11px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em;padding:16px 12px 8px}.sidebar-footer[data-v-6bb50ae7]{padding:16px;border-top:1px solid var(--border-color);display:flex;align-items:center;gap:12px;background:var(--bg-primary);flex-shrink:0}.user-info[data-v-6bb50ae7]{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.user-avatar[data-v-6bb50ae7]{width:32px;height:32px;background:rgba(51,147,255,.1);color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.user-details[data-v-6bb50ae7]{display:flex;flex-direction:column;min-width:0}.user-name[data-v-6bb50ae7]{font-size:13px;font-weight:500;color:var(--text-primary)}.user-email[data-v-6bb50ae7],.user-name[data-v-6bb50ae7]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email[data-v-6bb50ae7]{font-size:11px;color:var(--text-secondary)}.logout-btn[data-v-6bb50ae7]{width:32px;height:32px;border:none;background:none;color:var(--gray-400);cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.logout-btn[data-v-6bb50ae7]:hover{background:var(--gray-100);color:var(--text-primary)}.logout-btn svg[data-v-6bb50ae7]{width:18px;height:18px}.main-content[data-v-6bb50ae7]{flex:1;margin-left:240px;height:100vh;overflow-y:auto;background:var(--bg-secondary)}.page[data-v-2e8f0b8d]{padding:24px}.page-header[data-v-2e8f0b8d]{margin-bottom:24px}.page-header h1[data-v-2e8f0b8d]{font-size:24px;font-weight:600;color:var(--text-primary)}.stats-grid[data-v-2e8f0b8d]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card[data-v-2e8f0b8d]{background:var(--bg-primary);border-radius:8px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.stat-label[data-v-2e8f0b8d]{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.stat-value[data-v-2e8f0b8d]{font-size:28px;font-weight:600;color:var(--text-primary)}.card[data-v-2e8f0b8d]{margin-bottom:24px}.card h3[data-v-2e8f0b8d]{font-size:16px;font-weight:500;margin-bottom:16px}.live-channels[data-v-2e8f0b8d]{display:flex;flex-direction:column;gap:12px}.live-channel[data-v-2e8f0b8d]{display:flex;align-items:center;gap:12px;padding:12px;background:var(--gray-50);border-radius:6px}.live-indicator[data-v-2e8f0b8d]{width:10px;height:10px;background:var(--error);border-radius:50%;animation:pulse-2e8f0b8d 2s infinite}@keyframes pulse-2e8f0b8d{0%,to{opacity:1}50%{opacity:.5}}.channel-info[data-v-2e8f0b8d]{flex:1;display:flex;flex-direction:column}.channel-name[data-v-2e8f0b8d]{font-weight:500;color:var(--text-primary)}.channel-protocol[data-v-2e8f0b8d]{font-size:10px;font-weight:600;color:var(--primary);background:rgba(51,147,255,.1);padding:2px 6px;border-radius:4px;margin-left:8px}.channel-duration[data-v-2e8f0b8d]{font-size:12px;color:var(--text-secondary)}.chart-header[data-v-2e8f0b8d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.chart-header h3[data-v-2e8f0b8d]{margin-bottom:0}.period-select[data-v-2e8f0b8d]{padding:6px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);font-size:13px;font-family:var(--font-family);color:var(--text-primary);cursor:pointer}.period-select[data-v-2e8f0b8d]:focus{outline:none;border-color:var(--primary)}.chart-container[data-v-2e8f0b8d]{height:200px}.chart-empty[data-v-2e8f0b8d]{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-size:14px}.billing-row[data-v-2e8f0b8d]{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-color);font-size:14px}.billing-link[data-v-2e8f0b8d]{display:inline-block;margin-top:16px;font-size:14px;color:var(--primary);text-decoration:none}.billing-link[data-v-2e8f0b8d]:hover{text-decoration:underline}@media (max-width:900px){.stats-grid[data-v-2e8f0b8d]{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.stats-grid[data-v-2e8f0b8d]{grid-template-columns:1fr}}.page[data-v-e6e2f44e]{padding:24px}.page-header[data-v-e6e2f44e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header h1[data-v-e6e2f44e]{font-size:24px;font-weight:600;color:var(--text-primary)}.loading[data-v-e6e2f44e]{text-align:center;padding:48px;color:var(--text-secondary)}.empty-state[data-v-e6e2f44e]{text-align:center;padding:48px;background:var(--bg-primary);border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.empty-icon[data-v-e6e2f44e]{font-size:48px;margin-bottom:16px}.empty-state h3[data-v-e6e2f44e]{font-size:18px;margin-bottom:8px}.empty-state p[data-v-e6e2f44e]{color:var(--text-secondary);margin-bottom:24px}.channels-grid[data-v-e6e2f44e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.channel-card[data-v-e6e2f44e]{background:var(--bg-primary);border-radius:8px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.channel-header[data-v-e6e2f44e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.channel-name[data-v-e6e2f44e]{font-size:16px;font-weight:600;color:var(--text-primary)}.channel-meta[data-v-e6e2f44e]{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.meta-item[data-v-e6e2f44e]{display:flex;justify-content:space-between;font-size:13px}.meta-label[data-v-e6e2f44e]{color:var(--text-secondary)}.meta-value[data-v-e6e2f44e]{color:var(--text-primary)}.channel-actions[data-v-e6e2f44e]{display:flex;gap:8px}.form-group[data-v-e6e2f44e]{margin-bottom:20px}.renditions-info[data-v-e6e2f44e]{background:var(--gray-50);border-radius:8px;padding:16px}.renditions-note[data-v-e6e2f44e]{font-size:13px;color:var(--text-secondary);margin-bottom:12px}.renditions-list[data-v-e6e2f44e]{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.renditions-list li[data-v-e6e2f44e]{font-size:13px;color:var(--text-primary)}.renditions-list strong[data-v-e6e2f44e]{color:var(--primary)}.page[data-v-e2d1fcd8]{padding:24px}.page-header[data-v-e2d1fcd8]{margin-bottom:24px}.header-left[data-v-e2d1fcd8]{display:flex;flex-direction:column;gap:8px}.header-title[data-v-e2d1fcd8]{display:flex;align-items:center;gap:12px}.back-link[data-v-e2d1fcd8]{font-size:13px;color:var(--text-secondary);text-decoration:none}.back-link[data-v-e2d1fcd8]:hover{color:var(--primary)}.page-header h1[data-v-e2d1fcd8]{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.loading[data-v-e2d1fcd8]{text-align:center;padding:48px;color:var(--text-secondary)}.two-columns[data-v-e2d1fcd8]{display:grid;grid-template-columns:1fr 1fr;gap:24px}.column[data-v-e2d1fcd8]{display:flex;flex-direction:column;gap:24px}.card[data-v-e2d1fcd8]{margin-bottom:0}.card h3[data-v-e2d1fcd8]{font-size:16px;font-weight:600;margin-bottom:8px}.card-description[data-v-e2d1fcd8]{font-size:14px;color:var(--text-secondary);margin-bottom:20px}.ingest-section[data-v-e2d1fcd8]{margin-bottom:20px}.ingest-section[data-v-e2d1fcd8]:last-child{margin-bottom:0}.ingest-label[data-v-e2d1fcd8]{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.ingest-row[data-v-e2d1fcd8]{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ingest-url[data-v-e2d1fcd8]{flex:1;min-width:200px;padding:10px 12px;background:var(--gray-100);border-radius:6px;font-size:13px;font-family:var(--font-family)!important;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-key[data-v-e2d1fcd8]{font-family:var(--font-family)!important;letter-spacing:.02em}.renditions-grid[data-v-e2d1fcd8]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.rendition-item[data-v-e2d1fcd8]{background:var(--gray-50);border-radius:8px;padding:16px;text-align:center}.rendition-label[data-v-e2d1fcd8]{display:block;font-size:20px;font-weight:600;color:var(--primary);margin-bottom:4px}.rendition-bitrate[data-v-e2d1fcd8]{font-size:12px;color:var(--text-secondary)}.form-group[data-v-e2d1fcd8]{margin-bottom:20px}.form-actions[data-v-e2d1fcd8]{margin-top:20px}.danger-zone[data-v-e2d1fcd8]{margin-top:24px}.danger-zone h3[data-v-e2d1fcd8]{color:var(--error)}.danger-content[data-v-e2d1fcd8]{display:flex;justify-content:space-between;align-items:center;gap:16px}.danger-content p[data-v-e2d1fcd8]{font-size:13px;color:var(--text-secondary);margin-top:4px}.danger-note[data-v-e2d1fcd8]{font-size:12px;color:var(--text-secondary);margin-top:12px}@media (max-width:900px){.two-columns[data-v-e2d1fcd8]{grid-template-columns:1fr}}.page[data-v-237dba9e]{padding:24px}.page-header[data-v-237dba9e]{margin-bottom:24px}.page-header h1[data-v-237dba9e]{font-size:24px;font-weight:600;color:var(--text-primary)}.card[data-v-237dba9e]{margin-bottom:24px}.card h3[data-v-237dba9e]{font-size:16px;font-weight:600;margin-bottom:16px}.no-subscription[data-v-237dba9e]{text-align:center;padding:20px 0}.no-subscription p[data-v-237dba9e]{color:var(--text-secondary);margin-bottom:16px}.status-row[data-v-237dba9e]{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-color);font-size:14px}.portal-btn[data-v-237dba9e]{margin-top:20px}.pricing-info[data-v-237dba9e]{text-align:center}.price-main[data-v-237dba9e]{margin-bottom:16px}.price-amount[data-v-237dba9e]{font-size:48px;font-weight:700;color:var(--primary)}.price-unit[data-v-237dba9e]{font-size:18px;color:var(--text-secondary);margin-left:8px}.pricing-description[data-v-237dba9e]{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.pricing-features[data-v-237dba9e]{list-style:none;padding:0;display:inline-block;text-align:left}.pricing-features li[data-v-237dba9e]{padding:6px 0;font-size:14px;color:var(--text-primary)}.pricing-features li[data-v-237dba9e]:before{content:"✓";color:var(--success);margin-right:10px;font-weight:600}.usage-stats[data-v-237dba9e]{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:16px}.usage-stat[data-v-237dba9e]{text-align:center;padding:20px;background:var(--gray-50);border-radius:8px}.usage-value[data-v-237dba9e]{font-size:32px;font-weight:600;color:var(--text-primary)}.usage-label[data-v-237dba9e]{margin-top:4px}.usage-label[data-v-237dba9e],.usage-note[data-v-237dba9e]{font-size:13px;color:var(--text-secondary)}.no-invoices[data-v-237dba9e]{text-align:center;padding:20px;color:var(--text-secondary)}.invoice-link[data-v-237dba9e]{color:var(--primary);text-decoration:none;font-size:13px}.invoice-link[data-v-237dba9e]:hover{text-decoration:underline}.page[data-v-2e28cb2c]{padding:24px}.page-header[data-v-2e28cb2c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header h1[data-v-2e28cb2c]{font-size:24px;font-weight:600;color:var(--text-primary)}.card[data-v-2e28cb2c]{margin-bottom:24px}.card h3[data-v-2e28cb2c]{font-size:16px;font-weight:600;margin-bottom:16px}.form-group[data-v-2e28cb2c]{margin-bottom:20px}.remove-btn[data-v-2e28cb2c]{background:none;border:none;color:var(--error);font-size:13px;cursor:pointer;padding:0}.remove-btn[data-v-2e28cb2c]:hover{text-decoration:underline}.role-hint[data-v-2e28cb2c]{font-size:13px;color:var(--text-secondary);margin-top:16px}.role-hint strong[data-v-2e28cb2c]{color:var(--text-primary)}*{margin:0;padding:0;box-sizing:border-box}:root{--white:#fff;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#171717;--black:#000;--primary:#3393ff;--primary-hover:#1a7ee6;--primary-dark:#001b87;--primary-light:#66acff;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--accent:var(--primary);--accent-hover:var(--primary-hover);--bg-primary:#fff;--bg-secondary:#f5f5f5;--text-primary:#262626;--text-secondary:#737373;--border-color:#e5e5e5;--font-family:"Poppins",sans-serif}body{background:var(--bg-secondary);color:var(--text-primary);min-height:100vh;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,body,button,code,div,h1,h2,h3,h4,h5,h6,input,label,li,p,select,span,td,textarea,th{font-family:var(--font-family)}button,input,select,textarea{font-size:inherit}input,select,textarea{font-family:var(--font-family)}select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:16px!important;padding-right:36px!important;cursor:pointer}input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--accent);cursor:pointer;flex-shrink:0}#app{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.hidden{display:none!important}.btn{padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,opacity .15s;display:inline-flex;align-items:center;justify-content:center}.btn,a.btn{text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--gray-200);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--gray-300)}.btn-danger{background:var(--error);color:var(--white)}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-sm{padding:8px 12px;font-size:13px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{font-size:14px;font-weight:500;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;font-family:var(--font-family);transition:border-color .15s,box-shadow .15s;background:var(--bg-primary);color:var(--text-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(51,147,255,.1)}.card{background:var(--bg-primary);border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:20px}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:500}.badge-success{background:rgba(16,185,129,.1);color:var(--success)}.badge-warning{background:rgba(245,158,11,.1);color:var(--warning)}.badge-error{background:rgba(239,68,68,.1);color:var(--error)}.badge-idle{background:rgba(245,158,11,.1);color:var(--warning)}.badge-live{background:rgba(16,185,129,.1);color:var(--success)}.alert{padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:24px}.alert-warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.alert a{font-weight:500}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.table th{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.table tr:hover{background:var(--gray-50)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-primary);border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.modal-header{padding:20px;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:18px;font-weight:600}.modal-body{padding:20px}.modal-footer{padding:16px 20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px}