*{margin:0;padding:0;box-sizing:border-box}:root{--font-display: "Bricolage Grotesque", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace}html,body{font-family:var(--font-display);margin:0;padding:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}@media screen and (max-width:768px){html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{-webkit-tap-highlight-color:rgba(139,92,246,.2)}}.app{min-height:100vh;background:radial-gradient(ellipse 180% 120% at 20% 0%,rgba(196,181,253,.25),transparent 70%),radial-gradient(ellipse 160% 100% at 80% 5%,rgba(221,214,254,.22),transparent 65%),radial-gradient(ellipse 140% 110% at 50% 10%,rgba(250,232,255,.2),transparent 60%),radial-gradient(ellipse 170% 130% at 70% 35%,rgba(254,205,211,.2),transparent 65%),radial-gradient(ellipse 150% 120% at 25% 45%,rgba(255,218,193,.18),transparent 60%),radial-gradient(ellipse 160% 140% at 85% 55%,rgba(153,246,228,.22),transparent 65%),radial-gradient(ellipse 140% 130% at 15% 60%,rgba(186,230,253,.2),transparent 60%),radial-gradient(ellipse 180% 150% at 50% 95%,rgba(191,219,254,.18),transparent 70%),radial-gradient(ellipse 160% 140% at 30% 100%,rgba(224,242,254,.15),transparent 65%),radial-gradient(ellipse 150% 160% at 70% 100%,rgba(204,251,241,.18),transparent 65%),linear-gradient(180deg,#fefbff,#fff5f9,#fffaf5,#f0fdfa,#f0f9ff,#faf5ff);background-attachment:fixed;position:relative;padding:2rem;overflow-x:hidden}.app:before{content:"";position:fixed;inset:0;background-image:radial-gradient(ellipse 220% 180% at 15% 25%,rgba(196,181,253,.15),transparent 80%),radial-gradient(ellipse 200% 160% at 85% 30%,rgba(221,214,254,.12),transparent 75%),radial-gradient(ellipse 190% 170% at 45% 40%,rgba(254,205,211,.12),transparent 73%),radial-gradient(ellipse 210% 150% at 75% 50%,rgba(255,218,193,.13),transparent 77%),radial-gradient(ellipse 180% 180% at 25% 65%,rgba(153,246,228,.12),transparent 70%),radial-gradient(ellipse 200% 160% at 65% 75%,rgba(186,230,253,.13),transparent 75%),radial-gradient(ellipse 190% 170% at 35% 85%,rgba(191,219,254,.12),transparent 73%);animation:backgroundFlow 25s ease-in-out infinite;pointer-events:none;z-index:0}.app:after{content:"";position:fixed;inset:0;background-image:radial-gradient(ellipse 170% 220% at 65% 20%,rgba(221,214,254,.12),transparent 70%),radial-gradient(ellipse 160% 200% at 35% 40%,rgba(254,205,211,.1),transparent 65%),radial-gradient(ellipse 180% 210% at 80% 50%,rgba(255,218,193,.1),transparent 70%),radial-gradient(ellipse 190% 180% at 20% 60%,rgba(191,219,254,.12),transparent 75%),radial-gradient(ellipse 170% 200% at 55% 80%,rgba(224,242,254,.1),transparent 70%),radial-gradient(ellipse 160% 220% at 75% 90%,rgba(204,251,241,.1),transparent 73%);animation:backgroundFlow 30s ease-in-out infinite reverse;pointer-events:none;z-index:0}@keyframes backgroundFlow{0%,to{opacity:.6;transform:translate(0) scale(1)}25%{opacity:.75;transform:translate(2%,-1.5%) scale(1.04)}50%{opacity:.65;transform:translate(-1.5%,1.5%) scale(1.02)}75%{opacity:.7;transform:translate(1.5%,-1%) scale(1.03)}}.dashboard-container{position:relative;z-index:1;max-width:1200px;margin:0 auto}.dashboard-header{text-align:center;margin-bottom:1rem;padding:3rem 0 1rem;margin-top:1rem;position:relative;z-index:1}.dashboard-header:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(139,92,246,.1),transparent 70%);border-radius:50%;filter:blur(40px);z-index:-1;animation:headerGlow 4s ease-in-out infinite}@keyframes headerGlow{0%,to{opacity:.5;transform:translate(-50%) scale(1)}50%{opacity:.8;transform:translate(-50%) scale(1.2)}}.header-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.header-left{width:100%}.header-left h1{font-size:4.5rem;font-weight:800;font-family:var(--font-display);background:linear-gradient(135deg,#8b5cf6,#ec4899,#14b8a6);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1rem;letter-spacing:-.03em;line-height:1.1;animation:gradientText 4s ease infinite;position:relative;filter:drop-shadow(0 4px 16px rgba(139,92,246,.3));text-shadow:0 0 40px rgba(139,92,246,.2);transition:all .3s ease}.header-left h1:before{content:attr(data-text);position:absolute;left:0;top:0;z-index:-1;background:linear-gradient(135deg,#8b5cf6,#ec4899,#14b8a6);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:blur(15px);opacity:.4;animation:gradientText 4s ease infinite}@keyframes gradientText{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.header-subtitle{font-size:1.25rem;color:#64748b;font-weight:400;margin:0 0 1.5rem;line-height:1.6}.header-metadata{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1.5rem;padding:0}.metadata-chip{background:linear-gradient(135deg,#fffffffa,#fffffff2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(139,92,246,.25);padding:.875rem 1.75rem;border-radius:9999px;font-size:.9rem;font-weight:600;box-shadow:0 4px 12px #6366f11a,0 2px 6px #8b5cf614,0 0 0 1px #ffffffb3 inset,0 1px 2px #0000000a inset;display:flex;align-items:center;gap:.625rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.metadata-chip-text{background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.metadata-chip:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(236,72,153,.1),transparent);opacity:0;transition:opacity .3s ease;border-radius:9999px}.metadata-chip:hover{background:linear-gradient(135deg,#fff,#fffffffa);transform:translateY(-4px) scale(1.05);box-shadow:0 8px 24px #6366f126,0 4px 12px #ec48991f,0 0 30px #8b5cf61a,0 0 0 2px #fffc inset,0 2px 4px #0000000f inset;border-color:#8b5cf680;border-width:3px}.metadata-chip:hover:before{opacity:1}.metadata-chip-logo{width:20px;height:20px;border-radius:6px;background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0;box-shadow:0 1px 3px #0000000f;border:1px solid rgba(255,255,255,.4);background-color:#fffffff2;position:relative;z-index:1}.hero-highlight{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin:2rem 0;width:100%}.hero-card{background:#ffffffb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8);border-radius:16px;padding:1.25rem 1.5rem;min-width:200px;flex:1;max-width:300px;box-shadow:0 4px 16px #0000001a;transition:all .3s ease;display:flex;flex-direction:column;gap:.5rem}.hero-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026;background:#ffffffd9}.hero-card h3{margin:0;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.hero-card strong{font-size:1.1rem;font-weight:700;color:#1e293b;line-height:1.4;margin:.25rem 0;display:block;word-break:break-word}.hero-card span{font-size:.9rem;color:#64748b;font-weight:500}.hero-card footer{font-size:.75rem;color:#94a3b8;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.5)}.badge-breaking{background:linear-gradient(135deg,#ef4444,#f87171,#dc2626);color:#fff;padding:.5rem 1rem;border-radius:9999px;font-size:.75rem;font-weight:800;display:inline-block;box-shadow:none!important;text-transform:uppercase;letter-spacing:.05em;text-shadow:none!important;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.badge-breaking:hover{transform:scale(1.05);box-shadow:none!important}.badge-surging{background:linear-gradient(135deg,#10b981,#34d399,#059669);color:#fff;padding:.5rem 1rem;border-radius:9999px;font-size:.75rem;font-weight:800;display:inline-block;box-shadow:none!important;text-transform:uppercase;letter-spacing:.05em;text-shadow:none!important;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.badge-surging:hover{transform:scale(1.05);box-shadow:none!important}.badge-fading{background:linear-gradient(135deg,#3b82f6,#60a5fa,#2563eb);color:#fff;padding:.5rem 1rem;border-radius:9999px;font-size:.75rem;font-weight:800;display:inline-block;box-shadow:none!important;text-transform:uppercase;letter-spacing:.05em;text-shadow:none!important;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.badge-fading:hover{transform:scale(1.05);box-shadow:none!important}.header-right{width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem}.platform-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.25rem;width:100%;max-width:900px}.platform-btn{background:linear-gradient(135deg,#fffffffa,#fffffff2,#fffffffa);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:2px solid rgba(139,92,246,.25);border-radius:28px;padding:1.75rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.875rem;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 24px #6366f11f,0 4px 12px #8b5cf614,0 0 0 1px #fff9 inset,0 2px 4px #0000000a inset;position:relative;overflow:hidden}.platform-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(236,72,153,.15),rgba(249,115,22,.1),rgba(59,130,246,.1),transparent);opacity:0;transition:opacity .4s ease;z-index:0}.platform-btn:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8b5cf6,#ec4899,#f97316,#3b82f6,#06b6d4,#10b981);opacity:0;transition:opacity .4s ease;z-index:1}.platform-btn:hover{transform:translateY(-8px) scale(1.06) rotate(.5deg);background:linear-gradient(135deg,#fff,#fffffffa,#fff);box-shadow:0 16px 40px #6366f140,0 8px 24px #ec489933,0 0 60px #8b5cf626,0 0 0 2px #fffc inset,0 4px 8px #0000000f inset;border-color:#8b5cf6b3;border-width:3px}.platform-btn:hover:before{opacity:1}.platform-btn:hover:after{opacity:1}.platform-btn.active{background:linear-gradient(135deg,#8b5cf64d,#ec489947,#f9731640 60%,#3b82f640);border-color:#8b5cf6cc;border-width:3px;box-shadow:0 16px 48px #8b5cf659,0 8px 32px #ec48994d,0 0 80px #8b5cf633,0 0 0 3px #ffffff4d inset,0 4px 12px #0000001a inset;transform:translateY(-4px) scale(1.04);animation:activePulse 2s ease-in-out infinite}@keyframes activePulse{0%,to{box-shadow:0 16px 48px #8b5cf659,0 8px 32px #ec48994d,0 0 80px #8b5cf633,0 0 0 3px #ffffff4d inset}50%{box-shadow:0 20px 56px #8b5cf666,0 12px 40px #ec489959,0 0 100px #8b5cf640,0 0 0 3px #fff6 inset}}.platform-btn.active:after{opacity:1;height:5px}.platform-btn:disabled{opacity:.6;cursor:not-allowed}.platform-btn-logo-img{width:64px;height:64px;border-radius:20px;flex-shrink:0;position:relative;z-index:2;transition:all .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 24px #0000001f,0 4px 12px #8b5cf626,0 0 0 3px #fffffff2 inset,0 2px 4px #0000000d inset;background:linear-gradient(135deg,#fff,#fffffffa);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:3px solid rgba(139,92,246,.3);padding:10px;min-width:64px;min-height:64px;display:block;object-fit:contain;filter:contrast(1.25) brightness(1.12) saturate(1.35);mix-blend-mode:normal}.platform-btn:hover .platform-btn-logo-img{transform:scale(1.25) rotate(12deg);box-shadow:0 16px 40px #6366f166,0 8px 24px #ec489959,0 0 70px #8b5cf64d,0 0 0 4px #fff inset,0 4px 8px #00000014 inset;border-color:#8b5cf699;border-width:4px;filter:contrast(1.35) brightness(1.18) saturate(1.45);animation:logoFloat 2s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:scale(1.25) rotate(12deg) translateY(0)}50%{transform:scale(1.28) rotate(12deg) translateY(-3px)}}.platform-btn.active .platform-btn-logo-img{transform:scale(1.25);box-shadow:0 12px 36px #8b5cf699,0 0 60px #ec489980,0 0 0 4px #fff inset;border-color:#8b5cf6b3;filter:contrast(1.4) brightness(1.2) saturate(1.5)}.platform-btn span{font-size:1rem;font-weight:700;background:linear-gradient(135deg,#1e293b,#475569,#64748b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;position:relative;z-index:2;transition:all .3s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.platform-btn.active span{background:linear-gradient(135deg,#8b5cf6,#ec4899,#f97316,#3b82f6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 6px rgba(139,92,246,.4))}.time-range-selector{display:flex;justify-content:center;width:100%;max-width:300px}.time-range-dropdown{width:100%;background:linear-gradient(135deg,#fffffff2,#ffffffe6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(139,92,246,.3);padding:.75rem 2.5rem .75rem 1.25rem;border-radius:12px;font-size:.875rem;font-weight:600;color:#1e293b;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #6366f126;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236366f1' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.time-range-dropdown:hover{background:linear-gradient(135deg,#fff,#fffffff2);transform:translateY(-1px);box-shadow:0 4px 16px #6366f140;border-color:#8b5cf680}.time-range-dropdown:focus{outline:none;border-color:#8b5cf699;box-shadow:0 4px 16px #6366f14d,0 0 0 3px #8b5cf61a}.time-range-dropdown option{background:#fff;color:#1e293b;padding:.5rem}.stats-header{display:flex;gap:1rem;padding:1.25rem 1.5rem;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:24px;margin-bottom:1.5rem;margin-top:1rem;flex-wrap:wrap;box-shadow:8px 8px 16px #0000001a,-8px -8px 16px #ffffffe6,inset 0 0 #0000;position:relative;overflow:visible}.stats-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#8b5cf6,#ec4899,#f97316,#3b82f6,#8b5cf6);background-size:200% 100%;animation:gradientShift 3s ease infinite}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#fffffffa,#fffffff2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:22px;flex:1;min-width:160px;min-height:90px;box-shadow:8px 8px 16px #00000014,-8px -8px 16px #fffffff2,0 4px 12px #0000000a,inset 0 1px #ffffffe6;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:2px solid rgba(255,255,255,.5);position:relative;overflow:visible}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a;border-color:#d1d5db}.stat-card-blue{background:#fff;border-color:#93c5fd}.stat-card-blue:hover{border-color:#60a5fa;box-shadow:0 8px 16px #3b82f633}.stat-card-orange{background:#fff;border-color:#fdba74}.stat-card-orange:hover{border-color:#fb923c;box-shadow:0 8px 16px #f9731633}.stat-card-purple{background:#fff;border-color:#d8b4fe;min-width:220px;flex:1.2}.stat-card-purple:hover{border-color:#c084fc;box-shadow:0 8px 16px #a855f733}.stat-card-indigo{background:#fff;border-color:#a5b4fc}.stat-card-indigo:hover{border-color:#818cf8;box-shadow:0 8px 16px #6366f133}.stat-icon-wrapper{width:52px;height:52px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:14px;transition:all .3s ease;background:#ffffffb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:4px 4px 8px #0000001a,-4px -4px 8px #fffc,inset 0 0 #0000;padding:6px}.stat-icon-square{width:40px;height:40px;border-radius:10px;transition:all .3s ease;display:block;position:relative;min-width:40px;min-height:40px;box-shadow:inset 3px 3px 6px #0003,inset -2px -2px 4px #ffffff4d}.view-icon{width:100%;height:100%;color:currentColor;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.stat-icon-white .view-icon{color:#fff;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}.stat-icon-green .view-icon{color:#10b981;filter:drop-shadow(0 2px 4px rgba(16,185,129,.3))}.stat-icon-cyan .view-icon{color:#06b6d4;filter:drop-shadow(0 2px 4px rgba(6,182,212,.3))}.hashtag-icon{width:100%;height:100%;color:currentColor;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.stat-icon-orange .hashtag-icon{color:#f97316;filter:drop-shadow(0 2px 6px rgba(249,115,22,.4))}.records-icon{width:100%;height:100%;color:currentColor;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.stat-icon-blue .records-icon{color:#3b82f6;filter:drop-shadow(0 2px 6px rgba(59,130,246,.4))}.clock-icon{width:100%;height:100%;color:currentColor;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.stat-icon-indigo .clock-icon{color:#6366f1;filter:drop-shadow(0 2px 6px rgba(99,102,241,.4))}.stat-icon-blue .stat-icon-square{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:inset 4px 4px 8px #00000040,inset -3px -3px 6px #fff3;border:none}.stat-icon-orange .stat-icon-square{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:inset 4px 4px 8px #00000040,inset -3px -3px 6px #fff3;border:none}.stat-icon-purple .stat-icon-square{background:linear-gradient(135deg,#a855f7,#9333ea);box-shadow:inset 4px 4px 8px #00000040,inset -3px -3px 6px #fff3;border:none}.stat-icon-indigo .stat-icon-square{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:inset 4px 4px 8px #00000040,inset -3px -3px 6px #fff3;border:none}.stat-icon-green .stat-icon-square{background:linear-gradient(135deg,#10b981,#059669);box-shadow:inset 4px 4px 8px #00000040,inset -3px -3px 6px #fff3;border:none}.stat-icon-cyan .stat-icon-square{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:inset 4px 4px 8px #00000040,inset -3px -3px 6px #fff3;border:none}.stat-icon-white .stat-icon-square{background:linear-gradient(135deg,#fff,#fffffff2);box-shadow:inset 4px 4px 8px #00000026,inset -3px -3px 6px #fff6;border:none}.platform-logo-icon{width:100%;height:100%;object-fit:contain;border-radius:10px;padding:4px;background:#ffffffe6;box-shadow:inset 2px 2px 4px #0000001a,inset -1px -1px 2px #ffffff80}.stat-icon-purple .platform-logo-icon{background:#fffffff2;box-shadow:inset 3px 3px 6px #00000026,inset -2px -2px 4px #fff9}.stat-card:hover .stat-icon-wrapper{transform:scale(1.08) rotate(3deg)}.stat-card:hover .stat-icon-square{transform:scale(1.02);box-shadow:inset 3px 3px 6px #0003,inset -2px -2px 4px #ffffff40}.stat-card:hover .view-icon{transform:scale(1.1)}.stat-card:hover .hashtag-icon{transform:scale(1.1) rotate(5deg)}.stat-card:hover .records-icon{transform:scale(1.1)}.stat-card:hover .clock-icon{transform:scale(1.1) rotate(15deg)}.stat-info{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0;overflow:visible;width:100%}.stat-value{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;transition:all .3s ease;margin:0;padding:0;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.stat-card-blue .stat-value{background:linear-gradient(135deg,#3b82f6,#60a5fa,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(59,130,246,.3))}.stat-card-orange .stat-value{background:linear-gradient(135deg,#f97316,#fb923c,#fdba74);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(249,115,22,.3))}.stat-card-purple .stat-value{background:linear-gradient(135deg,#a855f7,#c084fc,#ddd6fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(168,85,247,.3));font-size:1.5rem;white-space:nowrap;overflow:visible;text-overflow:clip}.stat-card-indigo .stat-value{background:linear-gradient(135deg,#6366f1,#818cf8,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(99,102,241,.3))}.stat-label{font-size:.75rem;color:#64748b;font-weight:600;margin:0;padding:0;text-transform:uppercase;letter-spacing:.08em;line-height:1.2}.view-modes-row{display:flex;gap:1rem;padding:1.25rem 1.5rem;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:24px;margin-bottom:1.5rem;flex-wrap:wrap;box-shadow:8px 8px 16px #0000001a,-8px -8px 16px #ffffffe6,inset 0 0 #0000;position:relative;overflow:hidden}.view-modes-row:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#10b981,#06b6d4,#10b981);background-size:200% 100%;animation:gradientShift 3s ease infinite}.view-card{cursor:pointer;flex:1;min-width:200px}.view-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000026}.view-card .stat-info{width:100%}.view-btn{background:transparent;border:none;padding:0;margin:0;font-size:1.25rem;font-weight:700;color:#1e293b;cursor:pointer;transition:all .2s ease;width:100%;text-align:left;pointer-events:none;line-height:1.2}.view-card-pink{background:linear-gradient(135deg,#ec48991a,#ffffffe6)}.view-card-pink:after{background:linear-gradient(180deg,#ec4899,#f472b6,#ec4899 60%,#db2777);box-shadow:2px 0 8px #ec489966,inset -2px 0 4px #ffffff4d}.view-card-pink:hover{box-shadow:0 6px 20px #ec489940}.view-card-pink:hover:after{width:6px;box-shadow:3px 0 12px #ec489999,inset -2px 0 4px #fff6}.view-card-green{background:linear-gradient(135deg,#10b9811a,#ffffffe6)}.view-card-green:after{background:linear-gradient(180deg,#10b981,#34d399,#10b981 60%,#059669);box-shadow:2px 0 8px #10b98166,inset -2px 0 4px #ffffff4d}.view-card-green:hover{box-shadow:0 6px 20px #10b98140}.view-card-green:hover:after{width:6px;box-shadow:3px 0 12px #10b98199,inset -2px 0 4px #fff6}.view-card-cyan{background:linear-gradient(135deg,#06b6d41a,#ffffffe6)}.view-card-cyan:after{background:linear-gradient(180deg,#06b6d4,#22d3ee,#06b6d4 60%,#0891b2);box-shadow:2px 0 8px #06b6d466,inset -2px 0 4px #ffffff4d}.view-card-cyan:hover{box-shadow:0 6px 20px #06b6d440}.view-card-cyan:hover:after{width:6px;box-shadow:3px 0 12px #06b6d499,inset -2px 0 4px #fff6}.view-card.active{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-color:transparent;box-shadow:0 8px 24px #8b5cf666,0 0 40px #ec48994d}.view-card.active:after{background:linear-gradient(180deg,#ffffff4d,#ffffff80,#ffffff4d);box-shadow:2px 0 12px #fff6,inset -2px 0 4px #ffffff80;width:5px}.view-card.active .stat-icon-white .view-icon{color:#fff;filter:drop-shadow(0 2px 8px rgba(255,255,255,.5));transform:scale(1.05)}.view-card.active .view-btn{color:#fff;font-weight:800;text-shadow:0 2px 8px rgba(255,255,255,.3)}.view-card.active .stat-label{color:#ffffffe6}.controls-bar{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;padding:1rem;background:#fffc;border-radius:24px;border:1px solid rgba(0,0,0,.1)}.search-container{position:relative;max-width:500px;width:100%;flex:1;min-width:250px}.search-input{width:100%;padding:.875rem 1.25rem .875rem 3rem;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:9999px;font-size:.95rem;color:#1e293b;box-shadow:0 2px 4px #0000000d;transition:all .2s ease}.search-input:focus{outline:none;background:#fff;box-shadow:0 0 0 2px #6366f133;border-color:#6366f180}.search-input::placeholder{color:#94a3b8}.search-container:before{content:"🔍";position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.1rem;z-index:1;pointer-events:none}.clear-search-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:#ef44441a;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ef4444;font-size:.875rem;transition:all .2s ease}.clear-search-btn:hover{background:#ef444433;transform:translateY(-50%) scale(1.1)}.controls-actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.export-btn,.exec-pack-btn,.hashtags-toggle-btn,.brandwatch-btn,.meltwater-btn{padding:.75rem 1.25rem;border:1px solid transparent;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap;box-shadow:0 2px 4px #0000001a}.export-btn{background:#3b82f6;color:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 4px #3b82f633}.export-btn:hover{background:#2563eb;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.exec-pack-btn{background:#a855f7;color:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 4px #a855f733}.exec-pack-btn:hover:not(:disabled){background:#9333ea;box-shadow:0 4px 8px #a855f74d;transform:translateY(-1px)}.exec-pack-btn:disabled{opacity:.5;cursor:not-allowed}.hashtags-toggle-btn{background:#f97316;color:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 4px #f9731633}.hashtags-toggle-btn:hover{background:#ea580c;box-shadow:0 4px 8px #f973164d;transform:translateY(-1px)}.brandwatch-btn{background:#ec4899;color:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 4px #ec489933}.brandwatch-btn:hover{background:#db2777;box-shadow:0 4px 8px #ec48994d;transform:translateY(-1px)}.meltwater-btn{background:#06b6d4;color:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 4px #06b6d433}.meltwater-btn:hover{background:#0891b2;box-shadow:0 4px 8px #06b6d44d;transform:translateY(-1px)}.cards-view{padding:2rem 0}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.content-card{background:linear-gradient(135deg,#fffffff2,#ffffffe6,#fffffff2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(139,92,246,.2);border-radius:24px;overflow:hidden;box-shadow:0 8px 32px #6366f126,0 0 0 1px #ffffff80 inset,0 2px 8px #0000000d;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.content-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8b5cf6,#ec4899,#f97316,#3b82f6,#06b6d4);opacity:.8;transition:opacity .3s ease;z-index:1}.content-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.content-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 16px 48px #8b5cf64d,0 0 60px #ec489933,0 0 0 1px #fff9 inset;border-color:#8b5cf680;background:linear-gradient(135deg,#fff,#fffffff2,#fff)}.content-card:hover:before{opacity:1;height:5px}.content-card:hover:after{opacity:1}.card-header{background:linear-gradient(135deg,#8b5cf6,#a855f7,#ec4899,#f97316,#3b82f6);background-size:200% 200%;animation:gradientShift 8s ease infinite;padding:1.5rem 1.75rem;display:flex;justify-content:space-between;align-items:center;color:#fff;position:relative;overflow:hidden}.card-header:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(255,255,255,.1) 100%);pointer-events:none}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.card-rank{font-size:1.5rem;font-weight:800}.card-trending{background:#ffffff40;padding:.375rem .75rem;border-radius:12px;font-size:.75rem;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-content{padding:1.5rem}.card-topic{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#1e293b,#475569,#64748b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;line-height:1.6;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.card-metrics{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.metric{display:flex;flex-direction:column;align-items:center;padding:1rem;background:linear-gradient(135deg,#fffc,#fff9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;min-width:90px;border:2px solid rgba(139,92,246,.15);box-shadow:0 4px 12px #6366f11a,inset 0 1px #fffc;transition:all .3s ease}.metric:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f133,inset 0 1px #ffffffe6;border-color:#8b5cf64d}.metric-icon{font-size:1.75rem;margin-bottom:.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.metric-value{font-size:1.25rem;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#ec4899,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;filter:drop-shadow(0 2px 4px rgba(139,92,246,.3))}.metric-label{font-size:.75rem;color:#64748b;margin-top:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.card-sentiment{display:flex;justify-content:center;margin-top:1rem}.sentiment-badge{padding:.625rem 1.25rem;border-radius:9999px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 12px #00000026;transition:all .3s ease}.sentiment-badge.positive{background:linear-gradient(135deg,#10b981,#34d399,#059669);color:#fff;box-shadow:0 4px 12px #10b98166,0 0 20px #10b98133}.sentiment-badge.positive:hover{transform:scale(1.05);box-shadow:0 6px 16px #10b98180,0 0 30px #10b9814d}.sentiment-badge.negative{background:linear-gradient(135deg,#ef4444,#f87171,#dc2626);color:#fff;box-shadow:0 4px 12px #ef444466,0 0 20px #ef444433}.sentiment-badge.negative:hover{transform:scale(1.05);box-shadow:0 6px 16px #ef444480,0 0 30px #ef44444d}.sentiment-badge.neutral{background:linear-gradient(135deg,#94a3b84d,#94a3b833);color:#475569;border:1px solid rgba(148,163,184,.3)}.content-card footer,.content-card .card-footer{font-size:.875rem;color:#64748b;margin-top:1rem;padding-top:1rem;border-top:2px solid rgba(139,92,246,.1);font-weight:600;display:flex;align-items:center;gap:.5rem}.content-card footer:before,.content-card .card-footer:before{content:"🌐";font-size:1rem}.content-card footer strong,.content-card .card-footer strong{background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.calendar-view{padding:2rem 0}.calendar-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#fffffff2,#ffffffe6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:2px solid rgba(139,92,246,.2);box-shadow:0 6px 20px #6366f126}.calendar-header h2{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#1e293b,#475569,#64748b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem}.calendar-header p{font-size:1rem;color:#64748b;margin:0;line-height:1.6}.calendar-header p strong{background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.calendar-tag{padding:.5rem 1rem;background:linear-gradient(135deg,#8b5cf626,#ec489926);border:2px solid rgba(139,92,246,.3);border-radius:9999px;font-size:.875rem;font-weight:700;color:#8b5cf6;white-space:nowrap}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1rem;margin-bottom:2rem}.calendar-day{background:linear-gradient(135deg,#fffffff2,#ffffffe6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:2px solid rgba(139,92,246,.15);border-radius:20px;padding:1rem;box-shadow:0 4px 12px #6366f11a;transition:all .3s ease}.calendar-day:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f133;border-color:#8b5cf64d}.calendar-day-header{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid rgba(139,92,246,.1)}.calendar-day-name{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.calendar-day-date{font-size:1rem;font-weight:600;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.calendar-slot-list{display:flex;flex-direction:column;gap:.75rem}.calendar-slot{background:linear-gradient(135deg,#fffc,#ffffffb3);border:2px solid rgba(139,92,246,.15);border-radius:12px;padding:.875rem;transition:all .3s ease;cursor:pointer}.calendar-slot:hover{transform:translate(4px);box-shadow:0 4px 12px #6366f133;border-color:#8b5cf64d;background:linear-gradient(135deg,#fffffff2,#ffffffd9)}.calendar-slot--breaking{border-left:4px solid #ef4444;background:linear-gradient(135deg,#ef44440d,#fffc)}.calendar-slot--surging{border-left:4px solid #f97316;background:linear-gradient(135deg,#f973160d,#fffc)}.calendar-slot--fading{border-left:4px solid #64748b;background:linear-gradient(135deg,#64748b0d,#fffc)}.calendar-slot--neutral{border-left:4px solid rgba(139,92,246,.3)}.calendar-slot-time{font-size:.75rem;font-weight:700;color:#8b5cf6;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.calendar-slot-topic{font-size:.9rem;font-weight:600;color:#1e293b;margin-bottom:.5rem;line-height:1.4;word-break:break-word}.calendar-slot-meta{display:flex;flex-direction:column;gap:.375rem;font-size:.75rem;color:#64748b;line-height:1.5}.calendar-slot-platform{font-weight:600;text-transform:capitalize;color:#475569;word-break:break-word;display:block}.calendar-slot-stats,.calendar-slot-status{font-size:.7rem;color:#94a3b8;word-break:break-word;white-space:normal;display:block;line-height:1.4}.calendar-footnote{text-align:center;font-size:.875rem;color:#64748b;font-style:italic;margin-top:2rem;padding:1rem;background:#ffffff80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(139,92,246,.1)}.table-view{padding:2rem 0}.data-table{width:100%;background:#ffffffb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8);border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #0000001a;max-height:70vh;overflow-y:auto;overflow-x:auto}.data-table::-webkit-scrollbar{width:12px;height:12px}.data-table::-webkit-scrollbar-track{background:#ffffff4d;border-radius:10px}.data-table::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf699,#ec489999);border-radius:10px;border:2px solid rgba(255,255,255,.3)}.data-table::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#8b5cf6cc,#ec4899cc)}.table-header{background:#ffffff80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem 1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;border-bottom:1px solid rgba(255,255,255,.5);font-weight:700;color:#1e293b;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.table-row{padding:1rem 1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;border-bottom:1px solid rgba(255,255,255,.3);transition:background .2s ease}.table-row:hover{background:#fff6}.table-row:last-child{border-bottom:none}.trending-section{padding:2rem 0;background:#ffffff4d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:24px;margin:2rem 0;border:1px solid rgba(255,255,255,.5);overflow:hidden;position:relative}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:0 2rem}.section-header h2{font-size:1.75rem;font-weight:800;color:#1e293b;margin:0}.trending-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;padding:0 2rem 2rem}.trending-card{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);border-radius:16px;padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #00000014;transition:all .2s ease}.trending-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.trending-rank{font-size:1.5rem;font-weight:800;color:#8b5cf6;min-width:40px;text-align:center}.trending-hashtag{font-size:1.1rem;font-weight:700;color:#1e293b;cursor:pointer;transition:color .2s ease}.trending-hashtag:hover{color:#8b5cf6}.trending-content{flex:1;display:flex;align-items:center;gap:.5rem}.trending-link{color:#8b5cf6;text-decoration:none;font-size:1.2rem;transition:transform .2s ease}.trending-link:hover{transform:scale(1.2)}.trending-fire{font-size:1.5rem;animation:float 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.platform-trending-section{margin-bottom:2rem;padding:0 2rem;position:relative;z-index:1}.platform-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.3)}.platform-logo{width:32px;height:32px;border-radius:8px;object-fit:contain}.platform-header h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0;flex:1}.trending-badge{background:#8b5cf61a;color:#8b5cf6;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;border:1px solid rgba(139,92,246,.2)}.toggle-btn{background:#fffc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.6);border-radius:12px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s ease}.toggle-btn:hover{background:#fffffff2;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.hashtags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;padding:0 2rem 2rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.spinner{width:48px;height:48px;border:4px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{padding:1.5rem 2rem;background:#fef2f2e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(239,68,68,.3);border-radius:16px;margin:2rem;color:#dc2626;box-shadow:0 4px 16px #ef444426}.empty-state{text-align:center;padding:3rem;color:#64748b}@media(max-width:1024px){.app{padding:1.5rem}.dashboard-header{padding:2rem 0 1.5rem;margin-bottom:2rem}.header-left h1{font-size:3.5rem}.header-subtitle{font-size:1.1rem}.platform-selector{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;max-width:100%}.platform-btn{padding:1.5rem 1.25rem}.platform-btn-logo-img{width:56px;height:56px;min-width:56px;min-height:56px}.stats-header{padding:1rem 1.25rem;gap:.875rem}.stat-card{padding:1rem 1.125rem;min-width:140px}.stat-value{font-size:1.5rem}.stat-label{font-size:.7rem}.controls-bar{flex-wrap:wrap;gap:.75rem;padding:1rem}.search-input{font-size:.9rem;padding:.75rem 1rem .75rem 2.5rem}.content-card{padding:1.25rem}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.calendar-grid{grid-template-columns:repeat(4,1fr)}.hashtags-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding:0 1rem 1.5rem}.metadata-chip{padding:.625rem 1.25rem;font-size:.85rem}}@media(max-width:768px){.app{padding:1rem}.dashboard-header{padding:1.5rem 0 1rem;margin-bottom:1.5rem}.dashboard-header:before{width:150px;height:150px}.header-left h1{font-size:2.5rem;margin-bottom:.75rem}.header-subtitle{font-size:1rem;margin-bottom:1.25rem}.header-metadata{gap:.75rem;margin-top:1rem}.metadata-chip{padding:.625rem 1rem;font-size:.8rem}.metadata-chip-logo{width:18px;height:18px}.platform-selector{grid-template-columns:repeat(2,1fr);gap:.875rem}.platform-btn{padding:1.25rem 1rem;border-radius:20px}.platform-btn-logo-img{width:52px;height:52px;min-width:52px;min-height:52px;border-radius:16px;padding:8px}.platform-btn span{font-size:.9rem}.stats-header,.view-modes-row{flex-direction:column;padding:1rem;gap:.75rem}.stat-card{width:100%;min-width:unset;padding:1rem 1.125rem;min-height:75px}.stat-icon-wrapper{width:48px;height:48px}.stat-icon-square{width:36px;height:36px}.stat-value{font-size:1.4rem}.stat-label{font-size:.65rem}.view-card{min-width:unset;padding:1rem 1.125rem}.controls-bar{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem}.search-container{width:100%}.search-input{width:100%;font-size:.875rem;padding:.75rem 1rem .75rem 2.75rem}.clear-search-btn{width:32px;height:32px;font-size:.875rem}.export-btn,.exec-pack-btn,.hashtags-toggle-btn,.brandwatch-btn,.meltwater-btn{padding:.75rem 1rem;font-size:.875rem;flex:1;min-width:0}.cards-grid{grid-template-columns:1fr;gap:1rem}.content-card{padding:1.125rem}.card-header{padding:.875rem;margin-bottom:.875rem}.card-topic{font-size:1.125rem}.calendar-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.calendar-header{flex-direction:column;gap:1rem;align-items:flex-start;padding:1rem}.calendar-day{padding:.875rem}.calendar-slot{padding:.625rem;font-size:.8rem}.hashtags-grid{grid-template-columns:1fr;padding:0 .5rem 1rem;gap:.75rem}.trending-card{padding:1rem}.brandwatch-grid,.meltwater-grid{grid-template-columns:1fr}.brandwatch-header,.meltwater-header{flex-direction:column;gap:1rem;align-items:flex-start;padding:1rem}.entities-list,.velocity-stats,.story-metrics{grid-template-columns:1fr}.data-table{font-size:.8rem}.table-header,.table-row{padding:.75rem .5rem}}@media(max-width:480px){.app{padding:.75rem}.dashboard-header{padding:1rem 0 .75rem;margin-bottom:1.25rem}.dashboard-header:before{width:120px;height:120px}.header-left h1{font-size:2rem;margin-bottom:.5rem;letter-spacing:-.02em}.header-subtitle{font-size:.9rem;margin-bottom:1rem;line-height:1.5}.header-metadata{flex-direction:column;align-items:center;gap:.5rem;margin-top:.75rem}.metadata-chip{padding:.5rem .875rem;font-size:.75rem;width:100%;max-width:280px;justify-content:center}.platform-selector{grid-template-columns:1fr;gap:.75rem}.platform-btn{padding:1rem .875rem;border-radius:18px}.platform-btn-logo-img{width:48px;height:48px;min-width:48px;min-height:48px;border-radius:14px;padding:6px}.platform-btn span{font-size:.85rem}.stats-header,.view-modes-row{padding:.875rem;gap:.625rem}.stat-card{padding:.875rem 1rem;min-height:70px;gap:.75rem}.stat-icon-wrapper{width:44px;height:44px}.stat-icon-square{width:32px;height:32px}.stat-value{font-size:1.25rem}.stat-label{font-size:.6rem}.view-card{padding:.875rem 1rem}.controls-bar{padding:.875rem;gap:.625rem}.search-input{font-size:.8rem;padding:.625rem .875rem .625rem 2.5rem}.clear-search-btn{width:28px;height:28px;font-size:.75rem}.export-btn,.exec-pack-btn,.hashtags-toggle-btn,.brandwatch-btn,.meltwater-btn{padding:.625rem .875rem;font-size:.8rem}.content-card{padding:1rem}.card-header{padding:.75rem;margin-bottom:.75rem}.card-topic{font-size:1rem}.cards-grid{gap:.875rem}.calendar-grid{grid-template-columns:1fr;gap:.625rem}.calendar-day{padding:.75rem}.calendar-slot{padding:.5rem;font-size:.75rem}.hashtags-grid{padding:0 .25rem .875rem;gap:.625rem}.trending-card{padding:.875rem}.time-range-selector{width:100%;max-width:100%}.time-range-dropdown{width:100%;font-size:.875rem;padding:.625rem 1rem}.data-table{font-size:.75rem}.table-header,.table-row{padding:.625rem .375rem}.welcome-screen{padding:1.5rem 1rem}.welcome-features{grid-template-columns:1fr;gap:1rem}.welcome-feature-box{padding:1rem}}@media(max-width:360px){.header-left h1{font-size:1.75rem}.platform-btn{padding:.875rem .75rem}.stat-card{padding:.75rem .875rem}.stat-value{font-size:1.125rem}}@media(hover:none)and (pointer:coarse){.platform-btn,.stat-card,.view-card,.metadata-chip,.content-card{transition:all .2s ease}.platform-btn:active,.stat-card:active,.view-card:active{transform:scale(.98)}}@media(max-width:1024px)and (orientation:landscape){.dashboard-header{padding:1.5rem 0 1rem;margin-bottom:1.5rem}.header-left h1{font-size:3rem}.platform-selector{grid-template-columns:repeat(3,1fr)}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.platform-btn-logo-img,.stat-icon-square,.metadata-chip-logo{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:#8b5cf61a;color:#8b5cf6;padding:.375rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600;border:1px solid rgba(139,92,246,.2);cursor:pointer;transition:all .2s ease}.tag:hover{background:#8b5cf633;transform:translateY(-1px)}.tag-inline{background:#8b5cf61a;color:#8b5cf6;padding:.125rem .375rem;border-radius:4px;font-weight:600}.brandwatch-panel,.meltwater-panel,.governance-panel,.exec-pack-panel{background:linear-gradient(135deg,#fffffff2,#ffffffe6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(139,92,246,.2);border-radius:24px;padding:2.5rem;margin:2rem 0;box-shadow:0 8px 32px #6366f126,0 0 0 1px #ffffff80 inset}.brandwatch-header,.meltwater-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#fffffff2,#ffffffe6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:2px solid rgba(139,92,246,.2);box-shadow:0 6px 20px #6366f126}.brandwatch-header h2,.meltwater-header h2{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#1e293b,#475569,#64748b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem}.brandwatch-header p,.meltwater-header p{font-size:1rem;color:#64748b;margin:0;line-height:1.6}.brandwatch-header p strong,.meltwater-header p strong{background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.brandwatch-tag,.meltwater-tag{padding:.5rem 1.25rem;background:linear-gradient(135deg,#ec489926,#8b5cf626);border:2px solid rgba(236,72,153,.3);border-radius:9999px;font-size:.875rem;font-weight:700;color:#ec4899;white-space:nowrap;box-shadow:0 2px 8px #ec489933}.brandwatch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.brandwatch-card{background:linear-gradient(135deg,#fffffff2,#ffffffe6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:2px solid rgba(139,92,246,.15);border-radius:20px;padding:1.5rem;box-shadow:0 4px 16px #6366f11a;transition:all .3s ease}.brandwatch-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6366f133;border-color:#8b5cf64d}.brandwatch-card h3{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1.25rem}.sentiment-score{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#fffc,#fff9);border-radius:16px;margin-bottom:1.5rem;border:2px solid rgba(139,92,246,.1)}.sentiment-score-value{font-size:3rem;font-weight:800;line-height:1;margin-bottom:.5rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.sentiment-score-label{font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.sentiment-breakdown{margin-top:1rem}.sentiment-bar{display:flex;height:40px;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.sentiment-segment{display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);padding:0 .5rem;min-width:60px;transition:all .3s ease}.sentiment-segment:hover{filter:brightness(1.1)}.sentiment-positive{background:linear-gradient(135deg,#10b981,#34d399)}.sentiment-neutral{background:linear-gradient(135deg,#64748b,#94a3b8)}.sentiment-negative{background:linear-gradient(135deg,#ef4444,#f87171)}.platform-sentiment-list,.topics-sentiment-list{display:flex;flex-direction:column;gap:1rem}.platform-sentiment-item,.topic-sentiment-item{padding:1rem;background:linear-gradient(135deg,#fffc,#fff9);border-radius:12px;border:2px solid rgba(139,92,246,.1);transition:all .3s ease}.platform-sentiment-item:hover,.topic-sentiment-item:hover{transform:translate(4px);border-color:#8b5cf64d;box-shadow:0 4px 12px #6366f126}.platform-sentiment-header,.topic-sentiment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.platform-sentiment-name,.topic-sentiment-name{font-size:1rem;font-weight:700;color:#1e293b;text-transform:capitalize}.platform-sentiment-score,.topic-sentiment-score{font-size:1.125rem;font-weight:800;filter:drop-shadow(0 1px 3px rgba(0,0,0,.1))}.sentiment-mini-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;margin-bottom:.5rem;box-shadow:0 1px 3px #0000001a}.sentiment-mini-segment{height:100%;transition:all .3s ease}.platform-sentiment-counts,.topic-sentiment-stats{display:flex;gap:1rem;font-size:.75rem;font-weight:600}.sentiment-count-positive,.sentiment-stat-positive{color:#10b981}.sentiment-count-neutral,.sentiment-stat-neutral{color:#64748b}.sentiment-count-negative,.sentiment-stat-negative{color:#ef4444}.entities-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.entity-item{padding:1rem;background:linear-gradient(135deg,#fffc,#fff9);border-radius:12px;border:2px solid rgba(139,92,246,.1);transition:all .3s ease}.entity-item:hover{transform:translateY(-2px);border-color:#8b5cf64d;box-shadow:0 4px 12px #6366f126}.entity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.entity-name{font-size:.9rem;font-weight:700;color:#1e293b;text-transform:lowercase}.entity-count{font-size:.75rem;color:#64748b;font-weight:600}.entity-sentiment{display:flex;flex-direction:column;gap:.5rem}.entity-sentiment-score{font-size:1rem;font-weight:800;filter:drop-shadow(0 1px 3px rgba(0,0,0,.1))}.entity-sentiment-breakdown{display:flex;gap:.75rem;font-size:.75rem;font-weight:600}.entity-positive{color:#10b981}.entity-neutral{color:#64748b}.entity-negative{color:#ef4444}.alerts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.alerts-header h3{margin:0}.alerts-badge{padding:.5rem 1rem;background:linear-gradient(135deg,#ef444426,#dc262626);border:2px solid rgba(239,68,68,.3);border-radius:9999px;font-size:.875rem;font-weight:700;color:#ef4444}.alerts-list{display:flex;flex-direction:column;gap:1rem}.alert-item{display:flex;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#ffffffe6,#fffc);border-radius:16px;border-left:4px solid;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.alert-item:hover{transform:translate(4px);box-shadow:0 6px 16px #0000001f}.alert-critical{border-left-color:#ef4444;background:linear-gradient(135deg,#ef44440d,#ffffffe6)}.alert-high{border-left-color:#f97316;background:linear-gradient(135deg,#f973160d,#ffffffe6)}.alert-icon{font-size:1.5rem;flex-shrink:0}.alert-content{flex:1}.alert-header{display:flex;gap:1rem;align-items:center;margin-bottom:.5rem}.alert-type{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#1e293b;padding:.25rem .75rem;background:#8b5cf61a;border-radius:6px}.alert-severity{font-size:.75rem;font-weight:700;text-transform:uppercase;padding:.25rem .75rem;border-radius:6px}.alert-critical .alert-severity{background:#ef444426;color:#dc2626}.alert-high .alert-severity{background:#f9731626;color:#ea580c}.alert-details{font-size:.9rem;color:#475569;margin-bottom:.5rem;font-weight:600}.alert-details strong{color:#1e293b}.alert-metrics{display:flex;gap:1rem;font-size:.8rem;color:#64748b;flex-wrap:wrap}.alert-deviation{font-weight:700;color:#8b5cf6}.active-alerts-list{display:flex;flex-direction:column;gap:.75rem}.active-alert-item{display:flex;gap:1rem;align-items:center;padding:1rem;background:linear-gradient(135deg,#ffffffe6,#fffc);border-radius:12px;border:2px solid rgba(139,92,246,.1);transition:all .3s ease}.active-alert-item:hover{transform:translate(4px);border-color:#8b5cf64d;box-shadow:0 4px 12px #6366f126}.active-alert-item.unread{border-left:4px solid #ec4899;background:linear-gradient(135deg,#ec48990d,#ffffffe6)}.active-alert-item.read{opacity:.7}.active-alert-icon{font-size:1.25rem;flex-shrink:0}.active-alert-content{flex:1}.active-alert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.active-alert-type{font-size:.8rem;font-weight:700;text-transform:capitalize;color:#1e293b}.active-alert-time{font-size:.75rem;color:#94a3b8}.active-alert-details{font-size:.85rem;color:#64748b}.mark-all-read-btn,.mark-read-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#8b5cf61a,#ec48991a);border:2px solid rgba(139,92,246,.2);border-radius:8px;font-size:.75rem;font-weight:600;color:#8b5cf6;cursor:pointer;transition:all .3s ease}.mark-all-read-btn:hover,.mark-read-btn:hover{background:linear-gradient(135deg,#8b5cf633,#ec489933);border-color:#8b5cf666;transform:translateY(-1px)}.meltwater-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.meltwater-card{background:linear-gradient(135deg,#fffffff2,#ffffffe6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:2px solid rgba(139,92,246,.15);border-radius:20px;padding:1.5rem;box-shadow:0 4px 16px #6366f11a;transition:all .3s ease}.meltwater-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6366f133;border-color:#8b5cf64d}.meltwater-card h3{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1.25rem}.meltwater-card h4{font-size:1rem;font-weight:700;color:#475569;margin:0 0 .75rem}.velocity-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.velocity-stat{text-align:center;padding:1rem;background:linear-gradient(135deg,#fffc,#fff9);border-radius:12px;border:2px solid rgba(139,92,246,.1);transition:all .3s ease}.velocity-stat:hover{transform:translateY(-2px);border-color:#8b5cf64d;box-shadow:0 4px 12px #6366f126}.velocity-stat-value{font-size:2rem;font-weight:800;line-height:1;margin-bottom:.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(99,102,241,.2))}.velocity-stat-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.story-lifecycle{margin-top:1.5rem}.lifecycle-bars{margin-top:.75rem}.lifecycle-bar{display:flex;height:40px;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.lifecycle-segment{display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);padding:0 .5rem;min-width:80px;transition:all .3s ease}.lifecycle-segment:hover{filter:brightness(1.1)}.lifecycle-breaking{background:linear-gradient(135deg,#ef4444,#f87171)}.lifecycle-peak{background:linear-gradient(135deg,#f97316,#fb923c)}.lifecycle-emerging{background:linear-gradient(135deg,#10b981,#34d399)}.lifecycle-declining{background:linear-gradient(135deg,#64748b,#94a3b8)}.platform-velocity-list{display:flex;flex-direction:column;gap:1rem}.platform-velocity-item{padding:1rem;background:linear-gradient(135deg,#fffc,#fff9);border-radius:12px;border:2px solid rgba(139,92,246,.1);transition:all .3s ease}.platform-velocity-item:hover{transform:translate(4px);border-color:#8b5cf64d;box-shadow:0 4px 12px #6366f126}.platform-velocity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.platform-velocity-name{font-size:1rem;font-weight:700;color:#1e293b;text-transform:capitalize}.platform-velocity-score{font-size:1.125rem;font-weight:800;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 1px 3px rgba(99,102,241,.2))}.platform-velocity-metrics{display:flex;gap:1rem;font-size:.8rem;color:#64748b;margin-bottom:.75rem;flex-wrap:wrap}.breakout-badge{padding:.25rem .75rem;background:linear-gradient(135deg,#ef444426,#dc262626);border:1px solid rgba(239,68,68,.3);border-radius:6px;font-weight:700;color:#ef4444}.platform-velocity-bar{height:8px;background:#8b5cf61a;border-radius:4px;overflow:hidden}.velocity-bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899);border-radius:4px;transition:width .3s ease;box-shadow:0 2px 4px #6366f14d}.top-stories-list{display:flex;flex-direction:column;gap:1rem}.story-item{padding:1.25rem;background:linear-gradient(135deg,#ffffffe6,#fffc);border-radius:16px;border:2px solid rgba(139,92,246,.15);transition:all .3s ease}.story-item:hover{transform:translateY(-2px);border-color:#8b5cf64d;box-shadow:0 6px 20px #6366f133}.story-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.story-rank{font-size:1.25rem;font-weight:800;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-width:40px}.story-topic{font-size:1rem;font-weight:700;color:#1e293b;flex:1;word-break:break-word}.story-lifecycle-badge{padding:.375rem .75rem;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:capitalize;white-space:nowrap}.lifecycle-breaking{background:linear-gradient(135deg,#ef444426,#dc262626);color:#dc2626;border:1px solid rgba(239,68,68,.3)}.lifecycle-peak{background:linear-gradient(135deg,#f9731626,#ea580c26);color:#ea580c;border:1px solid rgba(249,115,22,.3)}.lifecycle-emerging{background:linear-gradient(135deg,#10b98126,#05966926);color:#059669;border:1px solid rgba(16,185,129,.3)}.lifecycle-declining{background:linear-gradient(135deg,#64748b26,#47556926);color:#475569;border:1px solid rgba(100,116,139,.3)}.story-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-bottom:1rem}.story-metric{display:flex;flex-direction:column;gap:.25rem}.story-metric .metric-label{font-size:.7rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.story-metric .metric-value{font-size:1rem;font-weight:800;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.story-trends{display:flex;gap:1rem;flex-wrap:wrap}.trend-indicator{padding:.5rem .75rem;border-radius:8px;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:.25rem}.trend-up{background:linear-gradient(135deg,#10b98126,#05966926);color:#059669;border:1px solid rgba(16,185,129,.3)}.trend-down{background:linear-gradient(135deg,#ef444426,#dc262626);color:#dc2626;border:1px solid rgba(239,68,68,.3)}.trend-neutral{background:linear-gradient(135deg,#64748b26,#47556926);color:#475569;border:1px solid rgba(100,116,139,.3)}.breakouts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.breakouts-header h3{margin:0}.breakouts-badge{padding:.5rem 1rem;background:linear-gradient(135deg,#06b6d426,#0891b226);border:2px solid rgba(6,182,212,.3);border-radius:9999px;font-size:.875rem;font-weight:700;color:#0891b2}.breakouts-list{display:flex;flex-direction:column;gap:1rem}.breakout-item{display:flex;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#ffffffe6,#fffc);border-radius:16px;border-left:4px solid;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.breakout-item:hover{transform:translate(4px);box-shadow:0 6px 16px #0000001f}.breakout-critical{border-left-color:#ef4444;background:linear-gradient(135deg,#ef44440d,#ffffffe6)}.breakout-high{border-left-color:#06b6d4;background:linear-gradient(135deg,#06b6d40d,#ffffffe6)}.breakout-icon{font-size:1.5rem;flex-shrink:0}.breakout-content{flex:1}.breakout-header{display:flex;gap:1rem;align-items:center;margin-bottom:.5rem;flex-wrap:wrap}.breakout-topic{font-size:1rem;font-weight:700;color:#1e293b;flex:1}.breakout-severity{font-size:.75rem;font-weight:700;text-transform:uppercase;padding:.25rem .75rem;border-radius:6px}.breakout-critical .breakout-severity{background:#ef444426;color:#dc2626}.breakout-high .breakout-severity{background:#06b6d426;color:#0891b2}.breakout-details{font-size:.85rem;color:#64748b;margin-bottom:.5rem;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.breakout-details span:first-child{font-weight:600;text-transform:capitalize;color:#475569}.breakout-metrics{display:flex;gap:1rem;font-size:.8rem;color:#64748b;flex-wrap:wrap}.breakout-score{font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.panel-header h2{font-size:1.75rem;font-weight:800;color:#1e293b;margin:0}.panel-close{background:#fffc;border:1px solid rgba(255,255,255,.6);border-radius:12px;padding:.5rem 1rem;cursor:pointer;font-weight:600;color:#475569;transition:all .2s ease}.panel-close:hover{background:#fffffff2;transform:translateY(-1px)}.stat-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#fff;border-radius:16px;border:2px solid #e5e7eb;box-shadow:0 2px 4px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001f;border-color:#d1d5db}.stat-icon-wrapper{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0;transition:transform .3s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.stat-card:hover .stat-icon-wrapper{transform:scale(1.05)}.stat-card:hover .platform-logo-icon{transform:scale(1.1);transition:transform .3s ease}.stat-info{flex:1;min-width:0}.stat-value{font-size:1.5rem;font-weight:700;color:#0f172a;line-height:1.2;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:none;-webkit-text-fill-color:initial;mask:none;-webkit-mask:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.stat-label{font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.stat-card-blue{border-color:#93c5fd;background:#fff}.stat-card-blue:hover{border-color:#60a5fa;background:#fff}.stat-icon-blue{background:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f633}.stat-card-orange{border-color:#fdba74;background:#fff}.stat-card-orange:hover{border-color:#fb923c;background:#fff}.stat-icon-orange{background:#f97316;color:#fff;box-shadow:0 2px 8px #f9731633}.stat-card-purple{border-color:#d8b4fe;background:#fff}.stat-card-purple:hover{border-color:#c084fc;background:#fff}.stat-icon-purple{background:#a855f7;color:#fff;box-shadow:0 2px 8px #a855f733}.stat-card-purple .stat-value{background:none!important;-webkit-text-fill-color:initial!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;mask:none!important;-webkit-mask:none!important;color:#0f172a!important;font-size:1.35rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card-blue .stat-value{color:#2563eb!important}.stat-card-orange .stat-value{color:#ea580c!important}.stat-card-purple .stat-value{color:#9333ea!important}.stat-card-indigo .stat-value{color:#4f46e5!important}.stat-card-indigo{border-color:#a5b4fc;background:#fff}.stat-card-indigo:hover{border-color:#818cf8;background:#fff}.stat-icon-indigo{background:#6366f1;color:#fff;box-shadow:0 2px 8px #6366f133}.view-card-pink{border-color:#f9a8d4;background:#fff;cursor:pointer}.view-card-pink:hover{border-color:#f472b6;background:#fff}.view-card-pink.active{border-color:#ec4899;border-width:3px;background:#fff;box-shadow:0 4px 12px #ec489933}.view-card-pink.active .stat-icon-wrapper{background:#ec4899;color:#fff}.view-card-pink.active .view-btn{color:#ec4899}.stat-icon-white{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;box-shadow:0 4px 12px #ec48994d}.view-card-green{border-color:#86efac;background:#fff;cursor:pointer}.view-card-green:hover{border-color:#4ade80;background:#fff}.view-card-green.active{border-color:#22c55e;border-width:3px;background:#fff;box-shadow:0 4px 12px #22c55e33}.view-card-green.active .stat-icon-wrapper{background:#22c55e;color:#fff}.view-card-green.active .view-btn{color:#16a34a}.stat-icon-green{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 12px #22c55e4d}.view-card-cyan{border-color:#67e8f9;background:#fff;cursor:pointer}.view-card-cyan:hover{border-color:#22d3ee;background:#fff}.view-card-cyan.active{border-color:#06b6d4;border-width:3px;background:#fff;box-shadow:0 4px 12px #06b6d433}.view-card-cyan.active .stat-icon-wrapper{background:#06b6d4;color:#fff}.view-card-cyan.active .view-btn{color:#0891b2}.stat-icon-cyan{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;box-shadow:0 4px 12px #06b6d44d}.view-btn{font-size:1.125rem;font-weight:700;color:#0f172a;transition:color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.stats-header{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.view-modes-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.records-icon,.hashtag-icon,.clock-icon,.view-icon{width:28px;height:28px;shape-rendering:geometricPrecision;color:#fff!important}.platform-logo-icon{width:32px;height:32px;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.stat-icon-square{width:32px;height:32px;background:#ffffff4d;border-radius:6px}@media(max-width:768px){.stat-card{padding:1rem 1.25rem}.stat-icon-wrapper{width:48px;height:48px}.stat-value{font-size:1.5rem}.stat-label{font-size:.75rem}.view-btn{font-size:1rem}.stats-header,.view-modes-row{grid-template-columns:1fr}}@media(max-width:480px){.stat-card{padding:.875rem 1rem;gap:.75rem}.stat-icon-wrapper{width:44px;height:44px}.stat-value{font-size:1.25rem}}.table-wrapper{background:#fff;border-radius:16px;border:1px solid #cbd5e1;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:auto;margin-top:1.5rem;max-height:calc(100vh - 300px)}.data-table{width:100%;border-collapse:collapse;font-size:.9rem;color:#334155}.data-table thead{background:#f8fafc;position:sticky;top:0;z-index:10}.data-table th{padding:1rem 1.25rem;text-align:left;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0;white-space:nowrap;cursor:pointer;transition:background-color .2s;-webkit-user-select:none;user-select:none}.data-table th:hover{background-color:#f1f5f9;color:#1e293b}.data-table td{padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0;vertical-align:top;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table td:first-child{font-weight:500;color:#0f172a;white-space:normal;min-width:200px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background-color:#f8fafc}.sort-indicator{margin-left:.5rem;color:#64748b}.json-value{margin:0;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,Droid Sans Mono,Source Code Pro,monospace;font-size:.75rem;background:#f1f5f9;padding:.25rem .5rem;border-radius:4px;max-height:100px;overflow-y:auto;white-space:pre-wrap;border:1px solid #e2e8f0}.tags-container{display:flex;flex-wrap:wrap;gap:.25rem}.tag{background:#e0f2fe;color:#0369a1;padding:.125rem .375rem;border-radius:4px;font-size:.75rem;font-weight:500}.calendar-view{background:#fff;border-radius:16px;border:1px solid #cbd5e1;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem;margin-top:1.5rem;overflow-x:auto}.calendar-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.calendar-header h2{margin:0 0 .5rem;font-size:1.5rem;color:#1e293b}.calendar-header p{margin:0;color:#64748b}.calendar-tag{background:#f0f9ff;color:#0284c7;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1px solid #bae6fd}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1rem;min-width:1000px}.calendar-day{background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;display:flex;flex-direction:column}.calendar-day-header{background:#fff;padding:.75rem;text-align:center;border-bottom:1px solid #e2e8f0}.calendar-day-name{display:block;font-size:.8rem;font-weight:600;text-transform:uppercase;color:#64748b;margin-bottom:.1rem}.calendar-day-date{display:block;font-size:1.125rem;font-weight:700;color:#0f172a}.calendar-slot-list{padding:.75rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.calendar-slot{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem;transition:all .2s ease;position:relative}.calendar-slot:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000000d;border-color:#cbd5e1}.calendar-slot--breaking{border-left:4px solid #ef4444}.calendar-slot--surging{border-left:4px solid #3b82f6}.calendar-slot--fading{border-left:4px solid #94a3b8}.calendar-slot--neutral{border-left:4px solid #cbd5e1}.calendar-slot-time{font-size:.75rem;color:#94a3b8;font-weight:600;margin-bottom:.25rem}.calendar-slot-topic{font-size:.875rem;font-weight:600;color:#1e293b;margin-bottom:.5rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.calendar-slot-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#64748b}.calendar-slot-stats{font-family:monospace;background:#f1f5f9;padding:.125rem .25rem;border-radius:4px}.calendar-footnote{text-align:center;color:#94a3b8;font-size:.875rem;margin-top:1.5rem;font-style:italic}:root{--primary-bg: #f0f4f8;--text-primary: #1a202c;--text-secondary: #4a5568;--accent-color: #6366f1;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}body{margin:0;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background:linear-gradient(135deg,#e0e7ff,#f0f4f8,#e5e7eb);background-attachment:fixed;color:var(--text-primary);min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}button{cursor:pointer;font-family:inherit}.badge-breaking,.badge-surging,.badge-fading{box-shadow:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;text-shadow:none!important}.badge-breaking:before,.badge-breaking:after,.badge-surging:before,.badge-surging:after,.badge-fading:before,.badge-fading:after{display:none!important;box-shadow:none!important;filter:none!important}