@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-dark:#070b14;--bg-darker:#05070a;--glass-bg:#0f172a66;--glass-border:#ffffff08;--accent-purple:#8b5cf6;--accent-blue:#3b82f6;--accent-pink:#ec4899;--accent-green:#10b981;--accent-yellow:#f59e0b;--text-main:#f8fafc;--text-muted:#94a3b8;--linkedin:#0a66c2;--instagram:#e1306c;--youtube:red;--tiktok:#00f2fe}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-dark);color:var(--text-main);width:100%;min-height:100vh;overflow-x:hidden}html{width:100%;overflow-x:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;transition:transform .3s,box-shadow .3s,border-color .3s;box-shadow:0 4px 24px -1px #0003}.glass-panel:hover{border-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 10px 40px -5px #0006}.app-layout{width:100%;min-height:100vh;display:flex}.sidebar{-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--glass-border);z-index:50;background:#0b0f19cc;flex-direction:column;flex-shrink:0;width:220px;padding:24px;display:flex}.main-content{z-index:10;flex:1;width:calc(100% - 220px);max-width:calc(100% - 220px);height:100vh;padding:40px;position:relative;overflow:hidden auto}h1,h2,h3,h4,h5{letter-spacing:-.01em;font-weight:600}.text-gradient{background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes hoverFloat{0%{transform:translateY(0)translate(0)}33%{transform:translateY(-15px)translate(5px)}66%{transform:translateY(5px)translate(-5px)}to{transform:translateY(0)translate(0)}}@keyframes hoverFloatReverse{0%{transform:translateY(0)translate(0)}33%{transform:translateY(15px)translate(-5px)}66%{transform:translateY(-5px)translate(5px)}to{transform:translateY(0)translate(0)}}@keyframes twinkleGlow{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.hovering-element{animation:12s ease-in-out infinite hoverFloat}.hovering-element-reverse{animation:15s ease-in-out infinite hoverFloatReverse}.twinkle{animation:4s ease-in-out infinite twinkleGlow}.hashtag-pill{color:#e2e8f0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1e3a8a66;border:1px solid #3b82f633;border-radius:12px;padding:4px 12px;font-size:.65rem;font-weight:600;box-shadow:0 4px 15px #0000004d}@keyframes pulseDot{0%{transform:scale(.95);box-shadow:0 0 #a855f7b3}70%{transform:scale(1);box-shadow:0 0 0 6px #a855f700}to{transform:scale(.95);box-shadow:0 0 #a855f700}}.pulse-dot-purple{animation:2s infinite pulseDot}@keyframes pulseDotBlue{0%{transform:scale(.95);box-shadow:0 0 #3b82f6b3}70%{transform:scale(1);box-shadow:0 0 0 6px #3b82f600}to{transform:scale(.95);box-shadow:0 0 #3b82f600}}.pulse-dot-blue{animation:2s .5s infinite pulseDotBlue}@keyframes pulseDotGreen{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.pulse-dot-green{animation:2s 1s infinite pulseDotGreen}.dash-12-grid{grid-template-columns:repeat(12,1fr);gap:24px;width:100%;display:grid}.col-span-12{grid-column:span 12}.col-span-8{grid-column:span 8}.col-span-6{grid-column:span 6}.col-span-4{grid-column:span 4}.col-span-3{grid-column:span 3}.col-span-2{grid-column:span 2}.metric-card{border-radius:16px;flex-direction:column;justify-content:space-between;min-height:120px;padding:20px;display:flex}.metric-icon-box{border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.charts-row{grid-template-columns:1.2fr 2fr 1fr;gap:20px;margin-bottom:24px;display:grid}.bottom-row{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:80px;display:grid}.ai-bar-container{pointer-events:none;z-index:100;justify-content:center;padding:24px;display:flex;position:fixed;bottom:0;left:220px;right:0}.ai-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);pointer-events:auto;background:#0f172ad9;border-radius:100px;align-items:center;gap:24px;width:100%;max-width:900px;padding:12px 24px;display:flex;box-shadow:0 10px 40px #00000080,0 0 40px #8b5cf633}.ai-bar-btn{border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;transition:all .2s;display:flex}.ai-bar-btn:hover{background:#ffffff0d;border-color:#fff3}.sidebar-item{cursor:pointer;color:var(--text-muted);text-align:left;background:0 0;border:none;border-radius:20px;align-items:center;gap:12px;width:100%;padding:10px 16px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.sidebar-item:hover{color:var(--text-main);background:#ffffff08}.sidebar-item.active{color:#fff;background:linear-gradient(90deg,#4c1d95,#6d28d9);box-shadow:0 4px 15px #6d28d966}.badge{background:var(--accent-purple);color:#fff;border-radius:10px;padding:2px 6px;font-size:.7rem;font-weight:700}.ticker-wrap{z-index:20;background-color:#0f172a99;border-bottom:1px solid #ffffff0d;align-items:center;width:100%;padding:8px 0;display:flex;position:relative;overflow:hidden}.ticker-content{white-space:nowrap;gap:40px;animation:30s linear infinite ticker-scroll;display:flex}.ticker-content:hover{animation-play-state:paused}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-item{color:var(--text-main);align-items:center;gap:8px;font-size:.85rem;font-weight:500;display:flex}.ticker-positive{color:var(--accent-green)}.ticker-negative{color:var(--accent-pink)}.ticker-warning{color:var(--accent-yellow)}.ticker-neutral{color:var(--accent-blue)}