@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";
@import "https://cdnjs.cloudflare.com/ajax/libs/tabler-icons/2.44.0/iconfont/tabler-icons.min.css";
*{box-sizing:border-box;margin:0;padding:0}:root{--fl-bg:#fff;--fl-bg-soft:#f6f7f8;--fl-accent-soft:#eff1f3;--fl-text:#111;--fl-text-soft:#4b5563;--fl-text-muted:#6b7280;--fl-line:#11111114;--fl-line-hover:#1111112e;--fl-radius-md:18px;--fl-radius-lg:24px;--fl-radius-xl:32px;--fl-radius-pill:999px;--fl-shadow-soft:0 18px 44px #1111110f;--fl-shadow-card:0 4px 12px #1111110a, 0 16px 34px #1111110f;--fl-shadow-hover:0 8px 24px #11111112, 0 28px 56px #1111111a;--fl-ease:cubic-bezier(.16, 1, .3, 1);--fl-font-display:"Space Grotesk", "Inter", system-ui, sans-serif;--fl-font-body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--fl-card-pink:#fad9db;--fl-card-green:#ccf0dc;--fl-card-blue:#d6e8f8;--fl-card-purple:#e5d9f7;--fl-card-yellow:#fbf0cc}html{-webkit-font-smoothing:antialiased;font-size:16px}body{font-family:var(--fl-font-body);color:var(--fl-text);background:var(--fl-bg-soft);flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--fl-accent-soft);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#d3d1c7}.topbar{z-index:100;border-bottom:1px solid var(--fl-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:60px;box-shadow:var(--fl-shadow-soft);background:#fffffff5;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.logo{font-family:var(--fl-font-display);color:var(--fl-text);letter-spacing:-.03em;align-items:center;gap:10px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.logo-mark{background:var(--fl-text);border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.logo-mark svg{fill:#fff;width:16px;height:16px}.logo span{color:var(--fl-text-muted);font-weight:500}.nav-pills{gap:4px;display:flex}.nav-pill{font-family:var(--fl-font-body);color:var(--fl-text-muted);border-radius:var(--fl-radius-pill);cursor:pointer;transition:all .2s var(--fl-ease);background:0 0;border:none;padding:7px 16px;font-size:13px;font-weight:500;text-decoration:none;display:inline-block}.nav-pill:hover{background:var(--fl-accent-soft);color:var(--fl-text)}.nav-pill.active{background:var(--fl-text);color:#fff}.topbar-right{align-items:center;gap:10px;display:flex}.icon-btn{background:var(--fl-bg-soft);border:1px solid var(--fl-line);border-radius:var(--fl-radius-pill);cursor:pointer;width:36px;height:36px;color:var(--fl-text-muted);justify-content:center;align-items:center;font-size:16px;text-decoration:none;transition:all .2s;display:flex}.icon-btn:hover{border-color:var(--fl-line-hover);color:var(--fl-text)}.avatar{background:var(--fl-card-purple);color:#533;cursor:pointer;width:36px;height:36px;font-size:12px;font-weight:700;font-family:var(--fl-font-body);border:2px solid var(--fl-line);border-radius:50%;justify-content:center;align-items:center;display:flex}.layout{flex:1;min-height:calc(100vh - 60px);display:flex}.sidebar{background:var(--fl-bg);border-right:1px solid var(--fl-line);flex-direction:column;flex-shrink:0;gap:2px;width:220px;height:calc(100vh - 60px);padding:20px 12px 32px;display:flex;position:sticky;top:60px;overflow-y:auto}.sidebar-section{color:var(--fl-text-muted);letter-spacing:.08em;text-transform:uppercase;padding:16px 10px 6px;font-size:10px;font-weight:700}.sidebar-item{border-radius:var(--fl-radius-md);cursor:pointer;color:var(--fl-text-soft);align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-item i{flex-shrink:0;font-size:16px}.sidebar-item:hover{background:var(--fl-bg-soft);color:var(--fl-text)}.sidebar-item.active{background:var(--fl-card-blue);color:#0c447c}.sidebar-item.active i{color:#0c447c}.badge-pill{background:var(--fl-card-pink);color:#711;border-radius:999px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:700}.main{flex-direction:column;flex:1;gap:24px;min-width:0;padding:32px;display:flex}.page-header{justify-content:space-between;align-items:flex-start;display:flex}.page-title{font-family:var(--fl-font-display);color:var(--fl-text);letter-spacing:-.03em;font-size:24px;font-weight:700;line-height:1.1}.page-sub{color:var(--fl-text-muted);margin-top:4px;font-size:14px}.btn-primary{font-family:var(--fl-font-body);background:var(--fl-text);color:#fff;border-radius:var(--fl-radius-pill);cursor:pointer;transition:all .2s var(--fl-ease);box-shadow:var(--fl-shadow-card);border:none;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:600;display:flex}.btn-primary:hover{box-shadow:var(--fl-shadow-hover);transform:translateY(-1px)}.top-row{grid-template-columns:280px 1fr;align-items:start;gap:16px;display:grid}.score-card{background:var(--fl-bg);border:1px solid var(--fl-line);border-radius:var(--fl-radius-lg);box-shadow:var(--fl-shadow-card);padding:24px;transition:box-shadow .3s}.score-card:hover{box-shadow:var(--fl-shadow-hover)}.score-inner{align-items:center;gap:20px;display:flex}.score-ring-wrap{flex-shrink:0;width:100px;height:100px;position:relative}.score-ring-wrap svg{display:block;transform:rotate(-90deg)}.ring-label{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring-num{font-family:var(--fl-font-display);color:var(--fl-text);font-size:28px;font-weight:700;line-height:1}.ring-den{color:var(--fl-text-muted);margin-top:2px;font-size:11px;font-weight:500}.score-meta-title{font-family:var(--fl-font-display);color:var(--fl-text);margin-bottom:4px;font-size:16px;font-weight:700}.score-meta-sub{color:var(--fl-text-muted);margin-bottom:10px;font-size:12px}.trend-pill{background:var(--fl-card-green);color:#0f6e56;border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.score-divider{border:none;border-top:1px solid var(--fl-line);margin:16px 0}.score-levels{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.level-item{text-align:center}.level-val{font-family:var(--fl-font-display);color:var(--fl-text);font-size:16px;font-weight:700}.level-lbl{color:var(--fl-text-muted);margin-top:2px;font-size:10px;font-weight:500}.mini-scores{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.mini-card{background:var(--fl-bg);border:1px solid var(--fl-line);border-radius:var(--fl-radius-lg);box-shadow:var(--fl-shadow-card);transition:all .25s var(--fl-ease);padding:18px 20px}.mini-card:hover{box-shadow:var(--fl-shadow-hover);transform:translateY(-2px)}.mini-label{color:var(--fl-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:600}.mini-row{justify-content:space-between;align-items:baseline;display:flex}.mini-val{font-family:var(--fl-font-display);color:var(--fl-text);letter-spacing:-.02em;font-size:28px;font-weight:700}.mini-change{border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700}.mini-change.up{background:var(--fl-card-green);color:#0f6e56}.mini-change.down{background:var(--fl-card-pink);color:#a32d2d}.bar-row{align-items:center;gap:8px;margin-top:10px;display:flex}.bar-track{background:var(--fl-accent-soft);border-radius:999px;flex:1;height:5px;overflow:hidden}.bar-fill{background:var(--fl-text);height:100%;transition:width 1s var(--fl-ease);border-radius:999px}.bar-pct{color:var(--fl-text-muted);text-align:right;min-width:28px;font-size:11px;font-weight:600}.content-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.panel{background:var(--fl-bg);border:1px solid var(--fl-line);border-radius:var(--fl-radius-lg);box-shadow:var(--fl-shadow-card);padding:20px 22px;transition:box-shadow .25s}.panel:hover{box-shadow:var(--fl-shadow-hover)}.panel-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.panel-title{font-family:var(--fl-font-display);color:var(--fl-text);letter-spacing:-.01em;font-size:15px;font-weight:700}.panel-link{color:var(--fl-text-muted);cursor:pointer;font-size:12px;font-weight:600;text-decoration:none;transition:color .15s}.panel-link:hover{color:var(--fl-text)}.chart-wrap{align-items:flex-end;gap:5px;height:80px;display:flex}.chart-bar{background:var(--fl-accent-soft);transition:height .6s var(--fl-ease);border-radius:5px 5px 0 0;flex:1}.chart-bar.hi{background:var(--fl-text)}.chart-bar.mid{background:#b4b2a9}.chart-labels{gap:5px;margin-top:5px;display:flex}.chart-lbl{color:var(--fl-text-muted);text-align:center;flex:1;font-size:9px;font-weight:500}.chart-stats{border-top:1px solid var(--fl-line);grid-template-columns:1fr 1fr 1fr;gap:0;margin-top:14px;padding-top:14px;display:grid}.chart-stat-val{font-family:var(--fl-font-display);color:var(--fl-text);font-size:18px;font-weight:700}.chart-stat-lbl{color:var(--fl-text-muted);margin-top:2px;font-size:11px}.mention-list{flex-direction:column;gap:0;display:flex}.mention-row{border-bottom:1px solid var(--fl-line);align-items:flex-start;gap:10px;padding:10px 0;display:flex}.mention-row:last-child{border-bottom:none;padding-bottom:0}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.dot.green{background:#1d9e75}.dot.amber{background:#ba7517}.dot.red{background:#e24b4a}.mention-text{color:var(--fl-text-soft);font-size:12px;line-height:1.55}.mention-src{color:var(--fl-text-muted);margin-top:3px;font-size:11px;font-weight:500}.sentiment-grid{border-top:1px solid var(--fl-line);flex-direction:column;gap:7px;margin-top:14px;padding-top:14px;display:flex}.sent-row{align-items:center;gap:10px;display:flex}.sent-label{color:var(--fl-text-soft);flex-shrink:0;width:52px;font-size:11px;font-weight:600}.sent-track{background:var(--fl-accent-soft);border-radius:999px;flex:1;height:5px;overflow:hidden}.sent-fill{border-radius:999px;height:100%}.sent-val{color:var(--fl-text);text-align:right;min-width:28px;font-size:11px;font-weight:700}.ai-feed{flex-direction:column;gap:10px;display:flex}.ai-item{background:var(--fl-bg-soft);border-radius:var(--fl-radius-md);align-items:flex-start;gap:12px;padding:12px 14px;transition:background .15s;display:flex}.ai-item:hover{background:var(--fl-accent-soft)}.ai-icon-wrap{background:var(--fl-bg);border:1px solid var(--fl-line);width:32px;height:32px;color:var(--fl-text-muted);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.ai-body{flex:1;min-width:0}.ai-text{color:var(--fl-text-soft);font-size:12px;line-height:1.55}.ai-action{color:#185fa5;cursor:pointer;margin-top:5px;font-size:11px;font-weight:700;text-decoration:none;transition:color .15s;display:inline-block}.ai-action:hover{color:#0c447c}.opps{flex-direction:column;gap:8px;display:flex}.opp-item{border-radius:var(--fl-radius-md);border:1px solid var(--fl-line);align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex}.opp-item:hover{border-color:var(--fl-line-hover);background:var(--fl-bg-soft)}.opp-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.opp-icon.pod{background:var(--fl-card-purple);color:#533}.opp-icon.speak{background:var(--fl-card-blue);color:#0c447c}.opp-icon.pr{background:var(--fl-card-green);color:#0f6e56}.opp-label{color:var(--fl-text);font-size:13px;font-weight:600}.opp-sub{color:var(--fl-text-muted);margin-top:2px;font-size:11px}.opp-btn{background:var(--fl-text);color:#fff;cursor:pointer;font-size:12px;font-weight:700;font-family:var(--fl-font-body);border:none;border-radius:999px;flex-shrink:0;margin-left:auto;padding:6px 14px;transition:all .2s}.opp-btn:hover{opacity:.85;transform:scale(.97)}.tags{border-top:1px solid var(--fl-line);flex-wrap:wrap;gap:4px;margin-top:12px;padding-top:12px;display:flex}.tag{border-radius:999px;align-items:center;padding:4px 11px;font-size:11px;font-weight:600;display:inline-flex}.tag-blue{background:var(--fl-card-blue);color:#0c447c}.tag-purple{background:var(--fl-card-purple);color:#533}.tag-green{background:var(--fl-card-green);color:#0f6e56}.tag-yellow{background:var(--fl-card-yellow);color:#854f0b}.tag-pink{background:var(--fl-card-pink);color:#711}.gamification{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.game-card{background:var(--fl-bg);border:1px solid var(--fl-line);border-radius:var(--fl-radius-lg);box-shadow:var(--fl-shadow-card);transition:all .25s var(--fl-ease);align-items:center;gap:12px;padding:16px 18px;display:flex}.game-card:hover{box-shadow:var(--fl-shadow-hover);transform:translateY(-2px)}.game-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.game-val{font-family:var(--fl-font-display);color:var(--fl-text);letter-spacing:-.02em;font-size:18px;font-weight:700}.game-lbl{color:var(--fl-text-muted);margin-top:1px;font-size:11px;font-weight:500}.streak-dots{gap:4px;margin-top:6px;display:flex}.streak-dot{background:var(--fl-accent-soft);border-radius:50%;width:8px;height:8px}.streak-dot.done{background:var(--fl-text)}.alert-banner{background:var(--fl-card-yellow);border-radius:var(--fl-radius-md);border:1px solid #ba751733;align-items:center;gap:12px;padding:12px 16px;display:flex}.alert-icon{color:#854f0b;flex-shrink:0;font-size:18px}.alert-text{color:#633806;flex:1;font-size:13px;font-weight:500}.alert-text strong{font-weight:700}.alert-close{color:#854f0b;cursor:pointer;background:0 0;border:none;padding:0;font-size:18px}.footer{border-top:1px solid var(--fl-line);background:var(--fl-bg);justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.footer-logo{font-family:var(--fl-font-display);color:var(--fl-text);letter-spacing:-.02em;font-size:14px;font-weight:700}.footer-logo span{color:var(--fl-text-muted);font-weight:500}.footer-links{gap:20px;display:flex}.footer-link{color:var(--fl-text-muted);font-size:12px;font-weight:500;text-decoration:none;transition:color .15s}.footer-link:hover{color:var(--fl-text)}.footer-copy{color:var(--fl-text-muted);font-size:12px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.main>*{animation:fadeUp .5s var(--fl-ease) both}.main>:first-child{animation-delay:50ms}.main>:nth-child(2){animation-delay:.1s}.main>:nth-child(3){animation-delay:.15s}.main>:nth-child(4){animation-delay:.2s}.main>:nth-child(5){animation-delay:.25s}.main>:nth-child(6){animation-delay:.3s}