.communes-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin:2rem 0}.commune-card{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:2px solid #cbd5e1;border-radius:1rem;padding:2rem;text-align:center;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.commune-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -3px rgba(0,0,0,.1)}.dark .commune-card{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border-color:#475569}.commune-card h3{margin:0 0 1rem;color:#1e40af;font-size:1.4rem}.dark .commune-card h3{color:#60a5fa}.population-number{font-size:2.5rem;font-weight:800;color:#059669;margin-bottom:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.dark .population-number{color:#34d399}.commune-details{display:flex;flex-direction:column;gap:.75rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:rgba(255,255,255,.7);border-radius:.5rem;font-weight:500}.dark .detail-row{background:rgba(0,0,0,.2)}.gender-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}.gender-commune-card{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:2px solid #0ea5e9;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:transform .3s ease}.gender-commune-card:hover{transform:translateY(-2px);box-shadow:0 8px 15px -3px rgba(0,0,0,.1)}.dark .gender-commune-card{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border-color:#0ea5e9}.gender-commune-card h4{margin:0 0 1rem;color:#0f172a;font-size:1.3rem;text-align:center}.dark .gender-commune-card h4{color:#f1f5f9}.total-population{font-size:1.5rem;font-weight:700;color:#0ea5e9;text-align:center;margin-bottom:1.5rem}.gender-bars{display:flex;flex-direction:column;gap:1rem}.gender-bar-item{display:flex;align-items:center;gap:1rem}.gender-info{display:flex;align-items:center;gap:.5rem;min-width:180px;font-size:.9rem}.gender-icon{font-size:1.2rem}.gender-label{font-weight:600;color:#374151}.dark .gender-label{color:#e5e7eb}.gender-count{font-weight:700;color:#059669}.dark .gender-count{color:#34d399}.gender-bar{flex:1;height:1.5rem;background:#e5e7eb;border-radius:.75rem;overflow:hidden;position:relative}.dark .gender-bar{background:#374151}.gender-fill{height:100%;border-radius:.75rem;transition:width .8s ease}.women-fill{background:linear-gradient(135deg,#ec4899,#be185d)}.men-fill{background:linear-gradient(135deg,#3b82f6,#1e40af)}.age-structure{margin:3rem 0}.age-chart-container{margin-bottom:2rem;background:#f8fafc;border-radius:1rem;padding:1.5rem;border-left:4px solid #3b82f6}.dark .age-chart-container{background:#1e293b;border-left-color:#60a5fa}.age-chart-container h4{margin:0 0 1rem;color:#1f2937;font-size:1.1rem}.dark .age-chart-container h4{color:#f3f4f6}.comparison-bars{display:flex;flex-direction:column;gap:1rem}.bar-item{display:flex;align-items:center;gap:1rem}.commune-name{min-width:140px;font-weight:600;color:#374151}.dark .commune-name{color:#e5e7eb}.bar{flex:1;height:2rem;background:#e5e7eb;border-radius:1rem;overflow:hidden;position:relative}.dark .bar{background:#374151}.bar-fill{height:100%;border-radius:1rem;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.875rem;transition:width .8s ease;position:relative}.youth-color{background:linear-gradient(135deg,#3b82f6,#1e40af)}.working-color{background:linear-gradient(135deg,#10b981,#059669)}.elderly-color{background:linear-gradient(135deg,#f59e0b,#d97706)}.women-color{background:linear-gradient(135deg,#ec4899,#be185d)}.men-color{background:linear-gradient(135deg,#3b82f6,#1e40af)}.quality-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin:3rem 0}.index-section{background:#f1f5f9;border-radius:1rem;padding:2rem;border:2px solid #e2e8f0}.dark .index-section{background:#0f172a;border-color:#334155}.index-section h4{margin:0 0 1.5rem;text-align:center;color:#1e40af;font-size:1.3rem}.dark .index-section h4{color:#60a5fa}.quality-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.quality-item{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:.75rem;transition:transform .2s ease}.quality-item:hover{transform:scale(1.05)}.quality-item.excellent{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981}.quality-item.good{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b}.dark .quality-item.excellent{background:linear-gradient(135deg,#064e3b,#065f46)}.dark .quality-item.good{background:linear-gradient(135deg,#78350f,#92400e)}.quality-icon{font-size:1.5rem;min-width:40px;text-align:center}.quality-text{display:flex;flex-direction:column}.quality-label{font-weight:600;font-size:.875rem;color:#374151}.dark .quality-label{color:#e5e7eb}.quality-value{font-size:1.1rem;font-weight:800;color:#059669}.dark .quality-value{color:#34d399}@media(max-width:768px){.communes-overview{grid-template-columns:1fr}.gender-section{grid-template-columns:1fr}.quality-index{grid-template-columns:1fr}.quality-grid{grid-template-columns:1fr}.bar-item{flex-direction:column;align-items:stretch}.commune-name{min-width:auto;text-align:center;margin-bottom:.5rem}.gender-bar-item{flex-direction:column;gap:.5rem}.gender-info{min-width:auto;justify-content:center}}