body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-primary-darkest:#0b090a;--color-primary-darker:#161a1d;--color-primary-dark:#660708;--color-primary-main:#a4161a;--color-primary-medium:#ba181b;--color-primary-light:#e5383b;--color-neutral-dark:#b1a7a6;--color-neutral-medium:#d3d3d3;--color-neutral-light:#f5f3f4;--color-neutral-white:#fff;--bg-primary:var(--color-primary-darkest);--bg-secondary:var(--color-primary-darker);--bg-light:var(--color-neutral-light);--bg-white:var(--color-neutral-white);--bg-card:var(--color-primary-darker);--bg-hover:var(--color-primary-dark);--text-primary:var(--color-neutral-white);--text-secondary:var(--color-neutral-light);--text-muted:var(--color-neutral-dark);--text-dark:var(--color-primary-darkest);--text-accent:var(--color-primary-light);--accent-primary:var(--color-primary-main);--accent-secondary:var(--color-primary-medium);--accent-light:var(--color-primary-light);--accent-dark:var(--color-primary-dark);--border-light:var(--color-neutral-medium);--border-medium:var(--color-neutral-dark);--border-dark:var(--color-primary-darker);--youtube-bg:var(--color-primary-darkest);--youtube-sidebar:var(--color-primary-darker);--youtube-card:var(--color-primary-darker);--youtube-hover:var(--color-primary-dark);--youtube-accent:var(--color-primary-main);--youtube-text:var(--color-neutral-white);--youtube-text-secondary:var(--color-neutral-dark);--shadow-small:0 2px 4px #0b090a4d;--shadow-medium:0 4px 8px #0b090a66;--shadow-large:0 8px 16px #0b090a80;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:50%;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}[data-theme=light]{--bg-primary:var(--color-neutral-light);--bg-secondary:var(--color-neutral-white);--bg-card:var(--color-neutral-white);--bg-hover:var(--color-neutral-medium);--text-primary:var(--color-primary-darkest);--text-secondary:var(--color-primary-darker);--text-muted:var(--color-neutral-dark);--youtube-bg:var(--color-neutral-light);--youtube-sidebar:var(--color-neutral-white);--youtube-card:var(--color-neutral-white);--youtube-text:var(--color-primary-darkest);--shadow-small:0 2px 4px #0000001a;--shadow-medium:0 4px 8px #00000026;--shadow-large:0 8px 16px #0003}.bg-primary-10{background-color:#0b090a1a}.bg-primary-20{background-color:#0b090a33}.bg-primary-30{background-color:#0b090a4d}.bg-primary-40{background-color:#0b090a66}.bg-primary-50{background-color:#0b090a80}.bg-accent-10{background-color:#a4161a1a}.bg-accent-20{background-color:#a4161a33}.bg-accent-30{background-color:#a4161a4d}.bg-accent-40{background-color:#a4161a66}.bg-accent-50{background-color:#a4161a80}.text-primary{color:#fff;color:var(--text-primary)}.text-secondary{color:#f5f3f4;color:var(--text-secondary)}.text-muted{color:#b1a7a6;color:var(--text-muted)}.text-accent{color:#e5383b;color:var(--text-accent)}.bg-primary{background-color:#0b090a;background-color:var(--bg-primary)}.bg-secondary{background-color:#161a1d;background-color:var(--bg-secondary)}.bg-card{background-color:#161a1d;background-color:var(--bg-card)}.bg-accent{background-color:#a4161a;background-color:var(--accent-primary)}.border-light{border-color:#d3d3d3;border-color:var(--border-light)}.border-medium{border-color:#b1a7a6;border-color:var(--border-medium)}.border-dark{border-color:#161a1d;border-color:var(--border-dark)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;transition:background-color var(--transition-normal),color var(--transition-normal)}#root{flex-direction:column;width:100%}#root,.app-container{display:flex;min-height:100vh}.app-container,.main-content{background-color:var(--youtube-bg)}.main-content{color:var(--youtube-text);flex:1 1}.card{background-color:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-small);transition:box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--shadow-medium)}.button{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-weight:500;gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.button-primary{background-color:var(--accent-primary);color:var(--text-primary)}.button-primary:hover{background-color:var(--accent-secondary);transform:translateY(-1px)}.button-secondary{background-color:var(--bg-secondary);border:1px solid var(--border-medium);color:var(--text-secondary)}.button-secondary:hover{background-color:var(--bg-hover);border-color:var(--border-dark)}.input{background-color:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast)}.input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #a4161a33;outline:none}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}@keyframes pulse{0%{opacity:.6;transform:scale(1)}to{opacity:.8;transform:scale(1.05)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.fade-in-up{animation:fadeInUp .6s ease-out}.slide-in-left{animation:slideInLeft .6s ease-out}.slide-in-right{animation:slideInRight .6s ease-out}.bounce{animation:bounce 2s infinite}html{scroll-behavior:smooth}.button:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.button-primary:hover{box-shadow:0 8px 25px #a4161a66}.card:hover{transform:translateY(-2px);transition:all .3s ease}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));-webkit-background-clip:text;background-clip:text}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}@media (max-width:1924px){.dashboard-grid{grid-template-columns:1fr!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:1024px){.desktop-nav{display:none!important}.mobile-nav{display:flex!important}.dashboard-sidebar{transform:translateX(-100%)!important}.dashboard-sidebar.open{transform:translateX(0)!important}.dashboard-main{margin-left:0!important}}@media (min-width:1025px){.desktop-nav{display:flex!important}.mobile-nav{display:none!important}}@media (max-width:768px){html{font-size:14px}.app-container{flex-direction:column}.hero-title{font-size:2rem!important}.hero-subtitle{font-size:1rem!important}.feature-grid,.pricing-grid{grid-template-columns:1fr!important}.mobile-menu-container{padding:1.5rem!important;width:100%!important}}@media (max-width:480px){.mobile-menu-container{padding:1rem!important}.hero-title{font-size:1.8rem!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-contrast:high){.card{border:2px solid var(--border-dark)}.button{border:2px solid}}
/*# sourceMappingURL=main.990f8ff7.css.map*/