:root{--color-primary: #2e7d32;--color-primary-light: #4caf50;--color-primary-dark: #1b5e20;--color-agriculture: #e67e22;--color-infrastructure: #27ae60;--color-manufacturing: #5c6bc0;--color-energy: #ff7043;--color-tourism: #26a69a;--color-bg: #ffffff;--color-bg-card: #ffffff;--color-bg-gray: #f5f5f5;--color-text: #333333;--color-text-light: #666666;--color-text-muted: #999999;--color-border: #e0e0e0;--color-women: #e91e63;--color-youth: #2196f3;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 2px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .15);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.5;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.dashboard-header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;padding:1.5rem 2rem;text-align:center}.dashboard-header h1{font-size:1.75rem;font-weight:600;margin-bottom:.25rem}.header-subtitle{font-size:.9rem;opacity:.9}.dashboard-main{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:#d32f2f;margin-bottom:1rem;font-size:1.1rem}.error-container button{background-color:var(--color-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;transition:background-color var(--transition)}.error-container button:hover{background-color:var(--color-primary-light)}.kpi-section{margin-bottom:2rem}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.kpi-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);text-align:left;position:relative;overflow:hidden}.kpi-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-card.active{border-color:var(--color-primary);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#2e7d320d,#2e7d3205)}.kpi-card.active .kpi-indicator{opacity:1}.kpi-indicator{position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--color-primary);opacity:0;transition:opacity var(--transition)}.kpi-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-gray);border-radius:var(--radius-md);color:var(--color-primary)}.kpi-card.active .kpi-icon{background:var(--color-primary);color:#fff}.kpi-content{flex:1}.kpi-title{font-size:.85rem;font-weight:500;color:var(--color-text-light);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.03em}.kpi-value{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:.15rem}.kpi-subtitle{font-size:.75rem;color:var(--color-text-muted)}.detail-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}.detail-panel{min-height:400px}.detail-panel-with-selector{display:flex;flex-direction:column}.year-selector{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.year-selector label{font-size:.9rem;font-weight:500;color:var(--color-text-light)}.year-selector select{padding:.5rem 1rem;font-size:.9rem;border:2px solid var(--color-border);border-radius:var(--radius-md);background:#fff;cursor:pointer;transition:border-color var(--transition)}.year-selector select:hover,.year-selector select:focus{border-color:var(--color-primary);outline:none}.chart-container{width:100%}.chart-title{font-size:1.1rem;font-weight:600;color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-primary);display:inline-block}.inclusion-container{text-align:center}.donut-charts{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.donut-chart-wrapper{flex:1;min-width:280px;max-width:400px}.donut-title{font-size:1rem;font-weight:500;color:var(--color-text-light);margin-bottom:.5rem}.donut-label{font-family:inherit}.inclusion-legend{display:flex;justify-content:center;gap:2rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--color-text)}.legend-color{width:16px;height:16px;border-radius:4px}.data-table-wrapper{overflow-x:auto;margin-top:1rem}.data-table{width:100%;border-collapse:collapse;font-size:.95rem}.data-table th,.data-table td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid var(--color-border)}.data-table th{background:var(--color-bg-gray);font-weight:600;color:var(--color-text);text-transform:uppercase;font-size:.8rem;letter-spacing:.03em}.data-table tbody tr:hover{background:#2e7d320a}.data-table .year-cell{font-weight:600;color:var(--color-primary)}.data-table .value{font-weight:500;display:block}.data-table .change{font-size:.75rem;font-weight:500;margin-top:.25rem;display:inline-block}.data-table .change.positive{color:var(--color-primary)}.data-table .change.negative{color:#d32f2f}.data-table tfoot .totals-row{background:var(--color-bg-gray);font-size:1rem}.data-table tfoot .totals-row td{border-bottom:none;padding-top:1.25rem;padding-bottom:1.25rem}.data-table .average-cell{text-align:center}.data-table .avg-label{color:var(--color-text-muted);font-weight:400;font-size:.85rem}@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-main{padding:1rem}.kpi-grid{grid-template-columns:1fr;gap:.75rem}.data-table th,.data-table td{padding:.75rem;font-size:.85rem}.kpi-card{padding:1rem}.kpi-icon{font-size:1.5rem;width:40px;height:40px}.kpi-value{font-size:1.25rem}.detail-section{padding:1rem}.donut-charts{flex-direction:column;gap:1.5rem}.donut-chart-wrapper{max-width:100%}.year-selector{flex-direction:column;align-items:flex-start;gap:.5rem}.inclusion-legend{flex-direction:column;gap:.75rem}}@media(max-width:480px){.kpi-card{flex-direction:column;text-align:center}.kpi-icon{margin-bottom:.5rem}}
