*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #82b778;--color-secondary: #5cce6a;--color-dark: #3c3d3c;--color-bg: #f5f7fa;--color-white: #ffffff;--color-text-primary: #2d3748;--color-text-secondary: #718096;--color-border: #e2e8f0;--sidebar-width: 240px;--sidebar-collapsed-width: 65px}[data-theme=dark]{--color-bg: #1a202c;--color-white: #2d3748;--color-text-primary: #e2e8f0;--color-text-secondary: #a0aec0;--color-border: #4a5568}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dashboard-container{display:flex;min-height:100vh;background:var(--color-bg)}.sidebar{width:var(--sidebar-width);background:var(--color-white);border-right:1px solid var(--color-border);position:fixed;height:100vh;left:0;top:0;z-index:100;transition:width .3s ease;display:flex;flex-direction:column}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-content{flex:1;padding:16px 12px;overflow:hidden}.sidebar-header{padding:12px 0 16px;border-bottom:1px solid var(--color-border)}.sidebar-header-content{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 4px}.sidebar.collapsed .sidebar-header-content{justify-content:center;padding:0}.logo-container{flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;width:150px;height:50px;transition:opacity .3s,width .3s}.sidebar.collapsed .logo-container{opacity:0;width:0;overflow:hidden}.logo-container>div{width:100%!important;height:auto!important;max-height:50px;aspect-ratio:362 / 135}.logo-container svg{width:100%;height:100%;object-fit:contain}.sidebar-toggle{background:var(--color-white);border:1px solid var(--color-border);width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:all .2s;flex-shrink:0}.sidebar-toggle:hover{background:var(--color-bg);border-color:var(--color-primary);color:var(--color-primary)}.sidebar.collapsed .sidebar-toggle{width:36px;height:36px}.sidebar-nav{padding:16px 0 0;display:flex;flex-direction:column;gap:3px}.nav-item{display:flex;align-items:center;padding:9px 10px;color:var(--color-text-secondary);text-decoration:none;border-radius:6px;transition:all .2s;font-size:13px;font-weight:500;white-space:nowrap}.nav-item:hover{background:#f7fafc;color:var(--color-primary)}.nav-item.active{background:#e8f5e6;color:var(--color-primary);font-weight:600}.nav-icon{min-width:18px;margin-right:10px;display:flex;align-items:center;justify-content:center}.sidebar.collapsed .nav-icon{margin-right:0}.nav-text{transition:opacity .3s}.sidebar.collapsed .nav-text{opacity:0;width:0;overflow:hidden}.main-content{margin-left:var(--sidebar-width);flex:1;padding:24px;transition:margin-left .3s ease;max-width:1920px}.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}.download-btn{padding:6px 14px;background:var(--color-primary);border:none;border-radius:6px;color:#fff;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif;display:flex;align-items:center;gap:6px;height:32px;margin-left:auto}.download-btn:hover{background:var(--color-secondary);transform:translateY(-1px)}.user-avatar{width:32px;height:32px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-white);font-weight:600;font-size:12px;cursor:pointer;transition:all .2s}.user-avatar:hover{transform:scale(1.05)}.user-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-white);border:1px solid var(--color-border);border-radius:6px;box-shadow:0 4px 12px #0000001a;padding:6px;min-width:140px;z-index:1000}.logout-btn{width:100%;padding:7px 10px;background:transparent;border:none;border-radius:4px;color:var(--color-text-primary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif;display:flex;align-items:center;gap:7px;text-align:left}.logout-btn:hover{background:#f7fafc;color:#ef4444}.filters{display:flex;gap:8px;align-items:center;margin-bottom:24px;flex-wrap:wrap;background:var(--color-white);padding:12px 16px;border-radius:10px;border:1px solid var(--color-border);box-shadow:0 1px 3px #00000014}.filter-dropdown{padding:6px 26px 6px 10px;border:1px solid var(--color-border);border-radius:6px;font-size:11px;font-weight:500;color:var(--color-text-primary);background:var(--color-white);cursor:pointer;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;min-width:120px}.filter-dropdown:hover{border-color:var(--color-primary)}.filter-dropdown:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #82b7781a}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metric-card{background:var(--color-white);padding:14px 16px;border-radius:10px;border:none;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000014;min-height:82px}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:.08;transition:opacity .3s ease}.metric-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.metric-card:hover:before{opacity:.12}.metric-card.pink{background:linear-gradient(135deg,#ffe5f1 0%,#ffd4e8 100%)}.metric-card.pink .metric-icon{background:#ff6b9d;color:#fff}.metric-card.orange{background:linear-gradient(135deg,#fff4e6 0%,#ffe8cc 100%)}.metric-card.orange .metric-icon{background:#ff9f43;color:#fff}.metric-card.green{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%)}.metric-card.green .metric-icon{background:#66bb6a;color:#fff}.metric-card.purple{background:linear-gradient(135deg,#f3e5f5 0%,#e1bee7 100%)}.metric-card.purple .metric-icon{background:#ab47bc;color:#fff}.metric-content{flex:1}.metric-label{font-size:11px;font-weight:600;color:var(--color-text-secondary);margin-bottom:5px;text-transform:capitalize;line-height:1.2}.metric-value{font-size:26px;font-weight:800;color:var(--color-text-primary);line-height:1}.metric-change{margin-top:6px;font-size:12px;font-weight:700;line-height:1}.metric-change.positive{color:#15803d}.metric-change.negative{color:#b42318}.metric-change.neutral{color:#6b7280}.metric-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 10px #0000001f}.charts-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;row-gap:24px}.chart-card{background:var(--color-white);padding:16px;border-radius:10px;border:1px solid var(--color-border);grid-column:span 6;box-shadow:0 1px 3px #00000014}.chart-card.wide{grid-column:span 12}.chart-card.half-width{grid-column:span 6}.chart-card.medium{grid-column:span 8}.chart-card.small{grid-column:span 4}.chart-header{margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--color-border)}.chart-header h3{font-size:13px;font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.chart-subtitle{font-size:10px;color:var(--color-text-secondary);font-weight:400}.chart-content{position:relative}.sector-line-chart{background:#fafbfc;border-radius:8px;padding:12px 8px;border:1px solid #e5e7eb;margin-bottom:12px}.sector-legend{display:flex;gap:16px;padding:12px 16px;background:white;border-radius:8px;border:1px solid #e5e7eb;margin-bottom:10px;flex-wrap:wrap}.sector-legend-item{display:flex;align-items:center;gap:8px;flex:1;min-width:180px}.legend-line{width:24px;height:3px;border-radius:2px;flex-shrink:0}.legend-label{font-size:13px;font-weight:600;color:var(--color-text-primary);flex-shrink:0}.legend-count{font-size:12px;color:var(--color-text-secondary);font-weight:500;margin-left:auto}.chart-stats{display:flex;gap:8px;padding:8px;background:#fafbfc;border-radius:6px;flex-wrap:wrap;border:1px solid #f0f0f0}.stat-item{display:flex;align-items:center;gap:6px;padding:6px 10px;background:white;border-radius:5px;transition:all .2s;flex:1;min-width:0}.stat-item:hover{background:#e8f5e6;transform:translateY(-1px)}.stat-icon{width:26px;height:26px;background:var(--color-primary);display:flex;align-items:center;justify-content:center;border-radius:5px;color:#fff;flex-shrink:0}.stat-label{font-size:11px;color:var(--color-text-secondary);margin-bottom:2px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.stat-value{font-size:14px;font-weight:700;color:var(--color-text-primary);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.beneficiary-layout{display:flex;align-items:center;gap:24px;padding:12px}.donut-chart-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;flex-shrink:0;width:200px}.donut-chart-container.small{gap:5px;padding:6px}.legend-vertical{display:flex;flex-direction:column;gap:8px;flex:1}.legend-item-vertical{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--color-text-secondary);font-weight:600;padding:8px 12px;background:#fafbfc;border-radius:6px;transition:all .2s;cursor:pointer}.legend-item-vertical:hover{background:#e8f5e6;transform:translate(2px)}.legend-item-vertical .legend-text{flex:1;font-size:12px;color:var(--color-text-primary);font-weight:500}.legend-item-vertical .legend-percentage{font-size:13px;color:var(--color-primary);font-weight:700;margin-left:auto}.legend{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;width:100%;padding:6px;background:white;border-radius:6px}.legend.small{gap:5px;padding:5px}.legend-item{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--color-text-secondary);font-weight:600;padding:4px 8px;background:#fafbfc;border-radius:5px;transition:all .2s;cursor:pointer}.legend-item:hover{background:#e8f5e6;transform:translateY(-1px)}.legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.legend-text{font-size:10px;color:var(--color-text-secondary);font-weight:600}.legend-percentage{font-size:10px;color:var(--color-primary);font-weight:700;margin-left:2px}.denomination-card,.city-trends-card{grid-column:span 12}.city-trends-card.compact{padding:16px}.city-trends-card.compact .chart-content{padding:0}.chart-header-compact{margin-bottom:12px}.chart-header-compact h3{margin:0 0 4px;font-size:16px;font-weight:700;color:var(--color-text-primary)}.chart-header-compact .chart-subtitle{margin:0;font-size:12px;color:var(--color-text-secondary)}.city-trends-legend{display:flex;gap:12px;padding:12px 14px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;margin:12px 0 10px;flex-wrap:wrap;justify-content:center}.city-legend-item{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#fafbfc;border-radius:6px;transition:all .2s;cursor:pointer;flex:1;min-width:140px;justify-content:center}.city-legend-item:hover{background:#e8f5e6;transform:translateY(-1px)}.city-legend-item .legend-line{width:28px;height:3px;border-radius:2px;flex-shrink:0}.city-legend-item .legend-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0}.city-legend-item .legend-label{font-size:13px;font-weight:600;color:var(--color-text-primary);flex-shrink:0}.city-legend-item .legend-value{font-size:14px;color:var(--color-primary);font-weight:700;margin-left:auto}.sector-percentage-layout{display:flex;gap:20px;align-items:center;margin-bottom:16px}.sector-donut-container{flex:0 0 200px;position:relative}.sector-percentage-cards{flex:1;display:flex;flex-direction:column;gap:12px}.sector-card{background:#f7fafc;border:1px solid #e5e7eb;border-radius:8px;padding:14px;transition:all .3s}.sector-card:hover{border-color:#82b778;background:white;transform:translate(4px);box-shadow:0 4px 12px #82b77826}.sector-card-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.sector-card-indicator{width:14px;height:14px;border-radius:3px;flex-shrink:0}.sector-card-name{font-size:13px;font-weight:700;color:var(--color-text-primary)}.sector-card-content{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.sector-card-percentage{font-size:28px;font-weight:800;color:var(--color-text-primary);line-height:1}.sector-card-count{font-size:12px;font-weight:600;color:var(--color-text-secondary)}.sector-card-bar{width:100%;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.sector-card-bar-fill{height:100%;border-radius:3px;transition:width .6s ease}@media (max-width: 1024px){.sector-percentage-layout{flex-direction:column}.sector-donut-container{flex:none;width:100%}.sector-percentage-cards{width:100%}}.denomination-layout{display:flex;gap:16px;align-items:stretch}.denomination-stats-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;min-width:0}.denomination-item{padding:8px 10px;background:#fafbfc;border-radius:6px;border:1px solid #f0f0f0;transition:all .2s ease;position:relative;display:flex;flex-direction:column;justify-content:center;min-height:58px}.denomination-item:hover{background:#e8f5e6;border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 8px #82b7781f}.denomination-item .stat-label{font-size:10px;color:var(--color-text-secondary);margin-bottom:4px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;line-height:1.3}.denomination-item .stat-value{font-size:18px;font-weight:700;color:var(--color-text-primary);line-height:1}.denomination-chart-wrapper{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:6px;justify-content:center}.denomination-chart-section{display:flex;flex-direction:column;align-items:center;padding:12px;background:#fafbfc;border-radius:6px;border:1px solid #f0f0f0}.city-survey-card{grid-column:span 12}.city-survey-card .chart-content{background:white;border-radius:6px;padding:0}.geo-layout{display:flex;gap:24px;padding:16px;align-items:stretch}.geo-map{flex:0 0 45%;display:flex;align-items:center;justify-content:center;background:#fafbfc;border-radius:8px;padding:16px;border:1px solid #e5e7eb}.us-map-svg{width:100%;height:auto;max-width:350px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.05))}.map-pin-group{cursor:pointer;transition:all .3s ease}.map-pin-group:hover .pin-circle{r:8;filter:drop-shadow(0 2px 6px rgba(130,183,120,.4))}.pin-pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.1;transform:scale(1.3)}}.geo-details{flex:1;display:flex;flex-direction:column;gap:12px}.city-list{display:flex;flex-direction:column;gap:6px;flex:1}.city-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#fafbfc;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s ease;cursor:pointer}.city-item:hover{background:#f0f4f8;border-color:#82b778;transform:translate(3px)}.city-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.city-info{flex:1;min-width:0}.city-name{font-size:13px;font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.city-meta{font-size:11px;color:var(--color-text-secondary);font-weight:500}.city-count{font-size:16px;font-weight:700;color:var(--color-primary);flex-shrink:0;min-width:40px;text-align:right}.geo-summary{display:flex;gap:8px;padding:10px;background:#f0f4f8;border-radius:8px;border:1px solid #e5e7eb}.geo-stat{flex:1;text-align:center;padding:8px;background:white;border-radius:6px}.geo-stat-label{font-size:10px;color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}.geo-stat-value{font-size:18px;font-weight:700;color:var(--color-primary)}.interactive-map-container{margin-top:24px}.custom-tooltip{background:var(--color-white);border:1px solid var(--color-border);padding:8px 10px;border-radius:6px;box-shadow:0 4px 12px #0000001a}.tooltip-label{font-size:11px;font-weight:600;color:var(--color-text-primary);margin-bottom:3px}.tooltip-value{font-size:13px;font-weight:700;color:var(--color-primary)}@media (max-width: 1400px){.metrics-grid,.denomination-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.chart-card.medium,.chart-card.small,.chart-card.half-width{grid-column:span 12}.filters{flex-wrap:wrap}.denomination-layout{flex-direction:column}.denomination-chart-wrapper{width:100%;max-width:300px;margin:0 auto}}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.collapsed{transform:translate(0)}.main-content{margin-left:0;padding:16px}.main-content.sidebar-collapsed{margin-left:0}.metrics-grid{grid-template-columns:1fr;gap:6px}.chart-card{grid-column:span 12}.filters{width:100%;flex-direction:column;align-items:stretch;gap:8px;padding:12px}.download-btn{margin-left:0;width:100%;justify-content:center}.filter-dropdown{width:100%}.beneficiary-layout{flex-direction:column;gap:16px}.donut-chart-container{width:100%}.sector-legend{flex-direction:column;gap:8px}.sector-legend-item{min-width:100%}.geo-layout{flex-direction:column;gap:16px}.geo-map{flex:none;min-height:200px}.geo-details{flex:none}.denomination-stats-grid{grid-template-columns:1fr}}.beneficiary-percentage-cards{flex:1;display:flex;flex-direction:column;gap:8px}.beneficiary-card{background:#f7fafc;border:1px solid #e5e7eb;border-radius:6px;padding:10px 12px;transition:all .3s}.beneficiary-card:hover{border-color:#82b778;background:white;transform:translate(3px);box-shadow:0 3px 10px #82b7781f}.beneficiary-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.beneficiary-card-indicator{width:10px;height:10px;border-radius:2px;flex-shrink:0}.beneficiary-card-name{font-size:12px;font-weight:700;color:var(--color-text-primary);flex:1}.beneficiary-card-percentage{font-size:14px;font-weight:800;color:var(--color-text-primary)}.beneficiary-card-bar{width:100%;height:5px;background:#e5e7eb;border-radius:2.5px;overflow:hidden}.beneficiary-card-bar-fill{height:100%;border-radius:2.5px;transition:width .6s ease}.beneficiary-compact-layout{margin-bottom:16px}.donut-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;background:white;width:90px;height:90px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000f}.donut-center-text.small{width:75px;height:75px}.donut-total-label{font-size:10px;color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}.donut-total-value{font-size:28px;font-weight:800;color:var(--color-primary);line-height:1}.donut-center-text.small .donut-total-value{font-size:24px}.donut-center-text.small .donut-total-label{font-size:9px}.collab-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin-bottom:24px;padding:24px;border-radius:18px;background:radial-gradient(circle at top right,rgba(91,167,224,.22),transparent 36%),linear-gradient(135deg,#f4fbff 0%,#ffffff 55%,#f8fbf5 100%);border:1px solid rgba(91,167,224,.2);box-shadow:0 10px 26px #212f3d14}.collab-kicker{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(91,167,224,.14);color:#366e9b;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}.collab-hero-copy h2{font-size:30px;line-height:1.1;color:var(--color-text-primary);margin-bottom:12px;max-width:660px}.collab-hero-copy p{font-size:14px;line-height:1.7;color:var(--color-text-secondary);max-width:660px}.collab-basis-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.collab-basis-item{padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.9);border:1px solid rgba(226,232,240,.95);min-width:230px}.collab-basis-item strong{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:4px}.collab-basis-item span{font-size:13px;font-weight:700;color:var(--color-text-primary)}.collab-basis-note{margin-top:12px;font-size:12px;color:var(--color-text-secondary);max-width:660px}.collab-pulse-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.collab-pulse-card{padding:18px;border-radius:16px;background:rgba(255,255,255,.88);border:1px solid rgba(226,232,240,.9);display:flex;flex-direction:column;justify-content:space-between;min-height:118px}.collab-pulse-card span{font-size:12px;color:var(--color-text-secondary);font-weight:600;line-height:1.5}.collab-pulse-card strong{font-size:30px;color:var(--color-text-primary);line-height:1}.collab-metrics-grid{margin-bottom:18px}.collab-feature-card{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,251,255,.98))}.collab-join-panel{display:grid;gap:12px}.collab-join-legend{display:grid;gap:8px}.collab-join-item{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;background:#fafbfc;border:1px solid #eef2f7}.collab-join-dot{width:10px;height:10px;border-radius:999px}.collab-join-item span,.collab-join-item strong{font-size:12px}.collab-hotspot-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:16px}.collab-hotspot-visual{padding:14px;border-radius:14px;background:linear-gradient(180deg,#ffffff,#f4fbff);border:1px solid rgba(91,167,224,.2)}.collab-hotspot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.collab-hotspot-card{padding:16px;border-radius:14px;background:linear-gradient(135deg,#f4fbff,#ffffff);border:1px solid rgba(91,167,224,.2)}.collab-hotspot-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.collab-hotspot-rank{width:34px;height:34px;border-radius:10px;background:#5ba7e0;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}.collab-hotspot-header h4{font-size:15px;color:var(--color-text-primary);margin-bottom:2px}.collab-hotspot-header p{font-size:11px;color:var(--color-text-secondary)}.collab-hotspot-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.collab-hotspot-stats span{display:block;font-size:10px;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:4px}.collab-hotspot-stats strong{font-size:16px;color:var(--color-text-primary)}.collab-theme-grid{margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.collab-theme-card{border:1px solid var(--color-border);border-radius:14px;background:#fff;box-shadow:0 6px 18px #1c27360d;padding:16px}.collab-theme-card h3{font-size:16px;color:var(--color-text-primary);margin-bottom:12px}.collab-theme-list{display:grid;gap:10px}.collab-theme-item{border:1px solid #eef2f7;border-radius:10px;background:#fafbfc;padding:10px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start}.collab-theme-rank{min-width:34px;height:24px;border-radius:8px;background:#eaf4fd;color:#366e9b;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.collab-theme-item p{font-size:12px;color:var(--color-text-primary);line-height:1.5}.collab-theme-item strong{font-size:13px;color:var(--color-text-primary)}.collab-theme-empty{font-size:12px;color:var(--color-text-secondary)}@media (max-width: 1200px){.collab-hero,.collab-hotspot-layout,.collab-hotspot-grid,.collab-theme-grid{grid-template-columns:1fr}.collab-pulse-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.collab-pulse-grid,.collab-hotspot-stats{grid-template-columns:1fr}}@media (max-width: 640px){.collab-hero{padding:18px}.collab-hero-copy h2{font-size:24px}.collab-pulse-grid{grid-template-columns:1fr}}.map-section-side-by-side{background:white;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;margin-bottom:0;grid-column:1 / -1}.map-header-compact{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:20px;flex-wrap:wrap}.map-header-compact h3{margin:0;font-size:18px;font-weight:700;color:#3c3d3c;line-height:1.3}.map-subtitle{margin:4px 0 0;font-size:13px;color:#6b7280;font-weight:400}.map-stats-inline{display:flex;gap:12px;flex-wrap:wrap}.stat-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f3f4f6;border-radius:20px;font-size:12px;font-weight:600;color:#3c3d3c}.stat-badge svg{color:#82b778}.map-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.map-visual-container{background:white;border-radius:10px;padding:0;border:1px solid #e5e7eb;height:400px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}#map_wrapper{width:100%;height:100%;position:relative}#map_canvas{width:100%;height:100%;border-radius:10px}.mapping{width:100%;height:100%}.map-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #82b778;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 12px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.map-loading p{color:#6b7280;font-size:14px;font-weight:600;margin:0}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.city-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:white;border-radius:16px;box-shadow:0 20px 60px #0000004d;z-index:10000;width:90%;max-width:400px;max-height:85vh;overflow-y:auto;animation:popupFadeIn .3s ease}@keyframes popupFadeIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.popup-close{position:absolute;top:10px;right:10px;width:36px;height:36px;background:white;border:2px solid #e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#6b7280;z-index:10001;box-shadow:0 2px 8px #00000026}.popup-close:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:rotate(90deg) scale(1.1)}.popup-header{background:linear-gradient(135deg,#82b778 0%,#5cce6a 100%);padding:20px;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.popup-title-section{display:flex;align-items:center;gap:12px;flex:1}.popup-icon{color:#fff;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.popup-city-name{margin:0;font-size:22px;font-weight:700;color:#fff;line-height:1.2}.popup-region{margin:4px 0 0;font-size:13px;font-weight:500;color:#ffffffe6}.popup-respondents-badge{background:white;color:#5cce6a;padding:10px 16px;border-radius:20px;display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;box-shadow:0 2px 8px #00000026}.popup-respondents-badge svg{color:#5cce6a}.popup-coordinates{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#f9fafb;font-size:13px;font-weight:500;color:#6b7280;font-family:Courier New,monospace;border-bottom:1px solid #e5e7eb}.popup-coordinates svg{color:#82b778;flex-shrink:0}.popup-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:24px}.popup-stat-card{background:#f9fafb;border-radius:12px;padding:16px;display:flex;gap:12px;transition:all .2s ease;border:2px solid transparent}.popup-stat-card:hover{background:#f0f9f4;border-color:#82b778;transform:translateY(-2px);box-shadow:0 4px 12px #82b77833}.popup-stat-icon{width:44px;height:44px;background:white;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#82b778;flex-shrink:0;box-shadow:0 2px 6px #00000014}.popup-stat-content{flex:1}.popup-stat-label{font-size:11px;color:#6b7280;font-weight:600;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.popup-stat-value{font-size:22px;font-weight:700;color:#3c3d3c;line-height:1}.popup-top-service{margin:0 24px 24px;padding:16px;background:linear-gradient(135deg,#f0f9f4 0%,#e8f5e9 100%);border-radius:12px;border:2px solid #82b778}.popup-service-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#6b7280;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.popup-service-header svg{color:#82b778}.popup-service-value{font-size:18px;font-weight:700;color:#2e7d32}.popup-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;background:#f9fafb;border-radius:0 0 16px 16px;font-size:12px;font-weight:600;color:#6b7280}.popup-footer svg{color:#82b778}.city-details-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:400px;padding-right:6px}.city-details-list::-webkit-scrollbar{width:6px}.city-details-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.city-details-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.city-details-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.city-detail-card{background:white;border:1.5px solid #e5e7eb;border-radius:10px;padding:14px;cursor:pointer;transition:all .2s ease}.city-detail-card:hover,.city-detail-card.hovered{border-color:#82b778;background:#f9fdf9;box-shadow:0 2px 8px #82b77826}.city-detail-card.selected{border-color:#5cce6a;background:#f0f9f4;box-shadow:0 3px 10px #5cce6a40}.city-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.city-name-region{display:flex;align-items:center;gap:8px;flex:1}.city-icon{color:#82b778;flex-shrink:0}.city-name{font-size:14px;font-weight:700;color:#3c3d3c}.city-region{font-size:11px;font-weight:600;color:#6b7280;background:#f3f4f6;padding:3px 8px;border-radius:10px}.city-respondents-badge{background:#82b778;color:#fff;font-size:13px;font-weight:700;padding:5px 12px;border-radius:12px;min-width:35px;text-align:center}.city-detail-card.selected .city-respondents-badge{background:#5cce6a}.city-detail-stats{display:flex;gap:16px;margin-bottom:10px}.city-stat{display:flex;align-items:center;gap:5px;font-size:11px;color:#6b7280}.city-stat svg{color:#82b778;flex-shrink:0}.stat-label{font-weight:500}.stat-value{font-weight:700;color:#3c3d3c}.city-top-service{display:flex;align-items:center;gap:5px;padding:8px 10px;background:#f3f4f6;border-radius:6px;font-size:11px;font-weight:600;color:#3c3d3c}.city-top-service svg{color:#82b778;flex-shrink:0}.city-detail-card.selected .city-top-service{background:#e8f5e9;color:#2e7d32}.city-coordinates{display:flex;align-items:center;gap:5px;margin-top:8px;padding:6px 8px;background:#f9fafb;border-radius:6px;font-size:10px}.coord-label{font-size:12px}.coord-text{color:#6b7280;font-weight:500;font-family:Courier New,monospace}.city-detail-card.selected .city-coordinates{background:#e8f5e9}.city-detail-card.selected .coord-text{color:#2e7d32}.map-summary-stats{display:flex;gap:16px;padding-top:20px;border-top:1px solid #e5e7eb;flex-wrap:wrap}.summary-stat{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#f9fafb;border-radius:8px;flex:1;min-width:150px}.summary-stat svg{color:#82b778;flex-shrink:0}.summary-label{font-size:11px;color:#6b7280;font-weight:500;margin-bottom:2px}.summary-value{font-size:15px;font-weight:700;color:#3c3d3c}@media (max-width: 1200px){.map-content-grid{grid-template-columns:1fr}.map-visual-container{height:350px}.city-details-list{max-height:350px}}@media (max-width: 768px){.map-header-compact{flex-direction:column;align-items:flex-start}.map-visual-container{height:300px}.city-details-list{max-height:400px}.city-popup{width:95%;max-width:none}.popup-stats-grid{grid-template-columns:1fr;gap:12px;padding:16px}.popup-header{padding:20px}.popup-city-name{font-size:20px}.popup-respondents-badge{font-size:16px;padding:8px 14px}.map-summary-stats{gap:10px}.summary-stat{min-width:130px;padding:8px 12px}}.services-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin-bottom:24px;padding:24px;border-radius:18px;background:radial-gradient(circle at top left,rgba(130,183,120,.28),transparent 35%),linear-gradient(135deg,#f8fbf5 0%,#ffffff 55%,#eef8ff 100%);border:1px solid rgba(130,183,120,.16);box-shadow:0 10px 26px #212f3d14}.services-kicker{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(130,183,120,.14);color:#527a4c;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}.services-hero-copy h2{font-size:30px;line-height:1.1;color:var(--color-text-primary);margin-bottom:12px;max-width:620px}.services-hero-copy p{font-size:14px;line-height:1.7;color:var(--color-text-secondary);max-width:620px}.services-basis-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.services-basis-item{padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.9);border:1px solid rgba(226,232,240,.95);min-width:190px}.services-basis-item strong{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:4px}.services-basis-item span{font-size:13px;font-weight:700;color:var(--color-text-primary)}.services-basis-note{margin-top:12px;font-size:12px;color:var(--color-text-secondary);max-width:620px}.services-pulse-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.services-pulse-card{padding:18px;border-radius:16px;background:rgba(255,255,255,.88);border:1px solid rgba(226,232,240,.9);display:flex;flex-direction:column;justify-content:space-between;min-height:118px}.services-pulse-card span{font-size:12px;color:var(--color-text-secondary);font-weight:600;line-height:1.5}.services-pulse-card strong{font-size:30px;color:var(--color-text-primary);line-height:1}.services-metrics-grid{margin-bottom:18px}.services-spotlight-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.services-spotlight-card{padding:16px 18px;border-radius:14px;background:#fff;border:1px solid var(--color-border);box-shadow:0 6px 18px #1c27360d}.services-spotlight-card span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:10px}.services-spotlight-card strong{display:block;font-size:28px;color:var(--color-text-primary);margin-bottom:8px}.services-spotlight-card small{color:var(--color-text-secondary);line-height:1.5}.services-feature-card{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,252,247,.98))}.services-cadence-panel{display:grid;gap:12px}.services-cadence-legend{display:grid;gap:8px}.services-cadence-item{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;background:#fafbfc;border:1px solid #eef2f7}.services-cadence-dot{width:10px;height:10px;border-radius:999px}.services-cadence-item span,.services-cadence-item strong{font-size:12px}.services-program-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.services-program-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px;border-radius:14px;border:1px solid var(--color-border);background:linear-gradient(135deg,#ffffff,#f9fbfd)}.services-program-rank{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;background:#1f2937;color:#fff}.services-program-copy h4{font-size:15px;color:var(--color-text-primary);margin-bottom:4px}.services-program-copy p{font-size:12px;color:var(--color-text-secondary)}.services-program-metrics{display:flex;gap:18px}.services-program-metrics span{display:block;font-size:10px;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:3px}.services-program-metrics strong{font-size:13px;color:var(--color-text-primary)}.services-hotspot-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:16px}.services-hotspot-visual{padding:14px;border-radius:14px;background:linear-gradient(180deg,#ffffff,#f8fbf5);border:1px solid rgba(130,183,120,.16)}.services-hotspot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.services-hotspot-card{padding:16px;border-radius:14px;background:linear-gradient(135deg,#f5fbf4,#ffffff);border:1px solid rgba(130,183,120,.22)}.services-hotspot-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.services-hotspot-rank{width:34px;height:34px;border-radius:10px;background:#82b778;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}.services-hotspot-header h4{font-size:15px;color:var(--color-text-primary);margin-bottom:2px}.services-hotspot-header p{font-size:11px;color:var(--color-text-secondary)}.services-hotspot-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.services-hotspot-stats span{display:block;font-size:10px;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:4px}.services-hotspot-stats strong{font-size:16px;color:var(--color-text-primary)}@media (max-width: 1200px){.services-hero,.services-spotlight-row,.services-hotspot-layout,.services-hotspot-grid,.services-program-grid{grid-template-columns:1fr}.services-pulse-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.services-pulse-grid,.services-program-metrics,.services-hotspot-stats{grid-template-columns:1fr;flex-direction:column}.services-program-card{grid-template-columns:1fr}}@media (max-width: 640px){.services-hero{padding:18px}.services-hero-copy h2{font-size:24px}.services-pulse-grid,.services-spotlight-row{grid-template-columns:1fr}}.fallback-spinner{position:relative;display:flex;height:100vh;width:100%}.loading{position:absolute;left:calc(50% - 35px);top:50%;width:55px;height:55px;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:3px solid transparent}.effect-1,.effect-2{position:absolute;width:100%;height:100%;border:3px solid transparent;border-left:3px solid #2962ff;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box}.effect-1{animation:rotate 1s ease infinite}.effect-2{animation:rotateOpacity 1s ease infinite .1s}.effect-3{width:100%;height:100%;border:3px solid transparent;border-left:3px solid #2962ff;-webkit-animation:rotateOpacity 1s ease infinite .2s;animation:rotateOpacity 1s ease infinite .2s;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box}.loading .effects{transition:all .3s ease}.fallback-logo{position:absolute;left:calc(50% - 45px);top:40%}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotateOpacity{0%{-webkit-transform:rotate(0deg);transform:rotate(0);opacity:.1}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:1}}