*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bank-bg: #262626;--portfolio-bg: #016D5A;--project-bg: #DCEFF6;--m300-bg: #1A1A33;--bank-accent: #74FEB1;--m300-accent: #C5A0F5;--box-pale-blue: #DCEFF6;--box-lime: #C9F51E;--box-light-green:#7AFF7E;--box-lavender: #C6A1F6;--box-deep-teal: #016F5B;--box-pale-green:#D7FEB5;--coral: #FF4D47;--jade: #00D28D;--green-rail: #00843D;--grey: #9C968C;--ink: #1E1E1E;--white: #FFFFFF;--green-bg: var(--bank-bg);--lime: var(--box-lime);--lavender: var(--box-lavender);--green-rich: var(--box-deep-teal);--green-bright: var(--box-pale-green);--green-soft: var(--box-pale-green);--green-pale: var(--box-pale-green);--navy: var(--m300-bg);--navy-deep: #001F61;--navy-darkest: #000E35;--jade-glow: rgba(0,210,141,.2);--jade-soft: rgba(0,210,141,.1);--lime-glow: rgba(201,245,30,.2);--lime-soft: rgba(201,245,30,.1);--navy-glow: rgba(26,26,51,.4);--navy-soft: rgba(26,26,51,.18);--coral-soft: rgba(255,77,71,.14);--teal-soft: rgba(1,109,90,.18);--lav-glow: rgba(198,161,246,.2);--lav-soft: rgba(198,161,246,.1);--green-pale-soft: rgba(215,254,181,.2);--green-bright-soft: var(--green-pale-soft);--green-soft-tint: var(--green-pale-soft);--green-rich-soft: var(--teal-soft);--ink-90: rgba(30,30,30,.9);--ink-70: rgba(30,30,30,.7);--ink-50: rgba(30,30,30,.5);--ink-20: rgba(30,30,30,.2);--ink-10: rgba(30,30,30,.1);--ink-05: rgba(30,30,30,.05);--text-on-light: var(--ink);--text-on-light-mid:#4A4A48;--text-on-light-soft: var(--grey);--text-on-dark: var(--white);--text-on-dark-mid: rgba(255,255,255,.78);--text-on-dark-soft: rgba(255,255,255,.55);--text-on-lav: var(--ink);--text-on-lav-soft: rgba(30,30,30,.55);--shell-bg: rgba(20,20,20,.5);--shell-stroke: rgba(255,255,255,.08);--canvas-tint: rgba(255,255,255,.03);--card-white: var(--white);--card-bright: var(--box-pale-green);--card-soft: var(--box-pale-green);--card-lav: var(--box-lavender);--card-dark: var(--box-deep-teal);--stroke-light: rgba(30,30,30,.1);--stroke-mid: rgba(30,30,30,.18);--stroke-dark: rgba(255,255,255,.12);--stroke-lav: rgba(30,30,30,.1);--positive: var(--lime);--neutral: var(--grey);--emphasis: var(--lavender);--warning-text: #E15555;--sidebar-width: 78px;--header-height: 60px;--pad-xs: 6px;--pad-sm: 10px;--pad-md: 14px;--pad-lg: 20px;--pad-xl: 28px;--pad-xxl: 40px;--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.1);--shadow: 0 4px 16px rgba(0,0,0,.18);--shadow-lg: 0 12px 36px rgba(0,0,0,.28);--ff-display: "clother-black", "Sora", "Inter", system-ui, -apple-system, sans-serif;--ff-body: "clother-black", "Sora", "Inter", system-ui, -apple-system, sans-serif;--ff-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--mono: var(--ff-mono);--brand: var(--lime);--brand-soft: var(--lime);--brand-pale: var(--lime-soft);--brand-mist: var(--lav-soft);--canvas: transparent;--surface: var(--card-white);--surface-mist: rgba(30,30,30,.04);--surface-cream: rgba(30,30,30,.06);--surface-soft: rgba(30,30,30,.04);--surface-alt: rgba(30,30,30,.06);--off-white: var(--white);--bg: transparent;--text: var(--ink);--text-mid: var(--text-on-light-mid);--text-soft: var(--text-on-light-soft);--text-muted: var(--text-on-light-soft);--text-faint: var(--grey);--border: var(--stroke-light);--border-light: var(--stroke-light);--border-strong: var(--stroke-mid);--map-land: rgba(30,30,30,.06);--map-border: rgba(30,30,30,.16);--status-pipeline: var(--grey);--status-approval: var(--lavender);--status-active: var(--lime);--status-completion: var(--lime);--status-closed: var(--grey);--health-healthy: var(--lime);--health-at-risk: var(--lavender);--health-critical: #E15555;--health-recovering: var(--lavender);--anchor-m300: var(--lime);--anchor-high5: var(--lavender);--anchor-sdg: var(--lavender);--anchor-region: var(--lime);--auth-director: var(--lime);--portfolio-dtp: var(--lime);--portfolio-sefa: var(--lavender);--portfolio-ee: var(--grey);--scope-1-bg: var(--lime-soft);--scope-1-fg: var(--ink);--scope-1-accent: var(--lime);--scope-2-bg: var(--lav-soft);--scope-2-fg: var(--ink);--scope-2-accent: var(--lavender);--scope-3-bg: rgba(156,150,140,.15);--scope-3-fg: var(--ink);--scope-3-accent: var(--grey);--confidence-high: var(--lime);--confidence-med: var(--lavender);--confidence-low: var(--grey);--tooltip-bg: var(--ink);--tooltip-border: var(--stroke-dark);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--ff-platform: var(--ff-body);--font: var(--ff-body)}html,body{font-family:var(--ff-body);font-weight:400;font-size:14px;line-height:1.5;color:var(--text-on-dark);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--ff-display);font-weight:700;line-height:1.05;letter-spacing:-.02em}h1{font-size:56px}h2{font-size:32px}h3{font-size:22px}h4{font-size:16px}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{font-family:inherit;font-size:13px;border:1px solid var(--stroke-light);border-radius:var(--r-sm);background:var(--card-white);color:var(--ink);padding:6px 10px}input:focus,select:focus{outline:none;border-color:var(--lime);box-shadow:0 0 0 3px var(--lime-soft)}.mono{font-family:var(--ff-mono);font-feature-settings:"tnum" 1}.eyebrow{font-size:10px;color:var(--text-on-light-soft);text-transform:uppercase;letter-spacing:.1em;font-weight:700;font-family:var(--ff-display)}.eyebrow-on-dark{color:var(--text-on-dark-soft)}.display{font-family:var(--ff-display);font-weight:700;letter-spacing:-.02em;line-height:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.page{animation:fadeIn .25s ease both}.surface-bank{background:var(--bank-bg);color:var(--white);min-height:calc(100vh - var(--header-height))}.surface-portfolio{background:var(--portfolio-bg);color:var(--white);min-height:calc(100vh - var(--header-height))}.surface-project{background:var(--project-bg);color:var(--ink);min-height:calc(100vh - var(--header-height))}.surface-m300{background:var(--m300-bg);color:var(--white);min-height:calc(100vh - var(--header-height))}.page-light{background:var(--white);color:var(--ink);min-height:calc(100vh - var(--header-height))}@keyframes chartFadeIn{0%{opacity:0}to{opacity:1}}@keyframes chartGrow{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bubbleFadeIn{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes bubblePop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes barGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes barGrowVertical{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.chart-fade{animation:chartFadeIn .5s ease both}.chart-pop{animation:chartGrow .35s cubic-bezier(.34,1.56,.64,1) both}.app-root{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;background:var(--shell-bg);backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%)}.app-main{display:flex;flex-direction:column;min-width:0}.app-content{flex:1;min-width:0;overflow-x:hidden}.card{border-radius:var(--r-md);box-shadow:var(--shadow-sm);overflow:hidden}.card-w{background:var(--card-white);color:var(--text-on-light);border-radius:var(--r-md);border:1px solid var(--stroke-light);box-shadow:var(--shadow-sm)}.card-lav{background:var(--card-lav);color:var(--text-on-lav);border-radius:var(--r-md);box-shadow:var(--shadow-sm)}.card-soft{background:var(--card-soft);color:var(--text-on-lav);border-radius:var(--r-md);box-shadow:var(--shadow-sm)}.card-dark{background:var(--card-dark);color:var(--text-on-dark);border-radius:var(--r-md);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-sm)}.card-glass{background:#ffffff0f;color:var(--text-on-dark);border-radius:var(--r-md);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pill-tabs{display:inline-flex;gap:4px;padding:4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--r-pill)}.pill-tab{padding:7px 16px;border-radius:var(--r-pill);font-size:12px;font-weight:700;font-family:var(--ff-display);color:var(--text-on-dark-mid);letter-spacing:.01em;transition:all .15s;white-space:nowrap}.pill-tab:hover{color:var(--text-on-dark);background:#ffffff0f}.pill-tab.active{background:var(--white);color:var(--ink);box-shadow:0 2px 8px #0003}.pill-tabs-light{background:var(--ink-05);border:1px solid var(--stroke-light)}.pill-tabs-light .pill-tab{color:var(--text-on-light-soft)}.pill-tabs-light .pill-tab:hover{color:var(--ink);background:var(--ink-05)}.pill-tabs-light .pill-tab.active{background:var(--ink);color:var(--white)}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--r-pill);font-size:10px;font-weight:700;font-family:var(--ff-mono);letter-spacing:.04em;text-transform:uppercase}.status-lime{background:var(--lime);color:var(--ink)}.status-lav{background:var(--lavender);color:var(--ink)}.status-grey{background:var(--ink-05);color:var(--text-on-light-soft)}.status-dark{background:var(--ink);color:var(--white)}.status-outline-light{background:transparent;border:1px solid var(--ink-20);color:var(--ink)}.status-outline-dark{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--white)}.hatched-grey{background-image:repeating-linear-gradient(-45deg,#1e1e1e33 0,#1e1e1e33 2px,#1e1e1e14 2px,#1e1e1e14 6px)}.hatched-lav{background-image:repeating-linear-gradient(-45deg,var(--lavender) 0,var(--lavender) 2px,rgba(179,161,255,.4) 2px,rgba(179,161,255,.4) 6px)}.hatched-lime{background-image:repeating-linear-gradient(-45deg,var(--lime) 0,var(--lime) 2px,rgba(201,254,50,.4) 2px,rgba(201,254,50,.4) 6px)}.hatched-on-dark{background-image:repeating-linear-gradient(-45deg,#fff3 0,#fff3 2px,#ffffff0f 2px,#ffffff0f 6px)}.t-trigger{cursor:help;position:relative}.t-bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--ink);color:var(--white);padding:8px 12px;border-radius:var(--r-sm);font-size:11px;font-family:var(--ff-body);font-weight:400;line-height:1.4;white-space:normal;width:240px;z-index:100;box-shadow:var(--shadow-lg);border:1px solid var(--stroke-dark);text-transform:none;letter-spacing:0;pointer-events:none;opacity:0;transition:opacity .15s}.t-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--ink)}.t-trigger:hover .t-bubble{opacity:1}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff3d}.hero{position:relative;border-radius:var(--r-lg);overflow:hidden;padding:36px 36px 28px;background:linear-gradient(135deg,#b3a1ff1a,#c9fe320f),#1e1e1e8c;border:1px solid var(--stroke-dark);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--white)}.hero-lav{background:var(--lavender);color:var(--ink);border:none}.hero-lime{background:var(--lime);color:var(--ink);border:none}.hero-dark{background:var(--ink);color:var(--white)}.hero-default,.hero-minigrid,.hero-grid-extension,.hero-shs-offgrid,.hero-clean-cooking,.hero-generation,.hero-efficiency,.hero-impact{background:linear-gradient(135deg,#b3a1ff1a,#c9fe320f),#1e1e1e8c;color:var(--white)}.kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:28px;padding:18px 0 4px}.kpi-cell-label{font-size:12px;font-weight:400;color:var(--text-on-dark-soft);text-transform:none;letter-spacing:0;margin-bottom:6px}.kpi-cell-value{font-family:var(--ff-display);font-weight:700;font-size:30px;letter-spacing:-.01em;color:var(--white)}.kpi-strip.on-light .kpi-cell-label{color:var(--text-on-light-mid)}.kpi-strip.on-light .kpi-cell-value{color:var(--ink)}.card-link-arrow{width:28px;height:28px;border-radius:50%;background:#1e1e1ed9;color:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s}.card-link-arrow:hover{transform:translate(2px,-2px)}.card-link-arrow.on-light{background:var(--ink);color:var(--white)}.card-link-arrow.on-lav{background:var(--ink);color:var(--lavender)}.delta-positive{color:var(--lime)}.delta-negative{color:var(--warning-text)}.delta-positive-on-light{color:#4f8a1b}.delta-negative-on-light{color:var(--warning-text)}.scroll-x{overflow-x:auto;scrollbar-width:thin}:root{--accent: var(--jade);--teal: var(--jade);--green: var(--jade);--amber: var(--coral);--font: var(--ff-body);--mono: var(--ff-mono);--text: var(--white);--text-muted: rgba(255,255,255,.78);--text-dim: rgba(255,255,255,.55);--surface: rgba(255,255,255,.04);--panel-bg: rgba(255,255,255,.04);--panel-shadow: 0 1px 0 rgba(255,255,255,.04), 0 8px 24px rgba(0,0,0,.2);--border: rgba(255,255,255,.08);--border-light: rgba(255,255,255,.05);--row-alt: rgba(255,255,255,.025);--row-hover: rgba(255,255,255,.06);--tooltip-bg: rgba(20,20,20,.96);--tooltip-border: rgba(255,255,255,.1)}html,body,#root{background:var(--bank-bg);color:var(--white);min-height:100%;font-family:var(--ff-body);font-feature-settings:"ss01","cv01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sidebar-nav-item:hover .sidebar-icon{background:#ffffff1a!important;color:var(--white)!important}.sidebar-nav-item[data-active=true]:hover .sidebar-icon{background:var(--jade)!important;color:var(--ink)!important}.link-jade{color:var(--jade);text-decoration:none;font-weight:600;font-size:12px;letter-spacing:.02em;transition:opacity .12s}.link-jade:hover{opacity:.75}.link-ink-hover{color:var(--ink);text-decoration:none;transition:color .12s}.link-ink-hover:hover{color:var(--jade);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}.card-hover{transition:transform .14s,box-shadow .14s}.card-hover:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0003}tr.row-hover:hover{background:#00d28d0a}:root{--grey: rgba(255,255,255,.55)}:root{--box-pale-yellow-green: #D7FEB5;--map-dot-dim: rgba(255,255,255,.3)}