:root{--uja-green: #00a65d;--uja-green-dark: #006d38;--uja-gold: #ddb10a;--uja-gold-75: rgba(221, 177, 10, .75);--uja-gold-40: rgba(221, 177, 10, .4);--uja-red: #ef4044;--uja-gray: #898a8d;--uja-black: #231f20;--color-text: var(--uja-black);--color-text-soft: #5f6368;--color-bg: #ffffff;--color-bg-subtle: #f5f5f5;--color-border: #d9d9d9;--color-link: var(--uja-green-dark);--color-link-hover: var(--uja-green);--surface-success: rgba(0, 166, 93, .08);--surface-warning: rgba(221, 177, 10, .12);--surface-danger: rgba(239, 64, 68, .08);--border-success: rgba(0, 109, 56, .18);--border-warning: rgba(221, 177, 10, .28);--border-danger: rgba(239, 64, 68, .24);--text-warning: #765400;--text-danger: #9f2023;--font-ui: "DIN Next LT Pro", "DIN Next", "DIN", "Arial Narrow", Arial, sans-serif;--font-display: "New Baskerville BT", Baskerville, Georgia, "Times New Roman", serif;--container-max: 1200px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--shadow-soft: 0 8px 20px rgba(35, 31, 32, .06);--focus-ring: 3px solid rgba(221, 177, 10, .85);--bp-sm: 576px;--bp-md: 768px;--bp-lg: 992px;--bp-xl: 1200px}:root{color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);line-height:1.5}body,button,input,select,textarea{font:inherit}img{max-width:100%;display:block}a{color:var(--color-link);text-decoration:underline;text-underline-offset:.15em}a:hover{color:var(--color-link-hover)}button{font-family:inherit}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:var(--focus-ring);outline-offset:3px}.app{min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui)}.skip-link{position:absolute;left:var(--space-4);top:-3rem;z-index:20;padding:var(--space-3) var(--space-4);background:var(--uja-green-dark);color:#fff;text-decoration:none;border-radius:var(--radius-sm)}.skip-link:focus-visible{top:var(--space-4)}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-bg)}.utility-bar{background:var(--uja-green-dark);color:#fff}.utility-bar-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding:.7rem 0}.utility-bar-text{margin:0;font-size:.875rem}.topbar{background:var(--color-bg)}.topbar-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6);padding:var(--space-6) 0 var(--space-4)}.brand-lockup{display:grid;gap:var(--space-2)}.brand-kicker{margin:0;color:var(--uja-green-dark);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.brand-title{margin:0;color:var(--color-text);font-size:clamp(1.25rem,2vw,1.625rem);font-weight:700;line-height:1.2}.topbar-nav{display:flex;gap:var(--space-6);flex-wrap:wrap}.portal-nav{gap:var(--space-4);align-items:flex-end}.topbar-link{padding-bottom:var(--space-2);border-bottom:2px solid transparent;color:var(--uja-green-dark);font-size:.95rem;font-weight:600;text-decoration:none}.topbar-link:hover{color:var(--uja-green)}.topbar-link.active{color:var(--color-text);border-color:var(--uja-green)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding-inline:var(--space-4)}.hero-section{padding:var(--space-8) 0 var(--space-12);border-bottom:1px solid var(--color-border);background:var(--color-bg)}.view-toolbar{border-bottom:1px solid var(--color-border);background:var(--color-bg-subtle)}.view-toolbar-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-4) 0}.view-toolbar-controls{display:flex;gap:var(--space-3);flex-wrap:wrap}.view-toolbar-controls:empty{display:none}.toolbar-field{display:grid;gap:var(--space-2)}.toolbar-label{color:var(--color-text-soft);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.toolbar-select{min-width:180px;padding:.7rem .9rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text)}.view-toolbar-note{color:var(--color-text-soft);font-size:.9rem}.breadcrumb{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-bottom:var(--space-6);color:var(--color-text-soft);font-size:.875rem}.breadcrumb-link{color:var(--color-link)}.breadcrumb-separator,.breadcrumb-current{color:var(--color-text-soft)}.page-hero{display:grid;gap:var(--space-6);align-items:end;padding-left:var(--space-6);border-left:4px solid var(--uja-green)}.page-intro{display:grid;gap:var(--space-3)}.page-eyebrow{margin:0;color:var(--uja-green-dark);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.page-title{margin:0;color:var(--color-text);font-size:clamp(2.25rem,4vw,2.75rem);font-weight:700;line-height:1.1}.page-subtitle{margin:0;max-width:52rem;color:var(--color-text-soft);font-size:1.05rem}.page-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.action-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.75rem 1.15rem;border:1px solid transparent;border-radius:var(--radius-sm);font-weight:700;font-size:.9rem;letter-spacing:.02em;text-decoration:none;cursor:pointer;transition:background-color .16s ease,color .16s ease,border-color .16s ease}.action-button-primary{background:var(--uja-green);border-color:var(--uja-green);color:#fff}.action-button-primary:hover{background:var(--uja-green-dark);border-color:var(--uja-green-dark);color:#fff}.action-button-secondary{background:var(--color-bg);border-color:var(--uja-green-dark);color:var(--uja-green-dark)}.action-button-secondary:hover{background:#006d380f;color:var(--uja-green-dark)}.action-button-compact{min-height:auto;padding:.6rem .9rem;font-size:.82rem}.section{padding:var(--space-12) 0}.section+.section{border-top:1px solid var(--color-border)}.section-header{display:grid;gap:var(--space-3);margin-bottom:var(--space-6)}.section-title{margin:0;color:var(--uja-green-dark);font-size:clamp(1.75rem,3vw,2rem);font-weight:700;line-height:1.2}.section-subtitle{margin:0;max-width:48rem;color:var(--color-text-soft)}.insight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.insight-card{display:grid;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md)}.insight-label{color:var(--color-text-soft);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.insight-value{color:var(--color-text);font-size:1.25rem;font-weight:700}.insight-note{color:var(--color-text-soft);font-size:.875rem}.insight-environment{display:grid;gap:var(--space-1);margin-top:var(--space-2);padding:var(--space-3);background:#231f200a;border:1px solid var(--color-border);border-radius:var(--radius-md)}.insight-environment-title{color:var(--color-text);font-size:1rem;font-weight:700}.insight-environment-note{color:var(--color-text-soft);font-size:.8125rem}.insight-environment-value{color:var(--color-text);font-size:.9375rem;font-weight:600}.compact-insight-grid{margin-bottom:var(--space-4)}.summary-campus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-6)}.summary-campus-card{display:grid;gap:var(--space-4);padding:var(--space-6);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.summary-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.summary-card-title{margin:0 0 var(--space-2);color:var(--color-text);font-size:1.35rem;font-weight:700}.summary-diagram-shell{padding:var(--space-1) 0}.energy-flow-diagram{width:100%}.energy-flow-diagram-svg{display:block;width:100%;height:auto}.energy-flow-surface{fill:#fff;stroke:var(--color-border);stroke-width:1.5}.energy-flow-arrow{fill:none;stroke:var(--uja-green-dark);stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.energy-flow-arrow-solar{stroke:var(--uja-green-dark)}.energy-flow-arrow-head{fill:var(--uja-green-dark)}.energy-flow-group-label{fill:var(--color-text);font-size:24px;font-weight:700}.energy-flow-pill rect{fill:var(--color-bg);stroke:#231f2024;stroke-width:1.5}.energy-flow-pill-heading{fill:var(--color-text-soft);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.energy-flow-pill-value{fill:var(--color-text);font-size:26px;font-weight:700}.energy-flow-icon{color:var(--uja-green-dark)}.energy-flow-solar-sun{stroke:currentColor}.energy-flow-node rect{fill:#00a65d12;stroke:var(--uja-green-dark);stroke-width:3.5}.energy-flow-node-title{fill:var(--uja-green-dark);font-size:20px;font-weight:700}.energy-flow-node-label{fill:var(--color-text-soft);font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.energy-flow-node-value{fill:var(--color-text);font-size:36px;font-weight:700}.energy-flow-pill-featured rect{fill:#00a65d0d;stroke:#006d3838}.energy-flow-pill-featured .energy-flow-pill-value{fill:var(--uja-green-dark)}.summary-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.section-card-stack{display:grid;gap:var(--space-6)}.summary-metric{display:grid;gap:var(--space-1);padding:var(--space-3);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.summary-metric-label{color:var(--color-text-soft);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.summary-metric-value{color:var(--color-text);font-size:1rem;font-weight:700}.summary-metric-copy{color:var(--color-text-soft);font-size:.8125rem}.summary-highlight{display:grid;gap:var(--space-1);padding:var(--space-4);background:#00a65d0f;border-left:4px solid var(--uja-green)}.summary-highlight-value{color:var(--uja-green-dark);font-size:1.35rem;font-weight:700}.summary-card-copy{color:var(--color-text-soft);font-size:.875rem}.summary-chart{display:grid;gap:var(--space-3)}.summary-chart .area-chart,.summary-campus-card .area-chart{height:auto}.shortcut-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.shortcut-card{display:grid;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;box-shadow:var(--shadow-soft)}.shortcut-card:hover{border-color:var(--uja-green);color:var(--color-text)}.shortcut-card-title{color:var(--uja-green-dark);font-size:1rem;font-weight:700}.shortcut-card-copy,.shortcut-card-status{color:var(--color-text-soft);font-size:.9rem}.preview-grid{display:grid;gap:var(--space-6)}.map-preview-frame{min-height:320px}.validation-preview-card{align-content:start}.dashboard-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-6)}.dashboard-panel{display:grid;gap:var(--space-6);padding:var(--space-6);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.dashboard-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.dashboard-panel-title{margin:0;color:var(--color-text);font-size:1.35rem;font-weight:700}.dashboard-status{display:inline-flex;margin-top:var(--space-2);padding:.35rem .75rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg-subtle);color:var(--color-text-soft);font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.dashboard-status.status-complete{background:var(--surface-success);border-color:var(--border-success);color:var(--uja-green-dark)}.dashboard-status.status-partial,.dashboard-status.status-loading{background:var(--surface-warning);border-color:var(--border-warning);color:var(--text-warning)}.dashboard-status.status-error{background:var(--surface-danger);border-color:var(--border-danger);color:var(--text-danger)}.dashboard-warning{padding:var(--space-4);border-left:4px solid var(--uja-gold);background:var(--surface-warning);color:var(--text-warning);font-size:.9375rem}.dashboard-warning.warning-error{border-left-color:var(--uja-red);background:var(--surface-danger);color:var(--text-danger)}.balance-grid{display:grid;gap:var(--space-6);grid-template-columns:minmax(0,1fr)}.infographic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);align-content:start}.metric-card{display:grid;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md)}.metric-card.demand{border-left:4px solid var(--uja-green-dark)}.metric-card.pv{border-left:4px solid var(--uja-gold)}.metric-card.grid{border-left:4px solid var(--uja-green)}.metric-card.autoconsumo{border-left:4px solid var(--uja-gray)}.metric-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-sm);background:#231f200f;color:var(--color-text)}.metric-icon svg{width:20px;height:20px}.metric-label{color:var(--color-text-soft);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.metric-value{color:var(--color-text);font-size:1.6rem;font-weight:700}.chart-card{display:grid;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md)}.chart-legend{display:flex;flex-wrap:wrap;gap:var(--space-4);color:var(--color-text-soft);font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.legend-item{display:inline-flex;align-items:center}.legend-item:before{content:"";width:10px;height:10px;margin-right:var(--space-2);border-radius:999px;background:#231f2033}.legend-item.demand:before{background:var(--uja-green-dark)}.legend-item.pv:before{background:var(--uja-gold)}.legend-item.irradiance:before{background:var(--uja-gold)}.area-chart{width:100%;height:auto;aspect-ratio:108 / 38;display:block;overflow:visible}.area-chart.density-single{aspect-ratio:108 / 36}.chart-empty{min-height:240px;display:grid;place-items:center;padding:var(--space-4);border:1px dashed var(--color-border);background:var(--color-bg);color:var(--color-text-soft);text-align:center;line-height:1.5}.area{opacity:.18}.area-demand{fill:var(--uja-green-dark)}.area-pv{fill:var(--uja-gold)}.value-chart{width:100%;height:auto;display:block;overflow:visible;aspect-ratio:120 / 64}.value-chart.density-single{aspect-ratio:120 / 48}.solar-chart{width:100%;height:auto;display:block;overflow:visible;aspect-ratio:124 / 38}.value-area{fill:#00a65d29}.value-line{fill:none;stroke:var(--uja-green-dark);stroke-width:.5}.line{fill:none;stroke-width:.5}.line-demand{stroke:var(--uja-green-dark)}.line-pv,.line-irradiance{stroke:var(--uja-gold)}.axis-line{stroke:#231f2024;stroke-width:.5}.axis-tick{stroke:#231f204d;stroke-width:.6}.axis-label{fill:var(--color-text-soft);font-size:2.8px;text-anchor:start;dominant-baseline:hanging}.area-chart .axis-label,.value-chart.density-single .axis-label,.solar-chart.density-single .axis-label{font-size:2.3px}.axis-label-y{text-anchor:end}.axis-label-y-right{text-anchor:start}.map-frame{overflow:hidden;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.map-canvas{position:relative;width:100%;aspect-ratio:1968 / 1159}.map-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.map-pin{position:absolute;transform:translateY(-50%);margin-left:.4rem;display:inline-flex;align-items:center;gap:.4rem;min-width:0;padding:.35rem .5rem;appearance:none;background:#fffffff5;border:1px solid rgba(35,31,32,.15);border-radius:var(--radius-sm);box-shadow:0 6px 16px #231f2014;text-align:left;white-space:nowrap;cursor:pointer;font:inherit}.map-pin-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--uja-green-dark)}.map-pin-icon svg{width:16px;height:16px}.map-pin-value{color:var(--color-text);font-size:.875rem;font-weight:700}.map-pin.layer-water .map-pin-icon{color:var(--uja-gray)}.map-pin.layer-solar .map-pin-icon{color:var(--uja-gold)}.map-pin.layer-autoconsumo .map-pin-icon{color:var(--uja-green)}.map-pin.is-active{border-color:var(--uja-green);box-shadow:0 8px 20px #006d3824}.map-pin-static{pointer-events:none}.map-layout{display:grid;gap:var(--space-6)}.map-workspace{min-height:0}.map-detail-card{align-content:start}.detail-stack{display:grid;gap:var(--space-3)}.compact-detail-stack{margin-top:var(--space-4)}.detail-row{display:grid;gap:var(--space-1);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.detail-row:last-child{padding-bottom:0;border-bottom:none}.detail-key{color:var(--color-text-soft);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.detail-value{color:var(--color-text);word-break:break-word}.gateway-stack,.water-stack,.solar-stack{display:grid;gap:var(--space-6)}.chart-card-solar{min-width:0}.gateway-card{display:grid;gap:var(--space-4);padding:var(--space-6);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.section-campus-card{align-content:start}.gateway-card-actions{display:grid;justify-items:end;gap:var(--space-2)}.section-card-metrics{display:grid;gap:var(--space-3)}.anomaly-card{margin-bottom:var(--space-6)}.gateway-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.gateway-title{margin:0;color:var(--uja-green-dark);font-size:1.3rem;font-weight:700}.gateway-topic{margin-top:var(--space-2);color:var(--color-text-soft);font-size:.875rem;word-break:break-all}.gateway-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.gateway-tabs{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.gateway-tab{display:grid;gap:var(--space-1);min-width:11rem;padding:.85rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);text-align:left;font:inherit;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.gateway-tab:hover{border-color:#006d3873}.gateway-tab.is-active{border-color:var(--uja-green);background:#00a65d0f;box-shadow:inset 0 0 0 1px #00a65d1f}.gateway-tab:focus-visible{outline:2px solid var(--uja-green-dark);outline-offset:2px}.gateway-tab-label{font-size:.95rem;font-weight:700}.gateway-tab-status{color:var(--color-text-soft);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.gateway-tab-status.status-ready{color:var(--uja-green-dark)}.gateway-tab-status.status-error{color:var(--text-danger)}.gateway-panel-card{margin-top:var(--space-4)}.gateway-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.water-detail-grid,.project-layout{display:grid;gap:var(--space-4)}.section-detail-card{align-content:start}.api-card{display:grid;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md)}.api-card-title{margin:0;color:var(--color-text);font-size:1rem;font-weight:700}.api-status{color:var(--color-text-soft);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.api-status.status-ready{color:var(--uja-green-dark)}.api-status.status-error{color:var(--text-danger)}.api-table{overflow:auto;max-height:280px;background:var(--color-bg);border:1px solid var(--color-border)}.api-table table{width:100%;border-collapse:collapse;font-size:.875rem}.api-table th,.api-table td{padding:.65rem .75rem;border-bottom:1px solid var(--color-border);text-align:left;white-space:nowrap}.api-table th{position:sticky;top:0;z-index:1;background:var(--color-bg-subtle);color:var(--uja-green-dark);font-weight:700}.api-table tbody tr:nth-child(2n){background:#898a8d0d}.api-empty{padding:var(--space-3) 0;color:var(--color-text-soft);font-size:.875rem}.site-footer{margin-top:var(--space-12);background:var(--color-bg-subtle);border-top:2px solid var(--uja-green-dark)}.site-footer-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap;padding:var(--space-8) 0}.site-footer-title{margin:0 0 var(--space-2);color:var(--color-text);font-size:1rem;font-weight:700}.site-footer-copy{margin:0;max-width:46rem;color:var(--color-text-soft)}.site-footer-links{display:flex;gap:var(--space-4);flex-wrap:wrap}.site-footer-link{color:var(--color-link)}@media(min-width:768px){.container{padding-inline:var(--space-6)}.page-hero{grid-template-columns:minmax(0,1fr) auto}.preview-grid,.project-layout{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr)}.water-detail-grid{grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr)}}@media(max-width:767px){.topbar-inner,.dashboard-panel-header,.gateway-header,.gateway-panel-header{flex-direction:column;align-items:flex-start}.gateway-card-actions{justify-items:start}.gateway-tab{flex:1 1 calc(50% - var(--space-3));min-width:0}.page-hero{padding-left:var(--space-4)}.page-actions,.page-actions .action-button{width:100%}.map-pin{width:30px;height:30px;min-width:30px;margin-left:0;padding:0;gap:0;justify-content:center;transform:translate(-50%,-50%);border-radius:999px}.map-pin-value{display:none}.map-pin-icon,.map-pin-icon svg{width:18px;height:18px}.section-title{font-size:1.8rem}.summary-card-header,.view-toolbar-inner{flex-direction:column;align-items:flex-start}}