@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--happ-blue:#0077f0;--happ-blue-hover:#0066d4;--happ-blue-light:#e6f2fe;--happ-blue-glow:#0077f059;--happ-dark-hero:#013aaa;--happ-dark-base:#06184a;--happ-dark-card:#091a42;--happ-dark-border:#ffffff1f;--bg-primary:#f8fafc;--bg-surface:#fff;--bg-surface-subtle:#f1f5f9;--text-main:#0f172a;--text-muted:#64748b;--text-dim:#94a3b8;--text-on-dark:#fff;--border-light:#e2e8f0;--border-focus:#0077f0;--sentiment-pos:#10b981;--sentiment-pos-bg:#ecfdf5;--sentiment-neu:#64748b;--sentiment-neu-bg:#f1f5f9;--sentiment-neg:#ef4444;--sentiment-neg-bg:#fef2f2;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 20px -2px #0077f014, 0 2px 6px -1px #0000000a;--shadow-lg:0 20px 40px -10px #001e5a1f;--shadow-glow:0 0 25px #0077f066;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:26px;--radius-pill:9999px;--font-sans:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}.happ-hero-bg{color:#fff;background:radial-gradient(85% 120% at 50% -10%,#0077f0 0%,#013aaa 45%,#06184a 100%);padding-bottom:3.5rem;position:relative;overflow:hidden}.happ-hero-stripes{pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000 40%,#0000 80%);mask-image:radial-gradient(circle at 50% 30%,#000 40%,#0000 80%)}.happ-hero-grain{opacity:.15;pointer-events:none;background-image:radial-gradient(#fff 1px,#0000 0);background-size:24px 24px;position:absolute;inset:0}.happ-header{z-index:1000;-webkit-backdrop-filter:blur(24px);background:#040e28f2;border-bottom:1px solid #ffffff1f;justify-content:center;width:100%;padding:.45rem 1.5rem;display:flex;position:sticky;top:0;left:0;right:0;box-shadow:0 4px 24px #0006}.happ-nav-pill{width:100%;max-width:1360px;height:48px;min-height:48px;box-shadow:none;background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;display:flex}.happ-logo-wrap{color:#fff;cursor:pointer;flex-shrink:0;align-items:center;gap:.65rem;text-decoration:none;display:flex}.happ-symbol{color:#fff;letter-spacing:-.5px;background:linear-gradient(135deg,#4099f4 0%,#0077f0 100%);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.05rem;font-weight:800;line-height:1;display:inline-flex;box-shadow:inset 0 2px 4px #fff6,0 4px 12px #0077f066}.happ-brand-title{align-items:center;gap:.4rem;display:inline-flex}.happ-brand-name{letter-spacing:-.5px;color:#fff;align-items:center;font-size:1.2rem;font-weight:800;line-height:1;display:inline-flex}.happ-brand-scan{text-transform:uppercase;letter-spacing:1.2px;text-indent:1.2px;color:#93c5fd;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:9999px;justify-content:center;align-items:center;height:21px;padding:0 8px 1px;font-size:.6875rem;font-weight:700;line-height:1;display:inline-flex}.happ-nav-links{align-items:center;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.happ-nav-link{color:#ffffffd1;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9999px;align-items:center;height:34px;padding:0 .95rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.happ-nav-link:hover{color:#fff;background:#ffffff1f}.happ-nav-link.active{background:var(--happ-blue);color:#fff;box-shadow:0 2px 12px #0077f073}.happ-header-right{flex-shrink:0;align-items:center;gap:.45rem;display:flex}.happ-bell-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex;position:relative}.happ-bell-btn:hover{background:#ffffff2e;border-color:#ffffff40}.happ-bell-badge{color:#fff;background:#ef4444;border:2px solid #06184a;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.happ-btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.happ-btn-primary{background:var(--happ-blue);color:#fff;box-shadow:0 4px 14px #0077f059}.happ-btn-primary:hover{background:var(--happ-blue-hover);transform:translateY(-1px);box-shadow:0 6px 20px #0077f080}.happ-btn-secondary{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border-color:#ffffff26}.happ-btn-secondary:hover{background:#ffffff2e;border-color:#ffffff4d}.happ-btn-light{background:var(--bg-surface);color:var(--text-main);border-color:var(--border-light);box-shadow:var(--shadow-sm)}.happ-btn-light:hover{background:var(--bg-surface-subtle);border-color:#cbd5e1}.happ-btn-sm{border-radius:var(--radius-sm);padding:.35rem .75rem;font-size:.75rem}.live-pulse{border-radius:var(--radius-pill);color:#34d399;background:#10b98126;border:1px solid #10b9814d;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.pulse-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-ring;box-shadow:0 0 8px #10b981}@keyframes pulse-ring{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}}.happ-container{width:100%;max-width:1240px;margin:0 auto;padding:0 1.5rem}.happ-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.5rem;transition:all .2s}.happ-card:hover{box-shadow:var(--shadow-lg);border-color:#cbd5e1}.queue-bar{scrollbar-width:none;align-items:center;gap:.5rem;padding:.5rem 0;display:flex;overflow-x:auto}.queue-pill{border-radius:var(--radius-pill);background:var(--bg-surface);border:1px solid var(--border-light);color:var(--text-muted);cursor:pointer;white-space:nowrap;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:flex}.queue-pill:hover{background:var(--bg-surface-subtle);color:var(--text-main);border-color:#cbd5e1}.queue-pill.active{background:var(--happ-blue);color:#fff;border-color:var(--happ-blue);box-shadow:0 4px 12px #0077f040}.queue-badge{border-radius:var(--radius-pill);background:#00000014;padding:1px 6px;font-size:.75rem}.queue-pill.active .queue-badge{color:#fff;background:#ffffff40}.mention-card{border:1px solid var(--border-light);border-radius:var(--radius-md);background:#fff;margin-bottom:1rem;padding:1.25rem;transition:all .2s;position:relative}.mention-card:hover{border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 8px 24px -4px #0077f01f}.mention-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.mention-author{align-items:center;gap:.75rem;display:flex}.author-avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;width:40px;height:40px;box-shadow:0 2px 6px #0000001a}.author-meta{flex-direction:column;display:flex}.author-name-row{align-items:center;gap:.4rem;display:flex}.author-name{color:var(--text-main);font-size:.9375rem;font-weight:700}.author-nick{color:var(--text-muted);font-size:.8125rem}.tier-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:1px 6px;font-size:.6875rem;font-weight:700}.tier-nano{color:#475569;background:#f1f5f9}.tier-micro{color:#1d4ed8;background:#dbeafe}.tier-macro{color:#b45309;background:#fef3c7}.tier-celebrity{color:#7e22ce;background:#f3e8ff}.mention-text{color:#1e293b;word-break:break-word;margin-bottom:.85rem;font-size:.9375rem;line-height:1.6}.mention-chips{flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem;display:flex}.chip{border-radius:var(--radius-pill);align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.chip-sentiment-pos{background:var(--sentiment-pos-bg);color:#047857;border:1px solid #a7f3d0}.chip-sentiment-neu{background:var(--sentiment-neu-bg);color:#475569;border:1px solid #cbd5e1}.chip-sentiment-neg{background:var(--sentiment-neg-bg);color:#b91c1c;border:1px solid #fecaca}.chip-category{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.chip-aspect{color:#6b21a8;background:#faf5ff;border:1px solid #e9d5ff}.chip-tag{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.mention-footer{color:var(--text-muted);border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:.75rem;font-size:.8125rem;display:flex}.mention-metrics{align-items:center;gap:1rem;display:flex}.metric-item{align-items:center;gap:.3rem;display:flex}.mention-actions{align-items:center;gap:.35rem;display:flex}.action-icon-btn{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:.35rem;transition:all .15s;display:flex}.action-icon-btn:hover{background:var(--bg-surface-subtle);color:var(--text-main);border-color:var(--border-light)}.action-icon-btn.active-star{color:#f59e0b}.action-icon-btn.active-check{color:#10b981}.stat-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.kpi-card{border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;padding:1.25rem;display:flex}.kpi-label{color:var(--text-muted);margin-bottom:.4rem;font-size:.8125rem;font-weight:600}.kpi-value{color:var(--text-main);letter-spacing:-.5px;font-size:1.75rem;font-weight:800}.kpi-sub{color:var(--text-dim);margin-top:.3rem;font-size:.75rem}.copilot-panel{border-radius:var(--radius-lg);border:1px solid var(--border-light);height:600px;box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;display:flex;overflow:hidden}.copilot-header{color:#fff;background:linear-gradient(135deg,#06184a 0%,#013aaa 100%);justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.copilot-messages{background:#f8fafc;flex-direction:column;flex:1;gap:1rem;padding:1.25rem;display:flex;overflow-y:auto}.message-bubble{border-radius:var(--radius-md);max-width:85%;padding:.85rem 1.15rem;font-size:.9375rem;line-height:1.5}.message-user{background:var(--happ-blue);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.message-assistant{color:var(--text-main);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);background:#fff;border-bottom-left-radius:4px;align-self:flex-start}.copilot-input-bar{border-top:1px solid var(--border-light);background:#fff;gap:.5rem;padding:1rem;display:flex}.pipeline-diagram{color:#fff;border-radius:var(--radius-lg);background:#091a42;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;display:flex;overflow-x:auto}.pipeline-node{border-radius:var(--radius-md);text-align:center;background:#ffffff14;border:1px solid #ffffff26;min-width:170px;padding:1rem 1.25rem}.pipeline-node.active-glow{border-color:#0077f0;box-shadow:0 0 20px #0077f066}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#06184a99;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-lg);border:1px solid var(--border-light);background:#fff;width:100%;max-width:600px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid var(--border-light);background:#f8fafc;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.happ-lang-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff24;border-radius:9999px;align-items:center;gap:.4rem;height:34px;padding:0 .7rem;transition:all .15s;display:flex}.happ-lang-btn:hover{background:#ffffff29;border-color:#ffffff40}.happ-lang-label{text-transform:uppercase;letter-spacing:.5px;color:#f1f5f9;font-size:.75rem;font-weight:700}.happ-dropdown-menu{border:1px solid var(--border-light);border-radius:var(--radius-md);z-index:100;background:#fff;flex-direction:column;min-width:160px;padding:.35rem;animation:.15s ease-out fadeInDown;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 30px #0000002e}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.happ-dropdown-item{color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.6rem;width:100%;padding:.55rem .85rem;font-size:.8125rem;font-weight:500;transition:all .1s;display:flex}.happ-dropdown-item:hover{background:var(--bg-surface-subtle);color:var(--happ-blue)}.happ-dropdown-item.active{color:var(--happ-blue);background:#eff6ff;font-weight:700}.happ-user-profile-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff24;border-radius:9999px;align-items:center;gap:.45rem;height:34px;padding:0 .65rem 0 .25rem;transition:all .15s;display:flex}.happ-user-profile-btn:hover{background:#ffffff29;border-color:#ffffff40}.happ-user-avatar{object-fit:cover;border:1.5px solid #fff9;border-radius:50%;width:26px;height:26px;box-shadow:0 1px 4px #0003}.happ-user-name{color:#fff;white-space:nowrap;font-size:.8125rem;font-weight:600}.happ-user-role-badge{text-transform:uppercase;letter-spacing:.5px;color:#fff;background:#0077f0bf;border:1px solid #ffffff26;border-radius:4px;padding:1px 5px;font-size:.625rem;font-weight:700}.hero-status-capsule{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#06184aa6;border:1px solid #ffffff2e;align-items:center;gap:.85rem;padding:.35rem .85rem .35rem 1rem;display:inline-flex;box-shadow:0 8px 24px #00000040}.hero-capsule-divider{background:#fff3;width:1px;height:14px}.hero-capsule-action-btn{color:#93c5fd;cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:flex}.hero-capsule-action-btn:hover{color:#fff}.hero-eyebrow-badge{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#dbeafe;background:#ffffff1a;border:1px solid #ffffff2e;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.35rem .95rem;font-size:.8125rem;font-weight:600;display:inline-flex}.hero-main-heading{letter-spacing:-1.5px;color:#fff;margin-bottom:1rem;font-size:3rem;font-weight:800;line-height:1.15}.hero-heading-gradient{background:linear-gradient(135deg,#fff 0%,#93c5fd 60%,#60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle-text{color:#ffffffd9;max-width:720px;margin:0 auto;font-size:1.05rem;line-height:1.6}.hero-console-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#06184ab8;border:1px solid #ffffff2e;border-radius:24px;padding:1.25rem 1.5rem;box-shadow:0 20px 40px #00000059}.hero-topics-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.hero-topics-scroll{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.hero-topics-label{color:#ffffffbf;font-size:.8125rem;font-weight:700}.hero-topic-pill{border-radius:var(--radius-pill);cursor:pointer;color:#fff;background:#ffffff14;border:1px solid #ffffff26;align-items:center;gap:.5rem;padding:.45rem 1rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:flex}.hero-topic-pill:hover{background:#ffffff26;border-color:#ffffff4d}.hero-topic-pill.active{background:#0077f0;border-color:#93c5fd;box-shadow:0 4px 15px #0077f073}.hero-topic-counter{border-radius:var(--radius-pill);background:#fff3;padding:1px 7px;font-size:.75rem;font-weight:700}.hero-topic-pill.active .hero-topic-counter{background:#ffffff4d}.hero-add-topic-btn{border-radius:var(--radius-pill);padding:.4rem .85rem}.hero-search-wrapper{align-items:center;display:flex;position:relative}.hero-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:1.15rem}.hero-search-input{color:#0f172a;background:#fffffffa;border:1px solid #ffffff38;border-radius:16px;outline:none;width:100%;padding:.9rem 2.8rem .9rem 3rem;font-size:.9375rem;transition:all .2s;box-shadow:0 4px 16px #0000001f}.hero-search-input:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa59,0 4px 20px #0003}.hero-search-clear-btn{color:#475569;cursor:pointer;background:#0000001a;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:all .15s;display:flex;position:absolute;right:1rem}.hero-search-clear-btn:hover{color:#0f172a;background:#0003}.hero-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.hero-kpi-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff24;border-radius:18px;flex-direction:column;padding:1.25rem 1.4rem;transition:all .2s;display:flex;box-shadow:0 10px 25px -5px #0003}.hero-kpi-card:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px)}.hero-kpi-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.hero-kpi-title{color:#ffffffbf;font-size:.8125rem;font-weight:600}.hero-kpi-icon-wrap{border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.hero-kpi-number{letter-spacing:-.8px;margin-bottom:.35rem;font-size:2.1rem;font-weight:800;line-height:1.1}.hero-kpi-foot{opacity:.8;font-size:.75rem;font-weight:500}