:root{--violet:#7d5281;--sky-blue:#4ac6e9;--emerald:#53d89c;--saffron:#e8bf48;--tangerine:#f78a55;--red:#c63a3e;--bg-dark:#0f1419;--bg-card:#1a1f26;--bg-card-hover:#242a33;--text-primary:#fff;--text-secondary:#8b949e;--text-muted:#6e7681;--border:#30363d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-dark);color:var(--text-primary);min-height:100vh;line-height:1.5}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.spinner{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--sky-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.dashboard{max-width:1400px;margin:0 auto;padding:2rem}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.header h1{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--sky-blue),var(--emerald));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-meta{display:flex;align-items:center;gap:1rem}.last-updated{font-size:.875rem;color:var(--text-muted)}.refresh-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.875rem;transition:all .2s}.refresh-btn:hover{background:var(--bg-card-hover);border-color:var(--sky-blue)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.metrics-grid,.section-grid{display:grid;margin-bottom:2rem}.section-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:1.5rem;gap:1.5rem}@media (max-width:900px){.section-grid{grid-template-columns:1fr}}.metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;transition:all .2s}.metric-card:hover{border-color:var(--sky-blue);transform:translateY(-2px)}.metric-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.metric-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.metric-value.highlight-blue{color:var(--sky-blue)}.metric-value.highlight-green{color:var(--emerald)}.metric-value.highlight-yellow{color:var(--saffron)}.metric-value.highlight-orange{color:var(--tangerine)}.metric-value.highlight-violet{color:var(--violet)}.metric-value.highlight-red{color:var(--red)}.metric-subtext{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.section-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.section-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.section-title .icon{font-size:1.25rem}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--bg-dark);border-radius:8px}.activity-name{font-weight:500;color:var(--text-primary)}.activity-count{font-weight:600;color:var(--sky-blue);background:rgba(74,198,233,.1);padding:.25rem .75rem;border-radius:20px;font-size:.875rem}.activity-bar{height:4px;background:var(--border);border-radius:2px;margin-top:.5rem;overflow:hidden}.activity-bar-fill{height:100%;background:linear-gradient(90deg,var(--sky-blue),var(--emerald));border-radius:2px;transition:width .5s ease-out}.signups-table{width:100%;border-collapse:collapse}.signups-table td,.signups-table th{text-align:left;padding:.75rem .5rem;border-bottom:1px solid var(--border)}.signups-table th{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.signups-table td{font-size:.875rem;color:var(--text-secondary)}.signups-table tr:last-child td{border-bottom:none}.signups-table .email{color:var(--text-primary);font-weight:500}.signups-table .community{color:var(--emerald)}.signups-table .location{color:var(--text-muted);font-size:.8rem}.completeness-bars{display:flex;flex-direction:column;gap:.75rem}.completeness-row{display:flex;align-items:center;gap:1rem}.completeness-label{width:70px;font-size:.8rem;color:var(--text-secondary)}.completeness-bar-container{flex:1 1;height:24px;background:var(--bg-dark);border-radius:4px;overflow:hidden}.completeness-bar{height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:.5rem;font-size:.75rem;font-weight:600;color:var(--bg-dark);transition:width .5s ease-out}.completeness-bar.low{background:var(--red)}.completeness-bar.medium-low{background:var(--tangerine)}.completeness-bar.medium{background:var(--saffron)}.completeness-bar.medium-high{background:var(--sky-blue)}.completeness-bar.high{background:var(--emerald)}.completeness-count{width:60px;text-align:right;font-size:.875rem;color:var(--text-muted)}.empty-state{text-align:center;padding:2rem;color:var(--text-muted)}.error-banner{background:rgba(198,58,62,.1);border:1px solid var(--red);color:var(--red);padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.875rem}.funnel-list{display:flex;flex-direction:column;gap:.5rem}.funnel-row{display:flex;align-items:center;gap:.75rem}.funnel-label{width:120px;font-size:.8rem;color:var(--text-secondary);flex-shrink:0}.funnel-bar-container{flex:1 1;height:20px;background:var(--bg-dark);border-radius:4px;overflow:hidden}.funnel-bar{height:100%;border-radius:4px;transition:width .5s ease-out}.funnel-value{width:50px;text-align:right;font-size:.875rem;font-weight:600;color:var(--text-primary)}.funnel-pct{width:40px;text-align:right;font-size:.75rem;color:var(--text-muted)}.churn-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}.churn-item{background:var(--bg-dark);padding:1rem;border-radius:8px;text-align:center}.churn-value{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.churn-label{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.churn-desc{font-size:.75rem;color:var(--text-muted)}.demographics-bars{display:flex;flex-direction:column;gap:.5rem}.demo-row{display:flex;align-items:center;gap:.75rem}.demo-label{width:60px;font-size:.8rem;color:var(--text-secondary);flex-shrink:0}.demo-bar-container{flex:1 1;height:24px;background:var(--bg-dark);border-radius:4px;overflow:hidden}.demo-bar{height:100%;border-radius:4px;transition:width .5s ease-out}.demo-bar.age-bar{background:linear-gradient(90deg,var(--sky-blue),var(--violet))}.demo-count{font-size:.875rem;font-weight:600;color:var(--text-primary)}.demo-count,.demo-pct{width:40px;text-align:right}.demo-pct{font-size:.75rem;color:var(--text-muted)}.gender-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:.75rem;gap:.75rem;margin-bottom:1rem}.gender-item{background:var(--bg-dark);padding:1rem;border-radius:8px;text-align:center}.gender-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.gender-label{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem}.gender-pct{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.demo-stats-row{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid var(--border)}.demo-stat{flex:1 1;text-align:center}.demo-stat-value{font-size:1.25rem;font-weight:700}.demo-stat-label{font-size:.75rem;color:var(--text-muted);display:block;margin-top:.25rem}.location-list{display:flex;flex-direction:column;gap:.5rem}.location-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-dark);border-radius:8px}.location-rank{font-size:.75rem;color:var(--text-muted);width:24px}.location-name{flex:1 1;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-count{font-size:.8rem;color:var(--sky-blue);background:rgba(74,198,233,.1);padding:.25rem .5rem;border-radius:12px}.membership-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:1rem;gap:1rem}.membership-item{padding:1.5rem;border-radius:12px;text-align:center;background:var(--bg-dark);border:2px solid var(--border)}.membership-item.free{border-color:var(--text-muted)}.membership-item.premium{border-color:var(--saffron);background:rgba(232,191,72,.05)}.membership-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.membership-item.premium .membership-value{color:var(--saffron)}.membership-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-top:.25rem}.membership-pct{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.chart-section{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.chart-container{margin-top:1rem}.recharts-legend-item-text{color:var(--text-secondary)!important;font-size:.8rem!important}.recharts-tooltip-wrapper{outline:none}.recharts-default-tooltip{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:8px!important}.recharts-tooltip-label{color:var(--text-primary)!important;font-weight:600!important;margin-bottom:.5rem!important}.recharts-tooltip-item{color:var(--text-secondary)!important;font-size:.8rem!important}.recharts-cartesian-axis-tick-value{fill:var(--text-muted)!important}