:root{--bg-primary: #F1F4F8;--bg-secondary: #E6EBF2;--bg-card: #FFFFFF;--bg-card-hover: #F6F8FB;--bg-glass: rgba(255, 255, 255, .72);--text-primary: #16233F;--text-secondary: #51607A;--text-muted: #8893A6;--accent-main: #1E4FA3;--accent-main-hover: #163E84;--accent-main-glow: rgba(30, 79, 163, .18);--accent-light: #E8EEF9;--accent-blue: #2E6FD0;--accent-blue-light: #DBE6FA;--accent-teal: #0E8C9C;--accent-green: #2C8A63;--accent-red: #C0392B;--accent-yellow: #C99211;--accent-purple: #6E4BA6;--accent-orange: #C9591E;--border-color: #E0E6EF;--border-subtle: rgba(23, 34, 60, .06);--shadow-xs: 0 1px 2px rgba(30, 45, 80, .05);--shadow: 0 4px 24px -4px rgba(30, 45, 80, .08), 0 1px 2px rgba(30, 45, 80, .05);--shadow-hover: 0 14px 40px -8px rgba(30, 55, 110, .16), 0 4px 6px rgba(30, 45, 80, .05);--shadow-glow: 0 0 40px -12px rgba(30, 79, 163, .22);--radius-xs: .25rem;--radius-sm: .5rem;--radius: .875rem;--radius-lg: 1.25rem;--radius-xl: 1.5rem;--sidebar-width: 272px;--sidebar-collapsed: 72px;--glass-blur: 16px;--font-display: "Quicksand", "Nunito", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif;--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--noise-opacity: .02;--tile-opacity: .05;--tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%231E4FA3' stroke-width='1.1'%3E%3Ccircle cx='0' cy='0' r='13'/%3E%3Ccircle cx='80' cy='0' r='13'/%3E%3Ccircle cx='0' cy='80' r='13'/%3E%3Ccircle cx='80' cy='80' r='13'/%3E%3Ccircle cx='40' cy='40' r='4.5'/%3E%3Cpath d='M40 40 Q47 28 40 15 Q33 28 40 40 Z'/%3E%3Cpath d='M40 40 Q47 52 40 65 Q33 52 40 40 Z'/%3E%3Cpath d='M40 40 Q52 33 65 40 Q52 47 40 40 Z'/%3E%3Cpath d='M40 40 Q28 33 15 40 Q28 47 40 40 Z'/%3E%3C/g%3E%3Cg fill='%231E4FA3'%3E%3Ccircle cx='40' cy='0' r='2'/%3E%3Ccircle cx='40' cy='80' r='2'/%3E%3Ccircle cx='0' cy='40' r='2'/%3E%3Ccircle cx='80' cy='40' r='2'/%3E%3C/g%3E%3C/svg%3E")}:root.dark{--bg-primary: #0A1122;--bg-secondary: #101A33;--bg-card: #14203D;--bg-card-hover: #1A2748;--bg-glass: rgba(20, 32, 61, .62);--text-primary: #EAF0FB;--text-secondary: #9DB0D0;--text-muted: #647A9E;--accent-main: #5298F0;--accent-main-hover: #7DB2F5;--accent-main-glow: rgba(82, 152, 240, .22);--accent-light: #16233F;--accent-blue: #5298F0;--accent-blue-light: rgba(82, 152, 240, .16);--accent-teal: #2CC0CE;--accent-green: #34C98A;--accent-red: #E96A4B;--accent-yellow: #E8B23C;--accent-purple: #9B7BE6;--accent-orange: #F0843F;--border-color: rgba(120, 162, 230, .12);--border-subtle: rgba(120, 162, 230, .06);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .25);--shadow: 0 4px 24px -4px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .25);--shadow-hover: 0 14px 44px -8px rgba(0, 0, 0, .6), 0 4px 6px rgba(0, 0, 0, .3);--shadow-glow: 0 0 44px -12px rgba(82, 152, 240, .3);--noise-opacity: .05;--tile-opacity: .08;--tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%235298F0' stroke-width='1.1'%3E%3Ccircle cx='0' cy='0' r='13'/%3E%3Ccircle cx='80' cy='0' r='13'/%3E%3Ccircle cx='0' cy='80' r='13'/%3E%3Ccircle cx='80' cy='80' r='13'/%3E%3Ccircle cx='40' cy='40' r='4.5'/%3E%3Cpath d='M40 40 Q47 28 40 15 Q33 28 40 40 Z'/%3E%3Cpath d='M40 40 Q47 52 40 65 Q33 52 40 40 Z'/%3E%3Cpath d='M40 40 Q52 33 65 40 Q52 47 40 40 Z'/%3E%3Cpath d='M40 40 Q28 33 15 40 Q28 47 40 40 Z'/%3E%3C/g%3E%3Cg fill='%235298F0'%3E%3Ccircle cx='40' cy='0' r='2'/%3E%3Ccircle cx='40' cy='80' r='2'/%3E%3Ccircle cx='0' cy='40' r='2'/%3E%3Ccircle cx='80' cy='40' r='2'/%3E%3C/g%3E%3C/svg%3E")}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body),system-ui,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;font-weight:400;letter-spacing:-.01em;transition:background-color .4s ease,color .3s ease;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:var(--noise-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display),system-ui,sans-serif;letter-spacing:-.025em;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{font-family:var(--font-body),system-ui,sans-serif}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:1.5rem 1rem;display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto;overflow-x:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}.dark .sidebar{background:#111628cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.sidebar::-webkit-scrollbar{width:0}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;direction:rtl;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.sidebar-nav>*{direction:ltr}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sidebar-logo{display:flex;align-items:center;gap:.75rem;padding:.25rem .5rem 1.25rem;margin-bottom:.5rem;border-bottom:1px solid var(--border-color)}.sidebar-logo h1{font-size:1.35rem;font-weight:800;color:var(--text-primary);letter-spacing:-.04em;background:none;-webkit-text-fill-color:initial}.sidebar-logo .logo-icon{color:var(--accent-main)}.nav-section{margin-bottom:1.25rem}.nav-section-title{font-family:var(--font-body),sans-serif;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.35rem;padding-left:.75rem;opacity:.7}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:all var(--transition-base);cursor:pointer;border:none;background:none;width:100%;text-align:left;white-space:nowrap;position:relative}.nav-link span{overflow:hidden;text-overflow:ellipsis}.nav-link:hover{background-color:var(--accent-light);color:var(--text-primary);transform:translate(2px)}.nav-link.active{background:linear-gradient(135deg,var(--accent-main),var(--accent-main-hover));color:#fff;font-weight:600;box-shadow:0 2px 12px -2px var(--accent-main-glow)}.dark .nav-link.active{background:linear-gradient(135deg,#e9a94f33,#e9a94f14);color:var(--accent-main);border:1px solid rgba(233,169,79,.2);box-shadow:0 0 20px -8px #e9a94f33}.nav-link svg{width:18px;height:18px;flex-shrink:0;opacity:.85}.nav-link.active svg{opacity:1}.sidebar-footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:.75rem}.main-content{flex:1;margin-left:var(--sidebar-width);padding:2.5rem clamp(1.25rem,4vw,3rem);min-height:100vh;transition:all .3s ease;max-width:calc(100vw - var(--sidebar-width))}.mobile-nav-toggle{display:none;position:fixed;top:.75rem;left:.75rem;z-index:130;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow);cursor:pointer}.sidebar-backdrop{display:none;position:fixed;inset:0;z-index:90;background:#080c188c;opacity:0;transition:opacity .3s ease}.page-header{margin-bottom:2.5rem;animation:fadeUp .5s ease forwards;display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem}.page-header h2{font-size:2rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em}.page-header p{color:var(--text-secondary);margin-top:.35rem;font-size:.95rem;font-weight:400}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.75rem;box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;animation:fadeUp .5s ease forwards;position:relative}.dark .card{background:var(--bg-glass);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px);border-color:var(--accent-main-glow)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.card-title{font-size:1rem;font-weight:700;font-family:var(--font-display),sans-serif;letter-spacing:-.02em}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.25rem 1.5rem;display:flex;align-items:flex-start;gap:1rem;box-shadow:var(--shadow-xs);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.dark .stat-card{background:var(--bg-glass);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.stat-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-main),transparent);opacity:0;transition:opacity .3s ease}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.stat-card:hover:after{opacity:1}.stat-icon{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--bg-secondary);color:var(--text-primary);transition:transform var(--transition-spring)}.stat-card:hover .stat-icon{transform:scale(1.08) rotate(-3deg)}.stat-icon.blue{background:#1d4ed81a;color:var(--accent-blue)}.stat-icon.green{background:#0596691a;color:var(--accent-green)}.stat-icon.purple{background:#7c3aed1a;color:var(--accent-purple)}.stat-icon.orange{background:#ea580c1a;color:var(--accent-orange)}.stat-icon.red{background:#dc26261a;color:var(--accent-red)}.dark .stat-icon.blue{background:#3b82f61f}.dark .stat-icon.green{background:#10b9811f}.dark .stat-icon.purple{background:#8b5cf61f}.dark .stat-icon.orange{background:#f973161f}.dark .stat-icon.red{background:#ef44441f}.stat-info h4{font-family:var(--font-body),sans-serif;font-size:.75rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.06em}.stat-value{font-family:var(--font-display);font-size:1.75rem;font-weight:700;margin-top:.15rem;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-change{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;margin-top:.35rem;padding:.2rem .5rem;border-radius:9999px;background:var(--bg-secondary)}.stat-change.positive{color:var(--accent-green);background:#0596691a}.stat-change.negative{color:var(--accent-red);background:#dc26261a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.35rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);border:1px solid transparent;font-family:var(--font-body),sans-serif;letter-spacing:0;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent);opacity:0;transition:opacity var(--transition-base)}.btn:hover:before{opacity:1}.btn-primary{background:linear-gradient(135deg,var(--accent-main),var(--accent-main-hover));color:#fff;border:none;box-shadow:0 2px 8px -2px var(--accent-main-glow)}.dark .btn-primary{background:linear-gradient(135deg,var(--accent-main),#D4922E);color:#0b0e18}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px -4px var(--accent-main-glow)}.btn-primary:active{transform:translateY(0)}.btn-danger{background:#dc262614;color:var(--accent-red);border-color:#dc262626}.btn-danger:hover{background:#dc262626;border-color:#dc26264d}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:var(--border-color)}.btn-ghost:hover{background:var(--accent-light);color:var(--text-primary);border-color:var(--text-muted)}.btn-sm{padding:.4rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 var(--accent-main-glow)}50%{box-shadow:0 0 20px 4px var(--accent-main-glow)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.controls-container{display:flex;align-items:center;gap:.75rem}.icon-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base)}.icon-btn:hover{background:var(--accent-light);color:var(--text-primary);border-color:var(--text-muted);transform:scale(1.05)}.badge{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:9999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border:1px solid transparent}.badge-blue{background:#1d4ed81a;color:var(--accent-blue);border-color:#1d4ed826}.badge-red{background:#dc26261a;color:var(--accent-red);border-color:#dc262626}.badge-green{background:#0596691a;color:var(--accent-green);border-color:#05966926}.badge-yellow{background:#d977061a;color:var(--accent-yellow);border-color:#d9770626}.badge-purple{background:#7c3aed1a;color:var(--accent-purple);border-color:#7c3aed26}.dark .badge-blue{background:#3b82f61f;border-color:#3b82f633}.dark .badge-red{background:#ef44441f;border-color:#ef444433}.dark .badge-green{background:#10b9811f;border-color:#10b98133}.dark .badge-yellow{background:#f59e0b1f;border-color:#f59e0b33}.dark .badge-purple{background:#8b5cf61f;border-color:#8b5cf633}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:.4rem;letter-spacing:.01em}.form-input,.form-select{width:100%;padding:.7rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9rem;transition:border-color .2s,box-shadow .2s,background-color .2s;font-family:var(--font-body),sans-serif}.form-input:focus,.form-select:focus{outline:none;border-color:var(--accent-main);box-shadow:0 0 0 3px var(--accent-main-glow);background:var(--bg-card)}.form-input::placeholder{color:var(--text-muted)}.channel-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:all .25s ease;box-shadow:var(--shadow-xs)}.dark .channel-card{background:var(--bg-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.channel-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.channel-card.own{border-left:3px solid var(--accent-blue)}.channel-card.competitor{border-left:3px solid var(--accent-red)}.channel-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);transition:border-color .2s}.channel-card:hover .channel-avatar{border-color:var(--accent-main)}.channel-info{flex:1;min-width:0}.channel-info h4{font-size:.95rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-display),sans-serif;letter-spacing:-.01em}.channel-meta{display:flex;gap:1rem;margin-top:.35rem}.channel-meta span{font-size:.8rem;color:var(--text-muted);font-weight:500}.channel-actions{display:flex;gap:.35rem}.recommendation-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.25rem;transition:all .25s ease;box-shadow:var(--shadow-xs)}.dark .recommendation-card{background:var(--bg-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.recommendation-card:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.recommendation-card.high{border-left:3px solid var(--accent-red)}.recommendation-card.medium{border-left:3px solid var(--accent-yellow)}.recommendation-card.low{border-left:3px solid var(--accent-green)}.recommendation-header{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.recommendation-header h4{font-size:.95rem;font-weight:700;margin:0;color:var(--text-primary);flex:1;font-family:var(--font-display),sans-serif}.recommendation-header svg{flex-shrink:0}.recommendation-description{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin:0}.comparison-form{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap;background:var(--bg-card);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border-color);box-shadow:var(--shadow-xs)}.dark .comparison-form{background:var(--bg-glass);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.comparison-form .form-group{flex:1;min-width:250px;margin-bottom:0}.chart-container{width:100%;height:350px}.sidebar-actions{display:flex;gap:.4rem;margin-top:.75rem}.sidebar-actions button{flex:1;display:flex;justify-content:center;align-items:center;gap:.4rem;padding:.45rem;border-radius:var(--radius-sm);background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);font-size:.75rem;font-weight:500}.sidebar-actions button:hover{background:var(--accent-light);color:var(--text-primary);border-color:var(--text-muted)}.sidebar-language{flex:1;position:relative;display:flex;align-items:center;gap:.4rem;padding:0 .45rem;border-radius:var(--radius-sm);background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);font-size:.75rem;font-weight:500}.sidebar-language:hover,.sidebar-language:focus-within{background:var(--accent-light);color:var(--text-primary);border-color:var(--text-muted)}.sidebar-language select{flex:1;min-width:0;appearance:none;background:transparent;border:none;outline:none;color:inherit;font:inherit;padding:.45rem 1rem .45rem 0;cursor:pointer}.sidebar-language select option{background:var(--bg-card);color:var(--text-primary)}.sidebar-language-chevron{position:absolute;right:.45rem;pointer-events:none}.metric-row{display:flex;align-items:center;gap:1.25rem;margin-bottom:1rem;padding:.85rem 1rem;border-radius:var(--radius-sm);background:var(--bg-secondary);transition:background-color .2s}.metric-row:hover{background:var(--bg-card-hover)}.metric-label{width:160px;font-size:.85rem;font-weight:600;flex-shrink:0;font-family:var(--font-display),sans-serif;letter-spacing:-.01em}.metric-bars{flex:1;display:flex;flex-direction:column;gap:.4rem}.metric-bar-row{display:flex;align-items:center;gap:.75rem}.metric-bar-label{width:80px;font-size:.7rem;color:var(--text-muted);text-align:right;font-weight:600}.metric-bar{flex:1;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.dark .metric-bar{background:#ffffff0f}.metric-bar-fill{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1)}.metric-bar-fill.own{background:linear-gradient(90deg,var(--accent-blue),#60A5FA)}.dark .metric-bar-fill.own{background:linear-gradient(90deg,var(--accent-blue),#93C5FD)}.metric-bar-fill.comp{background:linear-gradient(90deg,var(--text-muted),var(--text-secondary))}.metric-value{width:100px;font-size:.8rem;font-weight:700;text-align:right;font-family:var(--font-display),sans-serif}.modal-overlay{position:fixed;inset:0;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;padding:1.5rem}.dark .modal-overlay{background:#0009}.modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;width:100%;max-width:480px;box-shadow:0 24px 64px -16px #0003;animation:modalSlideUp .35s cubic-bezier(.34,1.56,.64,1);max-height:90vh;overflow-y:auto}.dark .modal{background:var(--bg-secondary);border-color:#ffffff14;box-shadow:0 24px 64px -16px #00000080}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal h3{font-size:1.2rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary);font-family:var(--font-display),sans-serif;letter-spacing:-.02em}.modal-actions{display:flex;justify-content:flex-end;gap:.65rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border-color)}.toggle-container{display:flex;align-items:center;gap:.75rem}.toggle{width:44px;height:24px;background:var(--accent-main);border-radius:12px;position:relative;cursor:pointer;transition:background-color .2s ease;flex-shrink:0}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 1px 4px #00000026}.toggle.active{background:var(--accent-red)}.toggle.active:after{transform:translate(20px)}.toast{position:fixed;bottom:2rem;right:2rem;padding:.8rem 1.25rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;color:#fff;z-index:2000;animation:toastSlideIn .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 32px -8px #00000040;max-width:380px;font-family:var(--font-body),sans-serif;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.toast.success{background:linear-gradient(135deg,var(--accent-green),#047857)}.toast.error{background:linear-gradient(135deg,var(--accent-red),#B91C1C)}.video-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);overflow:hidden;transition:all .25s ease}.dark .video-card{background:var(--bg-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.video-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.video-thumbnail{width:100%;aspect-ratio:16 / 9;object-fit:cover;transition:transform .4s ease}.video-card:hover .video-thumbnail{transform:scale(1.03)}.video-info{padding:1rem}.video-info h4{font-size:.8rem;font-weight:600;line-height:1.4;margin-bottom:.4rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--font-display),sans-serif}.video-stats{display:flex;gap:.75rem;flex-wrap:wrap}.video-stat{display:flex;align-items:center;gap:.2rem;font-size:.7rem;color:var(--text-muted);font-weight:500}.tag{display:inline-flex;align-items:center;gap:.15rem;padding:.15rem .5rem;border-radius:9999px;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);font-size:.75rem;font-weight:500}.loading-container,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border-color)}.dark .loading-container,.dark .empty-state{background:var(--bg-glass);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.empty-state h3{margin-top:1rem;font-size:1.1rem;font-family:var(--font-display),sans-serif}.empty-state p{margin-top:.5rem;color:var(--text-secondary);font-size:.9rem;max-width:400px}.empty-state svg{color:var(--text-muted);opacity:.5}.spinner{width:36px;height:36px;border:3px solid var(--border-color);border-top-color:var(--accent-main);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spinning .8s linear infinite}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.main-content img{max-width:100%;height:auto}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.mobile-nav-toggle{display:inline-flex}.sidebar{width:min(84vw,var(--sidebar-width));padding:1.25rem 1rem;transform:translate(-100%);box-shadow:0 18px 50px -12px #080c1873}.sidebar.open{transform:translate(0)}.sidebar-backdrop.show{display:block;opacity:1}.main-content{margin-left:0;max-width:100vw;padding:4.5rem 1.1rem 1.5rem}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-header h2{font-size:1.5rem}.card{padding:1.25rem}}@media(max-width:480px){.main-content{padding:4.25rem .85rem 1.25rem}.page-header h2{font-size:1.3rem}.card{padding:1.1rem}}::selection{background:var(--accent-main);color:#fff}.dark ::selection{background:var(--accent-main);color:#0a1122}.sidebar-logo{position:relative;justify-content:center;background:none;border-bottom:1px solid var(--border-color);padding:.4rem .5rem 1.2rem;margin-bottom:.6rem}.sidebar-logo:after{content:"";position:absolute;left:50%;bottom:-1px;width:48px;height:2px;border-radius:2px;transform:translate(-50%);background:linear-gradient(90deg,var(--accent-main),var(--accent-teal));opacity:.7}.sidebar-logo .logo-image{position:relative;z-index:1}.app-logo{display:block;background-color:var(--accent-main);-webkit-mask:url(/logo.svg) no-repeat center / contain;mask:url(/logo.svg) no-repeat center / contain;transition:background-color .3s ease}.nav-link.active{background:linear-gradient(160deg,var(--accent-blue),var(--accent-main));box-shadow:0 4px 14px -4px var(--accent-main-glow),inset 0 1px #ffffff2e}.dark .nav-link.active{background:linear-gradient(160deg,#5298f038,#5298f012);color:var(--accent-main);border:1px solid rgba(82,152,240,.28);box-shadow:0 0 22px -8px #5298f080}.btn-primary{background:linear-gradient(160deg,#2E63B8,var(--accent-main));box-shadow:0 4px 14px -4px var(--accent-main-glow),inset 0 1px #ffffff38}.dark .btn-primary{background:linear-gradient(160deg,#79ADF4,var(--accent-main));color:#08122b;box-shadow:0 4px 16px -6px #5298f080,inset 0 1px #ffffff40}.card{box-shadow:var(--shadow),inset 0 1px #ffffff8c}.dark .card{box-shadow:var(--shadow),inset 0 1px #ffffff0d}.stat-value{background:linear-gradient(135deg,var(--text-primary),var(--accent-main));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.page-header h2{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em}.page-header{position:relative;padding-bottom:1.25rem;border-bottom:1px solid var(--border-color)}.page-header:after{content:"";position:absolute;left:0;bottom:-1px;width:64px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent-main),var(--accent-teal))}.dark .modal{background:var(--bg-card)}