:root{--bg:#0a0d12;--surface:#0f1318;--muted-surface:#12161c;--panel:#0d1116;--primary:#d4af37;--primary-hover:#b8941f;--accent:#f4e4bc;--secondary:#8b9ba8;--text:#f5f7fa;--text-secondary:#b8c5d1;--muted:#6b7a87;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--border:#d4af371f;--glass:#d4af370d;--overlay:#0a0d12cc;--video-bg:#000;--video-overlay:#000000b3;--stream-live:#ff6b6b;--stream-offline:#6e7b86;--stream-recording:#f59e0b;--font-family:"Times New Roman",Times,serif;--font-display:"Times New Roman",Times,serif;--font-elegant:"Times New Roman",Times,serif;--h1-size:32px;--h1-weight:700;--h1-line-height:40px;--h2-size:24px;--h2-weight:600;--h2-line-height:32px;--h3-size:20px;--h3-weight:600;--h3-line-height:28px;--body-size:16px;--body-weight:400;--body-line-height:24px;--small-size:14px;--small-weight:400;--small-line-height:20px;--caption-size:12px;--caption-weight:400;--caption-line-height:16px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:40px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--shadow-card:0 6px 18px #020a1780;--shadow-modal:0 24px 48px #020a1799;--shadow-strong:0 24px 48px #020a17a6;--shadow-elevated:0 24px 48px #020a17a6;--transition-short:120ms;--transition-medium:200ms;--transition-long:360ms;--easing:cubic-bezier(0.22,1,0.36,1);--gold-1:#b8860b;--gold-2:#d4af37;--gold-3:#e6c547;--gold-4:#f4e4bc;--gold-5:#8b7355;--silver-1:silver;--silver-2:#e8e8e8;--copper-1:#b87333;--copper-2:#cd7f32;--gold-shadow:#d4af3766;--gold-shadow-strong:#d4af3799;--gold-glow:#d4af3733}.text-h1{color:#f5f7fa;color:var(--text);font-family:Times New Roman,Times,serif;font-family:var(--font-display);font-size:32px;font-size:var(--h1-size);font-weight:700;font-weight:var(--h1-weight);line-height:40px;line-height:var(--h1-line-height)}.text-h2{font-size:24px;font-size:var(--h2-size);font-weight:600;font-weight:var(--h2-weight);line-height:32px;line-height:var(--h2-line-height)}.text-h2,.text-h3{color:#f5f7fa;color:var(--text);font-family:Times New Roman,Times,serif;font-family:var(--font-display)}.text-h3{font-size:20px;font-size:var(--h3-size);font-weight:600;font-weight:var(--h3-weight);line-height:28px;line-height:var(--h3-line-height)}.text-body{color:#f5f7fa;color:var(--text);font-size:16px;font-size:var(--body-size);font-weight:400;font-weight:var(--body-weight);line-height:24px;line-height:var(--body-line-height)}.text-small{color:var(--subtext);font-size:14px;font-size:var(--small-size);font-weight:400;font-weight:var(--small-weight);line-height:20px;line-height:var(--small-line-height)}.text-caption{color:var(--subtext);font-size:12px;font-size:var(--caption-size);font-weight:400;font-weight:var(--caption-weight);line-height:16px;line-height:var(--caption-line-height)}.text-primary{color:#d4af37;color:var(--primary)}.text-secondary{color:#8b9ba8;color:var(--secondary)}.text-accent{color:#f4e4bc;color:var(--accent)}.text-success{color:#10b981;color:var(--success)}.text-danger{color:#ef4444;color:var(--danger)}.text-warning{color:#f59e0b;color:var(--warning)}.text-info{color:#3b82f6;color:var(--info)}.text-muted{color:#6b7a87;color:var(--muted)}.text-secondary-text{color:#b8c5d1;color:var(--text-secondary)}.bg-primary{background-color:#d4af37;background-color:var(--primary)}.bg-secondary{background-color:#8b9ba8;background-color:var(--secondary)}.bg-accent{background-color:#f4e4bc;background-color:var(--accent)}.bg-success{background-color:#10b981;background-color:var(--success)}.bg-danger{background-color:#ef4444;background-color:var(--danger)}.bg-warning{background-color:#f59e0b;background-color:var(--warning)}.bg-info{background-color:#3b82f6;background-color:var(--info)}.bg-surface{background-color:#0f1318;background-color:var(--surface)}.bg-panel{background-color:#0d1116;background-color:var(--panel)}.bg-muted{background-color:#12161c;background-color:var(--muted-surface)}.btn{border-radius:var(--radius-sm);font-family:Times New Roman,Times,serif;font-family:var(--font-family);font-size:16px;font-size:var(--body-size);gap:var(--spacing-sm);line-height:1;padding:var(--spacing-sm) var(--spacing-md);transition:all .12s cubic-bezier(.22,1,.36,1);transition:all var(--transition-short) var(--easing);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled{pointer-events:none}.btn-primary{background:linear-gradient(135deg,#d4af37,#e6c547);background:linear-gradient(135deg,var(--gold-2) 0,var(--gold-3) 100%);border:1px solid #d4af37;border:1px solid var(--gold-2);box-shadow:0 4px 16px #d4af3766,inset 0 1px 0 #fff3;box-shadow:0 4px 16px var(--gold-shadow),inset 0 1px 0 #fff3;color:#000;font-weight:600;text-shadow:0 1px 2px #0000001a}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#e6c547,#f4e4bc);background:linear-gradient(135deg,var(--gold-3) 0,var(--gold-4) 100%);box-shadow:0 8px 24px #d4af3799,inset 0 1px 0 #ffffff4d;box-shadow:0 8px 24px var(--gold-shadow-strong),inset 0 1px 0 #ffffff4d}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#d4af371a,#d4af370d);border:1px solid #d4af37;border:1px solid var(--gold-2);box-shadow:0 2px 8px #d4af3766;box-shadow:0 2px 8px var(--gold-shadow);color:#d4af37;color:var(--gold-2)}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#d4af3733,#d4af371a);box-shadow:0 6px 20px #d4af3799;box-shadow:0 6px 20px var(--gold-shadow-strong);color:#e6c547;color:var(--gold-3)}.btn-outline{background-color:initial;border:1px solid #d4af37;border:1px solid var(--gold-2);color:#fff}.btn-outline:hover:not(:disabled){box-shadow:0 0 16px #d4af3766;box-shadow:0 0 16px var(--gold-shadow);transform:translateY(-1px)}.btn-ghost{background-color:initial;color:#f5f7fa;color:var(--text)}.btn-ghost:hover:not(:disabled){background-color:#12161c;background-color:var(--muted-surface);color:#d4af37;color:var(--primary)}.btn-danger{background-color:#ef4444;background-color:var(--danger)}.btn-danger:hover:not(:disabled){background-color:#dc2626;box-shadow:0 24px 48px #020a17a6;box-shadow:var(--shadow-strong);transform:translateY(-1px)}.btn-success{background-color:#10b981;background-color:var(--success)}.btn-success:hover:not(:disabled){background-color:#059669;box-shadow:0 24px 48px #020a17a6;box-shadow:var(--shadow-strong);transform:translateY(-1px)}.btn-sm{font-size:14px;font-size:var(--small-size);padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.btn-lg{font-size:20px;font-size:var(--h3-size);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.card{background:linear-gradient(135deg,#0f1318,#12161c);background:linear-gradient(135deg,var(--surface) 0,var(--muted-surface) 100%);border:1px solid #d4af371f;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 8px 32px #0000004d,0 0 0 1px #d4af371f;box-shadow:0 8px 32px #0000004d,0 0 0 1px var(--border);overflow:hidden;position:relative;transition:all .2s cubic-bezier(.22,1,.36,1);transition:all var(--transition-medium) var(--easing)}.card:before{background:linear-gradient(90deg,#0000,#d4af37,#0000);background:linear-gradient(90deg,#0000,var(--gold-2),#0000);content:"";height:1px;left:0;opacity:.6;position:absolute;right:0;top:0}.card:hover{border-color:#d4af37;border-color:var(--gold-2);box-shadow:0 16px 48px #0006,0 0 0 1px #d4af37;box-shadow:0 16px 48px #0006,0 0 0 1px var(--gold-2);transform:translateY(-4px)}.card-header{border-bottom:1px solid #d4af371f;border-bottom:1px solid var(--border)}.card-body,.card-footer,.card-header{padding:24px;padding:var(--spacing-lg)}.card-footer{border-top:1px solid #d4af371f;border-top:1px solid var(--border)}.card-footer,.input{background-color:#12161c;background-color:var(--muted-surface)}.input{border:2px solid #d4af371f;border:2px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#f5f7fa;color:var(--text);font-family:Times New Roman,Times,serif;font-family:var(--font-family);font-size:16px;font-size:var(--body-size);line-height:24px;line-height:var(--body-line-height);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .12s cubic-bezier(.22,1,.36,1);transition:all var(--transition-short) var(--easing);width:100%}.input:focus{border-color:#d4af37;border-color:var(--primary);box-shadow:0 0 0 3px #7c5cff3d;outline:none}.input:disabled{color:#6b7a87;color:var(--muted);cursor:not-allowed}.input:disabled,textarea{background-color:#12161c;background-color:var(--muted-surface)}textarea{border:2px solid #d4af371f;border:2px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#f5f7fa;color:var(--text);font-family:Times New Roman,Times,serif;font-family:var(--font-family);font-size:16px;font-size:var(--body-size);line-height:24px;line-height:var(--body-line-height);min-height:100px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);resize:vertical;transition:all .12s cubic-bezier(.22,1,.36,1);transition:all var(--transition-short) var(--easing);width:100%}textarea:focus{border-color:#d4af37;border-color:var(--primary);box-shadow:0 0 0 3px #7c5cff3d;outline:none}.input-error{border-color:#ef4444;border-color:var(--danger)}.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.form-group{gap:4px;gap:var(--spacing-xs)}.form-label{color:#f5f7fa;color:var(--text);font-size:14px;font-size:var(--small-size);font-weight:500}.form-error{color:#ef4444}.form-error,.form-help{font-size:12px;font-size:var(--caption-size)}.form-help{color:var(--subtext)}.video-container{background-color:#000;background-color:var(--video-bg);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 24px 48px #020a17a6;box-shadow:var(--shadow-strong);overflow:hidden}.video-overlay{align-items:center;background:#000000b3;background:var(--video-overlay);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.status-live{background-color:#ef44441a;color:#ff6b6b;color:var(--stream-live)}.status-live,.status-offline{border-radius:6px;border-radius:var(--radius-sm);font-size:14px;font-size:var(--small-size);font-weight:600;letter-spacing:.5px;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.status-offline{background-color:#6b72801a;color:#6e7b86;color:var(--stream-offline)}.status-recording{background-color:#f59e0b1a;border-radius:6px;border-radius:var(--radius-sm);color:#f59e0b;color:var(--stream-recording);font-size:14px;font-size:var(--small-size);font-weight:600;letter-spacing:.5px;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.stream-card{background-color:#0a0d12;background-color:var(--bg);border-radius:12px;box-shadow:0 6px 18px #020a1780;box-shadow:var(--shadow-card);transition:all .2s cubic-bezier(.22,1,.36,1)}.stream-card:hover{box-shadow:0 24px 48px #020a17a6;box-shadow:var(--shadow-strong)}.stream-thumbnail{aspect-ratio:16/9;background-color:#000}.stream-overlay{background:linear-gradient(#0000,var(--video-overlay));padding:16px;padding:var(--spacing-md)}.stream-duration{background-color:#000000b3;background-color:var(--video-overlay);border-radius:6px;border-radius:var(--radius-sm);font-size:14px;font-size:var(--small-size);padding:var(--spacing-xs) var(--spacing-sm)}.stream-info{padding:var(--spacing-md)}.stream-title{color:#f5f7fa;font-size:20px;font-size:var(--h3-size);font-weight:var(--h3-weight);line-height:28px;line-height:var(--h3-line-height);margin:0 0 var(--spacing-sm) 0}.stream-meta{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.stream-author{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.stream-author-avatar{background-color:var(--muted-bg);border-radius:50%;height:24px;width:24px}.stream-stats{align-items:center;color:var(--subtext);font-size:14px;font-size:var(--small-size);gap:var(--spacing-md)}.grid{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.grid-cols-12{grid-template-columns:repeat(12,1fr)}@media (max-width:1200px){.container{padding:0 24px;padding:0 var(--spacing-lg)}.grid-cols-4{grid-template-columns:repeat(3,1fr)}.grid-cols-6{grid-template-columns:repeat(4,1fr)}.grid-cols-12{grid-template-columns:repeat(8,1fr)}}@media (max-width:1024px){.container{padding:0 16px;padding:0 var(--spacing-md)}.grid-cols-4{grid-template-columns:repeat(3,1fr)}.grid-cols-6{grid-template-columns:repeat(4,1fr)}.grid-cols-12{grid-template-columns:repeat(6,1fr)}:root{--h1-size:28px;--h2-size:22px;--h3-size:18px}}@media (max-width:768px){.container{padding:0 8px;padding:0 var(--spacing-sm)}.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}.grid-cols-6{grid-template-columns:repeat(3,1fr)}.grid-cols-12{grid-template-columns:repeat(4,1fr)}:root{--h1-size:24px;--h2-size:20px;--h3-size:16px;--body-size:14px}.card,.card-body,.card-footer,.card-header{padding:16px;padding:var(--spacing-md)}.btn{font-size:14px;font-size:var(--small-size);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.btn-lg{font-size:16px;font-size:var(--body-size);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}}@media (max-width:480px){.container{padding:0 8px;padding:0 var(--spacing-sm)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.grid-cols-12,.grid-cols-6{grid-template-columns:repeat(2,1fr)}:root{--h1-size:20px;--h2-size:18px;--h3-size:16px;--body-size:14px;--small-size:12px;--spacing-xs:2px;--spacing-sm:4px;--spacing-md:8px;--spacing-lg:16px;--spacing-xl:24px}.card{margin:8px 0;margin:var(--spacing-sm) 0}.card,.card-body,.card-footer,.card-header{padding:8px;padding:var(--spacing-sm)}.btn{font-size:12px;font-size:var(--caption-size);padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.btn-lg{font-size:14px;font-size:var(--small-size);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}}.container{padding:0 16px;padding:0 var(--spacing-md)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:8px;gap:var(--spacing-sm)}.gap-md{gap:16px;gap:var(--spacing-md)}.gap-lg{gap:24px;gap:var(--spacing-lg)}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-sm{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:16px;margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:40px;margin-bottom:var(--spacing-xl)}.mt-sm{margin-top:8px;margin-top:var(--spacing-sm)}.mt-md{margin-top:16px;margin-top:var(--spacing-md)}.mt-lg{margin-top:24px;margin-top:var(--spacing-lg)}.mt-xl{margin-top:40px;margin-top:var(--spacing-xl)}.p-sm{padding:8px;padding:var(--spacing-sm)}.p-md{padding:16px;padding:var(--spacing-md)}.p-lg{padding:24px;padding:var(--spacing-lg)}.p-xl{padding:40px;padding:var(--spacing-xl)}.rounded-sm{border-radius:6px;border-radius:var(--radius-sm)}.rounded-md{border-radius:12px;border-radius:var(--radius-md)}.rounded-lg{border-radius:16px;border-radius:var(--radius-lg)}.shadow-sm{box-shadow:0 6px 18px #020a1780;box-shadow:var(--shadow-card)}.shadow-md{box-shadow:0 24px 48px #020a17a6;box-shadow:var(--shadow-strong)}@keyframes luxuryGlow{0%,to{box-shadow:0 0 20px #d4af3766;box-shadow:0 0 20px var(--gold-shadow)}50%{box-shadow:0 0 30px #d4af3799;box-shadow:0 0 30px var(--gold-shadow-strong)}}@keyframes floatUp{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes elegantFade{0%{opacity:0;transform:translateY(20px) rotateX(10deg)}to{opacity:1;transform:translateY(0) rotateX(0deg)}}.animate-fade-in{animation:fadeIn .2s cubic-bezier(.22,1,.36,1);animation:fadeIn var(--transition-medium) var(--easing)}.animate-slide-up{animation:slideUp .2s cubic-bezier(.22,1,.36,1);animation:slideUp var(--transition-medium) var(--easing)}.animate-scale-in{animation:scaleIn .2s cubic-bezier(.22,1,.36,1);animation:scaleIn var(--transition-medium) var(--easing)}.animate-float-up{animation:floatUp .6s cubic-bezier(.22,1,.36,1);animation:floatUp .6s var(--easing)}.animate-elegant-fade{animation:elegantFade .8s cubic-bezier(.22,1,.36,1);animation:elegantFade .8s var(--easing)}.animate-luxury-glow{animation:luxuryGlow 3s ease-in-out infinite}.animate-gold-shimmer{background:linear-gradient(90deg,#0000,#d4af37,#0000)}.hover-lift:hover{box-shadow:0 24px 48px #020a17a6;box-shadow:var(--shadow-strong);transform:translateY(-2px)}.hover-scale:hover{transform:scale(1.02)}.focus-ring:focus{box-shadow:0 0 0 3px #f5c5423d;outline:none}.loading{overflow:hidden;position:relative}.loading:after{animation:loading 1.5s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes loading{0%{left:-100%}to{left:100%}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (prefers-contrast:high){:root{--shadow-card:0 1px 3px #0000004d;--shadow-strong:0 4px 12px #0006}}.app-content{background:radial-gradient(1200px 600px at 80% -10%,#e8cc7a0d,#0000 45%),#0a0d12;background:radial-gradient(1200px 600px at 80% -10%,#e8cc7a0d,#0000 45%),var(--bg);color:#f5f7fa;color:var(--text);min-height:calc(100vh - 72px)}#root,body,html{background-color:#0a0d12!important;background-color:var(--bg)!important;font-family:Times New Roman,Times,serif!important}@keyframes goldPulse{0%{box-shadow:0 0 10px #d4af3766;box-shadow:0 0 10px var(--gold-shadow)}50%{box-shadow:0 0 14px #d4af3799;box-shadow:0 0 14px var(--gold-shadow-strong)}to{box-shadow:0 0 10px #d4af3766;box-shadow:0 0 10px var(--gold-shadow)}}.btn-primary,.btn-secondary{animation:goldPulse 3s ease-in-out infinite}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn{font-family:inherit}.btn-secondary{background:#6b7280}.btn-secondary:hover:not(:disabled){background:#4b5563}.btn-success{background:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-danger{background:#ef4444}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-outline{border:1px solid #d1d5db;color:#374151}.btn-outline:hover:not(:disabled){background:#f9fafb}.btn-small{font-size:14px;padding:6px 12px}.btn-medium{font-size:16px;padding:8px 16px}.btn-large{font-size:18px;padding:12px 24px}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,var(--bg) 0,var(--surface) 100%);border-bottom:1px solid var(--border);box-shadow:0 4px 20px #0000004d;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px}.brand-link,.header-brand{align-items:center;display:flex;gap:12px}.brand-link{color:var(--text);font-family:var(--font-display);font-size:22px;font-weight:800;position:relative;text-decoration:none;transition:all .3s ease}.brand-link:hover{color:var(--gold-2);text-shadow:0 0 20px var(--gold-shadow);transform:translateY(-1px)}.brand-icon{filter:drop-shadow(0 0 8px var(--gold-shadow));font-size:28px;transition:all .3s ease}.brand-link:hover .brand-icon{filter:drop-shadow(0 0 12px var(--gold-shadow-strong));transform:scale(1.1)}.brand-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text) 0,var(--gold-2) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text)}.header-nav{display:flex;gap:8px}.nav-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#d4af370d,#0000);border:1px solid #d4af3733;border-radius:8px;color:var(--text-secondary);font-weight:600;padding:10px 20px;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:linear-gradient(135deg,#d4af3726,#d4af370d);box-shadow:0 4px 16px var(--gold-shadow);transform:translateY(-1px)}.nav-link.active,.nav-link:hover{border-color:var(--gold-2);color:var(--gold-2)}.nav-link.active{background:linear-gradient(135deg,#d4af3733,#d4af371a);box-shadow:0 6px 20px var(--gold-shadow-strong);font-weight:700}.nav-link.active:after{background:var(--primary);border-radius:1px;bottom:-1px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.streamer-menu{display:inline-block;position:relative}.streamer-menu-toggle{align-items:center;background:linear-gradient(135deg,#d4af370f,#0000);border:1px solid #d4af3759;border-radius:8px;color:var(--text);cursor:pointer;display:flex;font-family:inherit;font-size:inherit;font-weight:600;gap:8px;margin-left:8px}.streamer-menu-toggle:hover{background:linear-gradient(135deg,#d4af3724,#d4af370f);box-shadow:0 6px 16px var(--gold-shadow);color:var(--gold-2)}.streamer-menu-toggle.active{background:linear-gradient(135deg,#d4af372e,#d4af3714);border-color:var(--gold-2);box-shadow:0 8px 22px var(--gold-shadow-strong)}.dropdown-arrow{font-size:12px;transition:transform .2s ease}.streamer-menu-toggle.active .dropdown-arrow{transform:rotate(180deg)}.streamer-dropdown{animation:dropdownFadeIn .2s ease;background:#000;border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 32px #0000004d;left:0;min-width:200px;overflow:hidden;position:absolute;top:100%;z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-link{border-bottom:1px solid var(--border);color:var(--text-secondary);display:block;font-weight:500;padding:12px 16px;text-decoration:none;transition:all .2s ease}.dropdown-link:last-child{border-bottom:none}.dropdown-link:hover{background:var(--glass);color:#fff}.dropdown-link.active{background:var(--primary);color:#000;font-weight:600}.header-actions{align-items:center;gap:16px;margin-left:20px;position:relative;z-index:10}.header-action{margin-right:8px;padding:8px 14px}.user-menu{align-items:center;display:flex;gap:12px}.user-info{align-items:flex-end;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#d4af370d,#0000);border:1px solid #d4af3733;border-radius:8px;padding:8px 16px}.user-name{font-family:var(--font-family);font-size:14px}.user-role{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--gold-2) 0,var(--gold-3) 100%);-webkit-background-clip:text;background-clip:text;color:var(--gold-2);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.mobile-menu-toggle{background:none;border:none;border-radius:4px;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:8px;transition:background .2s ease}.mobile-menu-toggle:hover{background:var(--glass)}.mobile-menu-toggle span{background:var(--text-secondary);border-radius:1px;height:2px;transition:all .2s ease;width:20px}.mobile-menu-toggle.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.open span:nth-child(2){opacity:0}.mobile-menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media (max-width:768px){.header-container{padding:0 16px}.header-nav{background:#000;border-top:1px solid var(--border);flex-direction:column;gap:8px;left:0;opacity:0;padding:16px;position:absolute;right:0;top:100%;transform:translateY(-100%);transition:all .3s ease;visibility:hidden}.header-nav.open{opacity:1;transform:translateY(0);visibility:visible}.nav-link{border-radius:8px;padding:12px 16px;text-align:center;width:100%}.mobile-menu-toggle{display:flex}.user-info{display:none}.user-menu{flex-direction:column;gap:8px}.header-actions{position:static;z-index:auto}.streamer-menu{width:100%}.streamer-menu-toggle{justify-content:center;margin:8px 0 4px;width:100%}.streamer-dropdown{border:1px solid var(--border);border-radius:6px;box-shadow:none;margin-top:4px;position:static}.dropdown-link{font-size:.9rem;padding:10px 16px}}@media (max-width:1024px){.header-nav{gap:4px}.nav-link{font-size:.9rem;padding:6px 12px}.streamer-menu-toggle{border-radius:4px;font-size:.85rem;padding:6px 10px}.streamer-dropdown{min-width:180px}.dropdown-link{font-size:.85rem;padding:8px 12px}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-10px)}70%{transform:translateY(-5px)}90%{transform:translateY(-2px)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-200deg)}to{opacity:1;transform:rotate(0deg)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes glow{0%{box-shadow:0 0 5px #3b82f680}50%{box-shadow:0 0 20px #3b82f6cc}to{box-shadow:0 0 5px #3b82f680}}@keyframes goldGlow{0%{box-shadow:0 0 10px var(--gold-shadow)}50%{box-shadow:0 0 25px var(--gold-shadow-strong)}to{box-shadow:0 0 10px var(--gold-shadow)}}@keyframes luxuryShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes elegantFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes premiumPulse{0%{box-shadow:0 0 0 0 var(--gold-shadow);transform:scale(1)}70%{box-shadow:0 0 0 10px #d4af3700;transform:scale(1.05)}to{box-shadow:0 0 0 0 #d4af3700;transform:scale(1)}}@keyframes goldShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,50%{border-color:#0000}51%,to{border-color:currentColor}}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-fade-out{animation:fadeOut .6s ease-out}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-fade-in-down{animation:fadeInDown .6s ease-out}.animate-fade-in-left{animation:fadeInLeft .6s ease-out}.animate-fade-in-right{animation:fadeInRight .6s ease-out}.animate-scale-in{animation:scaleIn .4s ease-out}.animate-scale-out{animation:scaleOut .4s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-bounce{animation:bounce 1s infinite}.animate-slide-in-up{animation:slideInUp .5s ease-out}.animate-slide-in-down{animation:slideInDown .5s ease-out}.animate-slide-in-left{animation:slideInLeft .5s ease-out}.animate-slide-in-right{animation:slideInRight .5s ease-out}.animate-rotate-in{animation:rotateIn .6s ease-out}.animate-spin{animation:spin 1s linear infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-gradient{animation:gradientShift 3s ease infinite;background-size:200% 200%}.animate-gold-glow{animation:goldGlow 3s ease-in-out infinite}.animate-luxury-shimmer{animation:luxuryShimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,var(--gold-2),#0000);background-size:200% 100%}.animate-elegant-float{animation:elegantFloat 6s ease-in-out infinite}.animate-premium-pulse{animation:premiumPulse 2s ease-in-out infinite}.animate-gold-shimmer{animation:goldShimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,var(--gold-2),#0000);background-size:200% 100%}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-5px)}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 20px #3b82f699}.hover-luxury-lift{transition:all .4s cubic-bezier(.22,1,.36,1)}.hover-luxury-lift:hover{box-shadow:0 20px 40px #0000004d,0 0 0 1px var(--gold-2);transform:translateY(-8px) scale(1.02)}.hover-gold-glow{transition:all .3s ease}.hover-gold-glow:hover{border-color:var(--gold-2);box-shadow:0 0 30px var(--gold-shadow-strong)}.hover-premium-scale{transition:all .3s cubic-bezier(.22,1,.36,1)}.hover-premium-scale:hover{box-shadow:0 15px 35px #0003;transform:scale(1.08)}.hover-elegant-float{transition:all .6s cubic-bezier(.22,1,.36,1)}.hover-elegant-float:hover{box-shadow:0 25px 50px #0006;transform:translateY(-12px)}.transition-all{transition:all .3s ease}.transition-colors{transition:color .3s ease,background-color .3s ease,border-color .3s ease}.transition-transform{transition:transform .3s ease}.transition-opacity{transition:opacity .3s ease}.stagger-item{animation:fadeInUp .6s ease-out forwards;opacity:0;transform:translateY(20px)}.stagger-item:first-child{animation-delay:.1s}.stagger-item:nth-child(2){animation-delay:.2s}.stagger-item:nth-child(3){animation-delay:.3s}.stagger-item:nth-child(4){animation-delay:.4s}.stagger-item:nth-child(5){animation-delay:.5s}.stagger-item:nth-child(6){animation-delay:.6s}.stagger-item:nth-child(7){animation-delay:.7s}.stagger-item:nth-child(8){animation-delay:.8s}.stagger-item:nth-child(9){animation-delay:.9s}.stagger-item:nth-child(10){animation-delay:1s}.loading-spinner{border:2px solid #f3f3f3;border-top-color:#3b82f6;height:20px;width:20px}.loading-dots{display:inline-block}.loading-dots:after{animation:loadingDots 1.5s infinite;content:""}@keyframes loadingDots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.page-enter{opacity:0;transform:translateX(100px)}.page-enter-active{transition:opacity .3s ease,transform .3s ease}.page-enter-active,.page-exit{opacity:1;transform:translateX(0)}.page-exit-active{opacity:0;transform:translateX(-100px);transition:opacity .3s ease,transform .3s ease}.modal-enter{opacity:0;transform:scale(.9)}.modal-enter-active{transition:opacity .3s ease,transform .3s ease}.modal-enter-active,.modal-exit{opacity:1;transform:scale(1)}.modal-exit-active{opacity:0;transform:scale(.9);transition:opacity .3s ease,transform .3s ease}.toast-enter{opacity:0;transform:translateX(100%)}.toast-enter-active{transition:opacity .3s ease,transform .3s ease}.toast-enter-active,.toast-exit{opacity:1;transform:translateX(0)}.toast-exit-active{opacity:0;transform:translateX(100%);transition:opacity .3s ease,transform .3s ease}.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;line-height:16px;padding:2px 8px}.badge-neutral{background:#e5e7eb;color:#111827}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef9c3;color:#854d0e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-info{background:#dbeafe;color:#1e3a8a}.video-modal-overlay{align-items:center;animation:fadeIn var(--transition-medium) var(--easing);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--overlay);bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.video-modal{animation:slideUp var(--transition-medium) var(--easing);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);display:flex;flex-direction:column;max-height:90vh;max-width:1400px;overflow:hidden;width:95%}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.video-modal-header{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);position:relative}.video-modal-header:before{background:linear-gradient(90deg,#0000,var(--primary),#0000);content:"";height:1px;left:0;opacity:.3;position:absolute;right:0;top:0}.video-modal-header h2{color:var(--text);flex:1 1;font-family:var(--font-display);font-size:var(--h2-size);font-weight:var(--h2-weight);line-height:var(--h2-line-height);margin:0;margin-right:var(--spacing-lg)}.close-btn{background:var(--muted-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:20px;height:40px;overflow:hidden;padding:var(--spacing-sm);position:relative;transition:all var(--transition-medium) var(--easing);width:40px}.close-btn:before{background:linear-gradient(90deg,#0000,var(--primary),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-medium) var(--easing);width:100%}.close-btn:hover{background:var(--panel);border-color:var(--primary);color:var(--text);transform:scale(1.05)}.close-btn:hover:before{left:100%}.video-modal-content{grid-gap:var(--spacing-xl);background:var(--bg);display:grid;flex:1 1;gap:var(--spacing-xl);grid-template-columns:1fr 400px;overflow-y:auto;padding:var(--spacing-xl)}.video-main-section{display:flex;flex-direction:column;gap:var(--spacing-lg);min-width:0}.video-wrapper{background:var(--video-bg);border:1px solid var(--border);box-shadow:var(--shadow-card)}.video-modal-player{aspect-ratio:16/9;position:relative;width:100%}.video-modal-player video{background:#000;height:100%;object-fit:contain;width:100%}.video-loading{flex-direction:column}.video-error,.video-loading{align-items:center;color:var(--text-secondary);display:flex;height:100%;justify-content:center}.video-error{font-size:18px}.fullscreen-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--overlay);border:1px solid var(--border);color:var(--text);display:flex;font-size:16px;height:40px;justify-content:center;padding:var(--spacing-sm);right:var(--spacing-lg);top:var(--spacing-lg);transition:all var(--transition-medium) var(--easing);width:40px}.fullscreen-btn:hover{background:var(--primary);border-color:var(--primary);box-shadow:0 0 20px var(--gold-glow);color:var(--bg)}.video-info{background:var(--surface);border:1px solid var(--border);padding:var(--spacing-lg);position:relative}.video-info:before{background:linear-gradient(90deg,#0000,var(--primary),#0000);content:"";height:1px;left:0;opacity:.3;position:absolute;right:0;top:0}.video-meta{gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.video-meta span{font-family:var(--font-family);font-size:var(--small-size);padding:var(--spacing-xs) var(--spacing-sm)}.video-description,.video-meta span{background:var(--muted-surface);border:1px solid var(--border)}.video-description{padding:var(--spacing-md)}.video-description p{font-family:var(--font-family);font-size:var(--small-size);line-height:var(--body-line-height)}.comments-section{background:var(--surface);border:1px solid var(--border);padding:var(--spacing-lg);position:relative}.comments-section:before{background:linear-gradient(90deg,#0000,var(--primary),#0000);content:"";height:1px;left:0;opacity:.3;position:absolute;right:0;top:0}.comments-header{margin-bottom:var(--spacing-md)}.comments-header h3{color:var(--text);font-family:var(--font-display);font-size:var(--h3-size);font-weight:var(--h3-weight)}.toggle-comments-btn{background:var(--primary);border:1px solid var(--primary);color:var(--bg);font-family:var(--font-family);font-size:var(--caption-size);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-medium) var(--easing)}.toggle-comments-btn:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 4px 12px var(--gold-glow);transform:translateY(-1px)}.comment-form{background:var(--muted-surface);border:2px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);position:relative}.comment-form:before{background:linear-gradient(90deg,#0000,var(--primary),#0000);border-radius:var(--radius-lg) var(--radius-lg) 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}.comment-form textarea{background:var(--panel);border:2px solid var(--border);box-shadow:inset 0 2px 4px #0000001a;color:var(--text);font-family:var(--font-family);font-size:var(--small-size);margin-bottom:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-medium) var(--easing)}.comment-form textarea:focus{background:var(--bg);border-color:var(--primary);box-shadow:0 0 0 3px var(--gold-glow),inset 0 2px 4px #0000001a}.comment-form textarea::placeholder{color:var(--muted);font-style:italic}.comment-submit-btn{background:var(--primary);border:2px solid var(--primary);box-shadow:0 2px 8px var(--gold-glow);color:var(--bg);font-family:var(--font-family);font-size:var(--small-size);font-weight:600;overflow:hidden;padding:var(--spacing-sm) var(--spacing-lg);position:relative;transition:all var(--transition-medium) var(--easing)}.comment-submit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-medium) var(--easing);width:100%}.comment-submit-btn:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 6px 20px var(--gold-glow);transform:translateY(-2px)}.comment-submit-btn:hover:before{left:100%}.comment-submit-btn:active{box-shadow:0 2px 8px var(--gold-glow);transform:translateY(0)}.comments-list{gap:12px;max-height:300px;overflow-y:auto}.comment{padding:12px}.comment-author{font-size:12px;margin-bottom:6px}.comment-text{font-size:13px;line-height:1.4;margin-bottom:6px}.comment-timestamp{font-size:11px}.video-sidebar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);height:-webkit-fit-content;height:fit-content;padding:var(--spacing-lg);position:-webkit-sticky;position:sticky;top:0}.video-sidebar h3{color:var(--text);font-family:var(--font-display);font-size:var(--h3-size);font-weight:var(--h3-weight);margin:0 0 var(--spacing-md) 0;position:relative}.video-sidebar h3:after{background:linear-gradient(90deg,var(--primary),#0000);bottom:-8px;content:"";height:2px;left:0;position:absolute;width:40px}.related-videos{gap:12px}.related-video-thumbnail{height:56px;width:100px}.video-duration{border-radius:3px;bottom:2px;font-size:10px;padding:1px 4px;right:2px}.related-video-title{font-size:12px;margin:0 0 6px}.related-video-meta{gap:2px}.related-video-meta span{font-size:10px}@media (max-width:1200px){.video-modal-content{gap:20px;grid-template-columns:1fr 350px}}@media (max-width:768px){.video-modal{max-height:95vh;width:98%}.video-modal-content{gap:16px;grid-template-columns:1fr;padding:16px}.video-sidebar{position:static}.video-modal-header{padding:16px 20px}.video-modal-header h2{font-size:16px}.related-video-item{flex-direction:column}.related-video-thumbnail{height:80px;width:100%}}@media (max-width:480px){.video-modal-overlay{padding:10px}.video-modal{max-height:98vh;width:100%}.video-modal-content{padding:12px}.video-meta{flex-direction:column;gap:8px}.video-meta span{font-size:12px;padding:4px 8px}}.streamer-card{background:linear-gradient(135deg,var(--surface) 0,var(--muted-surface) 100%);border:1px solid #ffffff1a;border-radius:var(--radius-md);box-shadow:var(--shadow-card);cursor:pointer;display:flex;flex-direction:column;height:400px;overflow:hidden;position:relative;transition:all var(--transition-medium) var(--easing)}.streamer-card:hover{border-color:var(--primary);box-shadow:var(--shadow-strong);transform:translateY(-4px)}.streamer-card:before{background:linear-gradient(90deg,#0000,var(--primary),#0000);content:"";height:1px;left:0;opacity:.6;position:absolute;right:0;top:0}.streamer-header{background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);color:var(--bg);flex-shrink:0;padding:20px;position:relative}.streamer-header:after{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.streamer-info{align-items:center;display:flex;gap:12px;margin-bottom:12px}.streamer-avatar{border:3px solid #ffffffe6;border-radius:50%;height:60px;object-fit:cover;transition:transform .3s ease;width:60px}.streamer-card:hover .streamer-avatar{transform:scale(1.05)}.streamer-details h3{color:var(--bg);font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin:0}.streamer-username{color:var(--bg);font-size:.9rem;font-weight:500;margin:0;opacity:.9}.streamer-status{flex-wrap:wrap;gap:8px;margin-bottom:12px}.status-badge,.streamer-status{align-items:center;display:flex}.status-badge{font-size:.8rem;gap:4px;padding:4px 12px}.status-badge.live{background:#ef444433;border:1px solid #ef44444d;color:#ff6b6b}.status-badge.offline{background:#6b728033;border:1px solid #6b72804d;color:var(--text-secondary)}.status-badge.scheduled{background:#3b82f633;border:1px solid #3b82f64d;color:var(--info)}.viewers-count{font-weight:500}.stream-title,.viewers-count{color:var(--bg);font-size:.9rem;opacity:.9}.stream-title{margin:0;max-height:2.8em}.stream-preview{background:var(--video-bg);flex-shrink:0;height:180px;overflow:hidden;position:relative}.stream-preview img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.streamer-card:hover .stream-preview img{transform:scale(1.05)}.live-indicator{animation:pulse 2s infinite;background:red;border-radius:4px;font-size:.8rem;gap:4px;left:8px;padding:4px 8px;position:absolute;top:8px}.live-dot{background:#fff}.streamer-stats{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;min-height:0;padding:16px}.stats-grid{grid-template-columns:repeat(3,1fr);margin-bottom:16px}.stat-item{background:var(--muted-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px}.stat-value{color:var(--text);font-family:var(--font-display);font-size:1.2rem}.stat-label{color:var(--text-secondary);font-size:.8rem}.platform-info{align-items:center;background:var(--muted-surface);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;gap:8px;margin-bottom:16px;padding:8px 12px}.platform-icon{border-radius:4px;height:20px;width:20px}.platform-text{color:var(--text-secondary);font-size:.9rem;font-weight:500}.action-buttons{gap:8px;margin-top:auto;padding-top:8px}.action-buttons .btn{flex:1 1;font-size:.9rem;gap:4px;justify-content:center;min-width:80px;white-space:nowrap}@media (max-width:1200px){.streamer-card{height:380px}.stream-preview{height:160px}}@media (max-width:768px){.streamer-card{height:360px}.stream-preview{height:140px}.stats-grid{gap:12px}.stat-item{padding:6px}.stat-value{font-size:1rem}.action-buttons{flex-direction:column;gap:6px}.action-buttons .btn{flex:none;font-size:.85rem;padding:10px 16px;width:100%}}@media (max-width:480px){.streamer-card{height:340px}.stream-preview{height:120px}.streamer-header{padding:16px}.streamer-stats{padding:12px}.stats-grid{gap:8px;grid-template-columns:1fr}.action-buttons{gap:4px}.action-buttons .btn{font-size:.8rem;padding:8px 12px}}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;margin:0;padding:0}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-increment:list-0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{margin-bottom:5px;margin-top:5px;padding:5px 10px;white-space:pre-wrap}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.rich-text-editor{background:#fff;border:1px solid #e5e7eb;transition:all .2s ease}.rich-text-editor:hover{border-color:#3b82f6}.rich-text-editor:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.rich-text-editor .ql-container{border:none;font-family:inherit;font-size:14px;line-height:1.5}.rich-text-editor .ql-editor{color:#1f2937;min-height:120px;padding:12px 16px}.rich-text-editor .ql-editor.ql-blank:before{color:#9ca3af;font-size:14px;font-style:normal}.rich-text-editor .ql-toolbar{background:#f9fafb;border:none;border-bottom:1px solid #e5e7eb;padding:8px 12px}.rich-text-editor .ql-toolbar .ql-formats{margin-right:16px}.rich-text-editor .ql-toolbar button{border-radius:4px;color:#6b7280;height:28px;padding:4px;transition:all .2s ease;width:28px}.rich-text-editor .ql-toolbar button:hover{background:#e5e7eb;color:#374151}.rich-text-editor .ql-toolbar button.ql-active{background:#3b82f6;color:#fff}.rich-text-editor .ql-toolbar .ql-picker{color:#6b7280}.rich-text-editor .ql-toolbar .ql-picker:hover{color:#374151}.rich-text-editor .ql-toolbar .ql-picker.ql-expanded .ql-picker-label{border-color:#3b82f6}.rich-text-editor .ql-toolbar .ql-picker-options{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;padding:4px 0}.rich-text-editor .ql-toolbar .ql-picker-options .ql-picker-item{color:#374151;padding:6px 12px}.rich-text-editor .ql-toolbar .ql-picker-options .ql-picker-item:hover{background:#f3f4f6}.rich-text-editor .ql-editor h1,.rich-text-editor .ql-editor h2,.rich-text-editor .ql-editor h3,.rich-text-editor .ql-editor h4,.rich-text-editor .ql-editor h5,.rich-text-editor .ql-editor h6{color:#1f2937;font-weight:600;margin:16px 0 8px}.rich-text-editor .ql-editor h1{font-size:24px}.rich-text-editor .ql-editor h2{font-size:20px}.rich-text-editor .ql-editor h3{font-size:18px}.rich-text-editor .ql-editor h4{font-size:16px}.rich-text-editor .ql-editor h5{font-size:14px}.rich-text-editor .ql-editor h6{font-size:12px}.rich-text-editor .ql-editor p{line-height:1.6;margin:8px 0}.rich-text-editor .ql-editor ol,.rich-text-editor .ql-editor ul{margin:8px 0;padding-left:24px}.rich-text-editor .ql-editor li{margin:4px 0}.rich-text-editor .ql-editor blockquote{border-left:4px solid #3b82f6;color:#6b7280;font-style:italic;margin:16px 0;padding-left:16px}.rich-text-editor .ql-editor code{background:#f3f4f6;border-radius:4px;color:#e11d48;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;padding:2px 6px}.rich-text-editor .ql-editor pre{background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;margin:16px 0;overflow-x:auto;padding:12px}.rich-text-editor .ql-editor pre code{background:none;color:#374151;padding:0}.rich-text-editor .ql-editor a{color:#3b82f6;text-decoration:underline}.rich-text-editor .ql-editor a:hover{color:#1d4ed8}.rich-text-editor .ql-editor img{border-radius:6px;height:auto;margin:8px 0;max-width:100%}.rich-text-editor.read-only .ql-toolbar{display:none}.rich-text-editor.read-only .ql-editor{border:none;padding:16px}@media (prefers-color-scheme:dark){.rich-text-editor{background:#1f2937;border-color:#374151}.rich-text-editor .ql-toolbar{background:#111827;border-color:#374151}.rich-text-editor .ql-editor,.rich-text-editor .ql-editor h1,.rich-text-editor .ql-editor h2,.rich-text-editor .ql-editor h3,.rich-text-editor .ql-editor h4,.rich-text-editor .ql-editor h5,.rich-text-editor .ql-editor h6{color:#f9fafb}}.streamer-profile,.youtube-style-profile{background:#0f0f0f;color:#fff;font-family:Roboto,Arial,sans-serif;font-size:14px;line-height:1.4;min-height:100vh}.container-wide{margin:0 auto;max-width:1600px;padding:0 20px}.error,.loading{align-items:center;color:var(--text);display:flex;flex-direction:column;justify-content:center;min-height:400px}.spinner{border-top:4px solid var(--border);border:4px solid var(--border);margin-bottom:16px}.error-icon{font-size:4rem}.error h2{color:var(--text);margin:0 0 8px}.error p{color:var(--text-secondary);margin:0 0 24px}.channel-header{background:#0f0f0f;margin-bottom:0;position:relative}.channel-banner{background:linear-gradient(135deg,red,#c00);height:200px;overflow:hidden;position:relative}.banner-overlay{background:linear-gradient(45deg,#0000001a,#0000 50%,#0000001a);bottom:0;left:0;position:absolute;right:0;top:0}.channel-info{align-items:flex-end;background:#0f0f0f;border-bottom:1px solid #3f3f3f;padding:24px;position:relative;z-index:2}.channel-avatar{margin-top:-60px;position:relative}.channel-avatar img{border:4px solid #0f0f0f;border-radius:50%;box-shadow:0 8px 32px #0000004d;height:120px;object-fit:cover;transition:transform .3s ease;width:120px}.channel-avatar img:hover{transform:scale(1.05)}.channel-details{flex:1 1;min-width:0}.channel-name{color:#fff;font-family:Roboto,Arial,sans-serif;font-size:2rem;font-weight:700;margin:0 0 4px}.channel-handle{color:#aaa;font-size:1.1rem;font-weight:500;margin:0 0 12px}.channel-description{color:#aaa;font-size:1rem;line-height:1.5;margin:0 0 16px;max-width:600px}.channel-stats{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:16px}.stat{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.stat-number{color:#fff;font-size:1.5rem;font-weight:700;line-height:1}.channel-actions{display:flex;flex-wrap:wrap;gap:12px}.subscribe-btn{background:red;border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.subscribe-btn:hover{background:#c00;box-shadow:0 4px 12px #ff00004d;transform:translateY(-1px)}.channel-tabs{background:#0f0f0f;border-bottom:1px solid #3f3f3f;position:-webkit-sticky;position:sticky;top:0;z-index:10}.tabs-nav{display:flex;gap:0;overflow-x:auto}.tab{border-bottom:3px solid #0000;color:#aaa;font-size:14px;letter-spacing:.5px;position:relative;text-transform:uppercase}.tab.active,.tab:hover{background:#272727}.tab.active{border-bottom-color:#fff}.channel-content{background:#0f0f0f;min-height:60vh}.content-layout{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 300px;padding:32px 0}.videos-section{background:#0f0f0f;border:none;border-radius:0;overflow:hidden}.videos-header{align-items:center;background:#0f0f0f;border-bottom:1px solid #3f3f3f;display:flex;justify-content:space-between;padding:24px}.videos-header h2{color:#fff;font-family:Roboto,Arial,sans-serif;font-size:20px;font-weight:500;margin:0}.videos-filter{display:flex;gap:8px}.filter-btn{background:var(--muted-surface);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.filter-btn:hover{background:var(--surface);color:var(--text)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#000}.videos-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:24px}.video-card{background:#0f0f0f;border:none;border-radius:0;cursor:pointer;overflow:hidden;transition:all .3s ease}.video-card:hover{box-shadow:0 8px 24px #0006;transform:translateY(-2px)}.video-thumbnail{aspect-ratio:16/9;background:#272727;overflow:hidden;position:relative}.video-thumbnail img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.video-card:hover .video-thumbnail img{transform:scale(1.05)}.video-duration{right:8px}.video-duration,.video-views{bottom:8px;font-size:.8rem;font-weight:600;padding:4px 8px}.video-views{background:#000c;border-radius:4px;color:#fff;left:8px;position:absolute}.play-overlay{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease}.video-card:hover .play-overlay{opacity:1}.play-button{font-size:1.5rem}.play-button:hover{background:var(--primary);color:#000;transform:scale(1.1)}.processing-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;flex-direction:column;gap:12px;justify-content:center;left:0;position:absolute;right:0;top:0}.progress-bar{width:80%}.progress-fill{background:var(--primary);border-radius:3px;transition:width .3s ease}.progress-text{color:#fff;font-size:.9rem}.video-info{padding:12px 0}.video-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:14px;font-weight:500;line-height:1.4;margin:0 0 8px;overflow:hidden}.video-meta{flex-direction:column;gap:4px;margin-bottom:12px}.video-category,.video-date{color:#aaa;font-size:12px}.video-actions{flex-wrap:wrap;gap:8px;justify-content:space-between}.action-btn,.video-actions{align-items:center;display:flex}.action-btn{background:var(--muted-surface);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:500;gap:4px;padding:6px 12px;transition:all .3s ease}.action-btn:hover{background:var(--surface);border-color:var(--primary);color:var(--text)}.status-badge{border-radius:12px;font-size:.75rem;padding:4px 8px}.status-badge.completed{background:#10b9811a;border:1px solid #10b9814d;color:var(--success)}.status-badge.processing{background:#f59e0b1a;border:1px solid #f59e0b4d;color:var(--warning)}.status-badge.failed{background:#ef44441a;border:1px solid #ef44444d;color:var(--danger)}.no-videos{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.no-videos-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.no-videos h3{color:var(--text);font-size:1.5rem;margin:0 0 8px}.no-videos p{font-size:1rem;margin:0}.channel-sidebar{display:flex;flex-direction:column;gap:24px}.sidebar-section{background:#0f0f0f;border:1px solid #3f3f3f;border-radius:0;overflow:hidden}.sidebar-section h3{background:#0f0f0f;border-bottom:1px solid #3f3f3f;color:#fff;font-family:Roboto,Arial,sans-serif;font-size:16px;font-weight:500;margin:0;padding:20px 24px 16px}.about-content{padding:20px 24px}.about-content p{color:#aaa;margin:0 0 20px}.channel-details-list{display:flex;flex-direction:column;gap:12px}.detail-item{align-items:center;border-bottom:1px solid #3f3f3f;justify-content:space-between;padding:8px 0}.detail-item:last-child{border-bottom:none}.detail-label{color:#aaa;font-size:14px}.detail-value{color:#fff;font-size:14px;font-weight:500}.stats-grid{grid-gap:16px;gap:16px;grid-template-columns:1fr 1fr;padding:20px 24px}.stat-item{background:#272727;border:1px solid #3f3f3f;border-radius:0;padding:16px;text-align:center}.stat-value{font-size:1.5rem;margin-bottom:4px}.stat-label{color:#aaa;font-size:12px;font-weight:500}@media (max-width:1024px){.content-layout{gap:24px;grid-template-columns:1fr}.channel-sidebar{order:-1}}@media (max-width:768px){.channel-info{align-items:center;flex-direction:column;gap:16px;text-align:center}.channel-avatar{margin-top:-40px}.channel-avatar img{height:100px;width:100px}.channel-name{font-size:1.5rem}.channel-actions,.channel-stats{justify-content:center}.videos-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding:16px}.tabs-nav{padding:0 16px}.tab{font-size:.9rem;padding:12px 16px}}@media (max-width:480px){.container{padding:0 16px}.channel-banner{height:150px}.channel-info{padding:16px}.videos-grid{gap:12px;grid-template-columns:1fr;padding:12px}.channel-stats{flex-direction:column;gap:12px}.channel-actions{flex-direction:column;width:100%}.subscribe-btn{justify-content:center;width:100%}}.videos-filters{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.filter-tabs,.platform-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn,.platform-tab{background:#272727;border:1px solid #3f3f3f;border-radius:2px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.filter-btn:hover,.platform-tab:hover{background:#3f3f3f;border-color:#fff;transform:translateY(-1px)}.filter-btn.active,.platform-tab.active{background:#fff;border-color:#fff;box-shadow:0 2px 8px #fff3;color:#0f0f0f}.content-layout{align-items:flex-start;display:flex;gap:2rem}.videos-section{flex:1 1;min-width:0}.channel-sidebar{flex-shrink:0;width:300px}.videos-grid-3{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:0;padding:0 24px 24px}.videos-section{width:100%}.channel-info-compact{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);margin:1.5rem 0;padding:1.5rem}.channel-details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.channel-details-grid .detail-item{display:flex;flex-direction:column;gap:.25rem}.channel-details-grid .detail-label{color:var(--muted);font-size:var(--small-size);font-weight:500}.channel-details-grid .detail-value{color:var(--text);font-size:var(--body-size);font-weight:600}.social-links-compact{align-items:center;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:1rem;padding-top:1rem}.social-label{color:var(--muted);font-size:var(--small-size);font-weight:500;white-space:nowrap}.social-links-compact .social-links-list{display:flex;flex-wrap:wrap;gap:.5rem}.social-links-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.social-link-card{align-items:center;background:var(--muted-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);display:flex;flex-direction:column;padding:1rem .75rem;text-align:center;text-decoration:none;transition:all var(--transition-medium) var(--easing)}.social-link-card:hover{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 12px var(--gold-glow);color:var(--bg);transform:translateY(-2px)}.social-icon{font-size:1.5rem;margin-bottom:.5rem}.social-link-card span{font-size:var(--small-size);font-weight:500}.about-section,.playlists-section{background:var(--panel)}.about-section h2,.playlists-section h2{font-size:var(--h2-size)}.about-content p,.rich-content{color:var(--text);line-height:1.6;margin-bottom:1.5rem}.rich-content h1,.rich-content h2,.rich-content h3,.rich-content h4,.rich-content h5,.rich-content h6{color:var(--text);font-weight:600;margin:16px 0 8px}.rich-content h1{font-size:24px}.rich-content h2{font-size:20px}.rich-content h3{font-size:18px}.rich-content h4{font-size:16px}.rich-content h5{font-size:14px}.rich-content h6{font-size:12px}.rich-content p{margin:8px 0}.rich-content ol,.rich-content ul{margin:8px 0;padding-left:24px}.rich-content li{margin:4px 0}.rich-content blockquote{border-left:4px solid var(--primary);color:var(--text-secondary);font-style:italic;margin:16px 0;padding-left:16px}.rich-content code{background:var(--bg-secondary);border-radius:4px;color:#e11d48;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;padding:2px 6px}.rich-content pre{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;margin:16px 0;overflow-x:auto;padding:12px}.rich-content pre code{background:none;color:var(--text);padding:0}.rich-content a{color:var(--primary);text-decoration:underline}.rich-content a:hover{color:var(--primary-dark)}.rich-content img{border-radius:6px;height:auto;margin:8px 0;max-width:100%}.social-links{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.5rem}.social-links h4{color:var(--text);font-size:var(--h4-size);font-weight:600;margin-bottom:1rem}.social-links-list{display:flex;flex-wrap:wrap;gap:.75rem}.social-link{align-items:center;background:var(--muted-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);display:inline-flex;font-size:var(--small-size);font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all var(--transition-medium) var(--easing)}.social-link:hover{background:var(--primary);border-color:var(--primary);box-shadow:0 2px 8px var(--gold-glow);color:var(--bg);transform:translateY(-1px)}@media (max-width:1400px){.container-wide{max-width:1200px}}@media (max-width:1200px){.content-layout{flex-direction:column}.channel-sidebar{margin-top:2rem;width:100%}.videos-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.videos-grid-3{grid-template-columns:repeat(2,1fr)}.container-wide{max-width:100%;padding:0 16px}}@media (max-width:768px){.filter-tabs,.platform-tabs{justify-content:center}.videos-filters{align-items:center}.videos-grid-3{grid-template-columns:1fr}.container-wide{padding:0 12px}.channel-details-grid{gap:.75rem;grid-template-columns:1fr}.social-links-compact{align-items:flex-start;flex-direction:column;gap:.75rem}.social-links-compact .social-links-list{justify-content:flex-start;width:100%}.social-links-grid{gap:.5rem;grid-template-columns:1fr}.social-link-card{padding:.75rem .5rem}}.edit-btn{background:red;border-radius:2px;gap:8px;letter-spacing:.5px;text-transform:uppercase}.edit-btn:hover{background:#c00;box-shadow:0 4px 12px #ff00004d}.edit-form{background:#272727;border:1px solid #3f3f3f;border-radius:0;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.form-group{gap:.5rem}.form-group input[type=text],.form-group select,.form-group textarea{background:#0f0f0f;border:1px solid #3f3f3f;border-radius:0;color:#fff;font-size:14px;padding:12px;transition:all .3s ease}.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#fff;box-shadow:0 0 0 2px #fff3;outline:none}.char-count{color:#aaa;font-size:12px;text-align:right}.platforms-checkboxes{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.checkbox-label{align-items:center;border-radius:0;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px;transition:all .3s ease}.checkbox-label:hover{background:#3f3f3f}.checkbox-label input[type=checkbox]{accent-color:red;height:16px;width:16px}.social-links-edit{display:flex;flex-direction:column;gap:.75rem}.social-link-edit{align-items:center;display:flex;gap:.5rem}.social-link-edit input{flex:1 1}.remove-btn{align-items:center;background:var(--danger);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;height:2rem;justify-content:center;min-width:2rem;padding:.5rem;transition:all var(--transition-medium) var(--easing)}.remove-btn:hover{background:#dc2626;transform:scale(1.05)}.add-social-btn{align-items:center;background:var(--muted-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);cursor:pointer;display:flex;font-size:var(--small-size);font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;transition:all var(--transition-medium) var(--easing)}.add-social-btn:hover{background:var(--primary);border-color:var(--primary);color:var(--bg);transform:translateY(-1px)}.form-actions{border-top:1px solid #3f3f3f;justify-content:flex-end}.form-actions .btn{align-items:center;display:flex;font-size:14px;font-weight:500;gap:8px;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase}@media (max-width:768px){.platforms-checkboxes{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{justify-content:center;width:100%}.social-link-edit{align-items:stretch;flex-direction:column}.remove-btn{align-self:flex-end;width:auto}}.content-tabs{background:var(--surface);border-bottom:1px solid var(--border);margin-bottom:2rem}.content-tabs .tabs-nav{display:flex;gap:0;overflow-x:auto;padding:0 1rem}.content-tabs .tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:1rem 1.5rem;position:relative;transition:all .3s ease;white-space:nowrap}.content-tabs .tab:hover{background:var(--muted-surface);color:var(--text)}.content-tabs .tab.active{background:var(--muted-surface);border-bottom-color:var(--primary);color:var(--primary)}.about-section,.playlists-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:2rem;padding:2rem}.about-section h2,.playlists-section h2{color:var(--text);font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.about-section .about-content p{color:var(--text);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.about-section .about-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.about-section .detail-item{background:var(--muted-surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.25rem;padding:1rem}.about-section .detail-label{color:var(--muted);font-size:.9rem;font-weight:500}.about-section .detail-value{color:var(--text);font-size:1rem;font-weight:600}.about-section .social-links{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.5rem}.about-section .social-links h4{color:var(--text);font-size:1.2rem;font-weight:600;margin-bottom:1rem}.about-section .social-links-list{display:flex;flex-wrap:wrap;gap:.75rem}.about-section .social-link{align-items:center;background:var(--muted-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all var(--transition-medium) var(--easing)}.about-section .social-link:hover{background:var(--primary);border-color:var(--primary);box-shadow:0 2px 8px var(--gold-glow);color:var(--bg);transform:translateY(-1px)}.playlists-content{min-height:300px}.no-playlists,.playlists-content{align-items:center;display:flex;justify-content:center}.no-playlists{color:var(--text-secondary);flex-direction:column;padding:3rem 2rem;text-align:center}.no-playlists-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-playlists p{font-size:1.1rem;margin:0 0 1.5rem}.no-playlists .btn{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem}@media (max-width:768px){.content-tabs .tabs-nav{padding:0 .5rem}.content-tabs .tab{font-size:.9rem;padding:.75rem 1rem}.about-section,.playlists-section{padding:1.5rem}.about-section .about-details{gap:.75rem;grid-template-columns:1fr}.about-section .social-links-list{justify-content:center}}.streams-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:20px 0}.stream-card{background:var(--surface);border:1px solid #ffffff1a;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;height:280px;overflow:hidden;transition:all var(--transition-medium) var(--easing)}.stream-card:hover{border-color:#fff3;box-shadow:0 8px 24px #0000004d;transform:translateY(-4px)}.stream-thumbnail{background-color:var(--video-bg);height:180px;overflow:hidden}.stream-thumbnail img{height:100%;transition:transform .3s ease;width:100%}.stream-card:hover .stream-thumbnail img{transform:scale(1.05)}.stream-overlay{background:linear-gradient(#0000,#000000b3);flex-direction:column;justify-content:space-between;padding:12px}.stream-duration{align-self:flex-end}.stream-duration,.stream-views{background-color:#000c;font-size:12px;font-weight:600;padding:4px 8px}.stream-views{align-self:flex-start;border-radius:4px;color:#fff}.play-button{background:#000c;color:#fff;font-size:18px;height:50px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px}.stream-card:hover .play-button{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.stream-info{display:flex;flex-direction:column;justify-content:space-between;padding:16px}.stream-title-container{align-items:flex-start;display:flex;gap:8px;margin-bottom:8px}.stream-title{line-clamp:2;flex:1 1;font-size:14px;word-break:break-word}.edit-title-btn{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:12px;opacity:0;padding:4px;transform:scale(.8);transition:all .2s ease}.stream-card:hover .edit-title-btn{opacity:1;transform:scale(1)}.edit-title-btn:hover{background:var(--muted-surface);color:var(--text)}.stream-stats{color:var(--text-secondary);flex-direction:column;font-size:12px;gap:4px}.stream-stats span{align-items:center;display:flex;gap:4px}.edit-title-container{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.edit-title-input{background:var(--surface);border:2px solid var(--primary);border-radius:6px;color:var(--text);font-size:14px;font-weight:600;outline:none;padding:8px 12px;transition:all .2s ease;width:100%}.edit-title-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #d4af3733}.edit-actions{display:flex;gap:8px;justify-content:flex-end}.edit-cancel-btn,.edit-save-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease}.edit-save-btn{background:var(--success);color:#fff}.edit-save-btn:hover:not(:disabled){background:#059669}.edit-save-btn:disabled{background:var(--muted);cursor:not-allowed}.edit-cancel-btn{background:var(--danger);color:#fff}.edit-cancel-btn:hover:not(:disabled){background:#dc2626}.edit-cancel-btn:disabled{background:var(--muted);cursor:not-allowed}@media (max-width:1200px){.streams-list{gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.streams-list{gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:16px 0}.stream-card{height:260px}.stream-thumbnail{height:160px}}@media (max-width:480px){.streams-list{gap:12px;grid-template-columns:1fr}.stream-card{height:240px}.stream-thumbnail{height:140px}}.profile-avatar-placeholder{border:4px solid #0f0f0f;border-radius:50%;box-shadow:0 8px 32px #0000004d;height:120px;transition:transform .3s ease;width:120px}.profile-avatar-placeholder:hover{transform:scale(1.05)}.banner-placeholder{background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 50%,var(--accent) 100%);border-radius:0;bottom:0;height:200px;left:0;position:absolute;right:0;top:0;width:100%;z-index:1}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin:32px 0;padding:20px 0}.pagination-btn{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all var(--transition-medium) var(--easing)}.pagination-btn:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:var(--bg);transform:translateY(-1px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-pages{align-items:center;display:flex;gap:8px}.pagination-page{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;transition:all var(--transition-medium) var(--easing);width:40px}.pagination-page:hover{background:var(--muted-surface);border-color:var(--primary);transform:translateY(-1px)}.pagination-page.active{background:var(--primary);border-color:var(--primary);box-shadow:0 2px 8px #d4af374d;color:var(--bg)}.pagination-page.active:hover{background:var(--primary-hover);transform:translateY(-1px)}.playlists-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.playlists-header h2{color:var(--text);font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin:0}.playlists-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.playlist-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;padding:1.5rem;position:relative;transition:all var(--transition-medium) var(--easing)}.playlist-card:hover{border-color:var(--primary);box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.playlist-header{margin-bottom:1rem}.playlist-header h3{color:var(--text);font-family:var(--font-display);font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.playlist-meta{flex-wrap:wrap;gap:.75rem}.playlist-meta,.privacy-badge{align-items:center;display:flex}.privacy-badge{border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}.privacy-badge.public{background:#10b9811a;border:1px solid #10b9814d;color:var(--success)}.privacy-badge.private{background:#6b72801a;border:1px solid #6b72804d;color:var(--muted)}.streams-count{color:var(--text-secondary);font-size:.8rem;font-weight:500}.playlist-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.9rem;line-height:1.5;margin:0 0 1rem;overflow:hidden}.playlist-actions{display:flex;gap:.5rem;margin-bottom:1rem}.playlist-actions .action-btn{align-items:center;background:var(--muted-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;height:2rem;justify-content:center;min-width:2rem;padding:.5rem;transition:all var(--transition-medium) var(--easing)}.playlist-actions .action-btn:hover{background:var(--surface);border-color:var(--primary);color:var(--text);transform:scale(1.05)}.playlist-footer{border-top:1px solid var(--border);margin-top:auto;padding-top:.75rem}.created-date{color:var(--muted);font-size:.8rem;font-weight:500}.modal-overlay{padding:1rem}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 20px 40px #0000004d;max-height:90vh;overflow-y:auto}.modal-header{background:var(--panel);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:1.5rem}.modal-header h3{font-family:var(--font-display)}.modal-close{border-radius:var(--radius-sm);color:var(--text-secondary);font-size:1.5rem;height:2rem;padding:.25rem;transition:all var(--transition-medium) var(--easing);width:2rem}.modal-close:hover{background:var(--muted-surface);color:var(--text)}.modal-body{padding:1.5rem}.modal-body .form-group{margin-bottom:1.5rem}.modal-body .form-group:last-of-type{margin-bottom:0}.modal-body .checkbox-label{align-items:center;color:var(--text);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.modal-body .checkbox-label input[type=checkbox]{accent-color:red;height:16px;width:16px}@media (max-width:768px){.playlists-header{align-items:stretch;flex-direction:column;gap:1rem}.playlists-grid{gap:1rem;grid-template-columns:1fr}.playlist-card{padding:1rem}.playlist-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.playlist-actions{justify-content:center}.modal-content{margin:1rem;max-width:none}}.channel-info{align-items:flex-start;display:flex;gap:24px;padding:24px 0}.channel-left{display:flex;flex:1 1;gap:20px}.channel-right{flex:0 0 600px;margin-left:auto;margin-right:100px;max-width:600px;transition:all .3s ease}.channel-right:empty{display:none}.channel-right .live-stream-card{transition:all .3s ease}@media (max-width:1024px){.channel-info{flex-direction:column;gap:20px}.channel-right{flex:none;margin-left:0;margin-right:0;max-width:none;width:100%}}@media (max-width:768px){.channel-left{flex-direction:column;gap:16px}.channel-info{padding:16px 0}}.live-stream-card{animation:slideIn .5s ease-out;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;margin-bottom:24px;overflow:hidden;transition:all .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.live-stream-card:hover{border-color:var(--primary);box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.live-stream-card.loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.live-stream-header{color:#fff;padding:12px 16px}.live-indicator{gap:6px}.live-dot{height:6px;width:6px}.live-stats{display:flex;font-size:12px;font-weight:500;gap:12px}.duration,.viewer-count{align-items:center;display:flex;gap:4px}.live-stream-preview{height:200px;overflow:hidden;position:relative;width:100%}.stream-thumbnail{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.live-stream-card:hover .stream-thumbnail{transform:scale(1.05)}.stream-overlay{align-items:center;background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.live-stream-card:hover .stream-overlay{opacity:1}.play-button{align-items:center;background:#ffffffe6;border-radius:50%;box-shadow:0 4px 12px #0000004d;display:flex;font-size:24px;height:60px;justify-content:center;transition:all .3s ease;width:60px}.live-stream-card:hover .play-button{background:#fff;transform:scale(1.1)}.live-stream-info{padding:16px}.stream-title{font-size:16px}.stream-meta{margin-bottom:8px}.game-name{align-items:center;color:var(--text-muted);display:flex;font-size:14px;gap:4px}.live-stream-actions{padding:0 16px 16px}.watch-live-btn{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--gold-3) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .3s ease;width:100%}.watch-live-btn:hover{box-shadow:0 4px 12px #d4af374d;transform:translateY(-1px)}.loading-spinner{height:32px;margin-bottom:12px;width:32px}@media (max-width:768px){.live-stream-card{margin-bottom:16px}.live-stream-preview{height:160px}.live-stream-info{padding:12px}.stream-title{font-size:14px}.live-stream-actions{padding:0 12px 12px}.watch-live-btn{font-size:13px;padding:10px 12px}}@media (max-width:480px){.live-stream-header{padding:10px 12px}.live-stats{font-size:11px;gap:8px}.live-stream-preview{height:140px}.play-button{font-size:20px;height:50px;width:50px}}.live-stream-modal{align-items:center;background:#000000e6;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:10000}.live-stream-content{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 40px #00000080;max-height:90vh;max-width:1200px;overflow-y:auto;width:100%}.live-stream-header{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--gold-3) 100%);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px}.live-indicator{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px}.live-dot{animation:pulse 2s infinite;background:red;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.live-stream-body{padding:20px}.stream-player{box-shadow:0 8px 24px #0000004d;margin-bottom:20px;overflow:hidden}.stream-player,.stream-player iframe{border-radius:8px}.stream-info{margin-bottom:20px}.stream-title{color:var(--text);font-size:18px;line-height:1.4;margin:0 0 12px}.stream-meta{flex-wrap:wrap}.game-name,.viewer-count{align-items:center;color:var(--text-muted);display:flex;font-size:14px;gap:4px}.stream-chat{background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.stream-chat iframe{border-radius:8px}.iframe-error,.live-stream-error,.live-stream-loading{color:var(--text);padding:40px 20px;text-align:center}.iframe-error{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:20px}.iframe-error .error-icon{font-size:32px;margin-bottom:12px}.iframe-error p{color:var(--text-muted);margin:8px 0}.twitch-link{background:var(--primary);border-radius:6px;color:var(--bg);display:inline-block;font-weight:500;margin-top:12px;padding:8px 16px;text-decoration:none;transition:all .3s ease}.twitch-link:hover{background:var(--primary-hover);transform:translateY(-1px)}.loading-spinner{border-top:3px solid var(--border);border:3px solid var(--border);border-top-color:var(--primary);margin:0 auto 16px}.error-icon{font-size:48px}.live-stream-error .close-btn{background:var(--primary);border-radius:6px;color:var(--bg);font-size:14px;height:auto;margin-top:16px;padding:8px 16px;width:auto}.live-stream-error .close-btn:hover{background:var(--primary-hover);transform:none}@media (max-width:768px){.live-stream-modal{padding:10px}.live-stream-content{max-height:95vh}.live-stream-body{padding:16px}.stream-player iframe{height:250px}.stream-chat iframe{height:200px}.stream-meta{flex-direction:column;gap:8px}}@media (max-width:480px){.live-stream-header{padding:12px 16px}.live-stream-body{padding:12px}.stream-player iframe{height:200px}.stream-chat iframe{height:150px}}.channel-about{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto 32px;max-width:800px;padding:32px;width:100%}.about-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.about-header h3{color:var(--text);font-size:18px;font-weight:600;margin:0}.edit-btn{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--gold-3) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.edit-btn:hover{box-shadow:0 4px 12px #d4af374d;transform:translateY(-1px)}.about-content,.about-text{color:var(--text);font-size:16px;line-height:1.8;max-width:100%;text-align:justify}.about-text{word-wrap:break-word;overflow-wrap:break-word}.about-text h1,.about-text h2,.about-text h3,.about-text h4,.about-text h5,.about-text h6{color:var(--text);font-weight:600;margin:16px 0 8px}.about-text p{margin:12px 0;text-indent:1.5em}.about-text p:first-child{text-indent:0}.about-text ol,.about-text ul{margin:8px 0;padding-left:20px}.about-text li{margin:4px 0}.about-text a{border-bottom:1px solid #0000;color:var(--primary);text-decoration:none;transition:all .3s ease}.about-text a:hover{border-bottom-color:var(--primary)}.about-text img{border-radius:8px;height:auto;margin:8px 0;max-width:100%}.about-placeholder{color:var(--text-muted);font-style:italic;margin:0}.rich-text-editor{background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.editor-toolbar{background:var(--muted-surface);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;padding:8px 12px}.editor-toolbar,.toolbar-btn{align-items:center;display:flex}.toolbar-btn{background:#0000;border:1px solid var(--border);border-radius:4px;color:var(--text);cursor:pointer;font-size:12px;height:28px;justify-content:center;min-width:28px;padding:6px 8px;transition:all .2s ease}.toolbar-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.toolbar-btn:active{transform:scale(.95)}.toolbar-separator{background:var(--border);height:20px;margin:0 4px;width:1px}.editor-content{background:var(--bg);color:var(--text);font-size:16px;line-height:1.8;max-width:100%;min-height:300px;outline:none;padding:24px}.editor-content:empty:before{color:var(--text-muted);content:attr(data-placeholder);font-style:italic}.editor-content h1,.editor-content h2,.editor-content h3,.editor-content h4,.editor-content h5,.editor-content h6{color:var(--text);font-weight:600;margin:16px 0 8px}.editor-content p{margin:8px 0}.editor-content ol,.editor-content ul{margin:8px 0;padding-left:20px}.editor-content li{margin:4px 0}.editor-content a{border-bottom:1px solid #0000;color:var(--primary);text-decoration:none;transition:all .3s ease}.editor-content a:hover{border-bottom-color:var(--primary)}.editor-content img{border-radius:8px;height:auto;margin:8px 0;max-width:100%}.about-editor{margin-top:16px}.editor-actions{border-top:1px solid var(--border);display:flex;gap:12px;margin-top:16px;padding-top:16px}.editor-actions .btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:all .3s ease}.editor-actions .btn:disabled{cursor:not-allowed;opacity:.6}.error-message{margin:12px 0}@media (max-width:768px){.channel-about{margin:0 16px 24px;max-width:calc(100% - 32px);padding:20px}.about-header{align-items:flex-start;flex-direction:column;gap:12px}.editor-toolbar{gap:2px;padding:6px 8px}.toolbar-btn{font-size:11px;height:24px;min-width:24px;padding:4px 6px}.editor-content{min-height:150px;padding:12px}.editor-actions{flex-direction:column;gap:8px}.editor-actions .btn{justify-content:center;width:100%}}@media (max-width:480px){.channel-about{padding:12px}.editor-toolbar{flex-wrap:wrap;justify-content:center}.toolbar-separator{display:none}}.category-selector{margin:20px 0}.category-selector-label{color:var(--text);display:block;font-size:14px;font-weight:600;margin-bottom:12px}.category-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:16px}.category-option{align-items:center;background:var(--surface);border:2px solid var(--border);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;position:relative;text-align:left;transition:all .3s ease;width:100%}.category-option:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.category-option.selected{border-color:var(--primary);box-shadow:0 4px 12px #d4af3733}.category-icon{flex-shrink:0}.category-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.category-name{color:var(--text);font-size:14px;font-weight:600}.category-description{font-size:12px;line-height:1.4}.selected-indicator{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:8px;top:8px;width:20px}.category-selected-info{background:var(--muted-surface);border-left:4px solid var(--primary);border-radius:8px;color:var(--text);font-size:14px;padding:12px 16px}.selected-category-name{color:var(--primary);font-weight:600}.category-display{margin:16px 0}.category-badge{align-items:center;border-radius:20px;color:#fff;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 12px;text-shadow:0 1px 2px #0003}.category-selector-error,.category-selector-loading{color:var(--text-muted);font-size:14px;padding:20px;text-align:center}.category-selector-error{background:#ff44441a;border:1px solid #ff44444d;border-radius:8px;color:#f44}@media (max-width:768px){.category-options{grid-template-columns:1fr}.category-option{padding:12px}.category-icon{font-size:20px;height:28px;width:28px}.category-name{font-size:13px}.category-description{font-size:11px}}@media (max-width:480px){.category-selector{margin:16px 0}.category-option{gap:8px;padding:10px}.category-icon{font-size:18px;height:24px;width:24px}.selected-indicator{font-size:10px;height:16px;width:16px}}.streamer-dashboard{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;position:relative}.streamer-dashboard:before{animation:gradientShift 20s ease infinite;background:url("data:image/svg+xml;charset=utf-8,"60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg fill="%23ffffff" fill-opacity="0.05"%3E%3Ccircle cx="30" cy="30" r="2"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");bottom:0;content:"";left:0;position:absolute;right:0;top:0}.dashboard-loading{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:1.2rem;justify-content:center;min-height:100vh}.dashboard-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin-bottom:20px;width:40px}.dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;padding:40px 0;position:relative;z-index:1}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.welcome-section h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px #0000004d}.welcome-subtitle{color:#ffffffe6;font-size:1.2rem;margin:0}.header-actions{display:flex;flex-wrap:wrap;gap:12px}.dashboard-content{padding:40px 0;position:relative;z-index:1}.section-title{color:#fff;font-size:1.8rem;font-weight:600;margin:0 0 24px;text-shadow:0 2px 4px #0000004d}.stats-overview{margin-bottom:40px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;display:flex;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.stat-card:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stat-card:hover:before{opacity:1}.stat-icon{font-size:2.5rem;opacity:.9}.stat-content{flex:1 1}.stat-value{color:#fff;font-size:2rem;font-weight:700;margin:0 0 4px;text-shadow:0 2px 4px #0000004d}.stat-label{color:#fffc;font-size:.9rem;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.stat-change{color:#ffffffb3;font-size:.8rem;margin:0}.stat-change.positive{color:#10b981}.quick-actions{margin-bottom:40px}.actions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.action-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.action-card:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.action-card:hover:before{opacity:1}.action-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.8rem;height:60px;justify-content:center;width:60px}.action-content h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 4px}.action-content p{color:#fffc;font-size:.9rem;margin:0}.dashboard-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-bottom:40px}@media (max-width:768px){.dashboard-grid{gap:30px;grid-template-columns:1fr}}.dashboard-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:24px}.streams-list{display:flex;flex-direction:column;gap:16px}.stream-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .3s ease}.stream-item:hover{background:#ffffff1a;transform:translateY(-2px)}.stream-thumbnail{flex-shrink:0;position:relative}.stream-thumbnail img{border-radius:8px;height:68px;object-fit:cover;width:120px}.stream-duration{background:#000c;border-radius:4px;bottom:4px;color:#fff;font-size:.7rem;padding:2px 6px;position:absolute;right:4px}.stream-info{flex:1 1;min-width:0}.stream-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis}.stream-meta{color:#ffffffb3;display:flex;font-size:.8rem;gap:16px}.top-streams{display:flex;flex-direction:column;gap:16px}.top-stream-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.top-stream-item:hover{background:#ffffff1a;transform:translateY(-2px)}.rank{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.stream-stats{color:#ffffffb3;display:flex;font-size:.8rem;gap:16px;margin-top:4px}.notifications-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:24px}.notifications-list{display:flex;flex-direction:column;gap:16px}.notification-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.notification-item.success{border-left:4px solid #10b981}.notification-item.info{border-left:4px solid #3b82f6}.notification-item.warning{border-left:4px solid #f59e0b}.notification-item.error{border-left:4px solid #ef4444}.notification-icon{flex-shrink:0;font-size:1.5rem}.notification-content h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 4px}.notification-content p{color:#fffc;font-size:.9rem;margin:0 0 8px}.notification-time{color:#fff9;font-size:.8rem}.empty-state{color:#ffffffb3;padding:40px 20px}.empty-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.empty-state p{font-size:1.1rem;margin:0 0 20px}.btn-primary{background:#10b981;box-shadow:0 4px 14px #10b9814d}.btn-primary:hover{background:#059669;box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-secondary:hover{background:#ffffff4d;transform:translateY(-2px)}@media (max-width:768px){.header-content{flex-direction:column;text-align:center}.welcome-section h1{font-size:2rem}.welcome-subtitle{font-size:1rem}.actions-grid,.stats-grid{grid-template-columns:1fr}.stream-item{flex-direction:column}.stream-thumbnail{align-self:center}.stream-thumbnail img{height:auto;max-width:200px;width:100%}}@media (max-width:480px){.container{padding:0 16px}.dashboard-content,.dashboard-header{padding:20px 0}.action-card,.dashboard-section,.stat-card{padding:16px}}.streamer-settings{color:var(--text)}.streamer-settings input[type=email],.streamer-settings input[type=number],.streamer-settings input[type=text],.streamer-settings input[type=url],.streamer-settings textarea{background-color:var(--muted-surface)!important;border:2px solid var(--border);border-radius:var(--radius-sm);color:var(--text)!important;font-family:var(--font-family);font-size:var(--body-size);line-height:var(--body-line-height);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-short) var(--easing)}.streamer-settings input[type=email]:focus,.streamer-settings input[type=number]:focus,.streamer-settings input[type=text]:focus,.streamer-settings input[type=url]:focus,.streamer-settings textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7c5cff3d;outline:none}.settings-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg) 0}.settings-header h1{font-family:var(--font-display);font-size:1.75rem;letter-spacing:-.01em;margin:0}.settings-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.settings-section{background:linear-gradient(135deg,var(--surface) 0,var(--muted-surface) 100%);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--spacing-lg)}.settings-section h2{font-family:var(--font-display);margin:0 0 var(--spacing-md) 0}.section-header{margin-bottom:var(--spacing-md)}.direct-upload-settings{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.direct-upload-settings h3{color:var(--text);font-size:1.1rem;margin:0 0 var(--spacing-md) 0}.direct-upload-settings .form-group{margin-bottom:1rem}.direct-upload-settings .form-group label{align-items:center;color:var(--text);display:flex;font-weight:500;gap:.5rem;margin-bottom:.5rem}.direct-upload-settings .form-group input[type=checkbox]{margin:0;transform:scale(1.2)}.help-text{color:var(--text-secondary);font-size:.85rem;font-style:italic;margin:.25rem 0 0}.direct-upload-settings .form-group input[type=number]{text-align:center;width:80px}.import-platform h3{align-items:center;color:var(--text);display:flex;font-size:1.1rem;gap:.5rem;margin:0 0 .5rem}.import-platform .btn{overflow:hidden;position:relative}.import-platform .btn:disabled{cursor:not-allowed;opacity:.6}.import-platform .btn:not(:disabled):hover{transform:translateY(-1px)}.status-indicator{align-items:center;border-radius:4px;display:inline-flex;font-size:.8rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}.status-indicator.enabled{background:#22c55e1f;border:1px solid #22c55e59;color:var(--success)}.status-indicator.disabled{background:#ef44441f;border:1px solid #ef444459;color:var(--danger)}.import-jobs{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-lg)}.jobs-header{margin-bottom:var(--spacing-md)}.jobs-list{gap:var(--spacing-md)}.job-item{background:linear-gradient(135deg,var(--surface) 0,var(--muted-surface) 100%);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-md)}.job-item.completed{border-color:#22c55e59}.job-item.failed{border-color:#ef444459}.job-header{margin-bottom:var(--spacing-sm)}.job-title{font-weight:600}.job-platform{margin-left:var(--spacing-sm)}.job-platform,.job-status{color:var(--text-secondary)}.job-progress{align-items:center;display:flex;gap:var(--spacing-sm)}.progress-bar{background:var(--muted-surface);border:1px solid var(--border);border-radius:999px}.progress-fill{background:linear-gradient(90deg,var(--gold-2),var(--gold-3));height:100%}.job-details{color:var(--text-secondary);display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xs)}.job-error{margin-top:var(--spacing-sm)}.error-message{color:var(--danger);margin-bottom:var(--spacing-sm)}.job-steps{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:var(--spacing-sm)}.step{background:var(--muted-surface);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:var(--spacing-sm)}.step.completed{border-color:#22c55e59}.step.failed{border-color:#ef444459}.upload-section{align-items:flex-start;display:flex;gap:20px;margin-bottom:16px}.upload-preview{flex-shrink:0}.avatar-preview{border:2px solid var(--border);border-radius:50%;height:80px;width:80px}.avatar-preview,.banner-preview{box-shadow:0 4px 12px #0000001a;object-fit:cover}.banner-preview{border:2px solid var(--border);border-radius:var(--radius-sm);height:112px;width:200px}.upload-controls{display:flex;flex:1 1;flex-direction:column;gap:8px}.upload-btn{background:linear-gradient(135deg,var(--gold-2) 0,var(--gold-3) 100%);border:none;border-radius:var(--radius-sm);box-shadow:0 4px 12px var(--gold-shadow);color:#000;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;max-width:200px;padding:12px 24px;text-align:center;transition:all .3s ease}.upload-btn:hover{box-shadow:0 6px 20px var(--gold-shadow-strong);transform:translateY(-2px)}.upload-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.upload-info{color:var(--text-secondary);font-size:.8rem;line-height:1.4}.upload-info small{color:var(--muted);display:block;margin-top:4px}.form-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-sm);color:var(--danger);font-size:.9rem;font-weight:500;margin:8px 0;padding:12px 16px}@media (max-width:768px){.direct-upload-settings{padding:1rem}.direct-upload-settings .form-group input[type=number]{width:100%}.upload-section{flex-direction:column;gap:12px}.upload-btn{max-width:100%}.banner-preview{height:120px;width:100%}}.storage-settings{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:40px 0;position:relative}.storage-settings:before{animation:gradientShift 20s ease infinite;background:url("data:image/svg+xml;charset=utf-8,"60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg fill="%23ffffff" fill-opacity="0.05"%3E%3Ccircle cx="30" cy="30" r="2"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");bottom:0;content:"";left:0;position:absolute;right:0;top:0}.header{margin-bottom:40px}.header h1{color:#fff;margin:0 0 16px;text-shadow:0 2px 4px #0000004d}.header p{color:#ffffffe6}.loading-container{font-size:1.2rem}.loading-spinner{border:4px solid #ffffff4d}.notification{box-shadow:0 4px 12px #00000026;font-weight:500;max-width:300px}.notification.success{border-left:4px solid #10b981;color:#065f46}.notification.error{border-left:4px solid #ef4444;color:#991b1b}.notification.info{border-left:4px solid #3b82f6;color:#1e40af}.storage-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.storage-tabs,.tab{justify-content:center}.tab{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;font-weight:600;min-width:150px;padding:16px 24px}.tab:hover{background:#fff3;transform:translateY(-2px)}.tab.active{background:#ffffff40;border-color:#fff6;box-shadow:0 4px 12px #0003}.tab-icon{font-size:1.2rem}.storage-config{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;margin-bottom:30px;padding:32px}.config-section h2{color:#fff;font-size:1.8rem;margin:0 0 24px;text-shadow:0 2px 4px #0000004d}.config-grid{grid-gap:20px;gap:20px}.form-group label{color:#fff;font-size:.9rem}.form-group input[type=checkbox]{accent-color:#3b82f6;height:16px;width:16px}.form-group input,.form-group select,.form-group textarea{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;font-size:1rem;padding:12px 16px;transition:all .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff9}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff26;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{font-family:Courier New,monospace;font-size:.9rem;min-height:100px;resize:vertical}.test-result{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;margin:24px 0;padding:20px}.test-result.success{background:#10b9811a;border-left:4px solid #10b981}.test-result.error{background:#ef44441a;border-left:4px solid #ef4444}.test-result h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 8px}.test-result p{color:#fff;font-size:1rem;margin:0}.action-buttons{gap:16px;margin-top:32px}.btn{font-size:1rem;gap:8px;min-width:180px;padding:12px 24px}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#3b82f6;box-shadow:0 4px 14px #3b82f64d}.btn-primary:hover:not(:disabled){background:#2563eb;box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.btn-secondary{background:#fff3;border:1px solid #ffffff4d;color:#fff}.btn-secondary:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px)}@media (max-width:768px){.container{padding:0 16px}.header h1{font-size:2rem}.header p{font-size:1rem}.storage-tabs{align-items:center;flex-direction:column}.tab{max-width:300px;width:100%}.config-grid{grid-template-columns:1fr}.storage-config{padding:20px}.action-buttons{align-items:center;flex-direction:column}.btn{max-width:300px;width:100%}.notifications{margin-bottom:20px;position:static}.notification{max-width:none}}@media (max-width:480px){.storage-settings{padding:20px 0}.header h1{font-size:1.8rem}.storage-config{padding:16px}.config-section h2{font-size:1.5rem}}.section-header{align-items:center;border-bottom:2px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.section-actions{display:flex;gap:10px}.btn-test{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.btn-test:hover:not(:disabled){box-shadow:0 4px 15px #ee5a2466;transform:translateY(-2px)}.btn-test:disabled{cursor:not-allowed;opacity:.6;transform:none}.action-buttons{border-top:2px solid #ffffff1a;gap:20px;margin-top:3rem;padding-top:2rem}.action-buttons .btn{align-items:center;border-radius:8px;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.action-buttons .btn:hover:not(:disabled){box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.action-buttons .btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.modal-content{max-width:600px}.test-result{display:flex;flex-direction:column;gap:20px}.result-header{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.result-status{border-radius:20px;font-size:1.1rem;font-weight:600;padding:8px 16px}.result-status.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.result-status.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.result-timestamp{color:#666;font-size:.9rem}.result-success h4{color:#28a745;font-size:1.1rem;margin:0 0 16px}.result-error h4{color:#dc3545;font-size:1.1rem;margin:0 0 16px}.error-details,.result-details{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:16px}.error-details h5,.result-details h5{color:#495057;font-size:.95rem;margin:0 0 12px}.error-details pre,.result-details pre{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;font-size:.85rem;margin:0;overflow-x:auto;padding:12px;white-space:pre-wrap;word-break:break-word}.error-message{margin-bottom:16px}.config-used{background:#e3f2fd;border:1px solid #bbdefb;border-radius:6px;padding:16px}.config-used h5{color:#1565c0;font-size:.95rem;margin:0 0 12px}.config-preview{grid-gap:8px;display:grid;font-size:.85rem;gap:8px;grid-template-columns:1fr 1fr}.config-item{display:flex;flex-direction:column;gap:2px}.config-key{color:#666;font-weight:600;text-transform:capitalize}.config-value{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-family:monospace;padding:4px 8px;word-break:break-all}.modal-footer .btn{font-size:.95rem;padding:10px 20px}@media (max-width:768px){.modal-content{margin:10px;max-height:90vh}.modal-body,.modal-footer,.modal-header{padding:16px}.result-header{align-items:flex-start;flex-direction:column;gap:12px}.config-preview{grid-template-columns:1fr}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}.video-player{background:#000;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:100%;overflow:hidden}.video-container{background:#000;height:0;padding-bottom:56.25%;position:relative;width:100%}.video-element{cursor:pointer;height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.loading-overlay{align-items:center;background:#000000b3;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-overlay p{font-size:1rem;font-weight:500;margin:0}.error-overlay{align-items:center;background:#000c;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;padding:20px;position:absolute;right:0;text-align:center;top:0;z-index:10}.error-icon{margin-bottom:16px}.error-overlay p{color:#ff6b6b;font-size:1.1rem;margin:0 0 20px}.video-controls{background:linear-gradient(#0000,#000c);bottom:0;left:0;opacity:0;padding:20px 16px 16px;position:absolute;right:0;transition:opacity .3s ease;z-index:5}.video-controls.visible{opacity:1}.progress-container{margin-bottom:12px}.progress-bar{background:#ffffff4d;border-radius:3px;cursor:pointer;height:6px;position:relative;transition:height .2s ease}.progress-bar:hover{height:8px}.progress-filled{background:#ff6b6b}.progress-buffer,.progress-filled{border-radius:3px;left:0;position:absolute;top:0;transition:width .1s ease}.progress-buffer{background:#ffffff80;height:100%}.controls-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.controls-left,.controls-right{align-items:center;display:flex;gap:8px}.control-btn{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;min-height:40px;min-width:40px;padding:8px;transition:all .2s ease}.control-btn:hover{background:#fff3;transform:scale(1.1)}.control-btn:active{transform:scale(.95)}.time-display{color:#fff;font-family:monospace;font-size:.9rem;font-weight:500;min-width:100px;text-align:center}.volume-slider{-webkit-appearance:none;background:#ffffff4d;border-radius:2px;cursor:pointer;height:4px;outline:none;width:80px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#ff6b6b;border-radius:50%;cursor:pointer;height:16px;-webkit-transition:all .2s ease;transition:all .2s ease;width:16px}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{background:#ff6b6b;border:none;border-radius:50%;cursor:pointer;height:16px;-moz-transition:all .2s ease;transition:all .2s ease;width:16px}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}.playback-rate-select,.quality-select{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;outline:none;padding:6px 8px;transition:all .2s ease}.playback-rate-select:hover,.quality-select:hover{background:#fff3;border-color:#ffffff80}.playback-rate-select option,.quality-select option{background:#333;color:#fff}.video-player:fullscreen{border-radius:0;height:100vh;width:100vw}.video-player:fullscreen .video-container{height:100vh;padding-bottom:0}@media (max-width:768px){.video-controls{padding:16px 12px 12px}.controls-row{gap:8px}.controls-left,.controls-right{gap:6px}.control-btn{font-size:1rem;min-height:36px;min-width:36px;padding:6px}.time-display{font-size:.8rem;min-width:80px}.volume-slider{width:60px}.playback-rate-select,.quality-select{font-size:.8rem;padding:4px 6px}}@media (max-width:480px){.video-controls{padding:12px 8px 8px}.controls-row{flex-wrap:wrap;gap:6px}.controls-right{justify-content:flex-end;margin-bottom:8px;order:-1;width:100%}.time-display{min-width:70px}.volume-slider{width:50px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.video-controls.visible{animation:fadeInUp .3s ease}.video-container:hover .video-controls{opacity:1}.control-btn:focus,.playback-rate-select:focus,.quality-select:focus,.volume-slider:focus{outline:2px solid #ff6b6b;outline-offset:2px}.playback-rate-select::-webkit-scrollbar,.quality-select::-webkit-scrollbar{width:6px}.playback-rate-select::-webkit-scrollbar-track,.quality-select::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.playback-rate-select::-webkit-scrollbar-thumb,.quality-select::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.playback-rate-select::-webkit-scrollbar-thumb:hover,.quality-select::-webkit-scrollbar-thumb:hover{background:#ffffff80}.video-processing{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;overflow:hidden;padding:2rem 0;position:relative}.video-processing:before{animation:gradientShift 20s ease infinite;background:url("data:image/svg+xml;charset=utf-8,"60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg fill="%23ffffff" fill-opacity="0.05"%3E%3Ccircle cx="30" cy="30" r="2"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");bottom:0;content:"";left:0;position:absolute;right:0;top:0}.container{margin:0 auto;max-width:1200px;padding:0 20px;position:relative;z-index:1}.header{color:#fff;margin-bottom:3rem;text-align:center}.header h1{font-size:2.5rem;font-weight:700;margin:0 0 1rem;text-shadow:0 2px 10px #0000004d}.header p{font-size:1.2rem;margin:0;opacity:.9}.notifications{display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;top:20px;z-index:1000}.notification{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-left:4px solid #4caf50;border-radius:8px;box-shadow:0 4px 20px #0000001a;cursor:pointer;max-width:400px;min-width:300px;padding:12px 16px;position:relative;transition:all .3s ease}.notification:hover{box-shadow:0 6px 25px #00000026;transform:translateX(-5px)}.notification-success{border-left-color:#4caf50;color:#2e7d32}.notification-error{border-left-color:#f44336;color:#c62828}.notification-info{border-left-color:#2196f3;color:#1565c0}.notification-close{background:none;border:none;color:#00000080;cursor:pointer;font-size:18px;position:absolute;right:8px;top:8px;transition:color .2s ease}.notification-close:hover{color:#000c}.tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;margin-bottom:2rem;overflow-x:auto;padding:4px}.tab,.tabs{display:flex}.tab{align-items:center;background:none;border:none;border-radius:8px;color:#fffc;cursor:pointer;font-size:1rem;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.tab:hover{background:#ffffff1a;color:#fff}.tab.active{background:#fff3;box-shadow:0 2px 10px #0000001a;color:#fff}.tab-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 32px #0000001a;padding:2rem}.config-section{margin-bottom:2rem}.config-section h2{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.config-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{align-items:center;color:#555;display:flex;gap:8px}.form-group input,.form-group select{background:#fff;border:2px solid #e0e0e0;font-size:1rem;padding:12px}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.bitrates-list{display:flex;flex-direction:column;gap:12px}.bitrate-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;justify-content:space-between;padding:16px}.bitrate-info,.bitrate-item{align-items:center;display:flex}.bitrate-info{gap:16px}.bitrate-name{color:#333;font-weight:600;min-width:60px}.bitrate-resolution{color:#666;font-family:monospace;min-width:80px}.bitrate-bitrate{color:#667eea;font-weight:500;min-width:60px}.jobs-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.jobs-header h2{color:#333;font-size:1.5rem;font-weight:600;margin:0}.jobs-list{display:flex;flex-direction:column;gap:1rem}.empty-state{color:#666;padding:3rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#333;margin:0 0 .5rem}.empty-state p{margin:0}.job-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:all .3s ease}.job-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.job-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;justify-content:space-between;padding:16px 20px}.job-header,.job-status{align-items:center;display:flex}.job-status{gap:8px}.status-icon{font-size:1.2rem}.status-text{font-weight:500;text-transform:capitalize}.job-content{padding:20px}.job-info{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:16px}.job-field{display:flex;flex-direction:column;gap:4px}.job-field label{color:#666;font-size:.85rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.job-field span{color:#333;font-family:monospace;word-break:break-all}.progress-container{align-items:center;display:flex;gap:12px;margin:16px 0}.progress-bar{background:#e9ecef;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-filled{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:#667eea;font-weight:600;min-width:40px;text-align:right}.output-files{margin-top:16px}.output-files label{color:#333;display:block;font-weight:500;margin-bottom:8px}.output-files ul{color:#666;margin:0;padding-left:20px}.output-files li{font-family:monospace;font-size:.9rem;margin-bottom:4px}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;margin-top:16px;padding:12px}.job-footer{background:#f8f9fa;border-top:1px solid #e9ecef;padding:16px 20px}.job-timestamps{color:#666;display:flex;flex-wrap:wrap;font-size:.85rem;gap:16px}.player-section{text-align:center}.player-section h2{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.player-section p{color:#666;margin:0 0 2rem}.player-test{margin-bottom:2rem}.test-player{margin:0 auto;max-width:800px}.player-info{margin:0 auto;max-width:600px;text-align:left}.player-info h3{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 1rem}.player-info ul{color:#666;margin:0;padding-left:20px}.player-info li{font-size:1rem;margin-bottom:8px}.cdn-section h2{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.action-buttons,.cdn-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:2rem}.action-buttons{justify-content:center}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;padding:20px;z-index:2000}.modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:500px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e0e0e0;padding:20px 24px}.modal-header h3{color:#333;font-size:1.25rem;font-weight:600}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.modal-close:hover{background:#f0f0f0;color:#333}.modal-body{max-height:60vh;overflow-y:auto}.modal-footer{background:#f8f9fa;border-top:1px solid #e0e0e0;padding:20px 24px}.loading-container{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff;margin-bottom:16px}@media (max-width:768px){.container{padding:0 16px}.header h1{font-size:2rem}.header p{font-size:1rem}.tabs{flex-direction:column;gap:4px}.tab{justify-content:center}.tab-content{padding:1.5rem}.config-grid{grid-template-columns:1fr}.jobs-header{align-items:stretch;flex-direction:column;gap:1rem}.job-info{grid-template-columns:1fr}.job-timestamps{gap:8px}.action-buttons,.cdn-actions,.job-timestamps{flex-direction:column}.modal-content{margin:10px;max-height:90vh}.modal-body,.modal-footer,.modal-header{padding:16px}.modal-footer{flex-direction:column}}.video-player-page{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;padding:20px}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-color);height:40px;margin-bottom:20px;width:40px}.back-btn{background:var(--accent-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:12px 24px;transition:all .3s ease}.back-btn:hover{background:var(--accent-hover);transform:translateY(-2px)}.video-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 400px;margin:0 auto;max-width:1400px}.main-video-section{display:flex;flex-direction:column;gap:20px}.video-wrapper{background:#000;border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000004d;overflow:hidden;position:relative;width:100%}.video-player{aspect-ratio:16/9;position:relative;width:100%}.video-player video{background:#000;height:100%;object-fit:contain;width:100%}.fullscreen-btn{background:#000000b3;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:18px;padding:12px;position:absolute;right:20px;top:20px;transition:all .3s ease;z-index:10}.fullscreen-btn:hover{background:#000000e6;transform:scale(1.1)}.video-info{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px}.video-title{color:var(--text-primary);font-size:24px;font-weight:600;line-height:1.3;margin:0 0 16px}.video-meta{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.video-meta span{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;padding:6px 12px}.video-description{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px}.video-description p{color:var(--text-secondary);line-height:1.6;margin:0}.comments-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px}.comments-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.comments-header h3{color:var(--text-primary);font-size:20px;margin:0}.toggle-comments-btn{background:var(--accent-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.toggle-comments-btn:hover{background:var(--accent-hover)}.comment-form{margin-bottom:24px}.comment-form textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:14px;margin-bottom:12px;min-height:80px;padding:12px;resize:vertical;width:100%}.comment-form textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #6366f133;outline:none}.comment-submit-btn{background:var(--accent-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.comment-submit-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.comments-list{display:flex;flex-direction:column;gap:16px}.comment{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px}.comment-author{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:8px}.comment-text{color:var(--text-secondary);line-height:1.5;margin-bottom:8px}.comment-timestamp{color:var(--text-muted);font-size:12px}.sidebar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);height:-webkit-fit-content;height:fit-content;padding:24px;position:-webkit-sticky;position:sticky;top:20px}.sidebar h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 20px}.related-videos{display:flex;flex-direction:column;gap:16px}.related-video-item{border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:12px;padding:8px;transition:all .3s ease}.related-video-item:hover{background:var(--bg-tertiary);border-color:var(--border-color);transform:translateX(4px)}.related-video-thumbnail{border-radius:var(--radius-sm);flex-shrink:0;height:68px;overflow:hidden;position:relative;width:120px}.related-video-thumbnail img{height:100%;object-fit:cover;width:100%}.video-duration{background:#000c;border-radius:4px;bottom:4px;color:#fff;font-size:11px;font-weight:500;padding:2px 6px;position:absolute;right:4px}.related-video-info{flex:1 1;min-width:0}.related-video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:14px;font-weight:500;line-height:1.3;margin:0 0 8px;overflow:hidden}.related-video-meta{display:flex;flex-direction:column;gap:4px}.related-video-meta span{color:var(--text-secondary);font-size:12px}@media (max-width:1200px){.video-container{gap:20px;grid-template-columns:1fr 350px}}@media (max-width:768px){.video-container{gap:20px;grid-template-columns:1fr}.sidebar{position:static}.video-player-page{padding:10px}.video-title{font-size:20px}.video-meta{gap:12px}.video-meta span{font-size:12px;padding:4px 8px}}@media (max-width:480px){.related-video-item{flex-direction:column}.related-video-thumbnail{height:120px;width:100%}.video-meta{flex-direction:column;gap:8px}}.page-container{background:var(--bg);font-family:Times New Roman,Times,serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.page-header{margin-bottom:3rem;text-align:center}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),gold);-webkit-background-clip:text;background-clip:text;color:var(--text);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.page-subtitle{color:var(--text-secondary);font-size:1.125rem;margin:0}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border);border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.error-icon{color:var(--error);font-size:3rem}.current-subscription-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-card);margin-bottom:3rem;overflow:hidden;padding:2rem;position:relative}.current-subscription-card:before{background:linear-gradient(90deg,var(--primary),gold);content:"";height:4px;left:0;position:absolute;right:0;top:0}.subscription-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.subscription-title{color:var(--text);font-size:1.5rem;font-weight:600;margin:0}.subscription-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.subscription-info h3{color:var(--text);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.subscription-price{color:var(--text-secondary);font-size:1rem;margin:0}.subscription-expiry p{font-size:.875rem;margin:0}.plans-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:2rem}.plan-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);overflow:hidden;padding:2rem}.plan-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.plan-card.plan-current{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.plan-current-badge{background:var(--primary);border-radius:20px;color:var(--bg);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;position:absolute;right:1rem;text-transform:uppercase;top:1rem}.plan-header{margin-bottom:1.5rem}.plan-name{font-size:1.5rem;font-weight:700;margin:0 0 1rem}.plan-price{gap:.5rem}.price-amount{color:var(--primary);font-size:2.5rem;font-weight:700}.price-period{color:var(--text-secondary);font-size:1rem}.plan-content{margin-bottom:2rem}.plan-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 1.5rem}.plan-features{list-style:none;margin:0;padding:0}.plan-feature{align-items:center;display:flex;font-size:.875rem;margin-bottom:.75rem}.feature-icon{color:var(--success);font-size:1rem;font-weight:600;margin-right:.75rem}.feature-text{color:var(--text);flex:1 1}.btn{border-radius:8px;display:inline-flex;font-size:.875rem;font-weight:600;justify-content:center;letter-spacing:.5px;padding:.75rem 1.5rem;text-decoration:none;text-transform:uppercase;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--primary),gold);box-shadow:0 4px 15px #ffd7004d;color:var(--bg)}.btn-primary:hover:not(.btn-disabled){box-shadow:0 6px 20px #ffd70066;transform:translateY(-2px)}.btn-danger{background:var(--error)}.btn-danger:hover{background:#dc2626}.btn-sm{font-size:.75rem;padding:.5rem 1rem}.btn-full{width:100%}.btn-disabled{background:var(--border);color:var(--text-secondary);cursor:not-allowed;opacity:.6}.btn-disabled:hover{box-shadow:none;transform:none}@media (max-width:768px){.page-container{padding:1rem}.page-title{font-size:2rem}.plans-grid{gap:1.5rem;grid-template-columns:1fr}.subscription-content,.subscription-header{align-items:flex-start;flex-direction:column;gap:1rem}}@media (max-width:480px){.plan-card{padding:1.5rem}.price-amount{font-size:2rem}}.subscription-container{background:var(--bg);margin:0 auto;max-width:1200px;min-height:100vh;padding:24px}.subscription-header{margin-bottom:32px;text-align:center}.subscription-header h2{color:var(--text);font-family:Playfair Display,serif;font-size:32px;font-weight:700;margin:0 0 8px}.subscription-header p{color:var(--text-secondary);font-size:16px;margin:0}.current-subscription{margin-bottom:48px}.subscription-card{background:var(--surface);border:2px solid var(--border);border-radius:16px;box-shadow:var(--shadow-card);padding:32px;transition:all .3s ease}.subscription-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.subscription-info{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.plan-info h3{color:var(--text);font-family:Playfair Display,serif;font-size:24px;font-weight:700;margin:0 0 8px}.plan-price{align-items:baseline;display:flex;gap:4px}.plan-price .price{color:var(--primary);font-family:Playfair Display,serif;font-size:28px;font-weight:800}.plan-price .interval{color:var(--text-secondary);font-size:16px;font-weight:500}.plan-price .free{color:var(--primary);font-size:24px;font-weight:700}.subscription-status{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.status-badge{border-radius:20px;font-size:12px;padding:6px 16px}.trial-badge{background:var(--primary);border-radius:16px;color:var(--bg);font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.subscription-details{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item .label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item .value{color:var(--text);font-size:16px;font-weight:600}.upgrade-section{background:var(--surface);border:2px solid var(--border);border-radius:16px;box-shadow:var(--shadow-card);padding:32px}.upgrade-section h3{color:var(--text);font-family:Playfair Display,serif;font-size:24px;font-weight:700;margin:0 0 8px}.upgrade-section p{color:var(--text-secondary);font-size:16px;margin:0 0 24px}.plans-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:24px}.plan-card{background:var(--bg);border:2px solid var(--border);border-radius:12px;cursor:pointer;padding:20px;position:relative;transition:all .3s ease}.plan-card:hover{border-color:var(--primary);box-shadow:0 4px 15px #ffd7001a;transform:translateY(-2px)}.plan-card.selected{background:linear-gradient(135deg,var(--bg) 0,#ffd7000d 100%);border-color:var(--primary);box-shadow:0 4px 15px #ffd70033}.plan-card.current{background:linear-gradient(135deg,var(--bg) 0,#ffd7001a 100%);border-color:var(--primary)}.plan-header{margin-bottom:16px;text-align:center}.plan-header h4{color:var(--text);font-family:Playfair Display,serif;font-size:20px;font-weight:700;margin:0 0 8px}.plan-features{display:flex;flex-direction:column;gap:8px}.feature{align-items:center;display:flex;gap:8px}.feature .icon{font-size:14px;text-align:center;width:16px}.feature span:last-child{color:var(--text);font-size:14px;font-weight:500}.current-plan-badge{background:var(--primary);border-radius:12px;color:var(--bg);font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;position:absolute;right:16px;text-transform:uppercase;top:-8px}.upgrade-actions{border-top:1px solid var(--border);padding-top:24px;text-align:center}.upgrade-button{background:var(--primary);border:2px solid var(--primary);border-radius:12px;color:var(--bg);cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;padding:14px 32px;text-transform:uppercase;transition:all .3s ease}.upgrade-button:hover{background:#0000;box-shadow:0 6px 20px #ffd7004d;color:var(--primary);transform:translateY(-2px)}.upgrade-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.error,.loading{color:var(--text-secondary);font-size:18px;padding:40px;text-align:center}.error{color:#ef4444}@media (max-width:768px){.subscription-container{padding:16px}.subscription-info{flex-direction:column}.subscription-info,.subscription-status{align-items:flex-start}.plans-grid,.subscription-details{grid-template-columns:1fr}.subscription-header h2{font-size:24px}.upgrade-section h3{font-size:20px}}.admin-subscriptions{background:var(--bg);margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.admin-header{align-items:center;border-bottom:2px solid var(--border);display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.admin-header h2{color:var(--text);font-family:Playfair Display,serif;font-size:32px;font-weight:700;margin:0}.create-button{background:var(--primary);border:2px solid var(--primary);border-radius:12px;color:var(--bg);cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.create-button:hover{background:#0000;box-shadow:0 6px 20px #ffd7004d;color:var(--primary);transform:translateY(-2px)}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;font-weight:500}.subscriptions-table{background:var(--surface);border:2px solid var(--border);border-radius:16px;box-shadow:var(--shadow-card);overflow:hidden}.table-header{background:var(--primary);color:var(--bg);display:grid;font-size:12px;font-weight:600;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1.5fr;letter-spacing:.5px;text-transform:uppercase}.header-cell{border-right:1px solid #fff3;padding:16px 12px}.header-cell:last-child{border-right:none}.table-row{border-bottom:1px solid var(--border);display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1.5fr;transition:all .3s ease}.table-row:hover{background:#ffd7000d}.table-row:last-child{border-bottom:none}.table-cell{align-items:center;border-right:1px solid var(--border);display:flex;font-size:14px;padding:16px 12px}.table-cell:last-child{border-right:none}.user-info{display:flex;flex-direction:column;gap:4px}.user-name{color:var(--text);font-weight:600}.user-email{color:var(--text-secondary);font-size:12px}.plan-info{display:flex;flex-direction:column;gap:4px}.plan-name{color:var(--text);font-weight:600}.plan-price{color:var(--text-secondary);font-size:12px}.status-badge{border-radius:16px;color:#fff;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.auto-renew.enabled{color:#10b981;font-weight:600}.auto-renew.disabled{color:#6b7280;font-weight:500}.actions{display:flex;gap:8px}.delete-button,.edit-button{border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .3s ease}.edit-button{background:var(--primary);border:1px solid var(--primary);color:var(--bg)}.edit-button:hover{background:#0000;color:var(--primary)}.delete-button{background:#ef4444;border:1px solid #ef4444;color:#fff}.delete-button:hover{background:#0000;color:#ef4444}.modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:var(--surface);border:2px solid var(--border);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:24px}.modal-header h3{color:var(--text);font-family:Playfair Display,serif;font-size:20px;font-weight:700;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.close-button:hover{background:var(--border);color:var(--text)}.modal-body{padding:24px}.form-group label{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.form-group input,.form-group select{background:var(--bg);border:2px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ffd7001a;outline:none}.form-group input:disabled{background:var(--border);color:var(--text-secondary);cursor:not-allowed}.form-group label input[type=checkbox]{margin-right:8px;width:auto}.modal-footer{border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;padding:24px}.cancel-button,.save-button{border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.cancel-button{background:#0000;border:2px solid var(--border);color:var(--text-secondary)}.cancel-button:hover{background:var(--border);color:var(--text)}.save-button{background:var(--primary);border:2px solid var(--primary);color:var(--bg)}.save-button:hover{background:#0000;color:var(--primary)}.save-button:disabled{cursor:not-allowed;opacity:.6}.loading{color:var(--text-secondary);font-size:18px;padding:40px;text-align:center}@media (max-width:1200px){.table-header,.table-row{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1.5fr}.table-cell{font-size:13px;padding:12px 8px}}@media (max-width:768px){.admin-subscriptions{padding:16px}.admin-header{align-items:flex-start;flex-direction:column;gap:16px}.subscriptions-table{overflow-x:auto}.table-header,.table-row{min-width:800px}.modal{margin:20px;width:95%}.modal-body,.modal-footer,.modal-header{padding:16px}}.category-manager{background:var(--bg);color:var(--text);margin:0 auto;max-width:1200px;padding:24px}.category-manager-header{align-items:center;border-bottom:2px solid var(--border);display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.category-manager-header h2{color:var(--text);font-size:24px;font-weight:600;margin:0}.category-manager-loading{color:var(--text-muted);font-size:18px;padding:40px;text-align:center}.error-message{background:#ff00001a;border:1px solid #ff00004d;border-radius:8px;color:#f44;font-size:14px;margin-bottom:24px;padding:12px 16px}.category-form{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:32px;padding:24px}.form-group{margin-bottom:20px}.form-group label{color:var(--text);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input,.form-group textarea{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #d4af371a;outline:none}.form-group input[type=color]{cursor:pointer;height:40px;padding:4px;width:60px}.form-group input[type=number]{width:100px}.form-row{align-items:end;display:flex;gap:20px}.form-row .form-group{flex:1 1}.form-actions{border-top:1px solid var(--border);display:flex;gap:12px;margin-top:24px;padding-top:20px}.categories-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.category-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:20px;transition:all .3s ease}.category-card:hover{border-color:var(--primary);box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.category-info{margin-bottom:16px}.category-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.category-icon{align-items:center;display:flex;font-size:24px;height:32px;justify-content:center;width:32px}.category-header h3{color:var(--text);flex:1 1;font-size:18px;font-weight:600;margin:0}.category-slug{background:var(--muted-surface);border-radius:4px;color:var(--text-muted);font-family:monospace;font-size:12px;padding:4px 8px}.category-description{color:var(--text-muted);font-size:14px;line-height:1.5;margin:0 0 12px}.category-meta{align-items:center;display:flex;font-size:12px;gap:16px}.category-color{border:2px solid var(--border);border-radius:50%;display:inline-block;height:20px;width:20px}.category-order{color:var(--text-muted)}.category-actions{display:flex;gap:8px;justify-content:flex-end}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--gold-3) 100%);color:#fff}.btn-primary:hover{box-shadow:0 4px 12px #d4af374d;transform:translateY(-1px)}.btn-outline{background:#0000;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{background:var(--muted-surface);border-color:var(--primary)}.btn-danger{background:#ff4757;color:#fff}.btn-danger:hover{background:#ff3742;transform:translateY(-1px)}.btn-sm{font-size:12px;padding:6px 12px}@media (max-width:768px){.category-manager{padding:16px}.category-manager-header{align-items:flex-start}.category-manager-header,.form-row{flex-direction:column;gap:16px}.form-row .form-group{flex:none}.categories-list{grid-template-columns:1fr}.category-actions{flex-direction:column}.btn{justify-content:center;width:100%}}@media (max-width:480px){.category-manager{padding:12px}.category-card,.category-form{padding:16px}.category-header,.category-meta{align-items:flex-start;flex-direction:column;gap:8px}}
/*# sourceMappingURL=main.aeff4aeb.css.map*/