:root{--bg-main:#f8fafc;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#fff1f2;--bg-sidebar:#fff;--border:#e2e8f0;--border-focus:#e50914;--border-subtle:#e5091426;--primary:#e50914;--primary-hover:#c50711;--primary-light:#fee2e2;--primary-glow:#e5091440;--accent-emerald:#059669;--accent-sky:#0284c7;--accent-amber:#d97706;--accent-rose:#e11d48;--text-main:#0f172a;--text-muted:#64748b;--text-dim:#94a3b8;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--shadow-card:0 4px 20px #0000000a, 0 1px 3px #00000005;--shadow-hover:0 12px 30px #e5091414}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:270px;display:flex;box-shadow:2px 0 12px #00000005}.sidebar-header{border-bottom:1px solid var(--border);background:#fff;align-items:center;gap:14px;padding:24px 20px;display:flex}.logo-icon{border-radius:var(--radius-md);color:#fff;width:44px;height:44px;box-shadow:0 4px 14px var(--primary-glow);background:linear-gradient(135deg,#e50914 0%,#991b1b 100%);justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex}.logo-text h1{letter-spacing:.5px;color:#e50914;font-size:17px;font-weight:800}.logo-text span{color:var(--text-muted);letter-spacing:.5px;font-size:11px;font-weight:700}.nav-menu{flex-direction:column;flex:1;gap:6px;padding:18px 12px;display:flex;overflow-y:auto}.nav-btn{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.nav-btn:hover{color:var(--primary);background:#fff1f2}.nav-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 16px var(--primary-glow)}.sidebar-footer{border-top:1px solid var(--border);background:#fff;flex-direction:column;gap:12px;padding:16px;display:flex}.server-status-pill{border-radius:var(--radius-sm);color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;align-items:center;gap:10px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.status-dot{background:var(--accent-emerald);width:8px;height:8px;box-shadow:0 0 8px var(--accent-emerald);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.main-content{background-color:var(--bg-main);flex-direction:column;flex:1;display:flex;overflow-y:auto}.top-bar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#ffffffe6;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000005}.content-body{flex-direction:column;gap:28px;padding:32px;display:flex}.page-title{color:var(--text-main);font-size:24px;font-weight:800}.page-subtitle{color:var(--text-muted);margin-top:4px;font-size:14px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);justify-content:space-between;align-items:center;padding:22px;transition:transform .2s,box-shadow .2s;display:flex}.stat-card:hover{box-shadow:var(--shadow-hover);border-color:var(--border-subtle);transform:translateY(-2px)}.stat-num{color:var(--text-main);margin-top:4px;font-size:32px;font-weight:800}.stat-label{color:var(--text-muted);font-size:13px;font-weight:600}.stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:52px;height:52px;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{color:var(--text-main);border:1px solid var(--border);background:#fff;box-shadow:0 1px 2px #0000000d}.btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-danger{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}.btn-danger:hover{color:#fff;background:#dc2626}.btn-success{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.btn-success:hover{color:#fff;background:#059669}.search-input{border:1px solid var(--border);color:var(--text-main);border-radius:var(--radius-md);background:#fff;outline:none;min-width:260px;padding:10px 16px;font-family:inherit;font-size:13px;transition:border-color .2s;box-shadow:0 1px 2px #00000008}.search-input:focus{border-color:var(--border-focus)}.table-container{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#fff;overflow:hidden}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);background:#f8fafc;padding:14px 18px;font-size:12px;font-weight:700}.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text-main);padding:16px 18px;font-size:14px}.data-table tr:hover td{background:#fff1f2}.channel-thumb{object-fit:cover;border:1px solid var(--border);background:#f1f5f9;border-radius:6px;width:56px;height:36px}.badge{text-transform:uppercase;border-radius:9999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-red{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}.badge-green{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.badge-blue{color:#0284c7;background:#e0f2fe;border:1px solid #bae6fd}.badge-amber{color:#d97706;background:#fef3c7;border:1px solid #fde68a}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;width:100%;max-width:640px;max-height:90vh;animation:.2s ease-out modalEnter;overflow-y:auto;box-shadow:0 20px 40px #00000026}@keyframes modalEnter{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-body{background:#fff;flex-direction:column;gap:18px;padding:24px;display:flex}.modal-footer{border-top:1px solid var(--border);background:#f8fafc;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#334155;font-size:13px;font-weight:700}.form-control{color:var(--text-main);border-radius:var(--radius-sm);background:#fff;border:1px solid #cbd5e1;outline:none;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #e509141a}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.video-preview{aspect-ratio:16/9;border-radius:var(--radius-md);border:1px solid var(--border);background:#000;width:100%;overflow:hidden}