*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--blue: #009DD0;--blue-dark: #007BA3;--blue-light: #E8F7FC;--blue-area: rgba(0,157,208,.15);--teal: #155274;--teal-area: rgba(21,82,116,.15);--green: #7FD349;--green-dark: #5DB32A;--green-area: rgba(127,211,73,.12);--bg: #F0F4F7;--card-bg: #FFFFFF;--header-bg: #FFFFFF;--text-primary: #1A2B3C;--text-secondary: #8A9BB0;--text-label: #6B7E92;--border: #E2EAF0;--shadow: 0 2px 12px rgba(0,0,0,.07);--shadow-sm: 0 1px 4px rgba(0,0,0,.06);--radius: 12px;--radius-sm: 8px;--radius-xs: 6px;--font: "Montserrat", -apple-system, BlinkMacSystemFont, sans-serif;--irca-green: #3CB371;--irca-green-bg: #EBF7EF;--irca-green-border: #A3DDB8;--highlight-blue: #D6F1FA}html,body{font-family:var(--font);background:var(--bg);color:var(--text-primary);min-height:100vh;font-size:14px;-webkit-font-smoothing:antialiased}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c5d1dc;border-radius:3px}.dashboard-wrapper{max-width:1400px;margin:0 auto;padding:0 20px 10px}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border);margin-bottom:14px;background:var(--bg)}.header-left{display:flex;align-items:center;gap:16px}.header-logo{height:52px;width:auto;object-fit:contain}.header-text-block{display:flex;flex-direction:column;gap:2px}.header-title{font-size:22px;font-weight:800;color:var(--blue);letter-spacing:-.3px;line-height:1.2}.header-subtitle{font-size:12px;color:var(--text-secondary);font-weight:500}.header-right{display:flex;align-items:center;gap:10px}.filter-select-wrap{position:relative;display:flex;align-items:center}.filter-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:7px 30px 7px 14px;font-family:var(--font);font-size:13px;font-weight:600;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .2s,box-shadow .2s;min-width:100px}.filter-select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #009dd026}.filter-chevron{position:absolute;right:10px;pointer-events:none;color:var(--text-secondary)}.custom-select{position:relative;width:140px;-webkit-user-select:none;user-select:none}.custom-select-trigger{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:6px 36px 6px 16px;font-size:13px;font-weight:600;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-select-trigger:hover{border-color:var(--blue)}.custom-select.active .custom-select-trigger{border-color:var(--blue);box-shadow:0 0 0 3px #009dd01a}.custom-select-trigger .chevron{position:absolute;right:12px;font-size:10px;color:var(--text-secondary);transition:transform .2s}.custom-select.active .chevron{transform:rotate(180deg)}.custom-select-menu{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 25px #0000001a;z-index:1000;max-height:240px;overflow-y:auto;padding:6px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-select-option{padding:8px 12px;font-size:13px;font-weight:500;color:var(--text-primary);border-radius:8px;cursor:pointer;transition:background .2s}.custom-select-option:hover{background:var(--blue-light);color:var(--blue)}.custom-select-option.selected{background:var(--blue);color:#fff}.sync-button{background:var(--card-bg);border:1px solid var(--border);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm);margin-right:8px}.sync-button:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-light);transform:rotate(45deg)}.sync-button:active{transform:rotate(180deg)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--teal);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.top-charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 16px 8px}.card-tag{font-size:10px;font-weight:700;color:var(--text-secondary);letter-spacing:1.5px;margin-bottom:2px}.card-title{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.chart-legend{display:flex;gap:14px;margin-bottom:6px;justify-content:flex-end}.legend-item{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:600;color:var(--text-secondary);letter-spacing:.5px}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.main-grid{display:grid;grid-template-columns:1fr 390px;gap:12px}.right-column{display:flex;flex-direction:column;gap:12px;height:100%}.right-column>:last-child{flex-grow:1;display:flex;flex-direction:column;padding:24px 20px}.right-column>:last-child .progress-item{margin-top:auto}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.section-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.section-icon--blue{background:var(--blue-light);color:var(--blue)}.section-icon--teal{background:#1552741a;color:var(--teal)}.section-icon--green{background:#7fd3491f;color:var(--green-dark)}.section-title{font-size:16px;font-weight:700;color:var(--text-primary)}.kpi-row{display:grid;gap:8px;margin-bottom:8px}.kpi-row--5{grid-template-columns:repeat(5,1fr)}.kpi-row--2{grid-template-columns:1fr 1fr}.kpi-card{background:var(--card-bg);border-radius:var(--radius-sm);padding:8px 12px;box-shadow:var(--shadow-sm);border:1px solid var(--border);position:relative}.kpi-card--highlight{background:var(--irca-green-bg);border:1.5px solid var(--irca-green-border)}.kpi-card--ianc{background:var(--card-bg);border:1px solid var(--border)}.kpi-label{font-size:9px;font-weight:700;letter-spacing:1.2px;color:var(--text-secondary);text-transform:uppercase;margin-bottom:6px}.kpi-value{font-size:22px;font-weight:800;color:var(--text-primary);line-height:1}.kpi-value--green{color:var(--irca-green)}.kpi-value--blue{color:var(--blue)}.kpi-dot{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:10px;height:10px;border-radius:50%;background:var(--blue);border:2px solid var(--card-bg);box-shadow:0 1px 4px #009dd066}.acueducto-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.chart-inner-title{font-size:9px;font-weight:700;letter-spacing:1.2px;color:var(--text-secondary);text-transform:uppercase;margin-bottom:8px}.mini-chart-wrap,.micromedicion-card{background:var(--card-bg);border-radius:var(--radius-sm);padding:12px 14px 8px;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.micro-legend{display:flex;gap:14px;margin-bottom:6px;justify-content:flex-end}.micro-legend-item{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:600;color:var(--text-secondary)}.section-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 16px}.progress-item{margin-bottom:20px}.progress-label-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.progress-label{font-size:9px;font-weight:700;letter-spacing:1px;color:var(--text-secondary);text-transform:uppercase}.progress-value-row{display:flex;align-items:center;gap:8px;margin-bottom:5px}.progress-value{font-size:15px;font-weight:700;color:var(--text-primary)}.progress-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px}.progress-badge--up{color:#27ae60;background:#e9f7ef}.progress-badge--down{color:#e74c3c;background:#fdedec}.progress-bar-bg{height:5px;background:#e2eaf0;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:3px;transition:width .6s ease}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--bg)}.loading-spinner{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--blue);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:14px;font-weight:600;color:var(--text-secondary)}.error-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;color:#e74c3c;font-size:16px;font-weight:600}.dashboard-footer{margin-top:30px;padding:20px 0 30px;border-top:1px solid var(--border);text-align:center}.footer-content{display:flex;flex-direction:column;gap:4px}.footer-line{font-size:11px;color:var(--text-secondary);font-weight:500;letter-spacing:.3px}.footer-line--bold{color:var(--text-label);font-weight:600}@media (max-width: 1024px){.main-grid{grid-template-columns:1fr}.kpi-row--5{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.top-charts-grid{grid-template-columns:1fr}.kpi-row--5{grid-template-columns:repeat(2,1fr)}.header-title{font-size:16px}}