*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.left-4{left:1rem}.top-4{top:1rem}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.table{display:table}.hidden{display:none}.h-12{height:3rem}.min-h-screen{min-height:100vh}.w-12{width:3rem}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-2{gap:.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border-b-2{border-bottom-width:2px}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-orange-600{--tw-bg-opacity: 1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-yellow-600{--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))}.from-blue-600{--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-600{--tw-gradient-from: #4b5563 var(--tw-gradient-from-position);--tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-600{--tw-gradient-from: #16a34a var(--tw-gradient-from-position);--tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-600{--tw-gradient-from: #ea580c var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-600{--tw-gradient-from: #9333ea var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-600{--tw-gradient-from: #dc2626 var(--tw-gradient-from-position);--tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-blue-700{--tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position)}.to-gray-700{--tw-gradient-to: #374151 var(--tw-gradient-to-position)}.to-green-700{--tw-gradient-to: #15803d var(--tw-gradient-to-position)}.to-orange-700{--tw-gradient-to: #c2410c var(--tw-gradient-to-position)}.to-purple-700{--tw-gradient-to: #7e22ce var(--tw-gradient-to-position)}.to-red-700{--tw-gradient-to: #b91c1c var(--tw-gradient-to-position)}.p-2{padding:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.text-center{text-align:center}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-blue-300{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-green-300{--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}body{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.md\:hidden{display:none}}.login-page{min-height:100vh;background:linear-gradient(135deg,#111827,#1f2937);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;position:relative}.login-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.1) 0%,transparent 50%);pointer-events:none}.login-container{background:#1f2937;border:1px solid #374151;border-radius:1.5rem;padding:2rem 2.5rem;width:100%;max-width:440px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d;position:relative;z-index:1}.login-header{text-align:center;margin-bottom:1.75rem}.logo{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#3b82f6);margin-bottom:1rem;padding:16px;box-shadow:0 10px 25px -5px #2563eb4d}.login-logo-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.login-title{font-size:1.5rem;font-weight:700;color:#f3f4f6;margin-bottom:.375rem;letter-spacing:-.025em}.login-subtitle{color:#9ca3af;font-size:.875rem;font-weight:400}.login-content{display:flex;flex-direction:column;gap:1.25rem}.google-login-button{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.75rem 1.5rem;background:#fff;color:#374151;border:1px solid #e5e7eb;border-radius:.75rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.google-login-button:hover:not(:disabled){background:#f9fafb;box-shadow:0 4px 12px #00000026;transform:translateY(-1px);border-color:#d1d5db}.google-login-button:active:not(:disabled){transform:translateY(0)}.google-login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.google-icon{width:20px;height:20px}.spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin .6s linear infinite}.login-info{text-align:center;color:#9ca3af;font-size:.8125rem;line-height:1.6;margin-top:1rem;padding:0 .5rem}.login-form{display:flex;flex-direction:column;gap:1rem;width:100%}.form-group label{font-size:.875rem;font-weight:500;color:#e5e7eb;margin-bottom:.25rem}.form-group input{padding:.75rem 1rem;background:#111827;border:1.5px solid #374151;border-radius:.75rem;color:#f9fafb;font-size:.95rem;transition:all .2s ease;width:100%;box-sizing:border-box}.form-group input:hover{border-color:#4b5563}.form-group input:focus{outline:none;border-color:#3b82f6;background:#0f172a;box-shadow:0 0 0 3px #3b82f626,0 1px 2px #0000001a}.form-group input::-moz-placeholder{color:#6b7280;opacity:.7}.form-group input::placeholder{color:#6b7280;opacity:.7}.error-message{padding:.875rem 1rem;background:#7f1d1d33;border:1px solid #991b1b;border-radius:.75rem;color:#fca5a5;font-size:.875rem;text-align:center;margin-top:.5rem}.submit-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:.75rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.25rem;box-shadow:0 4px 12px #3b82f64d}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #3b82f666;transform:translateY(-1px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.divider{display:flex;align-items:center;gap:1rem;margin:1rem 0;color:#6b7280}.divider:before,.divider:after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,#374151,transparent)}.divider span{font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.toggle-form{text-align:center;color:#9ca3af;font-size:.875rem;margin-top:.25rem}.link-button{background:none;border:none;color:#3b82f6;cursor:pointer;text-decoration:none;font-size:inherit;font-weight:500;padding:0;transition:color .2s ease}.link-button:hover{color:#2563eb;text-decoration:underline}.dashboard-page{padding:0;max-width:95%;margin:0 auto;background:#111827;min-height:100vh;padding:1.5rem}.dashboard-hero{background:linear-gradient(135deg,#1f2937,#111827);border-bottom:1px solid #374151;padding:3rem 2rem;margin:-1.5rem -1.5rem 2rem;border-radius:0 0 1rem 1rem}.dashboard-hero-content{max-width:100%;margin:0 auto}.dashboard-hero-title{font-size:2.5rem;font-weight:600;color:#f3f4f6;margin-bottom:.5rem;line-height:1.2}.dashboard-hero-subtitle{font-size:1.1rem;color:#9ca3af;margin-top:.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#1f2937;border:1px solid #374151;border-radius:1rem;padding:1.5rem;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000004d;border-color:#4b5563}.stat-card-content{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1}.stat-card-info{flex:1}.stat-card-label{font-size:.875rem;color:#9ca3af;margin-bottom:.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.stat-card-value{font-size:2rem;font-weight:700;color:#f3f4f6;line-height:1}.stat-card-icon{width:56px;height:56px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-card-gradient{position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--tw-gradient-stops));opacity:.8}.info-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:2rem}.info-card{background:#1f2937;border:1px solid #374151;border-radius:1rem;padding:1.5rem;transition:all .3s ease}.info-card:hover{border-color:#4b5563;box-shadow:0 4px 12px #0003}.info-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #374151}.info-card-icon{color:#6a0dad;flex-shrink:0}.info-card-title{font-size:1.25rem;font-weight:600;color:#f3f4f6;margin:0}.info-card-content{display:flex;flex-direction:column;gap:1rem}.info-card-stat{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#111827;border-radius:.5rem;transition:background .2s ease}.info-card-stat:hover{background:#1a1f2e}.info-card-stat-label{font-size:.9rem;color:#9ca3af}.info-card-stat-value{font-size:1.1rem;font-weight:600;color:#f3f4f6}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#9ca3af}.spinner{width:48px;height:48px;border:4px solid #374151;border-top-color:#6a0dad;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-state p{font-size:1rem;color:#9ca3af}@media (max-width: 768px){.dashboard-page{padding:1rem}.dashboard-hero{padding:2rem 1rem;margin:-1rem -1rem 1.5rem}.dashboard-hero-title{font-size:1.75rem}.dashboard-hero-subtitle{font-size:1rem}.stats-grid,.info-cards-grid{grid-template-columns:1fr;gap:1rem}.stat-card-value{font-size:1.75rem}}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1rem}.stat-card{background:#1f2937;border-radius:.5rem;padding:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #374151;transition:all .2s ease}.stat-card:hover{border-color:#4b5563;transform:translateY(-2px);box-shadow:0 4px 6px #0003}.stat-card-selected{border-color:#2563eb;border-width:2px;box-shadow:0 0 0 3px #2563eb1a;background:#1e3a8a}.stat-card-content{display:flex;align-items:center;justify-content:space-between}.stat-card-label{color:#9ca3af;font-size:.75rem;margin-bottom:.375rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.stat-card-value{color:#f3f4f6;font-size:1.25rem;font-weight:700;line-height:1}.stat-card-icon{padding:.5rem;border-radius:.5rem;color:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.video-list-container{width:100%}.video-list-filters{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.filters-right{display:flex;align-items:center;gap:.75rem}.search-input-wrapper{position:relative;flex:1;min-width:250px;max-width:400px}.search-icon{position:absolute;left:.625rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.search-input{width:100%;padding:.75rem .75rem .75rem 2.5rem;background:#1f2937;border:1px solid #374151;border-radius:.5rem;color:#f3f4f6;font-size:.875rem;outline:none;transition:all .2s}.filter-select{padding:.75rem 1rem;background:#1f2937;border:1px solid #374151;border-radius:.5rem;color:#f3f4f6;font-size:.875rem;cursor:pointer;outline:none;transition:all .2s;min-width:180px}.video-table-container{background:#1f2937;border-radius:.5rem;overflow:hidden;border:1px solid #374151}.video-table{width:100%;border-collapse:collapse}.video-table thead{background:#111827;border-bottom:1px solid #374151}.video-table th{padding:.75rem;text-align:left;font-size:.75rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.video-table tbody tr{border-bottom:1px solid #374151;transition:background-color .2s}.video-table tbody tr:hover{background:#111827}.video-table tbody tr:last-child{border-bottom:none}.video-table td{padding:.75rem;vertical-align:middle}.col-checkbox{width:40px;text-align:center}.col-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#2563eb}.col-thumbnail-title{min-width:320px;max-width:400px}.col-visibility{width:120px}.col-channel,.col-status{width:140px}.col-date{width:160px;min-width:140px}.col-actions{width:auto;min-width:120px}.video-thumbnail-title{display:flex;gap:.75rem;align-items:flex-start}.video-thumbnail-wrapper{position:relative;width:120px;height:68px;flex-shrink:0;border-radius:.375rem;overflow:hidden;background:#374151}.video-thumbnail{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.video-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#374151,#4b5563)}.video-thumbnail-placeholder.hidden{display:none}.video-thumbnail-text{color:#9ca3af;font-size:1.25rem;font-weight:600;text-transform:uppercase}.video-duration{position:absolute;bottom:.25rem;right:.25rem;background:#000c;color:#fff;padding:.125rem .375rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.video-title-description{flex:1;min-width:0}.video-title{font-size:.875rem;font-weight:500;color:#f3f4f6;margin:0 0 .25rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-description{font-size:.75rem;color:#9ca3af;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.visibility-cell{display:flex;align-items:center;gap:.5rem}.visibility-icon{color:#9ca3af}.visibility-label{font-size:.875rem;color:#e5e7eb}.channel-cell{display:flex;align-items:center;gap:.5rem}.channel-thumbnail-small-video{width:20%;height:20%;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:1px solid #374151;overflow:hidden;display:block}.channel-name-small{font-size:.8125rem;color:#e5e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-channel{color:#6b7280;font-size:.875rem}.status-cell{display:flex;flex-direction:column;gap:.5rem}.status-badge{display:inline-block;padding:.2rem .625rem;border-radius:9999px;font-size:.6875rem;font-weight:500;width:-moz-fit-content;width:fit-content}.progress-container{display:flex;flex-direction:column;gap:.375rem;min-width:200px}.progress-info{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.progress-step-name{font-size:.75rem;color:#9ca3af;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-percentage{font-size:.75rem;font-weight:600;color:#60a5fa;flex-shrink:0}.progress-bar{width:100%;height:6px;background:#374151;border-radius:9999px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:9999px;transition:width .3s ease;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.status-pending{background:#374151;color:#d1d5db}.status-roteiro{background:#1e40af;color:#bfdbfe}.status-video{background:#6b21a8;color:#e9d5ff}.status-posted{background:#166534;color:#bbf7d0}.status-error{background:#991b1b;color:#fecaca}.date-cell{display:flex;flex-direction:column;gap:.25rem}.date-value{font-size:.8125rem;color:#e5e7eb;font-weight:500}.date-label{font-size:.75rem;color:#9ca3af}.video-actions-cell{display:flex;gap:.375rem;align-items:center}.action-btn{padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s;white-space:nowrap}.action-btn-icon{padding:.5rem;border-radius:.375rem;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.action-btn-primary{background:#2563eb;color:#fff}.action-btn-primary:hover{background:#1d4ed8}.action-btn-secondary{background:#374151;color:#e5e7eb}.action-btn-secondary:hover{background:#4b5563}.action-btn-danger{background:#dc2626;color:#fff}.action-btn-danger:hover{background:#b91c1c}.action-btn-retry{background:#f59e0b;color:#fff;display:flex;align-items:center;gap:.375rem}.action-btn-retry:hover{background:#d97706}.action-btn-download{background:#7c3aed;color:#f3f4f6;display:flex;align-items:center;gap:.5rem}.action-btn-download:hover{background:#6d28d9}.action-btn-download:disabled{opacity:.7;cursor:wait}.spinner-small{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}.empty-state{padding:4rem 2rem;text-align:center;color:#9ca3af}.empty-state-title{font-size:1.25rem;font-weight:600;color:#e5e7eb;margin-bottom:.5rem}.empty-state-description{font-size:.95rem;color:#9ca3af}@media (max-width: 1200px){.col-thumbnail-title{min-width:300px}.video-thumbnail-wrapper{width:120px;height:68px}}@media (max-width: 768px){.video-table-container{overflow-x:auto}.video-table{min-width:1000px}.video-list-filters{flex-direction:column;align-items:stretch}.search-input-wrapper{max-width:100%}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.modal-container{background:#1f2937;border-radius:.5rem;padding:1.5rem;width:100%;max-width:42rem;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-close-button{padding:.25rem;background:transparent;border:none;color:#9ca3af;cursor:pointer;border-radius:.25rem;transition:all .2s}.modal-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:500;color:#f3f4f6}.form-input,.form-textarea,.form-select{width:100%;background:#374151;border-radius:.5rem;padding:.5rem 1rem;color:#f3f4f6;border:1px solid #4b5563;outline:none;transition:all .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:#2563eb;ring:2px;ring-color:#2563eb}.form-textarea{height:8rem;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.modal-button{padding:.5rem 1rem;border-radius:.5rem;border:none;font-weight:500;cursor:pointer;transition:all .2s}.modal-button-primary{background:#2563eb;color:#fff}.modal-button-primary:hover{background:#1d4ed8}.modal-button-secondary{background:#374151;color:#f3f4f6}.modal-button-secondary:hover{background:#4b5563}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}}.download-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.download-modal-content{background:#1f2937;border-radius:.75rem;padding:2rem;max-width:500px;width:90%;position:relative;box-shadow:0 20px 25px -5px #00000080;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.download-modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.download-modal-close:hover{background:#374151;color:#f3f4f6}.download-modal-body{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.download-modal-icon{color:#9ca3af}.download-modal-icon.loading{color:#3b82f6;animation:spin 1s linear infinite}.download-modal-icon.success{color:#10b981}.download-modal-icon.error{color:#ef4444}.download-modal-title{font-size:1.5rem;font-weight:600;color:#f3f4f6;margin:0}.download-modal-message{font-size:1rem;color:#d1d5db;line-height:1.6;margin:0}.download-modal-message strong{color:#f3f4f6;font-weight:600}.download-modal-button{background:#3b82f6;color:#fff;border:none;padding:.75rem 2rem;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:.5rem}.download-modal-button:hover{background:#2563eb}.download-modal-button:active{background:#1d4ed8}.videos-page{padding:1.25rem 1.5rem;max-width:95%;margin:0 auto}.videos-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.videos-title{font-size:2rem;font-weight:700;color:#f3f4f6;margin-bottom:.5rem}.videos-subtitle{color:#9ca3af;font-size:.95rem}.videos-header-right{display:flex;align-items:center;gap:1rem}.videos-actions{display:flex;gap:.75rem}.filter-select{background:#374151;color:#f3f4f6;border:1px solid #4b5563;border-radius:.5rem;padding:.5rem 1rem;font-size:.95rem;cursor:pointer;outline:none;transition:all .2s}.filter-select:hover{border-color:#2563eb}.filter-select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.action-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.action-button.primary{background:#2563eb;color:#fff}.action-button.primary:hover{background:#1d4ed8}.action-button.secondary{background:#374151;color:#f3f4f6}.action-button.secondary:hover{background:#4b5563}@media (max-width: 768px){.videos-page{padding:1rem}}.channels-page{padding:1.5rem;max-width:95%;margin:0 auto}.channels-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.channels-title{font-size:2rem;font-weight:700;color:#f3f4f6;margin-bottom:.5rem}.channels-subtitle{color:#9ca3af;font-size:.95rem}.link-channel-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#2563eb;color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s}.link-channel-button:hover:not(:disabled){background:#1d4ed8}.link-channel-button:disabled{opacity:.7;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#9ca3af}.spinner{width:48px;height:48px;border:4px solid #374151;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.channels-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:100%}@media (min-width: 768px){.channels-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width: 1200px){.channels-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (min-width: 1600px){.channels-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}@media (min-width: 1920px){.channels-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}}.channel-card{background:#1f2937;border-radius:.75rem;padding:2rem;border:1px solid #374151;transition:all .2s;min-width:0;width:100%;box-sizing:border-box;overflow:hidden}.channel-card:hover{border-color:#4b5563;box-shadow:0 4px 6px #0000001a}.channel-card-header{display:flex;gap:1rem;margin-bottom:1.25rem}.channel-avatar{width:64px;height:64px;border-radius:50%;background:#374151;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative;min-width:64px;min-height:64px}.channel-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0;z-index:1}.channel-avatar-icon{color:#ef4444;position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.channel-avatar-icon.hidden{display:none!important}.channel-info{flex:1;min-width:0}.channel-name{color:#f3f4f6;font-size:1.125rem;font-weight:600;margin-bottom:.25rem;word-break:break-word}.channel-id{color:#9ca3af;font-size:.875rem;margin-bottom:.25rem}.channel-email{color:#6b7280;font-size:.875rem}.channel-stats-row{display:flex;gap:.75rem;margin-bottom:.75rem;padding:.875rem;background:#111827;border-radius:.5rem;flex-wrap:wrap}.channel-stats-row .channel-stat{flex:1;min-width:80px}.channel-additional-stats{display:flex;gap:.75rem;margin-bottom:1.25rem;padding:.875rem;background:#111827;border-radius:.5rem;flex-wrap:wrap}.channel-additional-stats .channel-stat{flex:1;min-width:100px}.channel-stat{display:flex;flex-direction:column;gap:.25rem}.channel-stat-label{color:#9ca3af;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.channel-stat-value{color:#f3f4f6;font-size:1rem;font-weight:600}.channel-stat-value.revenue{color:#10b981;font-size:1.125rem}.channel-status{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500}.channel-status.active{color:#10b981}.channel-status.inactive{color:#ef4444}.channel-monetization{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500}.channel-monetization.monetized{color:#10b981}.channel-monetization.not-monetized{color:#9ca3af}.channel-actions{display:flex;gap:.75rem;margin-top:.5rem}.settings-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#8b5cf6;color:#f9fafb;border:none;border-radius:.375rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s;flex:1;justify-content:center;white-space:nowrap}.settings-button:hover{background:#7c3aed}.unlink-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#7f1d1d;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;flex:1;justify-content:center;white-space:nowrap}.unlink-button:hover{background:#991b1b}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{color:#6b7280;margin-bottom:1rem}.empty-title{color:#f3f4f6;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.empty-description{color:#9ca3af;margin-bottom:2rem;max-width:400px}@media (max-width: 768px){.channels-page{padding:1rem}.channels-grid{grid-template-columns:1fr}.channel-stats-row,.channel-additional-stats{flex-direction:column}.channel-stats-row .channel-stat,.channel-additional-stats .channel-stat{min-width:100%}}.music-channels-display{display:flex;align-items:center;gap:.5rem}.channels-thumbnails{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.channel-thumbnail-wrapper{position:relative;width:24px;height:24px;flex-shrink:0;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.channel-thumbnail-small{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:1px solid #374151;display:block}.channel-icon-small{position:absolute;top:0;left:0;width:100%;height:100%;color:#9ca3af;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#374151}.channel-icon-small.hidden{display:none}.channel-more-indicator{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#374151;border:1px solid #4b5563;border-radius:50%;color:#f3f4f6;font-size:.7rem;font-weight:600;cursor:default}.btn-edit-channels{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#374151;border:1px solid #4b5563;border-radius:50%;color:#9ca3af;cursor:pointer;transition:all .2s;padding:0;flex-shrink:0}.btn-edit-channels:hover{background:#4b5563;color:#667eea;border-color:#667eea}.music-channels-editor{display:flex;flex-direction:column;gap:.75rem;min-width:250px}.channels-checkbox-list-small{display:flex;flex-direction:column;gap:.5rem;max-height:150px;overflow-y:auto;padding:.5rem;background:#111827;border-radius:.375rem;border:1px solid #374151}.channel-checkbox-item-small{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.375rem;border-radius:.25rem;transition:background .2s;font-size:.875rem}.channel-checkbox-item-small:hover{background:#374151}.channel-checkbox-item-small input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#667eea}.channel-checkbox-item-small span{color:#f3f4f6}.channels-editor-actions{display:flex;gap:.5rem;justify-content:flex-end}.btn-save-small,.btn-cancel-small{display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border:none;border-radius:.375rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-save-small{background:#667eea;color:#fff}.btn-save-small:hover:not(:disabled){background:#764ba2}.btn-save-small:disabled{opacity:.6;cursor:not-allowed}.btn-cancel-small{background:#374151;color:#f3f4f6}.btn-cancel-small:hover:not(:disabled){background:#4b5563}.btn-cancel-small:disabled{opacity:.6;cursor:not-allowed}.pagination-container{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#1f2937;border-top:1px solid #374151;border-bottom:1px solid #374151;gap:1rem}.pagination-left{display:flex;align-items:center;gap:.5rem}.pagination-label{color:#9ca3af;font-size:.875rem;white-space:nowrap}.pagination-select{background:#374151;border:1px solid #4b5563;border-radius:.375rem;color:#f3f4f6;padding:.375rem .75rem;font-size:.875rem;cursor:pointer;outline:none;transition:all .2s}.pagination-select:hover{border-color:#667eea;background:#4b5563}.pagination-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.pagination-center{flex:1;display:flex;justify-content:center}.pagination-info{color:#9ca3af;font-size:.875rem;white-space:nowrap}.pagination-right{display:flex;align-items:center;gap:.25rem}.pagination-icon-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:.375rem;color:#9ca3af;cursor:pointer;transition:all .2s;padding:0}.pagination-icon-button:hover:not(:disabled){background:#374151;color:#667eea}.pagination-icon-button:disabled{opacity:.4;cursor:not-allowed}.pagination-icon-button:active:not(:disabled){background:#4b5563}@media (max-width: 768px){.pagination-container{flex-direction:column;gap:.75rem}.pagination-left,.pagination-center,.pagination-right{width:100%;justify-content:center}}.musics-page{padding:1.5rem;max-width:95%;margin:0 auto;padding-bottom:100px}.musics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.musics-title{display:flex;align-items:center;gap:.75rem;font-size:2rem;font-weight:700;color:#f3f4f6;margin:0}.musics-subtitle{color:#9ca3af;margin:.5rem 0 0;font-size:.95rem}.musics-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:#1f2937;border-radius:.5rem;gap:1rem;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.5rem;color:#9ca3af}.filter-select{background:#374151;color:#f3f4f6;border:1px solid #4b5563;border-radius:.5rem;padding:.5rem .75rem;font-size:.95rem;cursor:pointer;transition:all .2s}.filter-select:hover{border-color:#667eea}.filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.musics-count{color:#9ca3af;font-size:.875rem}.musics-page-info{color:#6b7280;font-size:.75rem;margin-left:.25rem}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#9ca3af}.spinner{animation:spin 1s linear infinite;margin-bottom:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#9ca3af}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state h2{color:#f3f4f6;margin:1rem 0 .5rem}.musics-table-container{background:#1f2937;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 6px #0000001a;overflow-x:auto}.musics-table{width:100%;border-collapse:collapse;min-width:800px}.musics-table thead{background:#111827}.musics-table th{padding:1rem;text-align:left;font-weight:600;color:#d1d5db;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.musics-table tbody tr{border-top:1px solid #374151;transition:background .2s}.musics-table tbody tr:hover{background:#374151}.musics-table tbody tr.playing{background:#374151;border-left:3px solid #667eea}.musics-table td{padding:1rem;color:#e5e7eb;font-size:.95rem}.music-title-cell{min-width:200px}.music-title-wrapper{display:flex;align-items:center;gap:.75rem}.play-button{display:flex;align-items:center;justify-content:center;width:auto;height:auto;background:transparent;border:none;color:#fff;cursor:pointer;transition:all .2s;flex-shrink:0;padding:0;margin:0}.play-button:hover{transform:scale(1.1)}.play-button svg{transition:all .2s}.play-button:hover svg{filter:drop-shadow(0 0 6px rgba(102,126,234,.8))}.music-title{font-weight:500;color:#f3f4f6}.channels-checkbox-list{display:flex;flex-direction:column;gap:.75rem;max-height:200px;overflow-y:auto;padding:.75rem;background:#111827;border-radius:.5rem;border:1px solid #374151}.channel-checkbox-item{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:background .2s}.channel-checkbox-item:hover{background:#374151}.channel-checkbox-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.channel-checkbox-item span{color:#f3f4f6;font-size:.95rem}.form-error{color:#ef4444;font-size:.875rem;margin-top:.5rem}.btn-danger{background:#ef4444;color:#fff;border:none;padding:.5rem;border-radius:.375rem;cursor:pointer;transition:all .2s}.btn-danger:hover{background:#dc2626}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn-icon{display:inline-flex;align-items:center;justify-content:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#1f2937;border-radius:.75rem;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #374151}.modal-header h2{margin:0;color:#f3f4f6;font-size:1.5rem}.modal-close{background:none;border:none;color:#9ca3af;font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s}.modal-close:hover{background:#374151;color:#f3f4f6}.modal-form{padding:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#d1d5db;font-weight:500;font-size:.875rem}.form-group input,.form-group select{width:100%;padding:.75rem;background:#111827;border:1px solid #374151;border-radius:.5rem;color:#f3f4f6;font-size:.95rem;transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input[type=file]{padding:.5rem;cursor:pointer}.file-info{margin-top:.5rem;color:#9ca3af;font-size:.875rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn-secondary{padding:.75rem 1.5rem;background:#374151;color:#f3f4f6;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#4b5563}.audio-player-content{max-width:95%;margin:0 auto;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.audio-player-music-name{font-weight:600;color:#f9fafb;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-player-channel-name{font-size:.75rem;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-player-progress{flex:1;min-width:200px}.audio-player-slider{width:100%;height:4px;border-radius:2px;background:#374151;outline:none;-webkit-appearance:none;cursor:pointer}.audio-player-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#667eea;cursor:pointer}.audio-player-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#667eea;cursor:pointer;border:none}@media (max-width: 768px){.musics-page{padding:1rem}.musics-header{flex-direction:column;align-items:flex-start;gap:1rem}.musics-filters{flex-direction:column;align-items:flex-start}.musics-table-container{overflow-x:auto}.audio-player-content{flex-direction:column;gap:.75rem}.audio-player-controls{width:100%}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:2000;padding:1rem}.modal-content{background:#1f2937;border-radius:.75rem;width:100%;max-width:500px;border:1px solid #374151;box-shadow:0 20px 25px #00000080}.modal-content h3{font-size:1.25rem;font-weight:600;margin:0;padding:1.25rem 1.5rem;border-bottom:1px solid #374151;color:#f9fafb}.modal-body{padding:1.5rem}.form-group{margin-top:1rem}.form-group label{display:block;margin-bottom:.75rem;color:#d1d5db;font-size:.875rem;font-weight:500}.channel-select-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.channel-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#111827;border:1px solid #374151;border-radius:.5rem;cursor:pointer;transition:all .2s}.channel-option:hover{background:#1f2937;border-color:#4b5563}.channel-option.selected{background:#1e3a8a;border-color:#2563eb}.channel-option-thumbnail{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.channel-option span{color:#f3f4f6;font-size:.875rem}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid #374151}.btn-secondary{padding:.625rem 1.25rem;background:#374151;border:1px solid #4b5563;border-radius:.5rem;color:#f3f4f6;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-primary{padding:.625rem 1.25rem;background:#2563eb;border:none;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-primary:hover:not(:disabled){background:#1d4ed8}@keyframes spin{to{transform:rotate(360deg)}}.voices-page{padding:0;max-width:100%;margin:0;background:#111827;min-height:100vh;display:flex;flex-direction:column}.voices-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #374151;background:#1f2937}.voices-title{font-size:1.5rem;font-weight:600;color:#f9fafb;margin:0}.close-button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.close-button:hover{background:#374151;color:#f9fafb}.voices-tabs{display:flex;gap:0;padding:0 1.5rem;border-bottom:1px solid #374151;background:#1f2937}.tab{padding:.875rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:#9ca3af;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s;position:relative;bottom:-1px}.tab:hover{color:#f3f4f6;background:#111827}.tab.active{color:#f9fafb;border-bottom-color:#2563eb;background:#111827}.voices-filters-bar{display:flex;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid #374151;background:#1f2937;align-items:center;flex-wrap:wrap}.api-type-filters{display:flex;gap:.5rem;align-items:center}.api-filter-btn{padding:.5rem 1rem;background:#111827;border:1px solid #374151;border-radius:.375rem;color:#d1d5db;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.api-filter-btn:hover{background:#374151;border-color:#4b5563}.api-filter-btn.active{background:#2563eb;border-color:#2563eb;color:#f9fafb}.search-input-wrapper{flex:1;position:relative;max-width:400px}.search-input-wrapper svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.search-input{width:100%;padding:.625rem .625rem .625rem 2.5rem;background:#111827;border:1px solid #374151;border-radius:.5rem;color:#f3f4f6;font-size:.875rem;outline:none;transition:all .2s}.search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.filters-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#111827;border:1px solid #374151;border-radius:.5rem;color:#f3f4f6;font-size:.875rem;cursor:pointer;transition:all .2s}.filters-button:hover{background:#374151;border-color:#4b5563}.voices-list{flex:1;overflow-y:auto;padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.voice-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#1f2937;border:1px solid #374151;border-radius:.5rem;transition:all .2s}.voice-card:hover{border-color:#4b5563;background:#111827}.voice-card.playing{border-color:#22c55e;background:#1a2e1a}.voice-icon{width:56px;height:56px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.125rem;flex-shrink:0}.voice-info{flex:1;min-width:0}.voice-name-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.voice-name{font-size:1rem;font-weight:600;margin:0;color:#f9fafb}.voice-linked-channel-logo{width:20px;height:20px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:1px solid #374151;overflow:hidden;display:block}.voice-description{font-size:.8125rem;color:#d1d5db;margin:0 0 .75rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.voice-tags{display:flex;gap:.5rem;flex-wrap:wrap}.voice-tag{font-size:.75rem;padding:.25rem .625rem;background:#374151;border-radius:.25rem;color:#d1d5db;font-weight:500}.voice-actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.voice-action-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border:none;border-radius:.375rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.use-btn{background:#111827;color:#f3f4f6;border:1px solid #374151}.use-btn:hover{background:#374151;border-color:#4b5563}.star-btn{background:#111827;color:#9ca3af;border:1px solid #374151;padding:.5rem}.star-btn:hover{background:#374151;border-color:#4b5563;color:#fbbf24}.star-btn.favorited{color:#fbbf24;border-color:#fbbf24}.link-btn{background:#111827;color:#f3f4f6;border:1px solid #374151;padding:.5rem}.link-btn:hover{background:#374151;border-color:#4b5563;color:#2563eb}.play-btn{background:#111827;color:#f3f4f6;border:1px solid #374151;padding:.5rem}.play-btn:hover{background:#374151;border-color:#4b5563}.loading,.no-results{text-align:center;padding:3rem 1rem;color:#9ca3af;font-size:.875rem}.loading-more,.no-more-results{text-align:center;padding:1rem;color:#9ca3af;font-size:.8125rem}.voice-player{position:fixed;bottom:0;left:0;right:0;background:#1f2937;border-top:1px solid #374151;padding:1rem 1.5rem;z-index:1000;box-shadow:0 -4px 6px #0000004d}.voice-player-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.voice-player-icon{width:48px;height:48px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem;flex-shrink:0}.voice-player-info{flex:1;min-width:0}.voice-player-name{font-size:.9375rem;font-weight:600;margin:0 0 .375rem;color:#f9fafb}.voice-player-tags{display:flex;gap:.5rem;flex-wrap:wrap}.voice-player-tag{font-size:.75rem;padding:.2rem .5rem;background:#374151;border-radius:.25rem;color:#d1d5db}.voice-player-controls{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.voice-player-time{font-size:.75rem;color:#9ca3af;font-weight:500;min-width:40px;text-align:center}.voice-player-waveform{flex:1;height:40px;display:flex;align-items:center}.waveform-bars{display:flex;align-items:center;justify-content:center;gap:2px;width:100%;height:100%}.waveform-bar{flex:1;min-width:2px;background:#2563eb;border-radius:1px;transition:opacity .2s}.voice-player-buttons{display:flex;align-items:center;gap:.5rem}.voice-player-skip-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;background:#111827;border:1px solid #374151;border-radius:.375rem;color:#f3f4f6;cursor:pointer;transition:all .2s;font-size:.625rem}.voice-player-skip-btn:hover{background:#374151;border-color:#4b5563}.voice-player-play-btn{width:48px;height:48px;border-radius:50%;background:#2563eb;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.voice-player-play-btn:hover{background:#1d4ed8}.voice-player-actions{display:flex;gap:.5rem;align-items:center;justify-content:flex-end}.voice-player-download-btn,.voice-player-close-btn{padding:.5rem;background:#111827;border:1px solid #374151;border-radius:.375rem;color:#f3f4f6;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;text-decoration:none}.voice-player-download-btn:hover,.voice-player-close-btn:hover{background:#374151;border-color:#4b5563}.filters-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:2000;padding:1rem}.filters-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #374151}.filters-modal-header h2{font-size:1.25rem;font-weight:600;margin:0;color:#f9fafb}.filter-select{background:#111827;border:1px solid #374151;border-radius:.375rem;color:#f9fafb;padding:.5rem;font-size:.875rem;cursor:pointer;width:100%;outline:none;transition:all .2s}.filter-select:hover{border-color:#4b5563}.filter-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.filters-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid #374151}.filter-reset-button{background:#111827;border:1px solid #374151;color:#f9fafb;padding:.625rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.filter-apply-button{background:#8b5cf6;border:1px solid #8b5cf6;color:#f9fafb;padding:.625rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.voices-list::-webkit-scrollbar{width:6px}.voices-list::-webkit-scrollbar-track{background:#1f2937;border-radius:3px}.voices-list::-webkit-scrollbar-thumb{background:#4b5563;border-radius:3px}.voices-list::-webkit-scrollbar-thumb:hover{background:#6b7280}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal-container{background:#1f2937;border-radius:.75rem;padding:1.5rem;width:100%;max-width:48rem;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #374151}.modal-title{font-size:1.5rem;font-weight:700;color:#f3f4f6}.modal-close-button{padding:.5rem;background:transparent;border:none;color:#9ca3af;cursor:pointer;border-radius:.25rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close-button:hover{background:#374151;color:#f3f4f6}.modal-content{flex:1;overflow-y:auto;margin-bottom:1.5rem}.modal-text{color:#d1d5db;line-height:1.75;font-size:1rem;white-space:pre-wrap;word-wrap:break-word}.modal-actions{display:flex;justify-content:flex-end;padding-top:1rem;border-top:1px solid #374151}.modal-button{padding:.75rem 1.5rem;border-radius:.5rem;border:none;font-weight:500;cursor:pointer;transition:all .2s}.modal-button-primary{background:#8b5cf6;color:#fff}.modal-button-primary:hover{background:#7c3aed}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.confirm-modal-content{background:#1f2937;border-radius:.75rem;border:1px solid #374151;max-width:500px;width:100%;position:relative;box-shadow:0 20px 25px -5px #00000080}.confirm-modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s}.confirm-modal-close:hover{background:#374151;color:#fff}.confirm-modal-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #374151}.confirm-modal-icon{flex-shrink:0}.confirm-modal-icon.confirm{color:#8b5cf6}.confirm-modal-icon.warning{color:#f59e0b}.confirm-modal-icon.error{color:#ef4444}.confirm-modal-icon.success{color:#10b981}.confirm-modal-icon.info{color:#3b82f6}.confirm-modal-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0}.confirm-modal-body{padding:1.5rem}.confirm-modal-message{color:#d1d5db;line-height:1.6;margin:0}.confirm-modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem 1.5rem;border-top:1px solid #374151}.confirm-modal-btn{padding:.625rem 1.25rem;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s;border:none}.confirm-modal-btn.cancel{background:#374151;color:#d1d5db}.confirm-modal-btn.cancel:hover{background:#4b5563;color:#fff}.confirm-modal-btn.confirm{background:#8b5cf6;color:#fff}.confirm-modal-btn.confirm:hover{background:#7c3aed}.confirm-modal-btn.confirm.warning{background:#f59e0b}.confirm-modal-btn.confirm.warning:hover{background:#d97706}.confirm-modal-btn.confirm.error{background:#ef4444}.confirm-modal-btn.confirm.error:hover{background:#dc2626}.confirm-modal-btn.confirm.success{background:#10b981}.confirm-modal-btn.confirm.success:hover{background:#059669}.confirm-modal-btn.confirm.info{background:#3b82f6}.confirm-modal-btn.confirm.info:hover{background:#2563eb}.modeling-page{padding:1.5rem;max-width:95%;margin:0 auto}.analyses-list{display:flex;flex-direction:column;gap:1rem}.analysis-list-item{background:#1f2937;border-radius:8px;overflow:hidden;border:1px solid #374151}.analysis-list-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;cursor:pointer;transition:background .2s}.analysis-list-header:hover{background:#374151}.analysis-list-info{display:flex;align-items:center;gap:1rem;flex:1}.analysis-channel-thumbnail{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.analysis-list-details{display:flex;flex-direction:column;gap:.25rem}.analysis-list-title{font-size:1rem;font-weight:600;color:#fff;margin:0}.analysis-list-date{font-size:.875rem;color:#9ca3af;margin:0}.expand-button{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center}.expand-button:hover{color:#fff}.analysis-list-content{padding:1rem;border-top:1px solid #374151;background:#111827}.empty-state{text-align:center;padding:3rem 1rem;color:#9ca3af}.btn-link-prompt{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#8b5cf6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;margin-top:.75rem;width:100%;justify-content:center;transition:background .2s}.btn-link-prompt:hover{background:#7c3aed}.prompt-card{display:flex;flex-direction:column}.prompt-card-content{flex:1}.channel-select-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto;margin-top:.5rem}.channel-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#1f2937;border:1px solid #374151;border-radius:6px;cursor:pointer;transition:all .2s}.channel-option:hover{background:#374151;border-color:#8b5cf6}.channel-option.selected{background:#8b5cf6;border-color:#8b5cf6}.channel-option-thumbnail{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.modeling-header{margin-bottom:2rem}.modeling-header h1{color:#fff;margin-bottom:.5rem}.modeling-header p{color:#9ca3af}.modeling-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #374151}.tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:none;color:#9ca3af;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.tab:hover{color:#fff}.tab.active{color:#8b5cf6;border-bottom-color:#8b5cf6}.modeling-content{background:#1f2937;border-radius:.75rem;padding:2rem}.analysis-section{display:flex;flex-direction:column;gap:2rem}.input-section{display:flex;flex-direction:column;gap:.75rem}.input-label{color:#fff;font-weight:500}.input-group{display:flex;gap:1rem}.input-field{flex:1;padding:.75rem 1rem;background:#111827;border:1px solid #374151;border-radius:.5rem;color:#fff;font-size:1rem}.input-field:focus{outline:none;border-color:#8b5cf6}.input-field:disabled{opacity:.5;cursor:not-allowed}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#8b5cf6;color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary:hover:not(:disabled){background:#7c3aed}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.status-box{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-radius:.75rem;background:#111827;border:1px solid #374151}.status-box.processing{border-color:#3b82f6}.progress-bar-container{width:100%;height:8px;background:#374151;border-radius:4px;overflow:hidden;margin-top:.75rem}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:4px;transition:width .3s ease;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.status-box.completed{border-color:#10b981}.status-box.error{border-color:#ef4444}.status-box h3{color:#fff;font-size:1.125rem;margin-bottom:.25rem}.status-box p{color:#9ca3af;font-size:.875rem}.analysis-details{margin-top:1.5rem}.section-title{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.analysis-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#111827;border-radius:.5rem;border:1px solid #374151;transition:all .2s}.analysis-item.clickable{cursor:pointer}.analysis-item.clickable:hover{background:#1a2332;border-color:#8b5cf6;transform:translateY(-2px)}.analysis-item .label{color:#9ca3af;font-size:.875rem}.analysis-item .value{color:#fff;font-weight:500}.click-hint{color:#8b5cf6;font-size:.75rem;margin-top:.25rem;opacity:.7}.prompts-section{margin-top:2rem}.prompts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.prompt-card{padding:1.5rem;background:#111827;border-radius:.75rem;border:1px solid #374151;transition:all .2s}.prompt-card.clickable{cursor:pointer}.prompt-card.clickable:hover{background:#1a2332;border-color:#8b5cf6;transform:translateY(-2px)}.prompt-card h4{color:#8b5cf6;font-size:1rem;font-weight:600;margin-bottom:.75rem}.prompt-preview{color:#9ca3af;font-size:.875rem;line-height:1.5;margin-bottom:.5rem}.related-channels{margin-top:2rem}.channels-list{display:flex;flex-direction:column;gap:.75rem}.channel-item-related{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:#111827;border-radius:.5rem;border:1px solid #374151;margin-bottom:.5rem;transition:all .2s;cursor:pointer;gap:1rem}.channel-item-related:hover{background:#1a2332;border-color:#8b5cf6}.channel-item-related.clickable-channel{cursor:pointer}.channel-thumbnail{width:60px;height:60px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:#374151;flex-shrink:0}.channel-info{display:flex;flex-direction:column;gap:.375rem;flex:1;min-width:0}.channel-name-row{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;line-height:1.5}.channel-name{color:#fff;font-size:1rem;font-weight:600;margin:0}.channel-handle{color:#9ca3af;font-size:.875rem}.channel-stats{display:flex;gap:1rem;flex-wrap:wrap}.channel-stat{display:flex;align-items:center;gap:.375rem;color:#9ca3af;font-size:.875rem}.similarity-badge{padding:.5rem 1rem;background:#8b5cf6;color:#fff;border-radius:.375rem;font-size:.875rem;font-weight:600;white-space:nowrap;flex-shrink:0}.apply-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #374151}.apply-title{color:#fff;font-size:1rem;font-weight:600;margin-bottom:1rem}.apply-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.select-field{padding:.75rem 1rem;background:#111827;border:1px solid #374151;border-radius:.5rem;color:#fff;font-size:1rem;min-width:200px}.select-field:focus{outline:none;border-color:#8b5cf6}.or-text{color:#9ca3af;font-size:.875rem}.btn-apply{padding:.75rem 1.5rem;background:#10b981;color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-apply:hover:not(:disabled){background:#059669}.btn-apply:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.modeling-page{padding:1rem}.input-group{flex-direction:column}.apply-controls{flex-direction:column;align-items:stretch}.or-text{text-align:center}.channel-item-related{flex-direction:column;align-items:flex-start;gap:1rem}.channel-item-right{width:100%;justify-content:space-between}.analysis-grid,.prompts-grid{grid-template-columns:1fr}.title-card{flex-direction:column}.btn-schedule-title{width:100%;justify-content:center}}.viral-titles-section{margin-top:2rem;padding:1.5rem;background:#1f2937;border-radius:.5rem;border:1px solid #374151}.viral-analysis-summary{margin-bottom:1.5rem;padding:1rem;background:#111827;border-radius:.5rem;border:1px solid #374151}.viral-analysis-summary h4{color:#fff;margin-bottom:.75rem;font-size:1rem}.viral-patterns{display:flex;flex-direction:column;gap:.5rem}.pattern-group{display:flex;gap:.5rem;font-size:.875rem}.pattern-group strong{color:#8b5cf6;min-width:100px}.pattern-group span{color:#d1d5db}.titles-list{display:flex;flex-direction:column;gap:1rem}.title-card{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem;background:#111827;border-radius:.5rem;border:1px solid #374151;transition:border-color .2s}.title-card:hover{border-color:#8b5cf6}.title-content{flex:1}.title-text{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.title-reason{color:#9ca3af;font-size:.875rem;margin-bottom:.5rem;line-height:1.5}.title-reason strong{color:#d1d5db}.title-archetype{display:inline-block;padding:.25rem .5rem;background:#374151;color:#8b5cf6;border-radius:.25rem;font-size:.75rem;margin-bottom:.5rem}.title-elements{color:#9ca3af;font-size:.75rem;margin-top:.5rem}.title-elements strong{color:#d1d5db}.btn-schedule-title{padding:.5rem 1rem;background:#8b5cf6;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.btn-schedule-title:hover:not(:disabled){background:#7c3aed}.btn-schedule-title:disabled{opacity:.5;cursor:not-allowed}.btn-schedule-title.scheduled{background:#10b981;color:#fff;border-color:#10b981}.btn-schedule-title.scheduled:hover{background:#059669;border-color:#059669}.btn-schedule-title.scheduled:disabled{opacity:1;cursor:default}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content{background:#1f2937;border-radius:.5rem;padding:1.5rem;max-width:500px;width:90%;border:1px solid #374151}.modal-content h3{color:#fff;margin-bottom:1rem}.modal-body{margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;color:#d1d5db;margin-bottom:.5rem;font-size:.875rem}.form-group small{display:block;color:#9ca3af;font-size:.75rem;margin-top:.25rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-secondary{padding:.5rem 1rem;background:#374151;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;transition:background .2s}.btn-secondary:hover:not(:disabled){background:#4b5563}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.channel-settings-container{padding:1.5rem;max-width:95%;margin:0 auto;color:#f9fafb}.settings-header{margin-bottom:2rem}.settings-header h1{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#f9fafb}.channel-info-header{display:flex;align-items:center;gap:1rem;padding:1rem;background:#1f2937;border-radius:.5rem;border:1px solid #374151}.channel-info-header img{width:60px;height:60px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.channel-info-header h2{font-size:1.25rem;font-weight:600;margin:0;color:#f9fafb}.channel-info-header p{margin:.25rem 0 0;color:#9ca3af;font-size:.875rem}.settings-content{display:flex;flex-direction:column;gap:2rem}.settings-section{background:#1f2937;padding:1.5rem;border-radius:.5rem;border:1px solid #374151}.settings-section h3{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#f9fafb}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem;color:#d1d5db}.form-group input,.form-group select{width:100%;padding:.75rem;background:#111827;border:1px solid #374151;border-radius:.375rem;color:#f9fafb;font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-group textarea{width:100%;padding:.75rem;background:#111827;border:1px solid #374151;border-radius:.375rem;color:#f9fafb;font-size:.875rem;font-family:Courier New,monospace;resize:vertical;min-height:100px}.section-description{color:#9ca3af;font-size:.875rem;margin-bottom:1.5rem;line-height:1.5}.prompt-group{margin-bottom:2rem;padding:1.5rem;background:#1f2937;border-radius:.5rem;border:1px solid #374151}.prompt-group h4{color:#f9fafb;font-size:1.125rem;font-weight:600;margin-bottom:1rem;margin-top:0}.prompt-group .form-group{margin-bottom:1rem}.prompt-group .form-group:last-child{margin-bottom:0}.selected-voice{padding:1rem;background:#111827;border-radius:.375rem;margin-bottom:1.5rem;border:1px solid #8b5cf6;color:#f9fafb}.voice-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.5rem;flex:1;min-width:200px}.filter-group svg{color:#9ca3af}.search-input,.filter-group select{flex:1;padding:.75rem;background:#111827;border:1px solid #374151;border-radius:.375rem;color:#f9fafb;font-size:1rem}.voices-list{display:flex;flex-direction:column;gap:1rem;max-height:600px;overflow-y:auto}.voice-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#111827;border:1px solid #374151;border-radius:.375rem;transition:all .2s}.voice-item:hover{border-color:#6b7280;background:#1f2937}.voice-item.selected{border-color:#8b5cf6;background:#2d1b4e}.voice-info{flex:1}.voice-info h4{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:#f9fafb}.voice-meta{display:flex;gap:.75rem;margin-bottom:.5rem}.voice-language,.voice-gender,.voice-age,.voice-accent,.voice-category{padding:.25rem .75rem;background:#374151;border-radius:.25rem;font-size:.875rem;color:#d1d5db}.voice-preview-hint{font-size:.75rem;color:#8b5cf6;margin:.5rem 0 0;font-style:italic}.voice-description{font-size:.875rem;color:#9ca3af;margin:0}.voice-actions{display:flex;gap:.75rem;align-items:center}.play-button,.select-button{padding:.5rem 1rem;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent}.play-button{background:#374151;color:#f9fafb;display:flex;align-items:center;justify-content:center;min-width:44px}.play-button:hover:not(:disabled){background:#4b5563}.play-button:disabled{opacity:.5;cursor:not-allowed}.select-button{background:#8b5cf6;color:#f9fafb}.select-button:hover{background:#7c3aed}.voice-item.selected .select-button{background:#22c55e}.voice-item.selected .select-button:hover{background:#16a34a}.settings-actions{display:flex;justify-content:flex-end;margin-top:2rem}.save-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#8b5cf6;color:#f9fafb;border:none;border-radius:.375rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.save-button:hover:not(:disabled){background:#7c3aed}.save-button:disabled{opacity:.5;cursor:not-allowed}.loading,.no-results{text-align:center;padding:2rem;color:#9ca3af}.channel-selector{text-align:center}.channel-selector h2{font-size:1.5rem;margin-bottom:2rem;color:#f9fafb}.channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.channel-card{background:#1f2937;border:1px solid #374151;border-radius:.5rem;padding:1rem;cursor:pointer;transition:all .2s;text-align:left}.channel-card:hover{border-color:#8b5cf6;background:#2d1b4e}.channel-card img{width:100%;height:120px;-o-object-fit:cover;object-fit:cover;border-radius:.375rem;margin-bottom:1rem}.channel-info h3{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:#f9fafb}.channel-info p{margin:0;color:#9ca3af;font-size:.875rem}.voices-list::-webkit-scrollbar{width:8px}.voices-list::-webkit-scrollbar-track{background:#111827;border-radius:4px}.voices-list::-webkit-scrollbar-thumb{background:#374151;border-radius:4px}.voices-list::-webkit-scrollbar-thumb:hover{background:#4b5563}.open-voice-modal-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#8b5cf6;color:#f9fafb;border:none;border-radius:.375rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:1rem}.open-voice-modal-button:hover{background:#7c3aed}.voice-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:2000;padding:2rem}.voice-modal-content{background:#1f2937;border-radius:.75rem;width:100%;max-width:95%;max-height:90vh;display:flex;flex-direction:column;border:1px solid #374151;box-shadow:0 20px 25px #00000080}.voice-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:1px solid #374151}.voice-modal-header h2{font-size:1.5rem;font-weight:600;margin:0 0 .25rem;color:#f9fafb}.voice-modal-header p{margin:0;color:#9ca3af;font-size:.875rem}.close-modal-button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:.25rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.close-modal-button:hover{background:#374151;color:#f9fafb}.voice-modal-filters{display:flex;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid #374151;flex-wrap:wrap}.voice-modal-list{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem;max-height:calc(90vh - 200px);overscroll-behavior:contain}.loading-more,.no-more-results{text-align:center;padding:1rem;color:#9ca3af;font-size:.875rem}.voice-modal-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;background:#111827;border:1px solid #374151;border-radius:.5rem;transition:all .2s;cursor:pointer;gap:1rem}.voice-modal-item:hover{border-color:#6b7280;background:#1f2937}.voice-modal-item.selected{border-color:#8b5cf6;background:#2d1b4e}.voice-modal-item.playing{border-color:#22c55e;background:#1a2e1a}.voice-modal-item-info{flex:1;min-width:0}.voice-modal-item-info h4{font-size:1rem;font-weight:600;margin:0 0 .5rem;color:#f9fafb}.voice-modal-description{font-size:.875rem;color:#d1d5db;margin:0 0 .75rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.voice-modal-meta{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.voice-modal-language{font-size:.875rem;color:#9ca3af;font-weight:500;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.voice-modal-category{font-size:.75rem;padding:.25rem .5rem;background:#374151;border-radius:.25rem;color:#d1d5db}.voice-modal-item-actions{display:flex;gap:.75rem;align-items:center}.voice-modal-play-button{background:#374151;border:none;color:#f9fafb;padding:.5rem;border-radius:.375rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;min-width:36px;height:36px}.voice-modal-play-button:hover{background:#4b5563}.voice-modal-select-button{background:#8b5cf6;border:none;color:#f9fafb;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem}.voice-modal-select-button:hover{background:#7c3aed}.voice-modal-item.selected .voice-modal-select-button{background:#22c55e}.voice-modal-item.selected .voice-modal-select-button:hover{background:#16a34a}.audio-player-bar{position:fixed;bottom:0;left:0;right:0;background:#111827;border-top:1px solid #374151;padding:.75rem 1rem;z-index:3000;box-shadow:0 -4px 6px #0000004d}.audio-player-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.audio-player-info{display:flex;flex-direction:column;gap:.25rem;min-width:180px;flex-shrink:0}.audio-player-voice-name{font-weight:600;color:#f9fafb;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-player-language-select{background:#1f2937;border:1px solid #374151;border-radius:.25rem;color:#f9fafb;padding:.25rem .5rem;font-size:.75rem;cursor:pointer;width:100%}.audio-player-controls{flex:1;display:flex;align-items:center;gap:.75rem;min-width:0}.audio-player-time{font-size:.75rem;color:#9ca3af;min-width:35px;text-align:center;flex-shrink:0}.audio-player-waveform{flex:1;height:32px;display:flex;align-items:center;min-width:200px}.waveform-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.waveform-bars{display:flex;align-items:center;justify-content:center;gap:2px;height:100%;width:100%}.waveform-bar{width:3px;background:#8b5cf6;border-radius:2px;transition:opacity .1s}.audio-player-buttons{display:flex;align-items:center;gap:.5rem}.audio-player-skip-button{background:#374151;border:none;color:#f9fafb;padding:.375rem;border-radius:.375rem;cursor:pointer;display:flex;align-items:center;gap:.25rem;font-size:.7rem;transition:all .2s;flex-shrink:0}.audio-player-skip-button span{font-size:.65rem}.audio-player-skip-button:hover{background:#4b5563}.audio-player-play-button{background:#8b5cf6;border:none;color:#f9fafb;padding:.5rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;min-width:40px;height:40px;flex-shrink:0}.audio-player-play-button:hover{background:#7c3aed;transform:scale(1.05)}.audio-player-actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.audio-player-download-button,.audio-player-close-button{background:#374151;border:none;color:#f9fafb;padding:.5rem;border-radius:.375rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;text-decoration:none}.audio-player-download-button:hover,.audio-player-close-button:hover{background:#4b5563}@media (max-width: 768px){.channel-settings-container{padding:1rem}.voice-filters{flex-direction:column}.voice-item{flex-direction:column;align-items:flex-start;gap:1rem}.voice-actions{width:100%;justify-content:flex-end}.voice-modal-overlay{padding:0}.voice-modal-content{max-height:100vh;border-radius:0}.audio-player-content{flex-direction:column;gap:.75rem}.audio-player-controls{flex-direction:column;width:100%}.audio-player-waveform{width:100%}}.filters-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:2500;padding:2rem}.filters-modal-content{background:#1f2937;border-radius:.75rem;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;border:1px solid #374151;box-shadow:0 20px 25px #00000080;overflow-y:auto}.filters-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #374151}.filters-modal-header h2{font-size:1.5rem;font-weight:600;margin:0;color:#f9fafb}.filters-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.filter-section{display:flex;flex-direction:column;gap:.75rem}.filter-section label{font-size:.875rem;font-weight:500;color:#d1d5db}.filter-select{background:#111827;border:1px solid #374151;border-radius:.375rem;color:#f9fafb;padding:.5rem;font-size:.875rem;cursor:pointer;width:100%}.filter-pills{display:flex;flex-wrap:wrap;gap:.5rem}.filter-pill{background:#111827;border:1px solid #374151;color:#d1d5db;padding:.5rem 1rem;border-radius:1.5rem;font-size:.875rem;cursor:pointer;transition:all .2s}.filter-pill:hover{background:#374151;border-color:#4b5563}.filter-pill.active{background:#8b5cf6;border-color:#8b5cf6;color:#f9fafb}.filter-buttons-row{display:flex;gap:.5rem;flex-wrap:wrap}.filter-button-large{flex:1;min-width:120px;background:#111827;border:1px solid #374151;color:#d1d5db;padding:.75rem 1rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s;text-align:center}.filter-button-large:hover{background:#374151;border-color:#4b5563}.filter-button-large.active{background:#111827;border-color:#8b5cf6;color:#f9fafb}.filters-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #374151}.filter-reset-button{background:#111827;border:1px solid #374151;color:#f9fafb;padding:.75rem 1.5rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.filter-reset-button:hover{background:#374151}.filter-apply-button{background:#8b5cf6;border:1px solid #8b5cf6;color:#f9fafb;padding:.75rem 1.5rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.filter-apply-button:hover{background:#7c3aed}.switch-container{display:flex;align-items:center;gap:.5rem;cursor:pointer}.switch-label{font-size:.875rem;color:#9ca3af}.switch-wrapper{position:relative;display:inline-block;width:44px;height:24px}.switch-wrapper.disabled{opacity:.5;cursor:not-allowed}.switch-input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#4b5563;transition:.3s;border-radius:24px}.switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.switch-slider.checked{background-color:#10b981}.switch-slider.checked:before{transform:translate(20px)}.switch-wrapper.disabled .switch-slider{cursor:not-allowed}.monitoring-page{padding:1.5rem;max-width:95%;margin:0 auto;color:#e0e0e0}.page-header{margin-bottom:2rem}.page-header h1{font-size:2rem;font-weight:600;color:#fff;margin-bottom:.5rem}.page-description{color:#a0a0a0;font-size:.95rem;line-height:1.6}.add-channel-section{background-color:#2c2c3e;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem}.add-channel-form{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-start}.form-help-text{margin-top:.75rem;font-size:.85rem;color:#a0a0a0;line-height:1.5}.channel-select{flex:1;min-width:250px;padding:.75rem 1rem;background-color:#1a1a2e;border:1px solid #3a3a4d;border-radius:.5rem;color:#e0e0e0;font-size:.95rem;transition:border-color .2s ease}.channel-select:focus{outline:none;border-color:#6a0dad}.channel-select:disabled{opacity:.6;cursor:not-allowed}.channel-url-input{flex:1;min-width:300px;padding:.75rem 1rem;background-color:#1a1a2e;border:1px solid #3a3a4d;border-radius:.5rem;color:#e0e0e0;font-size:.95rem;transition:border-color .2s ease}.channel-url-input:focus{outline:none;border-color:#6a0dad}.channel-url-input:disabled{opacity:.6;cursor:not-allowed}.add-channel-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#6a0dad;color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.add-channel-button:hover:not(:disabled){background-color:#5a0ca0}.add-channel-button:disabled{opacity:.6;cursor:not-allowed}.channels-list-section{margin-top:2rem}.channels-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.channels-list-header h2{font-size:1.5rem;font-weight:600;color:#fff;margin:0}.channel-filter-wrapper{display:flex;align-items:center}.channel-filter-select{padding:.5rem 1rem;background-color:#1a1a2e;border:1px solid #3a3a4d;border-radius:.5rem;color:#e0e0e0;font-size:.9rem;cursor:pointer;transition:border-color .2s ease;min-width:200px}.channel-filter-select:focus{outline:none;border-color:#6a0dad}.monitoring-table-container{background:#1f2937;border-radius:.5rem;overflow:hidden;border:1px solid #374151}.monitoring-table{width:100%;border-collapse:collapse}.monitoring-table thead{background:#111827;border-bottom:1px solid #374151}.monitoring-table th{padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.monitoring-table tbody tr{border-bottom:1px solid #374151;transition:background-color .2s}.monitoring-table tbody tr:hover{background:#111827}.monitoring-table tbody tr:last-child{border-bottom:none}.monitoring-table tbody tr.inactive-row{opacity:.6}.monitoring-table td{padding:1rem;vertical-align:middle}.col-channel-info{min-width:300px;max-width:350px}.col-platform-channel{width:220px;padding-right:2rem}.col-videos{width:150px}.col-last-check{width:200px}.col-status{width:100px;text-align:center}.col-actions{width:120px}.channel-info-cell{display:flex;gap:1rem;align-items:center}.channel-thumbnail-small{position:relative;width:80px;height:45px;flex-shrink:0;border-radius:.375rem;overflow:hidden;background:#374151;display:flex;align-items:center;justify-content:center}.channel-thumbnail-small img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block!important;position:relative;z-index:1}.channel-thumbnail-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af;background:#374151;z-index:0}.channel-thumbnail-placeholder.hidden{display:none!important}.channel-details{flex:1;min-width:0}.channel-name-table{font-size:.95rem;font-weight:600;color:#fff;margin-bottom:.25rem;word-break:break-word}.channel-link-table{display:inline-flex;align-items:center;gap:.25rem;color:#6a0dad;text-decoration:none;font-size:.85rem;transition:color .2s ease}.channel-link-table:hover{color:#8a1ddd}.platform-channel-cell{display:flex;align-items:center;gap:.5rem}.platform-channel-thumbnail-table{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;display:block!important;position:relative;z-index:1}.platform-channel-placeholder{width:32px;height:32px;border-radius:50%;background:#374151;display:flex;align-items:center;justify-content:center;color:#9ca3af;flex-shrink:0;position:relative;z-index:0}.platform-channel-placeholder.hidden{display:none!important}.platform-channel-name-table{font-size:.9rem;color:#e0e0e0;word-break:break-word}.no-platform-channel{color:#6b7280;font-size:.9rem}.videos-cell,.last-check-cell{display:flex;align-items:center;gap:.5rem;color:#9ca3af;font-size:.9rem}.monitoring-actions-cell{display:flex;gap:.5rem;align-items:center}.action-btn-table{display:flex;align-items:center;justify-content:center;padding:.5rem;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s ease;background:transparent;color:#9ca3af}.action-btn-table:hover:not(:disabled){background:#374151;color:#fff}.action-btn-table.check-btn:hover:not(:disabled){background:#3b82f6;color:#fff}.action-btn-table.delete-btn:hover:not(:disabled){background:#ef4444;color:#fff}.action-btn-table:disabled{opacity:.5;cursor:not-allowed}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:#a0a0a0}.empty-state-subtitle{font-size:.9rem;margin-top:.5rem;opacity:.7}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@media (max-width: 768px){.monitoring-page{padding:1rem}.add-channel-form{flex-direction:column}.channel-url-input{min-width:100%}.channels-list-header{flex-direction:column;align-items:flex-start}.channel-filter-wrapper,.channel-filter-select{width:100%}.monitoring-table-container{overflow-x:auto}.monitoring-table{min-width:800px}}.sidebar{position:fixed;left:0;top:0;height:100vh;width:260px;background:#1f2937;border-right:1px solid #374151;display:flex;flex-direction:column;z-index:40;transition:transform .3s ease}.sidebar.closed{transform:translate(-100%)}.sidebar-header{padding:1.5rem;border-bottom:1px solid #374151}.sidebar-logo-container{display:flex;align-items:center;gap:.75rem}.sidebar-logo{width:32px;height:32px;-o-object-fit:contain;object-fit:contain}.sidebar-header h2{color:#f3f4f6;margin:0}.sidebar-nav{flex:1;padding:1rem .5rem;overflow-y:auto}.nav-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin-bottom:.25rem;color:#9ca3af;background:transparent;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s;text-align:left;font-size:.95rem}.nav-item:hover{background:#374151;color:#f3f4f6}.nav-item.active{background:#2563eb;color:#fff}.nav-item.logout{color:#ef4444}.nav-item.logout:hover{background:#7f1d1d;color:#fff}.sidebar-footer{padding:1rem .5rem;border-top:1px solid #374151}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:30}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}@media (min-width: 769px){.sidebar{transform:translate(0)!important}}.app-layout{display:flex;min-height:100vh;background:#111827}.main-content{flex:1;margin-left:260px;min-height:100vh;background:#111827}@media (max-width: 768px){.main-content{margin-left:0}}