@charset "UTF-8";@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:300;src:url(/assets/fonts/roboto/roboto-v51-latin-ext-300.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/assets/fonts/roboto/roboto-v51-latin-ext-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:url(/assets/fonts/roboto/roboto-v51-latin-ext-500.woff2) format("woff2")}html{height:100%}body{background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0;height:100%}body.theme-dark{color-scheme:dark;--fob-font-body: "Work Sans", system-ui, sans-serif;--fob-font-heading: "Inter", "Work Sans", system-ui, sans-serif;--mat-sys-background: rgb(2.64, 3.24, 4.08);--mat-sys-error: rgb(227.4, 163.4, 163.4);--mat-sys-error-container: rgb(111.6, 15.6, 15.6);--mat-sys-inverse-on-surface: rgb(8.8, 10.8, 13.6);--mat-sys-inverse-primary: rgb(204, 85.6, 0);--mat-sys-inverse-surface: rgb(208.4, 209.4, 210.8);--mat-sys-on-background: rgb(208.4, 209.4, 210.8);--mat-sys-on-error: rgb(74.4, 10.4, 10.4);--mat-sys-on-error-container: rgb(241.2, 209.2, 209.2);--mat-sys-on-primary: rgb(102, 42.8, 0);--mat-sys-on-primary-container: rgb(255, 225.4, 204);--mat-sys-on-primary-fixed: rgb(51, 21.4, 0);--mat-sys-on-primary-fixed-variant: rgb(153, 64.2, 0);--mat-sys-on-secondary: rgb(0, 65.2, 102);--mat-sys-on-secondary-container: rgb(204, 236.6, 255);--mat-sys-on-secondary-fixed: rgb(0, 32.6, 51);--mat-sys-on-secondary-fixed-variant: rgb(0, 97.8, 153);--mat-sys-on-surface: rgb(208.4, 209.4, 210.8);--mat-sys-on-surface-variant: rgb(212.8, 214.4, 216.8);--mat-sys-on-tertiary: rgb(96.4, 78.4, 6);--mat-sys-on-tertiary-container: rgb(252.2, 243.2, 207);--mat-sys-on-tertiary-fixed: rgb(48.2, 39.2, 3);--mat-sys-on-tertiary-fixed-variant: rgb(144.6, 117.6, 9);--mat-sys-outline: rgb(86.2, 92.6, 102.2);--mat-sys-outline-variant: rgb(26.4, 31.2, 38.4);--mat-sys-primary: rgb(255, 195.8, 153);--mat-sys-primary-container: rgb(153, 64.2, 0);--mat-sys-primary-fixed: rgb(255, 225.4, 204);--mat-sys-primary-fixed-dim: rgb(255, 195.8, 153);--mat-sys-scrim: black;--mat-sys-secondary: rgb(153, 218.2, 255);--mat-sys-secondary-container: rgb(0, 97.8, 153);--mat-sys-secondary-fixed: rgb(204, 236.6, 255);--mat-sys-secondary-fixed-dim: rgb(153, 218.2, 255);--mat-sys-shadow: black;--mat-sys-surface: rgb(2.64, 3.24, 4.08);--mat-sys-surface-bright: rgb(10.56, 12.96, 16.32);--mat-sys-surface-container: rgb(5.28, 6.48, 8.16);--mat-sys-surface-container-high: rgb(7.48, 9.18, 11.56);--mat-sys-surface-container-highest: rgb(9.68, 11.88, 14.96);--mat-sys-surface-container-low: rgb(4.4, 5.4, 6.8);--mat-sys-surface-container-lowest: rgb(1.76, 2.16, 2.72);--mat-sys-surface-dim: rgb(2.64, 3.24, 4.08);--mat-sys-surface-tint: rgb(255, 195.8, 153);--mat-sys-surface-variant: rgb(26.4, 31.2, 38.4);--mat-sys-tertiary: rgb(249.4, 231.4, 159);--mat-sys-tertiary-container: rgb(144.6, 117.6, 9);--mat-sys-tertiary-fixed: rgb(252.2, 243.2, 207);--mat-sys-tertiary-fixed-dim: rgb(249.4, 231.4, 159);--mat-sys-neutral-variant20: rgb(17.6, 20.8, 25.6);--mat-sys-neutral10: rgb(4.4, 5.4, 6.8);--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Work Sans;--mat-sys-body-large-font: Work Sans;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Work Sans;--mat-sys-body-medium-font: Work Sans;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Work Sans;--mat-sys-body-small-font: Work Sans;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Work Sans;--mat-sys-display-large-font: Work Sans;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Work Sans;--mat-sys-display-medium-font: Work Sans;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Work Sans;--mat-sys-display-small-font: Work Sans;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Work Sans;--mat-sys-headline-large-font: Work Sans;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Work Sans;--mat-sys-headline-medium-font: Work Sans;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Work Sans;--mat-sys-headline-small-font: Work Sans;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Work Sans;--mat-sys-label-large-font: Work Sans;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Work Sans;--mat-sys-label-medium-font: Work Sans;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Work Sans;--mat-sys-label-small-font: Work Sans;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Work Sans;--mat-sys-title-large-font: Work Sans;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Work Sans;--mat-sys-title-medium-font: Work Sans;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Work Sans;--mat-sys-title-small-font: Work Sans;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body.theme-light{color-scheme:light;--fob-font-body: "Work Sans", system-ui, sans-serif;--fob-font-heading: "Inter", "Work Sans", system-ui, sans-serif;--mat-sys-background: rgb(245.68, 245.88, 246.16);--mat-sys-error: rgb(148.8, 20.8, 20.8);--mat-sys-error-container: rgb(241.2, 209.2, 209.2);--mat-sys-inverse-on-surface: rgb(231.7, 232.2, 232.9);--mat-sys-inverse-primary: rgb(255, 195.8, 153);--mat-sys-inverse-surface: rgb(8.8, 10.8, 13.6);--mat-sys-on-background: rgb(4.4, 5.4, 6.8);--mat-sys-on-error: white;--mat-sys-on-error-container: rgb(111.6, 15.6, 15.6);--mat-sys-on-primary: white;--mat-sys-on-primary-container: rgb(153, 64.2, 0);--mat-sys-on-primary-fixed: rgb(51, 21.4, 0);--mat-sys-on-primary-fixed-variant: rgb(153, 64.2, 0);--mat-sys-on-secondary: white;--mat-sys-on-secondary-container: rgb(0, 97.8, 153);--mat-sys-on-secondary-fixed: rgb(0, 32.6, 51);--mat-sys-on-secondary-fixed-variant: rgb(0, 97.8, 153);--mat-sys-on-surface: rgb(4.4, 5.4, 6.8);--mat-sys-on-surface-variant: rgb(26.4, 31.2, 38.4);--mat-sys-on-tertiary: white;--mat-sys-on-tertiary-container: rgb(144.6, 117.6, 9);--mat-sys-on-tertiary-fixed: rgb(48.2, 39.2, 3);--mat-sys-on-tertiary-fixed-variant: rgb(144.6, 117.6, 9);--mat-sys-outline: #2c3440;--mat-sys-outline-variant: rgb(170.6, 173.8, 178.6);--mat-sys-primary: rgb(204, 85.6, 0);--mat-sys-primary-container: rgb(255, 225.4, 204);--mat-sys-primary-fixed: rgb(255, 225.4, 204);--mat-sys-primary-fixed-dim: rgb(255, 195.8, 153);--mat-sys-scrim: black;--mat-sys-secondary: rgb(0, 130.4, 204);--mat-sys-secondary-container: rgb(204, 236.6, 255);--mat-sys-secondary-fixed: rgb(204, 236.6, 255);--mat-sys-secondary-fixed-dim: rgb(153, 218.2, 255);--mat-sys-shadow: black;--mat-sys-surface: rgb(245.68, 245.88, 246.16);--mat-sys-surface-bright: rgb(245.68, 245.88, 246.16);--mat-sys-surface-container: rgb(227.04, 227.64, 228.48);--mat-sys-surface-container-high: rgb(217.72, 218.52, 219.64);--mat-sys-surface-container-highest: rgb(208.4, 209.4, 210.8);--mat-sys-surface-container-low: rgb(236.36, 236.76, 237.32);--mat-sys-surface-container-lowest: white;--mat-sys-surface-dim: rgb(194.42, 195.72, 197.54);--mat-sys-surface-tint: rgb(204, 85.6, 0);--mat-sys-surface-variant: rgb(212.8, 214.4, 216.8);--mat-sys-tertiary: rgb(192.8, 156.8, 12);--mat-sys-tertiary-container: rgb(252.2, 243.2, 207);--mat-sys-tertiary-fixed: rgb(252.2, 243.2, 207);--mat-sys-tertiary-fixed-dim: rgb(249.4, 231.4, 159);--mat-sys-neutral-variant20: rgb(17.6, 20.8, 25.6);--mat-sys-neutral10: rgb(4.4, 5.4, 6.8);--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Work Sans;--mat-sys-body-large-font: Work Sans;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Work Sans;--mat-sys-body-medium-font: Work Sans;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Work Sans;--mat-sys-body-small-font: Work Sans;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Work Sans;--mat-sys-display-large-font: Work Sans;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Work Sans;--mat-sys-display-medium-font: Work Sans;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Work Sans;--mat-sys-display-small-font: Work Sans;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Work Sans;--mat-sys-headline-large-font: Work Sans;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Work Sans;--mat-sys-headline-medium-font: Work Sans;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Work Sans;--mat-sys-headline-small-font: Work Sans;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Work Sans;--mat-sys-label-large-font: Work Sans;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Work Sans;--mat-sys-label-medium-font: Work Sans;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Work Sans;--mat-sys-label-small-font: Work Sans;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Work Sans;--mat-sys-title-large-font: Work Sans;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Work Sans;--mat-sys-title-medium-font: Work Sans;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Work Sans;--mat-sys-title-small-font: Work Sans;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}@font-face{font-family:Material Symbols Outlined;src:url(/assets/fonts/material-symbols-outlined/material-symbols-outlined-v110-latin-regular.woff2) format("woff2");font-weight:100 700;font-style:normal;font-display:block}.material-symbols-outlined{font-family:Material Symbols Outlined;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-face{font-display:swap;font-family:Work Sans;font-style:normal;font-weight:400;src:url(/assets/fonts/work-sans/work-sans-v24-latin-ext-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Work Sans;font-style:normal;font-weight:500;src:url(/assets/fonts/work-sans/work-sans-v24-latin-ext-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:Work Sans;font-style:normal;font-weight:600;src:url(/assets/fonts/work-sans/work-sans-v24-latin-ext-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:Work Sans;font-style:normal;font-weight:700;src:url(/assets/fonts/work-sans/work-sans-v24-latin-ext-700.woff2) format("woff2")}:root{--color-bg-base: #111214;--color-bg-surface: #1c1e22;--color-bg-elevated: #25282e;--color-bg-overlay: #2e3138;--color-primary: #f5690c;--color-primary-hover: #e05a00;--color-primary-light: rgba(245, 105, 12, .15);--color-secondary: #4a9eff;--color-secondary-light: rgba(74, 158, 255, .15);--color-success: #2ecc71;--color-success-bg: rgba(46, 204, 113, .2);--color-warning: #f5c518;--color-danger: #e84040;--color-text-primary: #ffffff;--color-text-secondary: #9ba3af;--color-text-muted: #5c6370;--color-border: rgba(255, 255, 255, .08);--color-border-focus: var(--color-primary);--font-family-base: "Work Sans", "Inter", "SF Pro Display", system-ui, sans-serif;--font-family-heading: "Inter", "Work Sans", "SF Pro Display", system-ui, sans-serif;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-md: 17px;--text-lg: 22px;--text-xl: 28px;--text-2xl: 40px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--leading-tight: 1.2;--leading-normal: 1.5;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--card-padding: var(--space-4);--card-padding-lg: var(--space-5);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--fob-bg: var(--color-bg-base);--fob-surface: var(--color-bg-surface);--fob-border: var(--color-border);--fob-primary: var(--color-primary);--fob-secondary: var(--color-secondary);--fob-text-muted: var(--color-text-secondary);--fob-warning: var(--color-warning);--fob-warning-orange: var(--color-primary);--fob-success: var(--color-success);--fob-success-container: var(--color-success-bg);--fob-trip-concept: var(--mat-sys-outline);--fob-trip-planned: var(--mat-sys-tertiary);--fob-trip-intransit: var(--mat-sys-secondary);--fob-trip-completed: var(--fob-success);--fob-header-bg: color-mix(in srgb, var(--mat-sys-surface) 92%, transparent);--fob-footer-bg: color-mix(in srgb, var(--mat-sys-surface-container-high) 95%, transparent);--fob-status-planned-bg: var(--mat-sys-tertiary-container);--fob-status-planned-color: var(--mat-sys-on-tertiary-container);--fob-status-inprogress-bg: var(--mat-sys-primary-container);--fob-status-inprogress-color: var(--mat-sys-on-primary-container);--fob-status-completed-bg: var(--mat-sys-surface-container-high);--fob-status-completed-color: var(--mat-sys-outline);--fob-status-skipped-bg: var(--mat-sys-error-container);--fob-status-skipped-color: var(--mat-sys-on-error-container)}body.theme-dark,body.theme-light{--color-bg-base: var(--mat-sys-surface);--color-bg-surface: var(--mat-sys-surface-container-low);--color-bg-elevated: var(--mat-sys-surface-container);--color-bg-overlay: var(--mat-sys-surface-container-high);--color-text-primary: var(--mat-sys-on-surface);--color-text-secondary: var(--mat-sys-on-surface-variant);--color-text-muted: color-mix(in srgb, var(--mat-sys-on-surface-variant) 75%, transparent);--color-border: color-mix(in srgb, var(--mat-sys-outline) 35%, transparent);--color-border-focus: var(--mat-sys-primary);--color-primary-light: color-mix(in srgb, var(--color-primary) 15%, transparent);--color-secondary-light: color-mix(in srgb, var(--color-secondary) 15%, transparent)}body.theme-dark{--mat-sys-primary: var(--color-primary);--mat-sys-on-primary: #ffffff;--mat-sys-secondary: var(--color-secondary);--mat-sys-on-secondary: #ffffff;--mat-sys-tertiary: var(--color-warning);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4)}body.theme-light{--mat-sys-primary: var(--color-primary);--mat-sys-on-primary: #ffffff;--mat-sys-secondary: var(--color-secondary);--mat-sys-on-secondary: #ffffff;--mat-sys-tertiary: var(--color-warning);--shadow-card: 0 4px 18px rgba(0, 0, 0, .14)}html,body{min-height:100%}@media(min-width:1024px){html,body{scrollbar-gutter:stable both-edges}}body{background:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-family-base)}::selection{background:color-mix(in srgb,var(--mat-sys-primary) 30%,transparent)}.fob-page{background:var(--color-bg-base);color:var(--color-text-primary)}.fob-surface{background:var(--color-bg-surface);border:1px solid var(--color-border)}.fob-text-muted{color:var(--color-text-muted)}.fob-text-primary{color:var(--color-primary)}.fob-text-secondary{color:var(--color-secondary)}.fob-primary-button{width:100%;height:56px;border-radius:16px;font-size:1.125rem;font-weight:700;gap:.5rem;display:inline-flex;align-items:center;justify-content:center;background:var(--mat-sys-primary)!important;color:var(--mat-sys-on-primary)!important;box-shadow:0 10px 25px color-mix(in srgb,var(--mat-sys-primary) 30%,transparent)}.fob-primary-button:hover{background:color-mix(in srgb,var(--mat-sys-primary) 85%,black)!important}.fob-primary-button:active{transform:scale(.98);background:color-mix(in srgb,var(--mat-sys-primary) 75%,black)}.fob-icon-button{width:40px;height:40px;border-radius:12px;background:var(--mat-sys-surface-container);border:1px solid var(--mat-sys-outline-variant);color:var(--mat-sys-on-surface-variant)}.fob-icon-button:hover{color:var(--mat-sys-on-surface);background:var(--mat-sys-surface-container-high)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-header--center{align-items:center}.card-title{margin:0;font-weight:700}.card-title--lg{font-size:1.3rem}.card-title--md{font-size:1.2rem}.card-title--completed{font-weight:600;color:var(--mat-sys-outline);text-decoration:line-through}.card-subtitle{margin:4px 0 0;font-size:.8rem;color:var(--mat-sys-on-surface-variant)}.card-meta{display:flex;gap:12px;font-size:.75rem;color:var(--mat-sys-on-surface-variant)}.card-meta--wrap{flex-wrap:wrap}.card-meta--divider{justify-content:space-between;border-top:1px solid var(--mat-sys-outline-variant);padding-top:8px}.meta-item{display:inline-flex;align-items:center;gap:6px}.card-note{margin:0;font-size:.75rem;color:var(--mat-sys-outline);font-style:italic}.card-actions{display:flex;justify-content:flex-end;gap:12px}.fob-page-header{position:fixed;top:0;left:0;right:0;z-index:50;background:var(--fob-header-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--mat-sys-outline-variant)}.fob-page-header__content{display:flex;align-items:center;justify-content:space-between;padding:16px;max-width:448px;margin:0 auto}.fob-page-content{max-width:448px;margin:0 auto;padding:20px 16px}.fob-page-footer{position:fixed;bottom:calc(var(--fob-footer-height, 64px) + env(safe-area-inset-bottom));left:0;right:0;padding:16px;background:var(--fob-footer-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--mat-sys-outline-variant);z-index:50}.fob-page-footer__inner{max-width:448px;margin:0 auto}.fob-cta-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:56px;border-radius:28px;font-size:1rem;font-weight:600;cursor:pointer;transition:filter .2s,transform .1s}.fob-cta-button:hover{filter:brightness(1.08)}.fob-cta-button:active{transform:scale(.98)}.fob-cta-button:disabled{opacity:.5;cursor:not-allowed;transform:none}button.fob-cta-button:not([mat-flat-button]):not([mat-button]){border:none;background:var(--mat-sys-primary);color:var(--mat-sys-on-primary);box-shadow:0 4px 8px #0003}.fob-overline{font-size:var(--text-xs);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);margin:0}.fob-overline--primary{color:var(--color-primary)}.fob-status-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);border:1px solid transparent}.fob-status-badge--scheduled{background:var(--fob-status-planned-bg);color:var(--fob-status-planned-color);border-color:color-mix(in srgb,var(--mat-sys-secondary) 30%,transparent)}.fob-status-badge--arrived{background:var(--fob-status-arrived-bg);color:var(--fob-status-arrived-color);border-color:color-mix(in srgb,var(--mat-sys-tertiary) 30%,transparent)}.fob-status-badge--unload{background:var(--fob-status-inprogress-bg);color:var(--fob-status-inprogress-color);border-color:color-mix(in srgb,var(--mat-sys-primary) 30%,transparent)}.fob-status-badge--completed{background:var(--fob-status-completed-bg);color:var(--fob-status-completed-color);border-color:var(--mat-sys-outline-variant)}.fob-status-badge--skipped{background:var(--fob-status-skipped-bg);color:var(--fob-status-skipped-color);border-color:color-mix(in srgb,var(--mat-sys-error) 30%,transparent)}h1,h2,h3,h4,h5,h6,.text-label,.card-title,.section-title{font-family:var(--font-family-heading)}.text-address{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--leading-tight)}.text-label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase}.text-item-title{font-size:var(--text-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.text-meta{font-size:var(--text-sm);color:var(--color-text-secondary)}.text-quantity-input{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.card{background:var(--color-bg-surface);border-radius:var(--radius-lg);padding:var(--card-padding-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em}.badge--success{background:var(--color-success-bg);color:var(--color-success)}.info-box{background:var(--color-bg-overlay);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;gap:var(--space-3);align-items:flex-start}.btn-primary{background:var(--color-primary);color:var(--color-text-primary);border:none;border-radius:var(--radius-xl);padding:var(--space-4) var(--space-6);width:100%;font-size:var(--text-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background .2s ease,transform .1s ease}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:active{transform:scale(.98)}.btn-ghost{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer}.fob-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:16px}.fob-loading p{color:var(--mat-sys-on-surface-variant);margin:0}.fob-loading__spinner{width:48px;height:48px;border:3px solid var(--mat-sys-outline-variant);border-top-color:var(--mat-sys-primary);border-radius:50%;animation:fob-spin .8s linear infinite}.fob-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:16px;text-align:center;padding:16px}.fob-error-state .material-symbols-outlined,.fob-error-state mat-icon{font-size:48px;color:var(--mat-sys-error)}.fob-error-state p{color:var(--mat-sys-on-surface);margin:0}@keyframes fob-spin{to{transform:rotate(360deg)}}