@import url(https://fonts.googleapis.com/css2?family=Clash+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap);:root{--bg-primary:#0b0f14;--bg-secondary:#121822;--bg-tertiary:#1a2332;--bg-card:#121822f2;--bg-card-hover:#1a2332f2;--font-heading:"Clash Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--text-primary:#e4e7eb;--text-secondary:#9ca3af;--text-muted:#6b7280;--text-accent:#fbbf24;--primary-blue:#60a5fa;--primary-red:#f43f5e;--primary-green:#34d399;--primary-amber:#fbbf24;--primary-purple:#a78bfa;--primary-cyan:#22d3ee;--primary-pink:#f472b6;--gradient-views:linear-gradient(135deg,#3b82f6,#60a5fa);--gradient-likes:linear-gradient(135deg,#f43f5e,#fb7185);--gradient-comments:linear-gradient(135deg,#10b981,#34d399);--gradient-shares:linear-gradient(135deg,#f59e0b,#fbbf24);--gradient-engagement:linear-gradient(135deg,#8b5cf6,#a78bfa);--border-primary:#ffffff0d;--border-secondary:#ffffff08;--border-accent:#60a5fa4d;--shadow-sm:0 1px 3px #0009;--shadow-md:0 4px 12px #0009;--shadow-lg:0 10px 25px #0009;--shadow-xl:0 20px 40px #0009;--shadow-glow:0 0 20px #60a5fa40;--glass-bg:#121822e6;--glass-border:#ffffff0d;--glass-shadow:0 8px 32px #0009}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0b0f14,#121822 50%,#1a2332);color:#9ca3af;color:var(--text-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-body);font-weight:400;line-height:1.6;min-height:auto;position:relative}body:before{background:radial-gradient(circle at 20% 80%,#60a5fa08 0,#0000 50%),radial-gradient(circle at 80% 20%,#a88bfa08 0,#0000 50%),radial-gradient(circle at 40% 40%,#34d39905 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}#root{min-height:auto;position:relative;z-index:1}.heading-xl{color:#e4e7eb;color:var(--text-primary);font-family:Clash Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-heading);font-size:3.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.1}.heading-lg{font-size:2.5rem;line-height:1.2}.heading-lg,.heading-md{color:#e4e7eb;color:var(--text-primary);font-family:Clash Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-heading);font-weight:600;letter-spacing:-.01em}.heading-md{font-size:1.875rem;line-height:1.3}.heading-sm{color:#e4e7eb;color:var(--text-primary);font-family:Clash Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-heading);font-size:1.5rem;font-weight:600;letter-spacing:-.01em;line-height:1.4}.body-lg{font-size:1.125rem}.body-lg,.body-md{color:#9ca3af;color:var(--text-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-body);font-weight:400;line-height:1.6}.body-md{font-size:1rem}.body-sm{color:#9ca3af;color:var(--text-secondary);font-size:.875rem;font-weight:400;line-height:1.5}.body-sm,.label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-body)}.label{color:#6b7280;color:var(--text-muted);font-size:.75rem;font-weight:300;letter-spacing:.1em;line-height:1.4;text-transform:uppercase}.container{margin:0 auto;max-width:1400px;padding:0 24px}.hero{align-items:center;background:linear-gradient(135deg,#0b0f14,#121822 50%,#1a2332);display:flex;min-height:360px;overflow:hidden;position:relative}.hero:before{background:radial-gradient(circle,#60a5fa0f 0,#a88bfa0a 40%,#0000 70%);border-radius:50%;content:"";height:800px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:800px;z-index:1}.hero-background{z-index:1}.hero-background,.hero-grid{bottom:0;left:0;position:absolute;right:0;top:0}.hero-grid{background-image:linear-gradient(#94a3b805 1px,#0000 0),linear-gradient(90deg,#94a3b805 1px,#0000 0);background-size:40px 40px;opacity:.3}.hero-accent{background:linear-gradient(135deg,#3b82f608,#0000 70%);border-radius:50%;height:300px;position:absolute;right:0;top:0;transform:translate(150px,-150px);width:300px}.hero-content{margin:0 auto;max-width:900px;padding:60px 0;position:relative;text-align:center;z-index:2}.hero-eyebrow{color:#60a5fa;color:var(--primary-blue);font-size:.7rem;font-weight:600;letter-spacing:1.5px;margin-bottom:16px;opacity:.8;text-transform:uppercase}.hero-title{color:#e4e7eb;color:var(--text-primary);font-family:Clash Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-heading);font-size:3.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0 0 20px;text-shadow:0 4px 8px #0000004d}.hero-description{color:#9ca3af;color:var(--text-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-body);font-size:1.125rem;font-weight:400;line-height:1.6;margin:0 auto 56px;max-width:500px}.hero-cta{display:flex;justify-content:center}.hero-metrics{align-items:center;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#121822cc;border:1px solid #ffffff0d;border-radius:20px;box-shadow:0 12px 40px #0009,inset 0 1px 0 #ffffff1a;display:flex;gap:32px;overflow:hidden;padding:28px 40px;position:relative}.hero-metrics:before{background:linear-gradient(135deg,#60a5fa08,#a88bfa05);border-radius:20px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-metric{flex-direction:column;position:relative;z-index:2}.hero-metric,.hero-metric-value{align-items:center;display:flex;gap:8px}.hero-metric-value{color:#e4e7eb;color:var(--text-primary);font-family:Clash Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-heading);font-size:2.25rem;font-weight:700;letter-spacing:-.02em;line-height:1;text-shadow:0 2px 8px #0000004d}.hero-metric-value svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));opacity:.8}@keyframes heroTextSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes heroTextFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.hero-eyebrow{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.hero-eyebrow-visible{opacity:1;transform:translateY(0)}.hero-title{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1);transition-delay:.1s}.hero-title-visible{opacity:1;transform:translateY(0)}.hero-description{opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(.4,0,.2,1);transition-delay:.2s}.hero-description-visible{opacity:1;transform:translateY(0)}@keyframes countUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes numberCountUp{0%{opacity:0;transform:translateY(10px) scale(.9)}50%{opacity:.8;transform:translateY(-2px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.hero-metric-value{animation:countUp .8s ease-out forwards}.hero-metric-value.animate{animation:numberCountUp .6s ease-out forwards}.hero-metric-value:first-child{animation-delay:.1s}.hero-metric-value:nth-child(2){animation-delay:.3s}.hero-metric-value:nth-child(3){animation-delay:.5s}@keyframes summaryCountUp{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.summary-stat-value{animation:summaryCountUp .6s ease-out forwards;opacity:0}.summary-stat-value.animate{opacity:1}.hero-metric-label{color:#9ca3af;color:var(--text-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-body);font-size:.8rem;font-weight:500;letter-spacing:.12em;opacity:.9;text-transform:uppercase}.hero-metric-divider{background:linear-gradient(180deg,#0000,#60a5fa66,#0000);height:40px;opacity:.6;position:relative;width:2px;z-index:2}.nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000fa;border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border-primary);box-shadow:0 4px 20px #0006;padding:0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.nav-content{align-items:center;padding:20px 0;width:100%}.nav-content,.nav-tabs{display:flex;justify-content:center}.nav-tabs{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#121822cc;border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 4px 20px #0009,inset 0 1px 0 #ffffff0d;flex-wrap:wrap;gap:4px;margin:0 auto;max-width:600px;padding:6px;position:relative}.nav-tab{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;color:#ffffffb3;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-body);font-size:.8rem;font-weight:600;gap:8px;justify-content:center;min-width:140px;overflow:hidden;padding:12px 20px;position:relative;white-space:nowrap}.nav-tab,.nav-tab:before{transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-tab:before{background:linear-gradient(135deg,#fbbf241a,#fbbf240d);border-radius:12px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;z-index:-1}.nav-tab:hover{background:#ffffff14;border-color:#60a5fa33;box-shadow:0 4px 12px #60a5fa26;color:#fffffff2;transform:translateY(-1px)}.nav-tab:hover:before{opacity:1}.nav-tab.active{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#fbbf2433,#fbbf241f);border:1px solid #fbbf244d;box-shadow:0 6px 20px #fbbf244d,inset 0 1px 0 #fbbf2466;color:#fff;transform:translateY(-2px)}.nav-tab.active:before{background:linear-gradient(135deg,#fbbf2433,#fbbf241a);opacity:1}.nav-tab-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:20px;opacity:.8;transition:all .3s ease;width:20px}.nav-tab.active .nav-tab-icon,.nav-tab:hover .nav-tab-icon{opacity:1;transform:scale(1.1)}.nav-tab.active .nav-tab-icon{color:#fbbf24;filter:drop-shadow(0 4px 8px rgba(251,191,36,.4))}.nav-tab-text{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-body);font-size:.875rem;font-weight:600;letter-spacing:.025em}.main{background:linear-gradient(135deg,#0b0f14,#121822 50%,#1a2332);padding:48px 0;position:relative}.main:before{background:radial-gradient(circle at 20% 80%,#3b82f61a 0,#0000 50%),radial-gradient(circle at 80% 20%,#9333ea1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121822f2;background:var(--bg-card);border:1px solid #ffffff0d;border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 4px 12px #0009;box-shadow:var(--shadow-md);overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:#60a5fa4d;border-color:var(--border-accent);box-shadow:0 10px 25px #0009;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.kpi-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.kpi-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121822f2;background:var(--bg-card);border:1px solid #ffffff0d;border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 4px 12px #0009;box-shadow:var(--shadow-md);height:100%;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.kpi-card:hover{border-color:#60a5fa4d;border-color:var(--border-accent);box-shadow:0 20px 40px #0009;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.kpi-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.kpi-card:before,.kpi-icon{background:var(--gradient-primary)}.kpi-icon{align-items:center;border-radius:12px;color:#0b0f14;color:var(--bg-primary);display:flex;font-size:1.5rem;height:48px;justify-content:center;margin-bottom:16px;width:48px}.kpi-title{color:#9ca3af;color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.kpi-value{color:#e4e7eb;color:var(--text-primary);font-size:1.75rem;font-weight:800;line-height:1.2;margin-bottom:8px}.kpi-change{align-items:center;display:flex;font-size:.875rem;font-weight:600;gap:4px}.kpi-change.positive{color:#34d399;color:var(--primary-green)}.kpi-change.negative{color:#f43f5e;color:var(--primary-red)}.section-header{margin-bottom:24px}.section-title{align-items:center;color:#e4e7eb;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:12px;margin-bottom:8px}.section-subtitle{color:#9ca3af;color:var(--text-secondary);font-size:1rem;margin:0}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:var(--gradient-primary);box-shadow:0 4px 12px #0009;box-shadow:var(--shadow-md);color:#0b0f14;color:var(--bg-primary)}.btn-primary:hover{box-shadow:0 10px 25px #0009;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:#1a2332;background:var(--bg-tertiary);border:1px solid #ffffff0d;border:1px solid var(--border-primary);color:#e4e7eb;color:var(--text-primary)}.btn-secondary:hover{background:#121822f2;background:var(--bg-card);border-color:#60a5fa4d;border-color:var(--border-accent)}.select{background:#121822;background:var(--bg-secondary);border:1px solid #ffffff0d;border:1px solid var(--border-primary);border-radius:12px;color:#e4e7eb;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.select:hover{border-color:#60a5fa4d;border-color:var(--border-accent)}.select:focus{border-color:var(--primary-yellow);box-shadow:0 0 0 3px #fbbf241a;outline:none}.table-container{background:#121822;background:var(--bg-secondary);border:1px solid #ffffff0d;border:1px solid var(--border-primary);border-radius:12px;overflow:hidden}.table{border-collapse:initial;border-spacing:0;width:100%}.table th{background:#1a2332;background:var(--bg-tertiary);border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border-primary);color:#9ca3af;color:var(--text-secondary);font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:16px;text-align:left;text-transform:uppercase}.table td{border-bottom:1px solid #ffffff08;border-bottom:1px solid var(--border-secondary);color:#e4e7eb;color:var(--text-primary);font-size:.875rem;padding:16px}.table tr:hover{background:#121822f2;background:var(--bg-card)}.recharts-wrapper{background:#121822;background:var(--bg-secondary);border-radius:12px;padding:16px}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#ffffff08;stroke:var(--border-secondary)}.recharts-text{fill:#9ca3af;fill:var(--text-secondary)}.recharts-legend-item-text{color:#9ca3af;color:var(--text-secondary)}.insights-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}@media (max-width:1200px){.insights-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.insights-grid{grid-template-columns:repeat(1,1fr)}}.recharts-default-tooltip,.recharts-tooltip-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121822f2;background:var(--bg-card);border:1px solid #ffffff0d;border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 10px 25px #0009;box-shadow:var(--shadow-lg)}.recharts-default-tooltip{color:#e4e7eb;color:var(--text-primary);font-family:Inter,sans-serif;font-size:12px;padding:12px}.recharts-tooltip-label{color:#9ca3af;color:var(--text-secondary);font-weight:600;margin-bottom:4px}.recharts-tooltip-item{font-weight:500;margin:2px 0}.recharts-tooltip-item,.recharts-tooltip-item-list,.recharts-tooltip-item-value{color:#e4e7eb;color:var(--text-primary)}.recharts-tooltip-item-value{font-weight:600}.recharts-tooltip-item-unit{color:#6b7280;color:var(--text-muted)}.wb-table-scroll{background:#121822;background:var(--bg-secondary);border:1px solid #ffffff0d;border:1px solid var(--border-primary);border-radius:12px;overflow-x:auto}.wb-table{border-collapse:initial;border-spacing:0;width:100%}.wb-table th{background:#121822f2;background:var(--bg-card);border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border-primary);color:#9ca3af;color:var(--text-secondary);font-size:.75rem;font-weight:700;letter-spacing:.06em;padding:16px;text-align:left;text-transform:uppercase}.wb-table td{color:#e4e7eb;color:var(--text-primary);font-size:.875rem;padding:16px;white-space:nowrap}.wb-table tr:nth-child(2n){background:#121822f2;background:var(--bg-card)}.wb-table tr:nth-child(odd){background:#121822;background:var(--bg-secondary)}.wb-table tr:hover{background:#1a2332;background:var(--bg-tertiary)}.wb-mobile-list{display:none}@media (max-width:768px){.wb-header-row{align-items:flex-start;display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.wb-filters-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;width:100%}.wb-select{width:100%}.wb-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.wb-desktop-only{display:none}.wb-mobile-list{grid-gap:12px;display:grid;gap:12px}.wb-mobile-card{background:#121822;background:var(--bg-secondary);border:1px solid #ffffff0d;border:1px solid var(--border-primary);border-radius:12px;padding:12px}.wb-mobile-card-header{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:8px}.wb-mobile-day{color:#e4e7eb;color:var(--text-primary);font-weight:700}.wb-mobile-views{color:#9ca3af;color:var(--text-secondary);font-size:.85rem}.wb-mobile-metrics{grid-gap:8px 12px;display:grid;gap:8px 12px;grid-template-columns:1fr 1fr}.wb-mobile-metric{align-items:center;background:#121822f2;background:var(--bg-card);border:1px solid #ffffff08;border:1px solid var(--border-secondary);border-radius:8px;display:flex;font-size:.9rem;justify-content:space-between;padding:8px 10px}.wb-table th{font-size:.7rem;padding:10px 12px}.wb-table td{font-size:.8rem;padding:10px 12px}.hero{min-height:280px}.hero-content{padding:40px 0}.hero-title{font-size:2.5rem}.hero-description{font-size:1rem;margin-bottom:32px}.hero-metrics{flex-direction:row;gap:16px;padding:16px 24px}.hero-metric-divider{height:32px;width:1px}.hero-metric-value{font-size:1.75rem}.nav-tabs{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1e293bcc;border:1px solid #94a3b833;border-radius:16px;box-shadow:0 4px 20px #00000026,inset 0 1px 0 #ffffff1a;flex-direction:column;gap:6px;padding:8px}.nav-tab{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:8px;overflow:hidden;padding:10px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-tab.active{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#fbbf2426,#fbbf2414);border:1px solid #fbbf2433;box-shadow:0 4px 16px #fbbf2433,inset 0 1px 0 #fbbf244d;color:#fbbf24;transform:translateY(-1px)}}@media (max-width:480px){.wb-filters-row{grid-template-columns:1fr}.hero-metrics{flex-direction:column}.hero-metric-divider{height:1px;width:40px}.wb-mobile-metrics{grid-template-columns:1fr}.hero{min-height:240px}.hero-title{font-size:2rem}.hero-metrics{gap:12px;padding:16px 20px}.hero-metric-value{font-size:1.5rem}.container{padding:0 16px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}:focus{outline:2px solid #94a3b880;outline-offset:2px}.nav-tab:focus{box-shadow:0 0 0 4px #fbbf2433;outline:2px solid var(--primary-yellow);outline-offset:2px}select:focus{border-color:#94a3b866;outline:2px solid #94a3b880;outline-offset:2px}.card:focus-within{outline:2px solid var(--primary-yellow);outline-offset:2px}@media (prefers-contrast:high){:root{--border-primary:#94a3b866;--border-secondary:#94a3b84d}.nav-tab.active{border:2px solid var(--primary-yellow)}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#121822;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#1a2332;background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff0d;background:var(--border-primary)}@media (max-width:768px){.container{padding:0 16px}.hero-title{font-size:28px;line-height:1.2}.hero-description{font-size:14px;line-height:1.5;margin-bottom:32px}.hero-metrics{flex-direction:column;gap:20px;padding:20px}.hero-metric-divider{display:none}.hero-metric-value{font-size:24px;gap:6px}.hero-metric-label{font-size:12px}.nav-tabs{flex-direction:column;gap:8px;max-width:100%}.nav-tab{font-size:14px;justify-content:center;padding:12px 16px;width:100%}.nav-tab-icon{height:16px;width:16px}.kpi-grid{gap:16px;grid-template-columns:1fr}.kpi-card{padding:20px}.wb-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.wb-table{font-size:12px;min-width:600px}.wb-table td,.wb-table th{padding:8px 6px}.instagram-filters{flex-direction:column;gap:16px}.instagram-filter-group{width:100%}.instagram-pill-buttons{gap:6px;justify-content:center}.instagram-pill-button{font-size:12px;min-width:auto;padding:6px 12px}.instagram-grid{gap:16px;grid-template-columns:1fr}.instagram-embed-card{padding:16px}.instagram-embed-frame{height:300px}}@media (min-width:769px) and (max-width:1024px){.container{padding:0 24px}.hero-title{font-size:36px}.hero-description{font-size:18px}.hero-metrics{gap:32px;padding:24px}.nav-tabs{max-width:500px}.nav-tab{font-size:14px;padding:10px 16px}.instagram-grid,.kpi-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.instagram-embed-frame{height:350px}}@media (min-width:1025px){.container{margin:0 auto;max-width:1200px}.hero-metrics{gap:40px;padding:32px}.nav-tabs{max-width:600px}.instagram-grid,.kpi-grid{gap:24px;grid-template-columns:repeat(3,1fr)}}@media (hover:none) and (pointer:coarse){.instagram-pill-button,.kpi-card,.nav-tab{min-height:44px}.instagram-pill-button:active,.nav-tab:active{transform:scale(.98)}.wb-table-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.hero-metric-value{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (max-width:768px) and (orientation:landscape){.hero-metrics{flex-direction:row;gap:16px}.hero-metric-divider{display:block}.nav-tabs{flex-direction:row;gap:12px}.nav-tab{width:auto}}@media print{.hero-cta,.instagram-filters,.nav{display:none}.hero{background:#fff;color:#000}.instagram-embed-card,.kpi-card{background:#fff;border:1px solid #ccc;color:#000}}.app-layout{display:flex;min-height:auto}.sidebar{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:linear-gradient(180deg,#0b0f14f2,#121822f2);border-right:1px solid #60a5fa1a;box-shadow:0 0 0 1px #60a5fa0d,0 20px 40px #000c,inset 0 1px 0 #ffffff05;height:auto;max-height:calc(100vh - 400px);min-height:-webkit-fit-content;min-height:fit-content;overflow-y:auto;position:-webkit-sticky;position:sticky;top:0;width:260px;z-index:100}.sidebar-header{background:linear-gradient(135deg,#60a5fa08,#a78bfa05);border-bottom:1px solid #60a5fa14;padding:32px 24px 24px;position:relative}.sidebar-header:before{background:linear-gradient(90deg,#0000,#60a5fa33,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.sidebar-title{color:#6b7280;color:var(--text-muted);font-family:Clash Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-heading);font-size:.875rem;font-weight:600;letter-spacing:.1em;margin:0;opacity:.8;text-transform:uppercase}.sidebar-nav{padding:20px 16px}.sidebar-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:16px;color:#9ca3af;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-body);font-size:.875rem;font-weight:500;gap:14px;margin-bottom:6px;overflow:hidden;padding:14px 16px;position:relative;text-align:left;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.sidebar-item:before{background:linear-gradient(135deg,#60a5fa14,#a78bfa0a);border-radius:16px;bottom:0;opacity:0;right:0;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:-1}.sidebar-item:after,.sidebar-item:before{content:"";left:0;position:absolute;top:0}.sidebar-item:after{background:linear-gradient(180deg,#60a5fa,#a78bfa);border-radius:0 2px 2px 0;height:100%;transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);width:3px}.sidebar-item:hover{background:#ffffff08;border-color:#60a5fa26;box-shadow:0 4px 12px #60a5fa1a,0 0 0 1px #60a5fa1a;color:#e4e7eb;color:var(--text-primary);transform:translateX(6px) scale(1.02)}.sidebar-item:hover:before{opacity:1}.sidebar-item:hover:after{transform:scaleY(1)}.sidebar-item.active{border-color:#60a5fa4d;box-shadow:0 8px 24px #60a5fa33,0 0 0 1px #60a5fa33,inset 0 1px 0 #ffffff1a;color:#fff;transform:translateX(6px) scale(1.02)}.sidebar-item.active,.sidebar-item.active:before{background:linear-gradient(135deg,#60a5fa1f,#a78bfa14)}.sidebar-item.active:before{opacity:1}.sidebar-item.active:after{background:linear-gradient(180deg,#60a5fa,#a78bfa);box-shadow:0 0 8px #60a5fa80;transform:scaleY(1)}.sidebar-icon{align-items:center;display:flex;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:20px;justify-content:center;opacity:.7;transition:all .4s cubic-bezier(.4,0,.2,1);width:20px}.sidebar-item.active .sidebar-icon,.sidebar-item:hover .sidebar-icon{filter:drop-shadow(0 4px 8px rgba(96,165,250,.3));opacity:1;transform:scale(1.15) rotate(5deg)}.sidebar-label{font-weight:500;letter-spacing:.025em;transition:all .3s ease;white-space:nowrap}.sidebar-item.active .sidebar-label,.sidebar-item:hover .sidebar-label{font-weight:600;letter-spacing:.05em}.main-content{background:#0b0f14;background:var(--bg-primary);flex:1 1;min-height:auto;padding:32px}.mobile-menu-toggle{display:none;position:fixed;right:24px;top:24px;z-index:1000}.menu-toggle-btn{align-items:center;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:linear-gradient(135deg,#0b0f14f2,#121822f2);border:1px solid #60a5fa26;border-radius:16px;box-shadow:0 8px 24px #0009,0 0 0 1px #60a5fa1a,inset 0 1px 0 #ffffff0d;color:#e4e7eb;color:var(--text-primary);cursor:pointer;display:flex;height:52px;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);width:52px}.menu-toggle-btn:hover{background:linear-gradient(135deg,#60a5fa1a,#a78bfa0d);border-color:#60a5fa4d;box-shadow:0 12px 32px #60a5fa33,0 0 0 1px #60a5fa33,inset 0 1px 0 #ffffff1a;transform:scale(1.05) rotate(5deg)}.mobile-sidebar-overlay{background:#000c;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.mobile-sidebar{animation:slideInRight .3s ease;background:#121822fa;border-left:1px solid #60a5fa26;box-shadow:-20px 0 40px #000c;height:100vh;overflow-y:auto;position:fixed;right:0;top:0;width:320px;z-index:1000}.mobile-sidebar .sidebar-header{align-items:center;background:linear-gradient(135deg,#60a5fa08,#a78bfa05);border-bottom:1px solid #60a5fa14;display:flex;justify-content:space-between;padding:32px 24px 24px;position:relative}.mobile-sidebar .sidebar-header:before{background:linear-gradient(90deg,#0000,#60a5fa33,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.close-sidebar-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#60a5fa1a,#a78bfa0d);border:1px solid #60a5fa33;border-radius:12px;color:#e4e7eb;color:var(--text-primary);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.close-sidebar-btn:hover{background:linear-gradient(135deg,#60a5fa26,#a78bfa1a);border-color:#60a5fa4d;box-shadow:0 4px 12px #60a5fa33;transform:scale(1.05) rotate(5deg)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:1023px){.app-layout{display:block}.sidebar{display:none}.main-content{min-height:auto;padding:20px}.mobile-menu-toggle,.mobile-sidebar-overlay{display:block}}@media (max-width:768px){.nav{display:none}*{animation:none;backdrop-filter:none;-webkit-backdrop-filter:none;filter:none;transform:none;transition:none}.glow-card{background:#121822f2;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 12px #0000004d;margin:12px 0;padding:20px}.container{padding:0 20px}.main,.main-content{padding:20px}.nav-tabs{background:#121822f2;gap:4px;padding:6px}.nav-tab,.nav-tabs{border:1px solid #ffffff1a}.nav-tab{background:#ffffff0d;border-radius:8px;padding:12px 16px}.nav-tab.active{background:#60a5fa33;border-color:#60a5fa4d;color:#fff}.hero{padding:40px 20px}.hero-metrics{background:#121822f2;border:1px solid #ffffff1a;border-radius:16px;padding:24px}.kpi-grid{padding:0 4px}.kpi-card{background:#121822f2;border:1px solid #ffffff1a;border-radius:16px;padding:24px}.mobile-menu-toggle{right:16px;top:16px}.menu-toggle-btn{background:#121822f2;border:1px solid #ffffff1a;border-radius:12px;height:48px;width:48px}.mobile-sidebar{background:#121822fa;width:280px}.mobile-sidebar .sidebar-header{padding:20px 16px 16px}.mobile-sidebar .sidebar-nav{padding:12px 8px}.mobile-sidebar .sidebar-item{border-radius:12px;margin-bottom:4px;padding:12px 16px}.main{padding-top:80px}.wb-table-scroll{margin:0 -20px;padding:0 20px}.recharts-responsive-container{height:300px}.hero-title{font-size:1.75rem;line-height:1.2}.hero-description{font-size:.875rem;line-height:1.5}button{min-width:44px}.menu-toggle-btn,.nav-tab,.sidebar-item,button{min-height:44px}.container{padding:0 16px}.main-content{padding:16px}.nav-tabs{-webkit-overflow-scrolling:touch;gap:2px;max-width:100%;overflow-x:auto;padding:4px}.nav-tab{font-size:.75rem;min-width:120px;padding:10px 16px;white-space:nowrap}.hero{padding:40px 0}.hero-title{font-size:2rem}.hero-description{font-size:1rem;margin-bottom:32px}.hero-metrics{flex-direction:column;gap:16px;padding:20px}.hero-metric-divider{display:none}.kpi-grid{gap:16px;grid-template-columns:1fr}.kpi-card{padding:20px}.pill-toggle-container{flex-wrap:wrap;gap:8px}.pill-toggle-button{font-size:.875rem;padding:8px 12px}.wb-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.wb-table{min-width:600px}.recharts-wrapper{overflow:visible}}@media (min-width:769px) and (max-width:1024px){.container{padding:0 24px}.glow-card,.main,.main-content{padding:24px}.glow-card{background:#121822f2;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 6px 16px #0006;margin:16px 0}.nav-tab:hover,.sidebar-item:hover{transform:translateX(2px)}.nav-tabs{gap:6px;padding:8px}.nav-tab{font-size:.8rem;padding:14px 20px}.hero{padding:48px 24px}.hero-metrics{padding:28px}.kpi-grid{gap:20px;grid-template-columns:repeat(2,1fr);padding:0 8px}.kpi-card{padding:28px}.nav{display:none}.mobile-menu-toggle{display:block}.main{padding-top:80px}.recharts-responsive-container{height:350px}.hero-title{font-size:2.25rem}.hero-description{font-size:1rem}}@media (max-width:768px){.mobile-sidebar{width:280px}.main-content{padding:16px}.sidebar-item{font-size:.875rem;padding:14px 16px}.sidebar-header{padding:20px 16px 12px}.sidebar-title{font-size:1rem}}@media (max-width:480px){.mobile-sidebar{width:100%}.mobile-menu-toggle{right:16px;top:16px}.menu-toggle-btn{height:44px;width:44px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.mobile-sidebar,.sidebar{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (hover:none) and (pointer:coarse){.menu-toggle-btn,.sidebar-item{min-height:48px}.close-sidebar-btn{min-height:44px}}@media print{.mobile-menu-toggle,.mobile-sidebar-overlay,.sidebar{display:none}.main-content{background:#fff;color:#000;padding:0}}
/*# sourceMappingURL=main.9197fa25.css.map*/