.growth-tracker-panel{margin:24px 0;padding:clamp(18px,4vw,28px);border:1px solid rgba(148,163,184,.2);border-radius:24px;background:linear-gradient(145deg,rgba(15,23,42,.94),rgba(8,15,30,.98));box-shadow:0 18px 50px rgba(0,0,0,.22);overflow:hidden}
.growth-tracker-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px}.growth-tracker-heading h2{margin:.15rem 0}.growth-tracker-heading p{margin:.25rem 0 0;color:var(--muted,#a8b3c7)}.growth-tracker-heading label{display:grid;gap:6px;font-size:.78rem;color:var(--muted,#a8b3c7);min-width:170px}.growth-tracker-heading select{width:100%;box-sizing:border-box}
.tracker-empty{padding:24px;text-align:center;border:1px dashed rgba(148,163,184,.28);border-radius:18px;color:var(--muted,#a8b3c7)}
.tracker-summary-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.tracker-card,.tracker-section-block{border:1px solid rgba(148,163,184,.16);background:rgba(255,255,255,.035);border-radius:18px}.tracker-card{padding:18px;min-width:0}.tracker-main-card{background:linear-gradient(135deg,rgba(56,189,248,.11),rgba(139,92,246,.09))}.tracker-kicker{display:block;font-size:.72rem;letter-spacing:.09em;color:#93c5fd;margin-bottom:8px}.tracker-card h3{margin:0 0 8px;font-size:clamp(1.05rem,3vw,1.35rem)}.tracker-card strong{display:block;font-size:clamp(1.35rem,4vw,2rem);line-height:1.1}.tracker-card p{margin:8px 0 0;color:var(--muted,#a8b3c7);line-height:1.65}
.tracker-section-block{margin-top:14px;padding:16px}.tracker-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.tracker-section-head div{display:grid;gap:3px}.tracker-section-head b{font-size:1rem}.tracker-section-head span{font-size:.76rem;color:var(--muted,#a8b3c7)}
.tracker-factor-changes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.tracker-factor-item{padding:13px 10px;border-radius:14px;background:rgba(255,255,255,.04);text-align:center}.tracker-factor-item b{display:block;font-size:.82rem}.tracker-factor-item strong{display:block;margin:7px 0 3px;font-size:1.25rem}.tracker-factor-item small{color:var(--muted,#a8b3c7)}.tracker-factor-item.up strong{color:#86efac}.tracker-factor-item.down strong{color:#fca5a5}.tracker-factor-item.steady strong{color:#bfdbfe}
.tracker-factor-toggles{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.tracker-factor-toggles button{appearance:none;border:1px solid rgba(148,163,184,.22);background:rgba(255,255,255,.035);color:inherit;border-radius:999px;padding:8px 11px;font-size:.78rem}.tracker-factor-toggles button.active{background:rgba(59,130,246,.22);border-color:rgba(96,165,250,.6)}
.tracker-timeline-chart{min-height:230px;width:100%;overflow:hidden}.tracker-timeline-chart svg{display:block;width:100%;height:230px}.tracker-chart-label{font-size:10px;fill:#94a3b8}.tracker-chart-grid{stroke:rgba(148,163,184,.16);stroke-width:1}.tracker-chart-line{fill:none;stroke:#7dd3fc;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.tracker-chart-dot{fill:#0f172a;stroke:#bae6fd;stroke-width:3}.tracker-chart-area{fill:url(#trackerGradient)}
.tracker-two-column{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tracker-insight-list{display:grid;gap:9px}.tracker-insight-item,.tracker-next-hint{padding:13px;border-radius:14px;background:rgba(255,255,255,.04);line-height:1.65}.tracker-insight-item b{display:block;margin-bottom:3px}.tracker-insight-item span,.tracker-next-hint p{color:var(--muted,#a8b3c7)}.tracker-next-hint h3{margin:0 0 8px;font-size:1rem}.tracker-next-hint p{margin:0}
.tracker-timeline-list{display:grid;gap:10px}.tracker-timeline-entry{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;border-radius:14px;background:rgba(255,255,255,.035)}.tracker-timeline-entry time{font-size:.76rem;color:#93c5fd;white-space:nowrap}.tracker-timeline-entry div{min-width:0}.tracker-timeline-entry b{display:block}.tracker-timeline-entry span{display:block;color:var(--muted,#a8b3c7);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tracker-timeline-entry em{font-style:normal;font-size:.72rem;color:#c4b5fd}
@media(max-width:760px){.growth-tracker-heading{align-items:stretch;flex-direction:column}.growth-tracker-heading label{min-width:0}.tracker-summary-grid{grid-template-columns:1fr 1fr}.tracker-main-card{grid-column:1/-1}.tracker-factor-changes{grid-template-columns:repeat(2,minmax(0,1fr))}.tracker-factor-item:last-child{grid-column:1/-1}.tracker-two-column{grid-template-columns:1fr}.tracker-timeline-entry{grid-template-columns:1fr auto}.tracker-timeline-entry time{grid-column:1/-1}.growth-tracker-panel{border-radius:20px}}
@media(max-width:390px){.growth-tracker-panel{padding:14px;margin-inline:0}.tracker-summary-grid{grid-template-columns:1fr}.tracker-main-card{grid-column:auto}.tracker-factor-changes{grid-template-columns:1fr}.tracker-factor-item:last-child{grid-column:auto}.tracker-timeline-entry{grid-template-columns:1fr}.tracker-timeline-entry em{justify-self:start}}