@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/inter-latin-ext-DO1Apj_S.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/inter-latin-Dx4kXJAl.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Flex;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/roboto-flex-latin-ext-gysdOMcS.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Flex;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/roboto-flex-latin-n-dP9qr2.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Material Symbols Rounded;font-style:normal;font-weight:100 700;font-display:block;src:url(/assets/material-symbols-rounded-lvxyEvwT.woff2) format("woff2")}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}/**
 * @license MIT
 * Morphic Design System — Global Styles & Surface Primitives
 *
 * Spec: Morphic-Design-System-adjusted.md
 *   §19 Visual DNA        — soft layered morphism, cards merge into the page
 *   §21 Elevation         — extremely subtle; surface contrast does the work
 *   §22 Borders           — 1px, low opacity; strong borders break the look
 *   §32 Anti-Patterns     — no glass blur, no heavy shadows, no white boxes
 *
 * Token layer order matters: foundations (geometry) → colors (light/dark base)
 * → themes (presets) → elevation (shape+shadow) → motion → contract (aliases).
 * The contract layer is imported last so its aliases resolve against whatever
 * the active theme set.
 *//**
 * @license MIT
 * Morphic Design System — Foundation Tokens
 *
 * Spec: Morphic-Design-System-adjusted.md
 *   §3.1 Foundations   — the required foundation token groups
 *   §6   Typography    — compact, information-dense hierarchy
 *   §7   Shape System  — rounded scale (lives in elevation.css)
 *   §8   Layout        — 1152×720 reference viewport, sidebar sizing
 *   §23  Spacing       — 8px base grid
 *   §24  Density       — intentionally dense, no excessive vertical padding
 *   §25  Responsive    — desktop ≥1200 / tablet 768–1199 / mobile <768
 *
 * Contains no colour. Colour lives in colors.css / themes.css so that a theme
 * swap can never disturb geometry (§30).
 */:root{--md-sys-spacing-1: 4px;--md-sys-spacing-2: 8px;--md-sys-spacing-3: 12px;--md-sys-spacing-4: 16px;--md-sys-spacing-5: 20px;--md-sys-spacing-6: 24px;--md-sys-spacing-8: 32px;--md-sys-spacing-10: 40px;--md-sys-spacing-12: 48px;--md-sys-gap-card: 14px;--md-sys-gap-section: 22px;--md-sys-padding-page: 24px;--md-sys-padding-card: 18px;--md-sys-padding-card-compact: 14px;--md-sys-padding-card-hero: 24px;--md-sys-typescale-font-family: "Roboto Flex", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--md-sys-typescale-font-family-numeric: "Roboto Flex", "Inter", ui-monospace, "SF Mono", "Segoe UI", sans-serif;--md-sys-typescale-page-title-size: 26px;--md-sys-typescale-page-title-weight: 680;--md-sys-typescale-page-title-line-height: 1.18;--md-sys-typescale-page-title-tracking: -.02em;--md-sys-typescale-section-title-size: 17px;--md-sys-typescale-section-title-weight: 620;--md-sys-typescale-section-title-line-height: 1.3;--md-sys-typescale-section-title-tracking: -.01em;--md-sys-typescale-metric-size: 24px;--md-sys-typescale-metric-weight: 680;--md-sys-typescale-metric-line-height: 1.15;--md-sys-typescale-metric-tracking: -.02em;--md-sys-typescale-metric-size-lg: 32px;--md-sys-typescale-metric-size-sm: 20px;--md-sys-typescale-body-size: 14px;--md-sys-typescale-body-weight: 450;--md-sys-typescale-body-line-height: 1.5;--md-sys-typescale-body-size-sm: 13px;--md-sys-typescale-meta-size: 12px;--md-sys-typescale-meta-weight: 450;--md-sys-typescale-meta-line-height: 1.4;--md-sys-typescale-meta-size-sm: 11px;--md-sys-typescale-nav-size: 13px;--md-sys-typescale-nav-weight: 500;--md-sys-typescale-nav-line-height: 1.3;--md-sys-typescale-label-size: 13px;--md-sys-typescale-label-weight: 550;--md-sys-typescale-label-line-height: 1.25;--md-sys-typescale-label-tracking: .005em;--md-sys-typescale-label-size-sm: 12px;--md-sys-icon-size-nav: 20px;--md-sys-icon-size-compact: 18px;--md-sys-icon-size-card: 22px;--md-sys-icon-size-sm: 16px;--md-sys-icon-size-lg: 24px;--md-sys-layout-reference-width: 1152px;--md-sys-layout-reference-height: 720px;--md-sys-layout-content-max-width: 1440px;--md-sys-layout-sidebar-collapsed: 68px;--md-sys-layout-sidebar-expanded: 196px;--md-sys-layout-header-height: 60px;--md-sys-layout-header-height-compact: 52px;--md-sys-density-control-height-sm: 30px;--md-sys-density-control-height: 36px;--md-sys-density-control-height-lg: 44px;--md-sys-density-row-height-compact: 40px;--md-sys-density-row-height: 48px;--md-sys-density-row-height-comfortable: 56px;--md-sys-a11y-touch-target: 44px;--md-sys-a11y-focus-ring-width: 2px;--md-sys-a11y-focus-ring-offset: 2px;--md-sys-breakpoint-mobile: 0px;--md-sys-breakpoint-tablet: 768px;--md-sys-breakpoint-desktop: 1200px;--md-sys-breakpoint-wide: 1600px;--md-sys-z-base: 0;--md-sys-z-raised: 10;--md-sys-z-sticky: 100;--md-sys-z-header: 200;--md-sys-z-drawer: 300;--md-sys-z-scrim: 400;--md-sys-z-dialog: 500;--md-sys-z-dropdown: 600;--md-sys-z-popover: 700;--md-sys-z-tooltip: 800;--md-sys-z-snackbar: 900;--md-sys-z-max: 1000;--md-sys-opacity-disabled: .38;--md-sys-opacity-muted: .62;--md-sys-opacity-subtle: .08;--md-sys-opacity-scrim: .42;--md-sys-border-width: 1px;--md-sys-border-width-strong: 1.5px}@media (max-width: 1199px){:root{--md-sys-padding-page: 20px;--md-sys-gap-section: 20px}}@media (max-width: 767px){:root{--md-sys-padding-page: 16px;--md-sys-padding-card: 16px;--md-sys-gap-card: 12px;--md-sys-gap-section: 20px;--md-sys-typescale-page-title-size: 22px;--md-sys-typescale-metric-size: 22px}}/**
 * @license MIT
 * Morphic Design System — Color Tokens
 *
 * Spec: Morphic-Design-System-adjusted.md
 *   §6  Theme Architecture      — components consume semantic tokens only
 *   §7  Theme Token Groups      — required token surface area
 *   §20 Color System            — light reference palette
 *   §5  Dark Theme              — true dark-green dark mode
 *   §29 Data Visualization      — one dominant colour + small semantic palette
 *   §30 Dark Mode Rules         — swap semantic colour only, never geometry
 *
 * The Lime (green) theme is the REFERENCE preset, not the mandatory product
 * identity. Every preset re-tints surfaces as well as accent, because Morphic's
 * signature is tonal surface contrast rather than a neutral page with a
 * coloured button on it.
 *
 * Open Source Standard: W3C Design Tokens Community Group
 */:root{color-scheme:light;--md-sys-color-primary: #6FAF39;--md-sys-color-primary-strong: #588B2D;--md-sys-color-on-primary: #F0F4EC;--md-sys-color-primary-container: #B8EA86;--md-sys-color-on-primary-container: #1B3D05;--md-sys-color-primary-soft: #C7ECA2;--md-sys-color-secondary: #546B41;--md-sys-color-on-secondary: #FFFFFF;--md-sys-color-secondary-container: #DDE8CC;--md-sys-color-on-secondary-container: #26350F;--md-sys-color-tertiary: #3E7A52;--md-sys-color-on-tertiary: #FFFFFF;--md-sys-color-tertiary-container: #CDE6D4;--md-sys-color-on-tertiary-container: #10301C;--md-sys-color-success: #457B20;--md-sys-color-on-success: #FFFFFF;--md-sys-color-success-container: #D3ECBB;--md-sys-color-on-success-container: #1F3D07;--md-sys-color-warning: #A15E1E;--md-sys-color-on-warning: #FFFFFF;--md-sys-color-warning-container: #F7DCC1;--md-sys-color-on-warning-container: #4A2803;--md-sys-color-error: #C0392B;--md-sys-color-on-error: #FFFFFF;--md-sys-color-error-container: #FBD8D2;--md-sys-color-on-error-container: #4E120B;--md-sys-color-info: #2F6E8F;--md-sys-color-on-info: #FFFFFF;--md-sys-color-info-container: #CFE4EF;--md-sys-color-on-info-container: #0C2E3F;--md-sys-color-background: #F1F3F5;--md-sys-color-on-background: #254E09;--md-sys-color-surface: #FFFFFF;--md-sys-color-on-surface: #254E09;--md-sys-color-on-surface-variant: #526940;--md-sys-color-surface-variant: #F3F5F7;--md-sys-color-surface-container-lowest: #FFFFFF;--md-sys-color-surface-container-low: #FAFBFC;--md-sys-color-surface-container: #F3F5F7;--md-sys-color-surface-container-high: #E8EBEE;--md-sys-color-surface-container-highest: #DDE1E5;--md-sys-color-outline: #71825E;--md-sys-color-outline-variant: #D5E3BE;--md-sys-color-border: #D5E3BE;--md-sys-color-chart-primary: #6FAF39;--md-sys-color-chart-secondary: #9CEC5D;--md-sys-color-chart-tertiary: #E2934F;--md-sys-color-chart-quaternary: #FD7C69;--md-sys-color-chart-neutral: #A8BC94;--md-sys-color-chart-grid: rgba(37, 78, 9, .08);--md-sys-color-chart-axis: #7B8F67;--md-sys-color-chart-area-from: rgba(111, 175, 57, .24);--md-sys-color-chart-area-to: rgba(111, 175, 57, 0);--hero-banner-bg: linear-gradient(135deg, #C7ECA2 0%, #B8EA86 45%, #9CDC5E 100%);--hero-banner-text: #143503;--hero-banner-subtext: #26540B;--hero-banner-pill-bg: #254E09;--hero-banner-pill-text: #F0F7E5;--hero-banner-pill-icon: #B8EA86;--hero-banner-tag-bg: rgba(37, 78, 9, .12);--hero-banner-tag-text: #1B3D05;--hero-banner-blob-1: rgba(37, 78, 9, .07);--hero-banner-blob-2: rgba(255, 255, 255, .38);--hero-banner-arc: rgba(37, 78, 9, .16);--md-sys-color-inverse-surface: #2C3A22;--md-sys-color-inverse-on-surface: #EDF4E2;--md-sys-color-inverse-primary: #9CEC5D;--md-sys-color-scrim: rgba(21, 33, 11, .42);--md-sys-color-on-media: #FFFFFF;--md-sys-color-media-scrim: rgba(0, 0, 0, .45);--md-sys-state-hover-opacity: .08;--md-sys-state-focus-opacity: .12;--md-sys-state-pressed-opacity: .12;--md-sys-state-dragged-opacity: .16;--md-sys-state-disabled-content-opacity: .38;--md-sys-state-disabled-container-opacity: .12}[data-theme=dark],.dark{color-scheme:dark;--md-sys-color-primary: #9CEC5D;--md-sys-color-primary-strong: #9CEC5D;--md-sys-color-on-primary: #0F2A03;--md-sys-color-primary-container: #74AF42;--md-sys-color-on-primary-container: #0F2A03;--md-sys-color-primary-soft: #4C7526;--md-sys-color-secondary: #B5CBA2;--md-sys-color-on-secondary: #1F2E12;--md-sys-color-secondary-container: #3B4631;--md-sys-color-on-secondary-container: #DDE8CC;--md-sys-color-tertiary: #8FCBA0;--md-sys-color-on-tertiary: #0C2415;--md-sys-color-tertiary-container: #2C4936;--md-sys-color-on-tertiary-container: #CDE6D4;--md-sys-color-success: #9CEC5D;--md-sys-color-on-success: #0F2A03;--md-sys-color-success-container: #33511A;--md-sys-color-on-success-container: #D9F5BC;--md-sys-color-warning: #E2934F;--md-sys-color-on-warning: #351B02;--md-sys-color-warning-container: #5C3612;--md-sys-color-on-warning-container: #F7DCC1;--md-sys-color-error: #FD7C69;--md-sys-color-on-error: #3E0C05;--md-sys-color-error-container: #6B221A;--md-sys-color-on-error-container: #FFDAD3;--md-sys-color-info: #86C2E0;--md-sys-color-on-info: #05222F;--md-sys-color-info-container: #1F4557;--md-sys-color-on-info-container: #CFE4EF;--md-sys-color-background: #0F150C;--md-sys-color-on-background: #E6F0DD;--md-sys-color-surface: #191E14;--md-sys-color-on-surface: #E6F0DD;--md-sys-color-on-surface-variant: #A1B49F;--md-sys-color-surface-variant: #272F20;--md-sys-color-surface-container-lowest: #0A0F08;--md-sys-color-surface-container-low: #1F2618;--md-sys-color-surface-container: #272F20;--md-sys-color-surface-container-high: #3B4631;--md-sys-color-surface-container-highest: #4A573D;--md-sys-color-outline: #84927A;--md-sys-color-outline-variant: #3B4631;--md-sys-color-border: #3B4631;--md-sys-color-chart-primary: #9CEC5D;--md-sys-color-chart-secondary: #6FAF39;--md-sys-color-chart-tertiary: #E2934F;--md-sys-color-chart-quaternary: #FD7C69;--md-sys-color-chart-neutral: #6E7F63;--md-sys-color-chart-grid: rgba(230, 240, 221, .09);--md-sys-color-chart-axis: #8BA289;--md-sys-color-chart-area-from: rgba(156, 236, 93, .22);--md-sys-color-chart-area-to: rgba(156, 236, 93, 0);--hero-banner-bg: linear-gradient(135deg, #3B4631 0%, #45691F 55%, #507B29 100%);--hero-banner-text: #EEF9E2;--hero-banner-subtext: #C7ECA2;--hero-banner-pill-bg: #9CEC5D;--hero-banner-pill-text: #0F2A03;--hero-banner-pill-icon: #0F2A03;--hero-banner-tag-bg: rgba(230, 240, 221, .14);--hero-banner-tag-text: #E6F0DD;--hero-banner-blob-1: rgba(156, 236, 93, .1);--hero-banner-blob-2: rgba(230, 240, 221, .06);--hero-banner-arc: rgba(199, 236, 162, .22);--md-sys-color-inverse-surface: #E6F0DD;--md-sys-color-inverse-on-surface: #1B2214;--md-sys-color-inverse-primary: #4E8C24;--md-sys-color-scrim: rgba(6, 10, 4, .72);--md-sys-state-hover-opacity: .1;--md-sys-state-focus-opacity: .14;--md-sys-state-pressed-opacity: .14}/**
 * @license MIT
 * Morphic Design System — Theme Presets
 *
 * Spec: Morphic-Design-System-adjusted.md
 *   §2  Themes            — Light | Dark | Lime | Blue | Violet | Orange | Rose | Custom
 *   §6  Theme Architecture — Component → Semantic Token → Theme → Actual Colour
 *   §7  Theme Token Groups — the token surface every theme must define
 *   §30 Dark Mode Rules    — presets change semantic colour only, never geometry
 *
 * A preset swaps the ACCENT ONLY. Surfaces, background, borders and text stay
 * on the green tonal palette in every preset, because §20 requires that
 * "green should dominate the experience" and §15 keeps the pale green surface
 * as Morphic's visual identity. What a preset owns:
 *
 *   primary / primary-container / primary-soft / on-primary  (§7)
 *   chart-primary / chart-secondary / chart area fill        (§29)
 *   the hero card surface                                    (§11)
 *   inverse-primary
 *
 * What a preset must NEVER override — these come from colors.css and are the
 * same in every preset:
 *
 *   background · surface · surface-container-* · on-surface · on-surface-variant
 *   outline · outline-variant · border · scrim · chart-grid · chart-axis
 *
 * Lime is the reference preset and matches the :root defaults in colors.css.
 * To add a Custom theme, copy one block and override the same token names;
 * never introduce new token names at the component level.
 */[data-accent=lime]{--md-sys-color-primary: #6FAF39;--md-sys-color-primary-strong: #588B2D;--md-sys-color-on-primary: #F0F4EC;--md-sys-color-primary-container: #B8EA86;--md-sys-color-on-primary-container: #1B3D05;--md-sys-color-primary-soft: #C7ECA2;--md-sys-color-chart-primary: #6FAF39;--md-sys-color-chart-secondary: #9CEC5D;--md-sys-color-chart-area-from: rgba(111, 175, 57, .24);--md-sys-color-chart-area-to: rgba(111, 175, 57, 0);--hero-banner-bg: linear-gradient(135deg, #C7ECA2 0%, #B8EA86 45%, #9CDC5E 100%);--hero-banner-text: #143503;--hero-banner-subtext: #26540B;--hero-banner-pill-bg: #254E09;--hero-banner-pill-text: #F0F7E5;--hero-banner-pill-icon: #B8EA86;--hero-banner-tag-bg: rgba(37, 78, 9, .12);--hero-banner-tag-text: #1B3D05;--hero-banner-blob-1: rgba(37, 78, 9, .07);--hero-banner-blob-2: rgba(255, 255, 255, .38);--hero-banner-arc: rgba(37, 78, 9, .16);--md-sys-color-inverse-primary: #9CEC5D}[data-accent=blue]{--md-sys-color-primary: #2F73B8;--md-sys-color-primary-strong: #2F73B8;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-primary-container: #B6D6F2;--md-sys-color-on-primary-container: #062945;--md-sys-color-primary-soft: #CDE4F7;--md-sys-color-chart-primary: #2F73B8;--md-sys-color-chart-secondary: #6BA8DD;--md-sys-color-chart-area-from: rgba(47, 115, 184, .22);--md-sys-color-chart-area-to: rgba(47, 115, 184, 0);--hero-banner-bg: linear-gradient(135deg, #CDE4F7 0%, #B6D6F2 45%, #8FBFE8 100%);--hero-banner-text: #06243F;--hero-banner-subtext: #0D3255;--hero-banner-pill-bg: #0D3255;--hero-banner-pill-text: #E9F2FA;--hero-banner-pill-icon: #B6D6F2;--hero-banner-tag-bg: rgba(13, 50, 85, .12);--hero-banner-tag-text: #062945;--hero-banner-blob-1: rgba(13, 50, 85, .07);--hero-banner-blob-2: rgba(255, 255, 255, .38);--hero-banner-arc: rgba(13, 50, 85, .16);--md-sys-color-inverse-primary: #7FC0F5}[data-accent=violet]{--md-sys-color-primary: #7048BE;--md-sys-color-primary-strong: #7048BE;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-primary-container: #D9C9F4;--md-sys-color-on-primary-container: #240D4C;--md-sys-color-primary-soft: #E4D8F8;--md-sys-color-chart-primary: #7048BE;--md-sys-color-chart-secondary: #A98AE0;--md-sys-color-chart-area-from: rgba(112, 72, 190, .22);--md-sys-color-chart-area-to: rgba(112, 72, 190, 0);--hero-banner-bg: linear-gradient(135deg, #E4D8F8 0%, #D9C9F4 45%, #B99EE9 100%);--hero-banner-text: #1E0A44;--hero-banner-subtext: #2C1259;--hero-banner-pill-bg: #2C1259;--hero-banner-pill-text: #F0EAFA;--hero-banner-pill-icon: #D9C9F4;--hero-banner-tag-bg: rgba(44, 18, 89, .12);--hero-banner-tag-text: #240D4C;--hero-banner-blob-1: rgba(44, 18, 89, .07);--hero-banner-blob-2: rgba(255, 255, 255, .38);--hero-banner-arc: rgba(44, 18, 89, .16);--md-sys-color-inverse-primary: #C0A3F5}[data-accent=orange]{--md-sys-color-primary: #A66220;--md-sys-color-primary-strong: #A66220;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-primary-container: #F7D5AE;--md-sys-color-on-primary-container: #422402;--md-sys-color-primary-soft: #FAE3C8;--md-sys-color-chart-primary: #B36A22;--md-sys-color-chart-secondary: #E7A257;--md-sys-color-chart-area-from: rgba(179, 106, 34, .22);--md-sys-color-chart-area-to: rgba(179, 106, 34, 0);--hero-banner-bg: linear-gradient(135deg, #FAE3C8 0%, #F7D5AE 45%, #F0BB80 100%);--hero-banner-text: #3A1F02;--hero-banner-subtext: #4E2C06;--hero-banner-pill-bg: #4E2C06;--hero-banner-pill-text: #FBF1E4;--hero-banner-pill-icon: #F7D5AE;--hero-banner-tag-bg: rgba(78, 44, 6, .12);--hero-banner-tag-text: #422402;--hero-banner-blob-1: rgba(78, 44, 6, .07);--hero-banner-blob-2: rgba(255, 255, 255, .38);--hero-banner-arc: rgba(78, 44, 6, .16);--md-sys-color-inverse-primary: #F0B472}[data-accent=rose]{--md-sys-color-primary: #B23A52;--md-sys-color-primary-strong: #B23A52;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-primary-container: #F5C3CE;--md-sys-color-on-primary-container: #470D1A;--md-sys-color-primary-soft: #F8D7DE;--md-sys-color-chart-primary: #B23A52;--md-sys-color-chart-secondary: #E27689;--md-sys-color-chart-area-from: rgba(178, 58, 82, .22);--md-sys-color-chart-area-to: rgba(178, 58, 82, 0);--hero-banner-bg: linear-gradient(135deg, #F8D7DE 0%, #F5C3CE 45%, #EC9AAB 100%);--hero-banner-text: #3F0A16;--hero-banner-subtext: #55101F;--hero-banner-pill-bg: #55101F;--hero-banner-pill-text: #FBEBEE;--hero-banner-pill-icon: #F5C3CE;--hero-banner-tag-bg: rgba(85, 16, 31, .12);--hero-banner-tag-text: #470D1A;--hero-banner-blob-1: rgba(85, 16, 31, .07);--hero-banner-blob-2: rgba(255, 255, 255, .38);--hero-banner-arc: rgba(85, 16, 31, .16);--md-sys-color-inverse-primary: #F0899E}[data-theme=dark][data-accent=lime],.dark[data-accent=lime]{--md-sys-color-primary: #9CEC5D;--md-sys-color-primary-strong: #9CEC5D;--md-sys-color-on-primary: #0F2A03;--md-sys-color-primary-container: #74AF42;--md-sys-color-on-primary-container: #0F2A03;--md-sys-color-primary-soft: #4C7526;--md-sys-color-chart-primary: #9CEC5D;--md-sys-color-chart-secondary: #6FAF39;--md-sys-color-chart-area-from: rgba(156, 236, 93, .22);--md-sys-color-chart-area-to: rgba(156, 236, 93, 0);--hero-banner-bg: linear-gradient(135deg, #3B4631 0%, #45691F 55%, #507B29 100%);--hero-banner-text: #EEF9E2;--hero-banner-subtext: #C7ECA2;--hero-banner-pill-bg: #9CEC5D;--hero-banner-pill-text: #0F2A03;--hero-banner-pill-icon: #0F2A03;--hero-banner-tag-bg: rgba(230, 240, 221, .14);--hero-banner-tag-text: #E6F0DD;--hero-banner-blob-1: rgba(156, 236, 93, .1);--hero-banner-blob-2: rgba(230, 240, 221, .06);--hero-banner-arc: rgba(199, 236, 162, .22);--md-sys-color-inverse-primary: #4E8C24}[data-theme=dark][data-accent=blue],.dark[data-accent=blue]{--md-sys-color-primary: #7FC0F5;--md-sys-color-primary-strong: #7FC0F5;--md-sys-color-on-primary: #05233D;--md-sys-color-primary-container: #2F5D89;--md-sys-color-on-primary-container: #DDEAF6;--md-sys-color-primary-soft: #234866;--md-sys-color-chart-primary: #7FC0F5;--md-sys-color-chart-secondary: #4E93CE;--md-sys-color-chart-area-from: rgba(127, 192, 245, .22);--md-sys-color-chart-area-to: rgba(127, 192, 245, 0);--hero-banner-bg: linear-gradient(135deg, #2A3A4C 0%, #234866 55%, #2F5D89 100%);--hero-banner-text: #EAF3FC;--hero-banner-subtext: #B6D6F2;--hero-banner-pill-bg: #7FC0F5;--hero-banner-pill-text: #05233D;--hero-banner-pill-icon: #05233D;--hero-banner-tag-bg: rgba(221, 234, 246, .14);--hero-banner-tag-text: #DDEAF6;--hero-banner-blob-1: rgba(127, 192, 245, .1);--hero-banner-blob-2: rgba(221, 234, 246, .06);--hero-banner-arc: rgba(182, 214, 242, .22);--md-sys-color-inverse-primary: #2F73B8}[data-theme=dark][data-accent=violet],.dark[data-accent=violet]{--md-sys-color-primary: #C0A3F5;--md-sys-color-primary-strong: #C0A3F5;--md-sys-color-on-primary: #1F0A44;--md-sys-color-primary-container: #5A4189;--md-sys-color-on-primary-container: #E8E0F6;--md-sys-color-primary-soft: #453166;--md-sys-color-chart-primary: #C0A3F5;--md-sys-color-chart-secondary: #8F6FCE;--md-sys-color-chart-area-from: rgba(192, 163, 245, .22);--md-sys-color-chart-area-to: rgba(192, 163, 245, 0);--hero-banner-bg: linear-gradient(135deg, #362B4A 0%, #453166 55%, #5A4189 100%);--hero-banner-text: #F2ECFC;--hero-banner-subtext: #D9C9F4;--hero-banner-pill-bg: #C0A3F5;--hero-banner-pill-text: #1F0A44;--hero-banner-pill-icon: #1F0A44;--hero-banner-tag-bg: rgba(232, 224, 246, .14);--hero-banner-tag-text: #E8E0F6;--hero-banner-blob-1: rgba(192, 163, 245, .1);--hero-banner-blob-2: rgba(232, 224, 246, .06);--hero-banner-arc: rgba(217, 201, 244, .22);--md-sys-color-inverse-primary: #7048BE}[data-theme=dark][data-accent=orange],.dark[data-accent=orange]{--md-sys-color-primary: #F0B472;--md-sys-color-primary-strong: #F0B472;--md-sys-color-on-primary: #3B1F02;--md-sys-color-primary-container: #8A5C24;--md-sys-color-on-primary-container: #F5EADE;--md-sys-color-primary-soft: #66431A;--md-sys-color-chart-primary: #F0B472;--md-sys-color-chart-secondary: #C4863C;--md-sys-color-chart-area-from: rgba(240, 180, 114, .22);--md-sys-color-chart-area-to: rgba(240, 180, 114, 0);--hero-banner-bg: linear-gradient(135deg, #443628 0%, #66431A 55%, #8A5C24 100%);--hero-banner-text: #FCF3E9;--hero-banner-subtext: #F7D5AE;--hero-banner-pill-bg: #F0B472;--hero-banner-pill-text: #3B1F02;--hero-banner-pill-icon: #3B1F02;--hero-banner-tag-bg: rgba(245, 234, 222, .14);--hero-banner-tag-text: #F5EADE;--hero-banner-blob-1: rgba(240, 180, 114, .1);--hero-banner-blob-2: rgba(245, 234, 222, .06);--hero-banner-arc: rgba(247, 213, 174, .22);--md-sys-color-inverse-primary: #B36A22}[data-theme=dark][data-accent=rose],.dark[data-accent=rose]{--md-sys-color-primary: #F0899E;--md-sys-color-primary-strong: #F0899E;--md-sys-color-on-primary: #400A18;--md-sys-color-primary-container: #8A3548;--md-sys-color-on-primary-container: #F6E1E6;--md-sys-color-primary-soft: #662734;--md-sys-color-chart-primary: #F0899E;--md-sys-color-chart-secondary: #C4566E;--md-sys-color-chart-area-from: rgba(240, 137, 158, .22);--md-sys-color-chart-area-to: rgba(240, 137, 158, 0);--hero-banner-bg: linear-gradient(135deg, #442A33 0%, #662734 55%, #8A3548 100%);--hero-banner-text: #FCECEF;--hero-banner-subtext: #F5C3CE;--hero-banner-pill-bg: #F0899E;--hero-banner-pill-text: #400A18;--hero-banner-pill-icon: #400A18;--hero-banner-tag-bg: rgba(246, 225, 230, .14);--hero-banner-tag-text: #F6E1E6;--hero-banner-blob-1: rgba(240, 137, 158, .1);--hero-banner-blob-2: rgba(246, 225, 230, .06);--hero-banner-arc: rgba(245, 195, 206, .22);--md-sys-color-inverse-primary: #B23A52}/**
 * @license MIT
 * Morphic Design System — Shape & Elevation Tokens
 *
 * Spec: Morphic-Design-System-adjusted.md
 *   §7  Shape System — the rounded scale, one of the strongest visual traits
 *   §21 Elevation    — extremely subtle, two soft layers
 *   §32 Anti-Patterns — no heavy shadows, no random border radii
 *
 * §21: "Most dashboard cards should rely on surface contrast + border."
 * Elevation is reserved for floating menus, dropdowns, dialogs, hover states,
 * and selected floating elements — not for every card in the grid.
 */:root{--md-sys-elevation-level0: none;--md-sys-elevation-level1: 0 1px 2px rgba(21, 33, 11, .04), 0 4px 12px rgba(21, 33, 11, .04);--md-sys-elevation-level2: 0 1px 2px rgba(21, 33, 11, .05), 0 6px 18px rgba(21, 33, 11, .06);--md-sys-elevation-level3: 0 2px 4px rgba(21, 33, 11, .06), 0 10px 28px rgba(21, 33, 11, .08);--md-sys-elevation-level4: 0 2px 6px rgba(21, 33, 11, .07), 0 16px 40px rgba(21, 33, 11, .1);--md-sys-elevation-level5: 0 4px 10px rgba(21, 33, 11, .08), 0 24px 56px rgba(21, 33, 11, .12);--radius-none: 0px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 22px;--radius-hero: 28px;--radius-pill: 999px;--md-sys-shape-corner-none: var(--radius-none);--md-sys-shape-corner-extra-small: var(--radius-xs);--md-sys-shape-corner-small: var(--radius-sm);--md-sys-shape-corner-medium: var(--radius-md);--md-sys-shape-corner-large: var(--radius-lg);--md-sys-shape-corner-extra-large: var(--radius-xl);--md-sys-shape-corner-hero: var(--radius-hero);--md-sys-shape-corner-full: var(--radius-pill)}[data-theme=dark],.dark{--md-sys-elevation-level1: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .24);--md-sys-elevation-level2: 0 1px 2px rgba(0, 0, 0, .36), 0 6px 18px rgba(0, 0, 0, .3);--md-sys-elevation-level3: 0 2px 4px rgba(0, 0, 0, .4), 0 10px 28px rgba(0, 0, 0, .36);--md-sys-elevation-level4: 0 2px 6px rgba(0, 0, 0, .46), 0 16px 40px rgba(0, 0, 0, .42);--md-sys-elevation-level5: 0 4px 10px rgba(0, 0, 0, .52), 0 24px 56px rgba(0, 0, 0, .5)}:root{--md-sys-motion-easing-linear: cubic-bezier(0, 0, 1, 1);--md-sys-motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-standard-decelerate: cubic-bezier(0, 0, .2, 1);--md-sys-motion-easing-standard-accelerate: cubic-bezier(.3, 0, 1, 1);--md-sys-motion-easing-emphasized: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-emphasized-decelerate: cubic-bezier(.05, .7, .1, 1);--md-sys-motion-easing-emphasized-accelerate: cubic-bezier(.3, 0, .8, .15);--md-sys-motion-duration-short-1: 50ms;--md-sys-motion-duration-short-2: .1s;--md-sys-motion-duration-short-3: .15s;--md-sys-motion-duration-short-4: .2s;--md-sys-motion-duration-medium-1: .25s;--md-sys-motion-duration-medium-2: .3s;--md-sys-motion-duration-medium-3: .35s;--md-sys-motion-duration-medium-4: .4s;--md-sys-motion-duration-long-1: .45s;--md-sys-motion-duration-long-2: .5s;--md-sys-motion-duration-long-3: .55s;--md-sys-motion-duration-long-4: .6s;--md-sys-motion-duration-extra-long-1: .7s;--md-sys-motion-duration-extra-long-2: .8s;--md-sys-motion-duration-extra-long-3: .9s;--md-sys-motion-duration-extra-long-4: 1s;--md-sys-motion-transition-fade: opacity var(--md-sys-motion-duration-short-3) var(--md-sys-motion-easing-linear);--md-sys-motion-transition-state-layer: background-color var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-linear), opacity var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-linear)}.m3-motion-state-layer{transition:var(--md-sys-motion-transition-state-layer)}.m3-dialog-enter{opacity:1;transform:scale(1);transition:transform var(--md-sys-motion-duration-medium-3) var(--md-sys-motion-easing-emphasized-decelerate),opacity var(--md-sys-motion-duration-medium-3) var(--md-sys-motion-easing-emphasized-decelerate)}.m3-dialog-exit{opacity:0;transform:scale(.9);transition:transform var(--md-sys-motion-duration-short-4) var(--md-sys-motion-easing-emphasized-accelerate),opacity var(--md-sys-motion-duration-short-4) var(--md-sys-motion-easing-emphasized-accelerate)}.m3-sheet-enter{transform:translateY(0);transition:transform var(--md-sys-motion-duration-long-1) var(--md-sys-motion-easing-emphasized-decelerate)}.m3-sheet-exit{transform:translateY(100%);transition:transform var(--md-sys-motion-duration-medium-2) var(--md-sys-motion-easing-emphasized-accelerate)}.m3-scrim-enter{opacity:.32;transition:opacity var(--md-sys-motion-duration-medium-2) var(--md-sys-motion-easing-linear)}.m3-scrim-exit{opacity:0;transition:opacity var(--md-sys-motion-duration-short-4) var(--md-sys-motion-easing-linear)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.m3-dialog-enter,.m3-dialog-exit,.m3-sheet-enter,.m3-sheet-exit,.m3-scrim-enter,.m3-scrim-exit{transform:none!important;transition:opacity var(--md-sys-motion-duration-short-3) linear!important}}/**
 * @license MIT
 * Morphic Design System — Public Design Token Contract
 *
 * Spec: Morphic-Design-System-adjusted.md §8 "Design Token Contract"
 *
 *   Component  →  Semantic Token  →  Theme  →  Actual Colour        (§6)
 *
 * This is the SHORT, framework-independent, AI-readable alias layer the spec
 * writes its examples against:
 *
 *     var(--color-primary)   var(--space-4)   var(--radius-md)
 *     var(--elevation-1)     var(--motion-standard)
 *
 * Everything here is an alias onto the `--md-sys-*` tokens. Aliases carry no
 * literal values of their own, so a theme override in themes.css automatically
 * flows through both naming schemes. Components may use either name; new code
 * should prefer these short names.
 *
 * NEVER put a raw value in a component. §6:
 *     Bad        background: #6FAF39;
 *     Preferred  background: var(--color-primary);
 */:root{--color-primary: var(--md-sys-color-primary);--color-primary-strong: var(--md-sys-color-primary-strong);--color-on-primary: var(--md-sys-color-on-primary);--color-primary-container: var(--md-sys-color-primary-container);--color-on-primary-container: var(--md-sys-color-on-primary-container);--color-primary-soft: var(--md-sys-color-primary-soft);--color-secondary: var(--md-sys-color-secondary);--color-on-secondary: var(--md-sys-color-on-secondary);--color-secondary-container: var(--md-sys-color-secondary-container);--color-on-secondary-container: var(--md-sys-color-on-secondary-container);--color-tertiary: var(--md-sys-color-tertiary);--color-on-tertiary: var(--md-sys-color-on-tertiary);--color-tertiary-container: var(--md-sys-color-tertiary-container);--color-on-tertiary-container: var(--md-sys-color-on-tertiary-container);--color-background: var(--md-sys-color-background);--color-on-background: var(--md-sys-color-on-background);--color-surface: var(--md-sys-color-surface);--color-on-surface: var(--md-sys-color-on-surface);--color-on-surface-variant: var(--md-sys-color-on-surface-variant);--color-on-surface-muted: var(--md-sys-color-on-surface-variant);--color-surface-variant: var(--md-sys-color-surface-variant);--color-surface-container-lowest: var(--md-sys-color-surface-container-lowest);--color-surface-container-low: var(--md-sys-color-surface-container-low);--color-surface-container: var(--md-sys-color-surface-container);--color-surface-container-high: var(--md-sys-color-surface-container-high);--color-surface-container-highest: var(--md-sys-color-surface-container-highest);--color-outline: var(--md-sys-color-outline);--color-outline-variant: var(--md-sys-color-outline-variant);--color-border: var(--md-sys-color-border);--color-success: var(--md-sys-color-success);--color-on-success: var(--md-sys-color-on-success);--color-success-container: var(--md-sys-color-success-container);--color-on-success-container: var(--md-sys-color-on-success-container);--color-warning: var(--md-sys-color-warning);--color-on-warning: var(--md-sys-color-on-warning);--color-warning-container: var(--md-sys-color-warning-container);--color-on-warning-container: var(--md-sys-color-on-warning-container);--color-error: var(--md-sys-color-error);--color-on-error: var(--md-sys-color-on-error);--color-error-container: var(--md-sys-color-error-container);--color-on-error-container: var(--md-sys-color-on-error-container);--color-info: var(--md-sys-color-info);--color-on-info: var(--md-sys-color-on-info);--color-info-container: var(--md-sys-color-info-container);--color-on-info-container: var(--md-sys-color-on-info-container);--color-chart-primary: var(--md-sys-color-chart-primary);--color-chart-secondary: var(--md-sys-color-chart-secondary);--color-chart-tertiary: var(--md-sys-color-chart-tertiary);--color-chart-quaternary: var(--md-sys-color-chart-quaternary);--color-chart-neutral: var(--md-sys-color-chart-neutral);--color-chart-grid: var(--md-sys-color-chart-grid);--color-chart-axis: var(--md-sys-color-chart-axis);--color-chart-area-from: var(--md-sys-color-chart-area-from);--color-chart-area-to: var(--md-sys-color-chart-area-to);--color-inverse-surface: var(--md-sys-color-inverse-surface);--color-inverse-on-surface: var(--md-sys-color-inverse-on-surface);--color-inverse-primary: var(--md-sys-color-inverse-primary);--color-scrim: var(--md-sys-color-scrim);--color-on-media: var(--md-sys-color-on-media);--color-media-scrim: var(--md-sys-color-media-scrim);--space-1: var(--md-sys-spacing-1);--space-2: var(--md-sys-spacing-2);--space-3: var(--md-sys-spacing-3);--space-4: var(--md-sys-spacing-4);--space-5: var(--md-sys-spacing-5);--space-6: var(--md-sys-spacing-6);--space-8: var(--md-sys-spacing-8);--space-10: var(--md-sys-spacing-10);--space-12: var(--md-sys-spacing-12);--gap-card: var(--md-sys-gap-card);--gap-section: var(--md-sys-gap-section);--padding-page: var(--md-sys-padding-page);--padding-card: var(--md-sys-padding-card);--elevation-0: var(--md-sys-elevation-level0);--elevation-1: var(--md-sys-elevation-level1);--elevation-2: var(--md-sys-elevation-level2);--elevation-3: var(--md-sys-elevation-level3);--elevation-4: var(--md-sys-elevation-level4);--elevation-5: var(--md-sys-elevation-level5);--motion-easing-standard: var(--md-sys-motion-easing-standard);--motion-easing-emphasized: var(--md-sys-motion-easing-emphasized);--motion-easing-decelerate: var(--md-sys-motion-easing-emphasized-decelerate);--motion-easing-accelerate: var(--md-sys-motion-easing-emphasized-accelerate);--motion-duration-hover: .14s;--motion-duration-button: .16s;--motion-duration-card: .2s;--motion-duration-modal: .25s;--motion-duration-page: .3s;--motion-duration-chart: .55s;--motion-fast: var(--motion-duration-hover) var(--motion-easing-standard);--motion-standard: var(--motion-duration-card) var(--motion-easing-standard);--motion-emphasized: var(--motion-duration-modal) var(--motion-easing-emphasized);--font-family: var(--md-sys-typescale-font-family);--font-size-page-title: var(--md-sys-typescale-page-title-size);--font-size-section-title: var(--md-sys-typescale-section-title-size);--font-size-metric: var(--md-sys-typescale-metric-size);--font-size-body: var(--md-sys-typescale-body-size);--font-size-meta: var(--md-sys-typescale-meta-size);--font-size-nav: var(--md-sys-typescale-nav-size);--font-size-label: var(--md-sys-typescale-label-size);--radius-card: var(--radius-xl);--radius-card-nested: var(--radius-lg);--radius-chart: var(--radius-xl);--radius-table: var(--radius-lg);--radius-input: var(--radius-md);--radius-button: var(--radius-md);--radius-badge: var(--radius-pill);--radius-overlay: var(--radius-lg)}*,*:before,*:after{box-sizing:border-box}body,html{margin:0;padding:0;font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--md-sys-typescale-body-line-height);background-color:var(--color-background);color:var(--color-on-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"tnum" on,"lnum" on;transition:background-color var(--motion-standard),color var(--motion-standard)}:focus-visible{outline:var(--md-sys-a11y-focus-ring-width) solid var(--color-primary-strong);outline-offset:var(--md-sys-a11y-focus-ring-offset);border-radius:inherit}.morphic-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-outline-variant);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--color-outline)}.morphic-card{background-color:var(--color-surface);border:var(--md-sys-border-width) solid var(--color-border);border-radius:var(--radius-card);padding:var(--padding-card);box-shadow:var(--elevation-0);transition:transform var(--motion-standard),background-color var(--motion-standard),border-color var(--motion-standard),box-shadow var(--motion-standard)}.morphic-card:hover{background-color:var(--color-surface-container-low);border-color:var(--color-outline-variant);box-shadow:var(--elevation-1);transform:translateY(-1px)}.morphic-card--nested{background-color:var(--color-surface-container);border-radius:var(--radius-card-nested);padding:var(--md-sys-padding-card-compact)}.morphic-card--flat:hover{transform:none;box-shadow:var(--elevation-0)}.morphic-surface{background-color:var(--color-surface);color:var(--color-on-surface);border-radius:var(--radius-card)}.morphic-surface--sunken{background-color:var(--color-surface-container-lowest)}.morphic-surface--raised{background-color:var(--color-surface-container)}.morphic-hero-surface{background:var(--hero-banner-bg);color:var(--hero-banner-text);border-radius:var(--radius-hero);padding:var(--md-sys-padding-card-hero);position:relative;overflow:hidden;box-shadow:var(--elevation-1)}.morphic-hero-decor{position:absolute;pointer-events:none;border-radius:var(--radius-pill)}.morphic-header{min-height:var(--md-sys-layout-header-height);background-color:var(--color-background);border-bottom:var(--md-sys-border-width) solid var(--color-border);z-index:var(--md-sys-z-header);transition:background-color var(--motion-standard),border-color var(--motion-standard)}.morphic-header--sticky{position:sticky;top:0}.morphic-sidebar{width:var(--md-sys-layout-sidebar-expanded);background-color:var(--color-background);border-right:var(--md-sys-border-width) solid var(--color-border);transition:width var(--motion-standard),background-color var(--motion-standard)}.morphic-sidebar--collapsed{width:var(--md-sys-layout-sidebar-collapsed)}.morphic-nav-item{display:flex;align-items:center;gap:var(--space-3);min-height:var(--md-sys-density-control-height);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-nav);font-weight:var(--md-sys-typescale-nav-weight);color:var(--color-on-surface-variant);background-color:transparent;transition:background-color var(--motion-fast),color var(--motion-fast)}.morphic-nav-item:hover{background-color:var(--color-surface-container);color:var(--color-on-surface)}.morphic-nav-item[aria-current],.morphic-nav-item--selected{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.morphic-disabled,[aria-disabled=true]{opacity:var(--md-sys-opacity-disabled);pointer-events:none}.morphic-glass-header{background-color:var(--color-background);border-bottom:var(--md-sys-border-width) solid var(--color-border)}@media (prefers-reduced-motion: reduce){.morphic-card:hover,.morphic-morphic-card:hover{transform:none}}.factory-vision-hero-card{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 36px;min-height:140px;position:relative;overflow:hidden;border-radius:var(--radius-hero, 28px)}.hero-card-left{flex:1 1 auto;max-width:640px;position:relative;z-index:3}.hero-card-title{margin:0 0 8px;font-size:clamp(22px,2.6vw,28px);font-weight:800;letter-spacing:-.025em;line-height:1.2}.hero-card-subtitle{margin:0;font-size:14px;font-weight:500;line-height:1.5;max-width:580px}.hero-card-right{position:relative;z-index:3;flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:12px}.hero-card-actions{display:flex;gap:10px;align-items:center}@media (max-width: 768px){.factory-vision-hero-card{flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:20px!important;padding:24px 20px!important}.hero-card-left{max-width:100%!important;width:100%!important}.hero-card-title{font-size:22px!important}.hero-card-right{width:100%!important;align-items:flex-start!important;margin-left:0!important;gap:12px!important}.hero-card-actions{flex-wrap:wrap!important;width:100%!important}}.morphic-grid{display:grid;width:100%}@media (max-width: 1024px){.morphic-grid[data-cols="4"],.morphic-grid[data-cols="5"],.morphic-grid[data-cols="6"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width: 640px){.morphic-grid,.morphic-split-layout{grid-template-columns:1fr!important}.morphic-glass-header{padding:0 16px!important}.morphic-container{padding-left:16px!important;padding-right:16px!important}}.morphic-table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg)}.morphic-table-container table{min-width:600px}.mobile-nav-toggle{display:none!important}.showcase-sidebar-desktop{display:flex!important}.showcase-main-content{flex:1;padding:clamp(20px,3vw,44px);max-width:1200px;width:100%;box-sizing:border-box;overflow-x:hidden}@media (max-width: 1024px){.mobile-nav-toggle{display:flex!important}.showcase-sidebar-desktop{display:none!important}.morphic-glass-header{height:auto!important;min-height:64px!important;padding:12px 16px!important;flex-wrap:wrap!important;gap:12px!important}.showcase-main-content{padding:20px 16px!important}}:root{color-scheme:light;--md-sys-color-primary: #0A4174;--md-sys-color-primary-strong: #0A4174;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-primary-container: #BDD8E9;--md-sys-color-on-primary-container: #001D39;--md-sys-color-primary-soft: #D7E8F3;--md-sys-color-secondary: #49769F;--md-sys-color-on-secondary: #FFFFFF;--md-sys-color-secondary-container: #D3E3EE;--md-sys-color-on-secondary-container: #123350;--md-sys-color-tertiary: #3C7284;--md-sys-color-on-tertiary: #FFFFFF;--md-sys-color-tertiary-container: #CFE4EC;--md-sys-color-on-tertiary-container: #0C2B35;--md-sys-color-success: #2FA968;--md-sys-color-on-success: #FFFFFF;--md-sys-color-success-container: #C9E9D7;--md-sys-color-on-success-container: #05301C;--md-sys-color-warning: #9A5B12;--md-sys-color-on-warning: #FFFFFF;--md-sys-color-warning-container: #F6DDBD;--md-sys-color-on-warning-container: #402203;--md-sys-color-error: #B3261E;--md-sys-color-on-error: #FFFFFF;--md-sys-color-error-container: #F9D8D4;--md-sys-color-on-error-container: #470E0A;--md-sys-color-info: #2A6E96;--md-sys-color-on-info: #FFFFFF;--md-sys-color-info-container: #CBE6F4;--md-sys-color-on-info-container: #062A3E;--md-sys-color-background: #F1F3F5;--md-sys-color-on-background: #16191C;--md-sys-color-surface: #FFFFFF;--md-sys-color-on-surface: #16191C;--md-sys-color-on-surface-variant: #565C62;--md-sys-color-surface-variant: #F3F5F7;--md-sys-color-surface-container-lowest: #FFFFFF;--md-sys-color-surface-container-low: #FAFBFC;--md-sys-color-surface-container: #F3F5F7;--md-sys-color-surface-container-high: #E8EBEE;--md-sys-color-surface-container-highest: #DDE1E5;--md-sys-color-outline: #7A8087;--md-sys-color-outline-variant: #DADDE0;--md-sys-color-border: #DADDE0;--md-sys-color-chart-primary: #0A4174;--md-sys-color-chart-secondary: #49769F;--md-sys-color-chart-tertiary: #4E8EA2;--md-sys-color-chart-quaternary: #7BBDE8;--md-sys-color-chart-neutral: #6EA2B3;--md-sys-color-chart-grid: rgba(22, 25, 28, .08);--md-sys-color-chart-axis: #7A8087;--md-sys-color-chart-area-from: rgba(10, 65, 116, .22);--md-sys-color-chart-area-to: rgba(10, 65, 116, 0);--hero-banner-bg: linear-gradient(135deg, #D7E8F3 0%, #BDD8E9 45%, #7BBDE8 100%);--hero-banner-text: #001D39;--hero-banner-subtext: #0A4174;--hero-banner-pill-bg: #0A4174;--hero-banner-pill-text: #EAF3FA;--hero-banner-pill-icon: #BDD8E9;--hero-banner-tag-bg: rgba(10, 65, 116, .12);--hero-banner-tag-text: #001D39;--hero-banner-blob-1: rgba(10, 65, 116, .07);--hero-banner-blob-2: rgba(255, 255, 255, .38);--hero-banner-arc: rgba(10, 65, 116, .16);--md-sys-color-inverse-surface: #292D31;--md-sys-color-inverse-on-surface: #F1F3F5;--md-sys-color-inverse-primary: #7BBDE8;--md-sys-color-scrim: rgba(0, 0, 0, .42)}:root[data-theme=dark],:root.dark{color-scheme:dark;--md-sys-color-primary: #7BBDE8;--md-sys-color-primary-strong: #7BBDE8;--md-sys-color-on-primary: #001D39;--md-sys-color-primary-container: #14568F;--md-sys-color-on-primary-container: #D6E9F7;--md-sys-color-primary-soft: #0A4174;--md-sys-color-secondary: #93B7D6;--md-sys-color-on-secondary: #002944;--md-sys-color-secondary-container: #2A5378;--md-sys-color-on-secondary-container: #D4E5F2;--md-sys-color-tertiary: #6EA2B3;--md-sys-color-on-tertiary: #052730;--md-sys-color-tertiary-container: #2C5F70;--md-sys-color-on-tertiary-container: #CFE6EE;--md-sys-color-success: #6FD39B;--md-sys-color-on-success: #003820;--md-sys-color-success-container: #1C5238;--md-sys-color-on-success-container: #C9F0DA;--md-sys-color-warning: #E7A257;--md-sys-color-on-warning: #3A1F02;--md-sys-color-warning-container: #5C3A12;--md-sys-color-on-warning-container: #F7DEC0;--md-sys-color-error: #FF897D;--md-sys-color-on-error: #4A0F09;--md-sys-color-error-container: #7A2119;--md-sys-color-on-error-container: #FFDAD4;--md-sys-color-info: #7BBDE8;--md-sys-color-on-info: #001D39;--md-sys-color-info-container: #1B4C74;--md-sys-color-on-info-container: #CFE6F7;--md-sys-color-background: #101214;--md-sys-color-on-background: #E7E9EA;--md-sys-color-surface: #17191C;--md-sys-color-on-surface: #E7E9EA;--md-sys-color-on-surface-variant: #A8ADB3;--md-sys-color-surface-variant: #202327;--md-sys-color-surface-container-lowest: #0B0C0E;--md-sys-color-surface-container-low: #17191C;--md-sys-color-surface-container: #202327;--md-sys-color-surface-container-high: #2B2E33;--md-sys-color-surface-container-highest: #383B41;--md-sys-color-outline: #8B9098;--md-sys-color-outline-variant: #2B2E33;--md-sys-color-border: #2B2E33;--md-sys-color-chart-primary: #7BBDE8;--md-sys-color-chart-secondary: #4E8EA2;--md-sys-color-chart-tertiary: #6EA2B3;--md-sys-color-chart-quaternary: #BDD8E9;--md-sys-color-chart-neutral: #49769F;--md-sys-color-chart-grid: rgba(231, 233, 234, .08);--md-sys-color-chart-axis: #8B9098;--md-sys-color-chart-area-from: rgba(123, 189, 232, .22);--md-sys-color-chart-area-to: rgba(123, 189, 232, 0);--hero-banner-bg: linear-gradient(135deg, #0B3358 0%, #0A4174 55%, #185285 100%);--hero-banner-text: #EAF3FB;--hero-banner-subtext: #BDD8E9;--hero-banner-pill-bg: #7BBDE8;--hero-banner-pill-text: #001D39;--hero-banner-pill-icon: #001D39;--hero-banner-tag-bg: rgba(222, 234, 244, .14);--hero-banner-tag-text: #E7E9EA;--hero-banner-blob-1: rgba(123, 189, 232, .1);--hero-banner-blob-2: rgba(231, 233, 234, .06);--hero-banner-arc: rgba(189, 216, 233, .22);--md-sys-color-inverse-surface: #E7E9EA;--md-sys-color-inverse-on-surface: #16191C;--md-sys-color-inverse-primary: #0A4174;--md-sys-color-scrim: rgba(0, 0, 0, .72)}.morphic-advanced-table thead tr{background-color:var(--color-primary)!important}.morphic-advanced-table thead th{color:var(--color-on-primary)!important}.morphic-advanced-table thead .m3-checkbox>div{border-color:var(--color-on-primary)!important}.morphic-advanced-table thead th [class*=material-symbols-]{color:var(--color-on-primary)!important}.fv-gauge svg circle{stroke-linecap:butt!important}.fv-gauge--empty svg circle:nth-of-type(2){display:none}.morphic-advanced-table th:first-child:has(>.m3-checkbox),.morphic-advanced-table td:first-child:has(>.m3-checkbox){padding-left:20px!important;padding-right:12px!important}