@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg: #f7f8fb;--sidebar: #10131d;--sidebar-soft: #181c28;--text: #171a23;--muted: #74798a;--line: #e7e9ef;--panel: #ffffff;--blue: #5967ff;--purple: #9b7bff;--green: #1f9d69;--red: #d95d67;--orange: #d78b32;--shadow: 0 8px 30px rgba(25, 30, 45, .045)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app{min-height:100vh;display:flex}.sidebar{width:248px;flex:0 0 248px;min-height:100vh;background:var(--sidebar);color:#fff;padding:22px 14px;position:fixed;left:0;top:0;bottom:0;z-index:30;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:4px 10px 24px}.brand-mark{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#6976ff,#8d72f9);font-size:11px;font-weight:700}.brand strong,.brand span{display:block}.brand strong{font-size:13px}.brand span{color:#888e9f;font-size:11px;margin-top:2px}.workspace{border-top:1px solid #242936;border-bottom:1px solid #242936;padding:17px 7px}.workspace>span,.nav-label{display:block;color:#686f82;font-size:9px;font-weight:700;letter-spacing:1.1px;margin:0 8px 9px}.workspace-button{width:100%;display:flex;align-items:center;gap:8px;color:#d9dce5;background:transparent;border:0;padding:7px;border-radius:9px;font-size:11px;cursor:pointer}.workspace-button:hover{background:var(--sidebar-soft)}.workspace-button svg{margin-left:auto;color:#6f7689}.workspace-avatar{width:25px;height:25px;border-radius:7px;background:#303647;display:grid;place-items:center;color:#d7d9e1;font-size:10px;font-weight:700}.sidebar nav{padding-top:20px}.nav-label.secondary-label{margin-top:26px}.nav-item{width:100%;display:flex;align-items:center;gap:11px;color:#9298aa;background:transparent;border:0;padding:10px 11px;margin:2px 0;border-radius:9px;font-size:12px;cursor:pointer;text-align:left}.nav-item:hover{background:var(--sidebar-soft);color:#e8eaf0}.nav-item.active{background:#272d40;color:#fff}.nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:99px;background:#5967ff;color:#fff;font-size:9px}.sidebar-bottom{margin-top:auto}.portfolio-note{margin-top:12px;border:1px solid #292e3b;background:#171b26;padding:12px;border-radius:11px;display:flex;gap:9px;color:#888fa1}.portfolio-note strong,.portfolio-note span{display:block}.portfolio-note strong{color:#d8dbe3;font-size:10px;margin-bottom:3px}.portfolio-note span{font-size:9px}.main{margin-left:248px;width:calc(100% - 248px)}.topbar{height:68px;background:#ffffffe0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:20}.breadcrumb{display:flex;gap:10px;align-items:center;font-size:11px;color:#9297a7}.breadcrumb strong{color:#4b5060;font-weight:600}.top-actions{display:flex;align-items:center;gap:8px}.icon-button{width:35px;height:35px;border:1px solid var(--line);background:#fff;color:#666c7c;border-radius:9px;display:grid;place-items:center;cursor:pointer;position:relative}.notification span{position:absolute;top:8px;right:8px;width:5px;height:5px;border-radius:50%;background:#5967ff}.user-avatar{width:35px;height:35px;border-radius:10px;background:#171a23;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:700;margin-left:5px}.mobile-menu{display:none;border:0;background:transparent}.content{max-width:1480px;margin:0 auto;padding:36px 34px 50px}.dashboard-section{margin-bottom:88px}.hero-section{scroll-margin-top:100px}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:27px}.eyebrow{color:#8b91a1;font-size:9px;font-weight:700;letter-spacing:1.35px;margin-bottom:7px}.page-heading h1{font-family:Space Grotesk,sans-serif;font-size:clamp(27px,3vw,38px);line-height:1.1;letter-spacing:-1.5px;margin:0 0 7px}.page-heading p,.section-title-row p{margin:0;color:var(--muted);font-size:12px}.heading-actions{display:flex;align-items:center;gap:8px}.filter-button,.export-button,.outline-button,.more-button{display:inline-flex;align-items:center;gap:7px;height:35px;border-radius:8px;padding:0 11px;font-size:10px;cursor:pointer}.filter-button,.outline-button{background:#fff;color:#5e6372;border:1px solid var(--line)}.export-button{border:1px solid #151923;background:#151923;color:#fff}.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:11px;margin-bottom:15px}.metric-card,.panel,.insight-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.metric-card{padding:16px;border-radius:11px;min-height:119px}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#818697;font-size:10px;font-weight:600}.metric-icon{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;color:#5967ff;background:#eef0ff}.metric-value{font-family:Space Grotesk,sans-serif;font-size:26px;letter-spacing:-1px;font-weight:600;margin:12px 0 7px}.change{display:flex;align-items:center;gap:3px;font-size:9px}.change.positive{color:var(--green)}.change.negative{color:var(--red)}.chart-grid{display:grid;grid-template-columns:1.65fr .9fr;gap:15px;margin-top:15px}.panel{border-radius:12px;padding:22px}.section-title-row{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:17px}.section-title-row h2{margin:0 0 5px;font-family:Space Grotesk,sans-serif;font-size:20px;line-height:1.1;letter-spacing:-.65px}.section-title-row p{max-width:610px;line-height:1.5}.more-button{width:30px;height:30px;justify-content:center;padding:0;background:transparent;border:0;color:#9297a5}.legend{display:flex;gap:17px;margin:2px 0 10px;font-size:9px;color:#777d8e}.legend span{display:flex;align-items:center;gap:5px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot.blue{background:#5967ff}.dot.purple{background:#9b7bff}.chart{width:100%}.donut-wrap{position:relative;height:220px}.donut-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.donut-center strong,.donut-center span{display:block}.donut-center strong{font-family:Space Grotesk,sans-serif;font-size:25px}.donut-center span{font-size:9px;color:#9196a4}.segment-list{display:grid;gap:8px}.segment-list>div{display:flex;align-items:center;justify-content:space-between;font-size:10px}.segment-list span{display:flex;align-items:center;gap:6px;color:#686e7d}.segment-dot{width:7px;height:7px;border-radius:50%}.s0{background:#5967ff}.s1{background:#8b7cf6}.s2{background:#b6a8ff}.s3{background:#d8d2ff}.outline-button{font-weight:600}.funnel-panel{display:grid;grid-template-columns:1fr 310px;gap:30px;align-items:center}.funnel{display:grid;gap:17px}.funnel-row{display:grid;grid-template-columns:105px 1fr 80px;gap:15px;align-items:center}.funnel-label{display:flex;align-items:center;gap:9px}.funnel-label span{color:#a3a8b5;font-size:9px}.funnel-label strong{font-size:11px}.funnel-track{height:13px;border-radius:99px;background:#f0f1f6;overflow:hidden}.funnel-fill{height:100%;background:linear-gradient(90deg,#5967ff,#8b7cf6);border-radius:inherit}.funnel-value{text-align:right}.funnel-value strong,.funnel-value span{display:block}.funnel-value strong{font-size:11px}.funnel-value span{font-size:9px;color:#9499a8;margin-top:2px}.funnel-callout{border-radius:11px;background:#f6f7ff;border:1px solid #e3e5ff;padding:16px;display:flex;gap:10px}.callout-icon{width:28px;height:28px;border-radius:8px;background:#e2e5ff;color:#5967ff;display:grid;place-items:center;flex:0 0 28px}.funnel-callout strong{font-size:11px}.funnel-callout p{color:#717789;font-size:10px;line-height:1.55;margin:5px 0 0}.retention-highlight{display:flex;align-items:baseline;gap:8px;margin-bottom:7px}.retention-highlight strong{font-family:Space Grotesk,sans-serif;font-size:27px}.retention-highlight span{font-size:10px;color:#898e9c}.negative-pill{font-style:normal;color:#c8535f;background:#fff0f1;border-radius:99px;padding:4px 7px;font-size:9px}.finding-list{display:grid;gap:19px}.finding{display:grid;grid-template-columns:27px 1fr;gap:10px}.finding-number{color:#a4a9b5;font-size:9px;padding-top:2px}.finding strong{font-size:11px}.finding p{margin:4px 0 0;color:#777d8d;font-size:10px;line-height:1.55}.feature-table{display:grid;gap:3px}.feature-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f0f1f5}.feature-row:last-child{border-bottom:0}.feature-row strong,.feature-row span{display:block}.feature-row strong{font-size:11px}.feature-row span{font-size:9px;color:#9196a5;margin-top:3px}.feature-change{display:flex;align-items:center;gap:3px;font-size:10px;font-weight:600}.feature-change.up{color:var(--green)}.feature-change.down{color:var(--red)}.feature-signal{margin-top:15px;background:#111522;border-color:#111522;color:#fff;display:grid;grid-template-columns:auto 1fr auto;gap:17px;align-items:center}.signal-badge{display:inline-flex;align-items:center;gap:5px;background:#252b42;color:#b9c0ff;padding:7px 9px;border-radius:99px;font-size:9px;white-space:nowrap}.feature-signal h3{font-family:Space Grotesk,sans-serif;font-size:16px;margin:0 0 5px}.feature-signal p{color:#8d94a8;font-size:10px;margin:0;line-height:1.5;max-width:700px}.dark-button{background:#fff;color:#12151e;border:0;border-radius:8px;padding:9px 12px;font-size:10px;font-weight:700;cursor:pointer;white-space:nowrap}.insight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.insight-card{border-radius:12px;padding:19px;min-height:255px;display:flex;flex-direction:column}.insight-top{display:flex;justify-content:space-between;align-items:center}.insight-type{display:inline-flex;border-radius:99px;padding:5px 8px;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.insight-type.opportunity{color:#236d50;background:#eaf8f1}.insight-type.signal{color:#5c4a9b;background:#f0ebff}.insight-type.risk{color:#a94d55;background:#fff0f1}.insight-index{color:#b3b7c1;font-size:9px}.insight-card h3{font-family:Space Grotesk,sans-serif;font-size:15px;line-height:1.25;margin:16px 0 8px}.insight-card>p{color:#74798a;font-size:10px;line-height:1.6;margin:0}.insight-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:17px}.insight-meta span{color:#989dac;background:#f5f6f8;border-radius:6px;padding:5px 6px;font-size:8px}.insight-meta b{color:#4f5565}.insight-action{background:transparent;border:0;border-top:1px solid #eff0f3;padding:12px 0 0;margin-top:12px;text-align:left;font-size:9px;color:#5967ff;font-weight:700;cursor:pointer}.priority-panel{margin-top:15px;padding:23px;background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:30px}.priority-panel h3{font-family:Space Grotesk,sans-serif;margin:0 0 5px;font-size:18px}.priority-panel p{margin:0;color:#7d8290;font-size:10px;max-width:650px;line-height:1.55}.priority-score{background:#f5f6ff;border:1px solid #e5e7ff;border-radius:10px;padding:14px 18px;min-width:280px}.priority-score span,.priority-score strong{display:block}.priority-score span{color:#898fa0;font-size:8px;text-transform:uppercase;letter-spacing:1px}.priority-score strong{color:#4e5ee7;font-size:13px;margin-top:5px}.dashboard-footer{border-top:1px solid var(--line);padding:23px 0 0;display:flex;justify-content:space-between;color:#989daa;font-size:9px}.dashboard-footer strong,.dashboard-footer span{display:block}.dashboard-footer strong{color:#5c6271;margin-bottom:3px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0a0c147a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px}.modal{width:min(520px,100%);background:#fff;border-radius:17px;padding:28px;position:relative;box-shadow:0 25px 80px #0000002e}.modal-close{position:absolute;right:16px;top:16px;width:30px;height:30px;border:1px solid var(--line);background:#fff;border-radius:8px;display:grid;place-items:center;color:#74798a;cursor:pointer}.modal h2{font-family:Space Grotesk,sans-serif;font-size:24px;line-height:1.15;letter-spacing:-.7px;margin:14px 35px 10px 0}.modal>p{color:#6f7585;font-size:11px;line-height:1.7;margin-bottom:18px}.recommendation{background:#f6f7ff;border:1px solid #e4e6ff;border-radius:11px;padding:15px;display:flex;gap:10px}.recommendation-icon{width:29px;height:29px;flex:0 0 29px;display:grid;place-items:center;color:#5967ff;background:#e5e8ff;border-radius:8px}.recommendation span,.recommendation strong{display:block}.recommendation span{color:#8a90a1;font-size:8px;text-transform:uppercase;letter-spacing:.7px}.recommendation strong{font-size:10px;line-height:1.5;margin-top:4px}.modal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.modal-grid>div{background:#f7f8fa;border-radius:9px;padding:11px}.modal-grid span,.modal-grid strong{display:block}.modal-grid span{color:#9196a4;font-size:8px}.modal-grid strong{font-size:11px;margin-top:3px}.calendar-icon{width:14px;height:14px;border:1.5px solid #777d8d;border-radius:3px;position:relative}.calendar-icon:before,.calendar-icon:after{content:"";position:absolute;width:2px;height:4px;background:#777d8d;top:-3px;border-radius:1px}.calendar-icon:before{left:3px}.calendar-icon:after{right:3px}.mobile-overlay{display:none}@media(max-width:1250px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.insight-grid{grid-template-columns:repeat(2,1fr)}.funnel-panel{grid-template-columns:1fr}}@media(max-width:1000px){.sidebar{transform:translate(-100%);transition:transform .2s ease}.sidebar.open{transform:translate(0)}.main{margin-left:0;width:100%}.mobile-menu{display:grid;place-items:center}.mobile-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;background:#00000059;border:0}.chart-grid{grid-template-columns:1fr}}@media(max-width:720px){.topbar{padding:0 16px}.breadcrumb{display:none}.content{padding:25px 15px 40px}.page-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%;flex-wrap:wrap}.kpi-grid{grid-template-columns:repeat(2,1fr)}.feature-signal,.insight-grid{grid-template-columns:1fr}.priority-panel{flex-direction:column;align-items:flex-start}.priority-score{width:100%;min-width:0}.dashboard-footer{flex-direction:column;gap:12px}.funnel-row{grid-template-columns:85px 1fr 65px;gap:8px}}@media(max-width:480px){.kpi-grid{grid-template-columns:1fr}.metric-card{min-height:105px}.panel{padding:17px}.heading-actions .filter-button,.heading-actions .export-button{flex:1;justify-content:center}}