@import"https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap";:root{--md-ref-palette-primary0: #000;--md-ref-palette-primary10: #001849;--md-ref-palette-primary20: #002d6e;--md-ref-palette-primary30: #00429a;--md-ref-palette-primary40: #1a5fc6;--md-ref-palette-primary50: #4079e1;--md-ref-palette-primary60: #6193fc;--md-ref-palette-primary70: #8eaeff;--md-ref-palette-primary80: #b0c6ff;--md-ref-palette-primary90: #d9e2ff;--md-ref-palette-primary95: #edf0ff;--md-ref-palette-primary99: #fefbff;--md-ref-palette-primary100: #fff;--md-ref-palette-secondary0: #000;--md-ref-palette-secondary10: #1d192b;--md-ref-palette-secondary20: #332d41;--md-ref-palette-secondary30: #4a4458;--md-ref-palette-secondary40: #625b71;--md-ref-palette-secondary50: #7a7289;--md-ref-palette-secondary60: #958da5;--md-ref-palette-secondary70: #b0a7c0;--md-ref-palette-secondary80: #ccc2dc;--md-ref-palette-secondary90: #e8def8;--md-ref-palette-secondary95: #f6edff;--md-ref-palette-secondary99: #fffbfe;--md-ref-palette-secondary100: #fff;--md-ref-palette-tertiary0: #000;--md-ref-palette-tertiary10: #31111d;--md-ref-palette-tertiary20: #492532;--md-ref-palette-tertiary30: #633b48;--md-ref-palette-tertiary40: #7d5260;--md-ref-palette-tertiary50: #986977;--md-ref-palette-tertiary60: #b58392;--md-ref-palette-tertiary70: #d29dac;--md-ref-palette-tertiary80: #efb8c8;--md-ref-palette-tertiary90: #ffd8e4;--md-ref-palette-tertiary95: #ffecf1;--md-ref-palette-tertiary99: #fffbfa;--md-ref-palette-tertiary100: #fff;--md-ref-palette-error0: #000;--md-ref-palette-error10: #410e0b;--md-ref-palette-error20: #601410;--md-ref-palette-error30: #8c1d18;--md-ref-palette-error40: #b3261e;--md-ref-palette-error50: #dc362e;--md-ref-palette-error60: #e46962;--md-ref-palette-error70: #ec928e;--md-ref-palette-error80: #f2b8b5;--md-ref-palette-error90: #f9dedc;--md-ref-palette-error95: #fceeee;--md-ref-palette-error99: #fffbf9;--md-ref-palette-error100: #fff;--md-ref-palette-neutral0: #000;--md-ref-palette-neutral4: #0f0d13;--md-ref-palette-neutral6: #141218;--md-ref-palette-neutral10: #1d1b20;--md-ref-palette-neutral12: #211f26;--md-ref-palette-neutral17: #2b2930;--md-ref-palette-neutral20: #322f35;--md-ref-palette-neutral22: #36343b;--md-ref-palette-neutral24: #3b383e;--md-ref-palette-neutral30: #48464c;--md-ref-palette-neutral40: #605d64;--md-ref-palette-neutral50: #79767d;--md-ref-palette-neutral60: #938f96;--md-ref-palette-neutral70: #aea9b1;--md-ref-palette-neutral80: #cac5cd;--md-ref-palette-neutral87: #e0dce3;--md-ref-palette-neutral90: #e9e5ed;--md-ref-palette-neutral92: #efecf2;--md-ref-palette-neutral94: #f5f3f7;--md-ref-palette-neutral95: #f7f5f9;--md-ref-palette-neutral96: #f9f8fb;--md-ref-palette-neutral98: #fdfcff;--md-ref-palette-neutral99: #fefeff;--md-ref-palette-neutral100: #fff;--md-ref-palette-neutral-variant0: #000;--md-ref-palette-neutral-variant10: #1d1a22;--md-ref-palette-neutral-variant20: #322f37;--md-ref-palette-neutral-variant30: #49454f;--md-ref-palette-neutral-variant40: #605d66;--md-ref-palette-neutral-variant50: #79747e;--md-ref-palette-neutral-variant60: #938f99;--md-ref-palette-neutral-variant70: #aea9b4;--md-ref-palette-neutral-variant80: #cac4d0;--md-ref-palette-neutral-variant90: #e7e0ec;--md-ref-palette-neutral-variant95: #f5eefa;--md-ref-palette-neutral-variant99: #fffbfe;--md-ref-palette-neutral-variant100: #fff;--md-ref-palette-black: #000;--md-ref-palette-white: #fff;--md-sys-color-primary: var(--md-ref-palette-primary40);--md-sys-color-on-primary: var(--md-ref-palette-primary100);--md-sys-color-primary-container: var(--md-ref-palette-primary90);--md-sys-color-on-primary-container: var(--md-ref-palette-primary10);--md-sys-color-primary-fixed: var(--md-ref-palette-primary90);--md-sys-color-primary-fixed-dim: var(--md-ref-palette-primary80);--md-sys-color-on-primary-fixed: var(--md-ref-palette-primary10);--md-sys-color-on-primary-fixed-variant: var(--md-ref-palette-primary30);--md-sys-color-secondary: var(--md-ref-palette-secondary40);--md-sys-color-on-secondary: var(--md-ref-palette-secondary100);--md-sys-color-secondary-container: var(--md-ref-palette-secondary90);--md-sys-color-on-secondary-container: var(--md-ref-palette-secondary10);--md-sys-color-secondary-fixed: var(--md-ref-palette-secondary90);--md-sys-color-secondary-fixed-dim: var(--md-ref-palette-secondary80);--md-sys-color-on-secondary-fixed: var(--md-ref-palette-secondary10);--md-sys-color-on-secondary-fixed-variant: var(--md-ref-palette-secondary30);--md-sys-color-tertiary: var(--md-ref-palette-tertiary40);--md-sys-color-on-tertiary: var(--md-ref-palette-tertiary100);--md-sys-color-tertiary-container: var(--md-ref-palette-tertiary90);--md-sys-color-on-tertiary-container: var(--md-ref-palette-tertiary10);--md-sys-color-tertiary-fixed: var(--md-ref-palette-tertiary90);--md-sys-color-tertiary-fixed-dim: var(--md-ref-palette-tertiary80);--md-sys-color-on-tertiary-fixed: var(--md-ref-palette-tertiary10);--md-sys-color-on-tertiary-fixed-variant: var(--md-ref-palette-tertiary30);--md-sys-color-error: var(--md-ref-palette-error40);--md-sys-color-on-error: var(--md-ref-palette-error100);--md-sys-color-error-container: var(--md-ref-palette-error90);--md-sys-color-on-error-container: var(--md-ref-palette-error10);--md-sys-color-background: var(--md-ref-palette-neutral98);--md-sys-color-on-background: var(--md-ref-palette-neutral10);--md-sys-color-surface: var(--md-ref-palette-neutral98);--md-sys-color-on-surface: var(--md-ref-palette-neutral10);--md-sys-color-on-surface-variant: var(--md-ref-palette-neutral-variant30);--md-sys-color-surface-variant: var(--md-ref-palette-neutral-variant90);--md-sys-color-surface-dim: var(--md-ref-palette-neutral87);--md-sys-color-surface-bright: var(--md-ref-palette-neutral98);--md-sys-color-surface-container-lowest: var(--md-ref-palette-neutral100);--md-sys-color-surface-container-low: var(--md-ref-palette-neutral96);--md-sys-color-surface-container: var(--md-ref-palette-neutral94);--md-sys-color-surface-container-high: var(--md-ref-palette-neutral92);--md-sys-color-surface-container-highest: var(--md-ref-palette-neutral90);--md-sys-color-surface-tint: var(--md-ref-palette-primary40);--md-sys-color-outline: var(--md-ref-palette-neutral-variant50);--md-sys-color-outline-variant: var(--md-ref-palette-neutral-variant80);--md-sys-color-inverse-surface: var(--md-ref-palette-neutral20);--md-sys-color-inverse-on-surface: var(--md-ref-palette-neutral95);--md-sys-color-inverse-primary: var(--md-ref-palette-primary80);--md-sys-color-shadow: var(--md-ref-palette-neutral0);--md-sys-color-scrim: var(--md-ref-palette-neutral0);--md-ref-typeface-brand: "Google Sans", Roboto, sans-serif;--md-ref-typeface-plain: Roboto, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700;--md-sys-typescale-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-large-size: 3.5625rem;--md-sys-typescale-display-large-line-height: 4rem;--md-sys-typescale-display-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-large-tracking: -.015625rem;--md-sys-typescale-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-medium-size: 2.8125rem;--md-sys-typescale-display-medium-line-height: 3.25rem;--md-sys-typescale-display-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-medium-tracking: 0;--md-sys-typescale-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-small-size: 2.25rem;--md-sys-typescale-display-small-line-height: 2.75rem;--md-sys-typescale-display-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-small-tracking: 0;--md-sys-typescale-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-large-size: 2rem;--md-sys-typescale-headline-large-line-height: 2.5rem;--md-sys-typescale-headline-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-medium-size: 1.75rem;--md-sys-typescale-headline-medium-line-height: 2.25rem;--md-sys-typescale-headline-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-small-size: 1.5rem;--md-sys-typescale-headline-small-line-height: 2rem;--md-sys-typescale-headline-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-title-large-size: 1.375rem;--md-sys-typescale-title-large-line-height: 1.75rem;--md-sys-typescale-title-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-medium-size: 1rem;--md-sys-typescale-title-medium-line-height: 1.5rem;--md-sys-typescale-title-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-small-size: .875rem;--md-sys-typescale-title-small-line-height: 1.25rem;--md-sys-typescale-title-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-large-size: 1rem;--md-sys-typescale-body-large-line-height: 1.5rem;--md-sys-typescale-body-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-medium-size: .875rem;--md-sys-typescale-body-medium-line-height: 1.25rem;--md-sys-typescale-body-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-small-size: .75rem;--md-sys-typescale-body-small-line-height: 1rem;--md-sys-typescale-body-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-large-size: .875rem;--md-sys-typescale-label-large-line-height: 1.25rem;--md-sys-typescale-label-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-medium-size: .75rem;--md-sys-typescale-label-medium-line-height: 1rem;--md-sys-typescale-label-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-small-size: .6875rem;--md-sys-typescale-label-small-line-height: 1rem;--md-sys-typescale-label-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-full: 9999px;--md-sys-elevation-level0: 0px 0px 0px 0px rgba(0, 0, 0, 0);--md-sys-elevation-level1: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 1px 3px 1px rgba(0, 0, 0, .15);--md-sys-elevation-level2: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 2px 6px 2px rgba(0, 0, 0, .15);--md-sys-elevation-level3: 0px 1px 3px 0px rgba(0, 0, 0, .3), 0px 4px 8px 3px rgba(0, 0, 0, .15);--md-sys-elevation-level4: 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 6px 10px 4px rgba(0, 0, 0, .15);--md-sys-elevation-level5: 0px 4px 4px 0px rgba(0, 0, 0, .3), 0px 8px 12px 6px rgba(0, 0, 0, .15);--md-sys-motion-duration-short1: 50ms;--md-sys-motion-duration-short2: .1s;--md-sys-motion-duration-short3: .15s;--md-sys-motion-duration-short4: .2s;--md-sys-motion-duration-medium1: .25s;--md-sys-motion-duration-medium2: .3s;--md-sys-motion-duration-medium3: .35s;--md-sys-motion-duration-medium4: .4s;--md-sys-motion-duration-long1: .45s;--md-sys-motion-duration-long2: .5s;--md-sys-motion-duration-long3: .55s;--md-sys-motion-duration-long4: .6s;--md-sys-motion-easing-emphasized: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-emphasized-accelerate: cubic-bezier(.3, 0, .8, .15);--md-sys-motion-easing-emphasized-decelerate: cubic-bezier(.05, .7, .1, 1);--md-sys-motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-standard-accelerate: cubic-bezier(.3, 0, 1, 1);--md-sys-motion-easing-standard-decelerate: cubic-bezier(0, 0, 0, 1);--md-sys-motion-easing-linear: cubic-bezier(0, 0, 1, 1);--md-sys-state-hover-state-layer-opacity: .08;--md-sys-state-focus-state-layer-opacity: .12;--md-sys-state-pressed-state-layer-opacity: .12;--md-sys-state-dragged-state-layer-opacity: .16}[data-theme=dark]{--md-sys-color-primary: var(--md-ref-palette-primary80);--md-sys-color-on-primary: var(--md-ref-palette-primary20);--md-sys-color-primary-container: var(--md-ref-palette-primary30);--md-sys-color-on-primary-container: var(--md-ref-palette-primary90);--md-sys-color-primary-fixed: var(--md-ref-palette-primary90);--md-sys-color-primary-fixed-dim: var(--md-ref-palette-primary80);--md-sys-color-on-primary-fixed: var(--md-ref-palette-primary10);--md-sys-color-on-primary-fixed-variant: var(--md-ref-palette-primary30);--md-sys-color-secondary: var(--md-ref-palette-secondary80);--md-sys-color-on-secondary: var(--md-ref-palette-secondary20);--md-sys-color-secondary-container: var(--md-ref-palette-secondary30);--md-sys-color-on-secondary-container: var(--md-ref-palette-secondary90);--md-sys-color-tertiary: var(--md-ref-palette-tertiary80);--md-sys-color-on-tertiary: var(--md-ref-palette-tertiary20);--md-sys-color-tertiary-container: var(--md-ref-palette-tertiary30);--md-sys-color-on-tertiary-container: var(--md-ref-palette-tertiary90);--md-sys-color-error: var(--md-ref-palette-error80);--md-sys-color-on-error: var(--md-ref-palette-error20);--md-sys-color-error-container: var(--md-ref-palette-error30);--md-sys-color-on-error-container: var(--md-ref-palette-error90);--md-sys-color-background: var(--md-ref-palette-neutral6);--md-sys-color-on-background: var(--md-ref-palette-neutral90);--md-sys-color-surface: var(--md-ref-palette-neutral6);--md-sys-color-on-surface: var(--md-ref-palette-neutral90);--md-sys-color-on-surface-variant: var(--md-ref-palette-neutral-variant80);--md-sys-color-surface-variant: var(--md-ref-palette-neutral-variant30);--md-sys-color-surface-dim: var(--md-ref-palette-neutral6);--md-sys-color-surface-bright: var(--md-ref-palette-neutral24);--md-sys-color-surface-container-lowest: var(--md-ref-palette-neutral4);--md-sys-color-surface-container-low: var(--md-ref-palette-neutral10);--md-sys-color-surface-container: var(--md-ref-palette-neutral12);--md-sys-color-surface-container-high: var(--md-ref-palette-neutral17);--md-sys-color-surface-container-highest: var(--md-ref-palette-neutral22);--md-sys-color-surface-tint: var(--md-ref-palette-primary80);--md-sys-color-outline: var(--md-ref-palette-neutral-variant60);--md-sys-color-outline-variant: var(--md-ref-palette-neutral-variant30);--md-sys-color-inverse-surface: var(--md-ref-palette-neutral90);--md-sys-color-inverse-on-surface: var(--md-ref-palette-neutral20);--md-sys-color-inverse-primary: var(--md-ref-palette-primary40);--md-sys-color-shadow: var(--md-ref-palette-neutral0);--md-sys-color-scrim: var(--md-ref-palette-neutral0)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--md-ref-typeface-plain);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);color:var(--md-sys-color-on-background);background:var(--md-sys-color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.md-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 24px;border:none;cursor:pointer;border-radius:var(--md-sys-shape-corner-full);font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);line-height:var(--md-sys-typescale-label-large-line-height);letter-spacing:.00625rem;transition:box-shadow var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized),background var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-linear);position:relative;overflow:hidden;text-decoration:none}.md-button .material-symbols-outlined{font-size:18px}.md-button--filled{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.md-button--filled:hover{box-shadow:var(--md-sys-elevation-level1)}.md-button--tonal{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.md-button--tonal:hover{box-shadow:var(--md-sys-elevation-level1)}.md-button--elevated{background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-primary);box-shadow:var(--md-sys-elevation-level1)}.md-button--elevated:hover{box-shadow:var(--md-sys-elevation-level2)}.md-button--outlined{background:transparent;color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-outline)}.md-button--outlined:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 8%,transparent)}.md-button--text{background:transparent;color:var(--md-sys-color-primary);padding:0 12px}.md-button--text:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 8%,transparent)}.md-fab{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border:none;cursor:pointer;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);box-shadow:var(--md-sys-elevation-level3);transition:box-shadow var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized)}.md-fab:hover{box-shadow:var(--md-sys-elevation-level4)}.md-fab .material-symbols-outlined{font-size:24px}.md-fab--small{width:40px;height:40px;border-radius:var(--md-sys-shape-corner-medium)}.md-fab--large{width:96px;height:96px;border-radius:var(--md-sys-shape-corner-extra-large)}.md-fab--large .material-symbols-outlined{font-size:36px}.md-fab--extended{width:auto;padding:0 16px;gap:12px;border-radius:var(--md-sys-shape-corner-large);font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight)}.md-card{border-radius:var(--md-sys-shape-corner-medium);overflow:hidden;transition:box-shadow var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized)}.md-card--elevated{background:var(--md-sys-color-surface-container-low);box-shadow:var(--md-sys-elevation-level1)}.md-card--elevated:hover{box-shadow:var(--md-sys-elevation-level2)}.md-card--filled{background:var(--md-sys-color-surface-container-highest);box-shadow:none}.md-card--outlined{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant)}.md-chip{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 16px;border-radius:var(--md-sys-shape-corner-small);font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);border:1px solid var(--md-sys-color-outline);background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:all var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.md-chip--selected{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-color:transparent}.md-chip .material-symbols-outlined{font-size:18px}.md-switch{position:relative;display:inline-flex;align-items:center;width:52px;height:32px;cursor:pointer}.md-switch input{opacity:0;position:absolute;width:100%;height:100%;cursor:pointer;margin:0}.md-switch__track{position:absolute;width:52px;height:32px;border-radius:var(--md-sys-shape-corner-full);border:2px solid var(--md-sys-color-outline);background:var(--md-sys-color-surface-container-highest);transition:all var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-emphasized)}.md-switch__handle{position:absolute;left:6px;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-outline);transition:all var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-emphasized)}.md-switch input:checked~.md-switch__track{background:var(--md-sys-color-primary);border-color:var(--md-sys-color-primary)}.md-switch input:checked~.md-switch__handle{left:28px;width:24px;height:24px;background:var(--md-sys-color-on-primary)}.md-checkbox{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid var(--md-sys-color-on-surface-variant);border-radius:2px;cursor:pointer;position:relative;transition:all var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.md-checkbox--checked{background:var(--md-sys-color-primary);border-color:var(--md-sys-color-primary)}.md-checkbox--checked:after{content:"";display:block;width:4px;height:8px;border:solid var(--md-sys-color-on-primary);border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-2px}.md-radio{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--md-sys-color-on-surface-variant);border-radius:var(--md-sys-shape-corner-full);cursor:pointer;transition:border-color var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.md-radio--selected{border-color:var(--md-sys-color-primary)}.md-radio--selected:after{content:"";display:block;width:10px;height:10px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary)}.md-text-field{position:relative;width:100%}.md-text-field__input{width:100%;height:56px;padding:20px 16px 4px;border:none;border-radius:var(--md-sys-shape-corner-extra-small) var(--md-sys-shape-corner-extra-small) 0 0;background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);border-bottom:1px solid var(--md-sys-color-on-surface-variant);outline:none;transition:border-color var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.md-text-field__input:focus{border-bottom:2px solid var(--md-sys-color-primary)}.md-text-field__label{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);color:var(--md-sys-color-on-surface-variant);pointer-events:none;transition:all var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.md-text-field__input:focus~.md-text-field__label,.md-text-field__input:not(:placeholder-shown)~.md-text-field__label{top:8px;transform:translateY(0);font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-primary)}.md-text-field--outlined .md-text-field__input{background:transparent;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-extra-small);padding:16px}.md-text-field--outlined .md-text-field__input:focus{border:2px solid var(--md-sys-color-primary)}.md-dialog-scrim{position:fixed;inset:0;z-index:100;background:#00000052;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized),visibility var(--md-sys-motion-duration-medium2)}.md-dialog-scrim.open{opacity:1;visibility:visible}.md-dialog{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border-radius:var(--md-sys-shape-corner-extra-large);padding:24px;min-width:280px;max-width:560px;box-shadow:var(--md-sys-elevation-level3)}.md-dialog__title{font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);margin-bottom:16px}.md-dialog__content{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant);margin-bottom:24px}.md-dialog__actions{display:flex;gap:8px;justify-content:flex-end}.md-snackbar{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);padding:14px 16px;border-radius:var(--md-sys-shape-corner-extra-small);font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);box-shadow:var(--md-sys-elevation-level3);z-index:200;opacity:0;transition:all var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized-decelerate)}.md-snackbar.show{transform:translate(-50%) translateY(0);opacity:1}.md-snackbar__action{color:var(--md-sys-color-inverse-primary);background:none;border:none;cursor:pointer;font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);margin-left:12px}.md-segmented-buttons{display:inline-flex;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-full);overflow:hidden}.md-segmented-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border:none;border-right:1px solid var(--md-sys-color-outline);background:transparent;color:var(--md-sys-color-on-surface);font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);cursor:pointer;transition:all var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.md-segmented-button:last-child{border-right:none}.md-segmented-button--selected{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.md-segmented-button .material-symbols-outlined{font-size:18px}.md-nav-rail{width:80px;display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:4px;background:var(--md-sys-color-surface);border-right:none;position:fixed;left:0;top:0;bottom:0;z-index:50}.md-nav-rail__item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;width:100%;text-decoration:none;color:var(--md-sys-color-on-surface-variant);cursor:pointer}.md-nav-rail__item-icon{display:flex;align-items:center;justify-content:center;width:56px;height:32px;border-radius:var(--md-sys-shape-corner-full);transition:all var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.md-nav-rail__item-label{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);font-weight:var(--md-sys-typescale-label-medium-weight);line-height:var(--md-sys-typescale-label-medium-line-height)}.md-nav-rail__item:hover .md-nav-rail__item-icon{background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.md-nav-rail__item.active{color:var(--md-sys-color-on-surface)}.md-nav-rail__item.active .md-nav-rail__item-icon{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.md-icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;cursor:pointer;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-on-surface-variant);transition:background var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-linear)}.md-icon-button:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface-variant) 8%,transparent)}.md-icon-button--filled{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.md-icon-button--tonal{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.md-divider{height:1px;background:var(--md-sys-color-outline-variant);border:none}.md-list{list-style:none}.md-list-item{display:flex;align-items:center;gap:16px;padding:8px 24px 8px 16px;min-height:56px;color:var(--md-sys-color-on-surface);font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);cursor:pointer;transition:background var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-linear)}.md-list-item:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.md-list-item__icon{color:var(--md-sys-color-on-surface-variant)}.md-list-item__supporting{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant)}.md-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-error);color:var(--md-sys-color-on-error);font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);font-weight:var(--md-sys-typescale-label-small-weight)}.md-progress{width:100%;height:4px;background:var(--md-sys-color-surface-container-highest);border-radius:var(--md-sys-shape-corner-full);overflow:hidden}.md-progress__bar{height:100%;width:50%;background:var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-full);transition:width var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized)}.md-slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:var(--md-sys-color-surface-container-highest);border-radius:var(--md-sys-shape-corner-full);outline:none}.md-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-full);cursor:pointer;border:none}.md-top-app-bar{display:flex;align-items:center;height:64px;padding:0 4px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);position:sticky;top:0;z-index:40;transition:all var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized)}.md-top-app-bar--center-aligned .md-top-app-bar__title{flex:1;text-align:center}.md-top-app-bar--small .md-top-app-bar__title{flex:1;padding-left:12px}.md-top-app-bar__leading{display:flex;align-items:center}.md-top-app-bar__title{font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--md-sys-typescale-title-large-weight);line-height:var(--md-sys-typescale-title-large-line-height)}.md-top-app-bar__trailing{display:flex;align-items:center;margin-left:auto}.md-top-app-bar--scrolled{box-shadow:var(--md-sys-elevation-level2);background:var(--md-sys-color-surface-container)}.md-top-app-bar--medium{height:112px;flex-wrap:wrap;align-content:flex-end;padding-bottom:20px}.md-top-app-bar--medium .md-top-app-bar__title{width:100%;padding:4px 16px 0;font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);font-weight:var(--md-sys-typescale-headline-small-weight)}.md-top-app-bar--large{height:152px;flex-wrap:wrap;align-content:flex-end;padding-bottom:28px}.md-top-app-bar--large .md-top-app-bar__title{width:100%;padding:4px 16px 0;font-family:var(--md-sys-typescale-headline-medium-font);font-size:var(--md-sys-typescale-headline-medium-size);font-weight:var(--md-sys-typescale-headline-medium-weight)}.md-bottom-nav{display:flex;align-items:center;justify-content:space-around;height:80px;background:var(--md-sys-color-surface-container);box-shadow:var(--md-sys-elevation-level2);position:fixed;bottom:0;left:0;right:0;z-index:50}.md-bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 0 16px;min-width:64px;text-decoration:none;color:var(--md-sys-color-on-surface-variant);cursor:pointer;border:none;background:none}.md-bottom-nav__item-icon{display:flex;align-items:center;justify-content:center;width:64px;height:32px;border-radius:var(--md-sys-shape-corner-full);transition:all var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.md-bottom-nav__item-label{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);font-weight:var(--md-sys-typescale-label-medium-weight)}.md-bottom-nav__item.active{color:var(--md-sys-color-on-surface)}.md-bottom-nav__item.active .md-bottom-nav__item-icon{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.md-bottom-nav__item.active .md-bottom-nav__item-label{font-weight:var(--md-sys-typescale-label-large-weight)}.md-nav-drawer-scrim{position:fixed;inset:0;background:#00000052;z-index:90;opacity:0;visibility:hidden;transition:opacity var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized),visibility var(--md-sys-motion-duration-medium2)}.md-nav-drawer-scrim.open{opacity:1;visibility:visible}.md-nav-drawer{position:fixed;top:0;left:0;bottom:0;width:360px;background:var(--md-sys-color-surface-container-low);z-index:91;padding:12px;overflow-y:auto;transform:translate(-100%);transition:transform var(--md-sys-motion-duration-medium4) var(--md-sys-motion-easing-emphasized);border-radius:0 var(--md-sys-shape-corner-large) var(--md-sys-shape-corner-large) 0}.md-nav-drawer.open{transform:translate(0)}.md-nav-drawer--standard{position:relative;transform:none;border-radius:0;z-index:auto}.md-nav-drawer__header{padding:16px 16px 0;margin-bottom:8px}.md-nav-drawer__headline{font-family:var(--md-sys-typescale-title-small-font);font-size:var(--md-sys-typescale-title-small-size);font-weight:var(--md-sys-typescale-title-small-weight);color:var(--md-sys-color-on-surface-variant)}.md-nav-drawer__item{display:flex;align-items:center;gap:12px;height:56px;padding:0 24px 0 16px;border-radius:var(--md-sys-shape-corner-full);font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);color:var(--md-sys-color-on-surface-variant);cursor:pointer;text-decoration:none;transition:background var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-linear)}.md-nav-drawer__item:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.md-nav-drawer__item.active{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-weight:700}.md-nav-drawer__item .material-symbols-outlined{font-size:24px}.md-nav-drawer__badge{margin-left:auto;font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);color:var(--md-sys-color-on-surface-variant)}.md-tabs{display:flex;position:relative;border-bottom:1px solid var(--md-sys-color-surface-variant);background:var(--md-sys-color-surface)}.md-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:48px;padding:0 16px;border:none;background:transparent;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-title-small-font);font-size:var(--md-sys-typescale-title-small-size);font-weight:var(--md-sys-typescale-title-small-weight);cursor:pointer;position:relative;transition:color var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.md-tab:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.md-tab--active{color:var(--md-sys-color-primary)}.md-tab--active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--md-sys-color-primary);border-radius:3px 3px 0 0}.md-tabs--secondary .md-tab--active:after{height:2px;border-radius:0}.md-tabs--secondary .md-tab--active{color:var(--md-sys-color-on-surface)}.md-tab .material-symbols-outlined{font-size:24px}.md-tab--with-icon{height:64px}.md-menu{position:absolute;min-width:112px;max-width:280px;background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-small);box-shadow:var(--md-sys-elevation-level2);padding:8px 0;z-index:80;opacity:0;visibility:hidden;transform:scaleY(.8);transform-origin:top;transition:all var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-emphasized)}.md-menu.open{opacity:1;visibility:visible;transform:scaleY(1)}.md-menu-item{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);color:var(--md-sys-color-on-surface);cursor:pointer;transition:background var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-linear)}.md-menu-item:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.md-menu-item .material-symbols-outlined{color:var(--md-sys-color-on-surface-variant);font-size:24px}.md-menu-item__trailing{margin-left:auto;font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);color:var(--md-sys-color-on-surface-variant)}.md-menu-divider{height:1px;background:var(--md-sys-color-surface-variant);margin:8px 0}.md-tooltip{position:absolute;padding:4px 8px;background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);border-radius:var(--md-sys-shape-corner-extra-small);font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);white-space:nowrap;z-index:90;opacity:0;visibility:hidden;transition:opacity var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-linear),visibility var(--md-sys-motion-duration-short3);pointer-events:none}.md-tooltip.show,[data-tooltip]:hover .md-tooltip{opacity:1;visibility:visible}.md-tooltip--rich{padding:12px 16px;min-width:200px;max-width:312px;white-space:normal;border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant);box-shadow:var(--md-sys-elevation-level2)}.md-tooltip--rich__title{font-family:var(--md-sys-typescale-title-small-font);font-size:var(--md-sys-typescale-title-small-size);font-weight:var(--md-sys-typescale-title-small-weight);color:var(--md-sys-color-on-surface);margin-bottom:4px}.md-bottom-sheet-scrim{position:fixed;inset:0;background:#00000052;z-index:100;opacity:0;visibility:hidden;transition:opacity var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized),visibility var(--md-sys-motion-duration-medium2)}.md-bottom-sheet-scrim.open{opacity:1;visibility:visible}.md-bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-extra-large) var(--md-sys-shape-corner-extra-large) 0 0;padding:0;z-index:101;max-height:70vh;overflow-y:auto;transform:translateY(100%);transition:transform var(--md-sys-motion-duration-medium4) var(--md-sys-motion-easing-emphasized)}.md-bottom-sheet.open{transform:translateY(0)}.md-bottom-sheet__drag-handle{width:32px;height:4px;background:var(--md-sys-color-on-surface-variant);border-radius:var(--md-sys-shape-corner-full);margin:22px auto 0;opacity:.4}.md-bottom-sheet__content{padding:16px 24px 24px}.md-search-bar{display:flex;align-items:center;gap:8px;height:56px;padding:0 8px 0 16px;background:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-full);width:100%;transition:all var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized)}.md-search-bar__input{flex:1;border:none;background:transparent;outline:none;font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);color:var(--md-sys-color-on-surface)}.md-search-bar__input::placeholder{color:var(--md-sys-color-on-surface-variant)}.md-search-bar__leading,.md-search-bar__trailing{display:flex;align-items:center;color:var(--md-sys-color-on-surface-variant)}.md-search-bar__avatar{width:30px;height:30px;border-radius:var(--md-sys-shape-corner-full);object-fit:cover}.md-search-view{position:fixed;inset:0;background:var(--md-sys-color-surface-container-high);z-index:85;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:all var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized)}.md-search-view.open{opacity:1;visibility:visible}.md-search-view__header{display:flex;align-items:center;gap:8px;height:56px;padding:0 8px 0 4px;border-bottom:1px solid var(--md-sys-color-outline)}.md-circular-progress{width:48px;height:48px;position:relative}.md-circular-progress svg{width:100%;height:100%;transform:rotate(-90deg)}.md-circular-progress__track{fill:none;stroke:var(--md-sys-color-surface-container-highest);stroke-width:4}.md-circular-progress__indicator{fill:none;stroke:var(--md-sys-color-primary);stroke-width:4;stroke-linecap:round;stroke-dasharray:126;stroke-dashoffset:63;transition:stroke-dashoffset var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized)}.md-circular-progress--indeterminate svg{animation:md-circular-spin 1.333s linear infinite}.md-circular-progress--indeterminate .md-circular-progress__indicator{stroke-dashoffset:95;animation:md-circular-dash 1.333s ease-in-out infinite}@keyframes md-circular-spin{to{transform:rotate(270deg)}}@keyframes md-circular-dash{0%{stroke-dashoffset:126}50%{stroke-dashoffset:31.5}to{stroke-dashoffset:126}}.md-side-sheet{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:calc(100vw - 56px);background:var(--md-sys-color-surface-container-low);z-index:91;padding:24px;overflow-y:auto;transform:translate(100%);box-shadow:var(--md-sys-elevation-level1);transition:transform var(--md-sys-motion-duration-medium4) var(--md-sys-motion-easing-emphasized)}.md-side-sheet.open{transform:translate(0)}.md-side-sheet--standard{position:relative;transform:none;z-index:auto;box-shadow:none;border-left:1px solid var(--md-sys-color-outline-variant)}.md-side-sheet__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.md-side-sheet__title{font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--md-sys-typescale-title-large-weight)}.md-carousel{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px}.md-carousel::-webkit-scrollbar{display:none}.md-carousel__item{flex:0 0 auto;scroll-snap-align:start;border-radius:var(--md-sys-shape-corner-extra-large);overflow:hidden;position:relative;min-height:200px}.md-carousel__item--large{width:280px}.md-carousel__item--medium{width:200px}.md-carousel__item--small{width:56px}.md-carousel__item img{width:100%;height:100%;object-fit:cover}.md-carousel__item__label{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(transparent,#0009);color:#fff;font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);font-weight:var(--md-sys-typescale-title-medium-weight)}.md-button:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.md-fab:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.md-icon-button:focus-visible{outline:2px solid var(--md-sys-color-on-surface-variant);outline-offset:2px}.md-chip:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.md-tab:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:-2px;border-radius:var(--md-sys-shape-corner-extra-small)}.md-nav-rail__item:focus-visible .md-nav-rail__item-icon{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.md-bottom-nav__item:focus-visible .md-bottom-nav__item-icon{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.md-nav-drawer__item:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:-2px}.md-list-item:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:-2px;border-radius:var(--md-sys-shape-corner-extra-small)}.md-menu-item:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:-2px}.md-segmented-button:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:-2px}.md-search-bar:focus-within{outline:2px solid var(--md-sys-color-primary);outline-offset:0}.md-switch:focus-within .md-switch__track{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.md-checkbox:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.md-radio:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.md-slider:focus-visible::-webkit-slider-thumb{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.docs-layout{display:flex;min-height:100vh}.docs-main{margin-left:80px;flex:1}.nav-rail{width:80px;position:fixed;left:0;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;z-index:50;background:var(--md-sys-color-surface);border-right:1px solid var(--md-sys-color-outline-variant);padding:12px 0;overflow-y:auto;overflow-x:hidden}.nav-rail__search{width:48px;height:48px;border-radius:var(--md-sys-shape-corner-full);border:none;cursor:pointer;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:background var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-linear);flex-shrink:0}.nav-rail__search:hover{background:var(--md-sys-color-surface-container-highest)}.nav-rail__search .material-symbols-outlined{font-size:24px}.nav-rail__items{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;width:100%;padding:0 4px}.nav-rail__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:72px;min-height:56px;padding:4px 0;border:none;background:none;text-decoration:none;color:var(--md-sys-color-on-surface-variant);cursor:pointer;position:relative;border-radius:0;transition:color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-linear)}.nav-rail__item-icon{display:flex;align-items:center;justify-content:center;width:56px;height:32px;border-radius:var(--md-sys-shape-corner-full);font-size:24px;transition:background var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-linear)}.nav-rail__item:hover .nav-rail__item-icon{background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.nav-rail__item-label{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);font-weight:var(--md-sys-typescale-label-medium-weight);line-height:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:72px}.nav-rail__item.active .nav-rail__item-icon{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-variation-settings:"FILL" 1}.nav-rail__item.active{color:var(--md-sys-color-on-surface);font-weight:700}.nav-rail__item.active .nav-rail__item-label{font-weight:700}.nav-rail__bottom{margin-top:auto;padding:8px 0;display:flex;flex-direction:column;align-items:center}.nav-rail__toggle{width:48px;height:48px;border-radius:var(--md-sys-shape-corner-full);border:none;cursor:pointer;background:transparent;color:var(--md-sys-color-on-surface-variant);display:flex;align-items:center;justify-content:center;transition:background var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-linear)}.nav-rail__toggle:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface-variant) 8%,transparent)}.nav-rail__toggle .material-symbols-outlined{font-size:24px}.nav-rail__flyout{position:fixed;left:80px;top:0;bottom:0;width:280px;background:var(--md-sys-color-surface-container-low);box-shadow:var(--md-sys-elevation-level2);z-index:49;padding:24px 0;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translate(-8px);transition:opacity var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard),visibility 0s var(--md-sys-motion-duration-short3)}.nav-rail__flyout.open{opacity:1;visibility:visible;transform:translate(0);transition:opacity var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard),visibility 0s 0s}.nav-rail__flyout-title{font-family:var(--md-sys-typescale-title-small-font);font-size:var(--md-sys-typescale-title-small-size);font-weight:var(--md-sys-typescale-title-small-weight);color:var(--md-sys-color-on-surface-variant);padding:0 24px 12px;letter-spacing:.1px}.nav-rail__flyout-item{display:flex;align-items:center;gap:12px;height:48px;padding:0 24px;text-decoration:none;color:var(--md-sys-color-on-surface);font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);cursor:pointer;transition:background var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-linear)}.nav-rail__flyout-item:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.nav-rail__flyout-item.active{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-weight:700}.nav-rail__flyout-item .material-symbols-outlined{font-size:24px;color:var(--md-sys-color-on-surface-variant)}.nav-rail__flyout-item.active .material-symbols-outlined{color:var(--md-sys-color-on-secondary-container)}.nav-rail__flyout-backdrop{position:fixed;inset:0 0 0 80px;z-index:48;display:none}.nav-rail__flyout-backdrop.open{display:block}.page-hero{display:flex;align-items:center;justify-content:space-between;padding:80px 64px 56px;background:var(--md-sys-color-surface-container-low);border-radius:0 0 var(--md-sys-shape-corner-extra-large) var(--md-sys-shape-corner-extra-large);min-height:320px;gap:64px;overflow:hidden}.page-hero__text{max-width:560px;flex-shrink:0}.page-hero__title{font-family:var(--md-sys-typescale-display-large-font);font-size:var(--md-sys-typescale-display-large-size);line-height:var(--md-sys-typescale-display-large-line-height);font-weight:var(--md-sys-typescale-display-large-weight);color:var(--md-sys-color-on-surface);margin-bottom:16px}.page-hero__subtitle{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);color:var(--md-sys-color-on-surface-variant);max-width:480px}.hero-art-generic{width:320px;height:200px;flex-shrink:0;border-radius:var(--md-sys-shape-corner-extra-large);background:linear-gradient(135deg,var(--md-sys-color-primary-container),var(--md-sys-color-tertiary-container));position:relative;overflow:hidden}.hero-art-generic:before{content:"";position:absolute;right:-20px;top:-20px;width:120px;height:120px;border-radius:50%;background:var(--md-sys-color-primary);opacity:.2}.hero-art-generic:after{content:"";position:absolute;left:30px;bottom:-10px;width:80px;height:80px;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-secondary);opacity:.15;transform:rotate(15deg)}.docs-content{padding:40px 64px 80px;max-width:1200px}.docs-content-with-toc{display:flex;gap:64px}.docs-content-main{flex:1;min-width:0}.section-heading{font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:var(--md-sys-typescale-headline-small-weight);color:var(--md-sys-color-on-surface);margin-bottom:16px;margin-top:48px}.section-heading:first-child{margin-top:0}.section-body{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);color:var(--md-sys-color-on-surface-variant);margin-bottom:24px;max-width:680px}.section-divider{height:1px;background:var(--md-sys-color-outline-variant);border:none;margin:40px 0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.component-card{border-radius:var(--md-sys-shape-corner-medium);overflow:hidden;cursor:pointer;background:var(--md-sys-color-surface-container-low);transition:box-shadow var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized),transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized)}.component-card:hover{box-shadow:var(--md-sys-elevation-level2);transform:translateY(-2px)}.component-card__preview{height:160px;display:flex;align-items:center;justify-content:center;background:var(--md-sys-color-surface-container);padding:24px}[data-theme=dark] .component-card__preview .material-symbols-outlined{color:var(--md-sys-color-primary)!important}[data-theme=dark] .component-card__preview div[style*=box-shadow]{background:var(--md-sys-color-surface-container-high)!important;border:1px solid var(--md-sys-color-outline-variant)}.component-card__body{padding:16px}.component-card__title{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);font-weight:var(--md-sys-typescale-title-medium-weight);color:var(--md-sys-color-on-surface);margin-bottom:4px}.component-card__subtitle{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant)}.on-this-page{width:200px;flex-shrink:0;position:sticky;top:24px;align-self:flex-start}.on-this-page__title{font-family:var(--md-sys-typescale-title-small-font);font-size:var(--md-sys-typescale-title-small-size);font-weight:var(--md-sys-typescale-title-small-weight);color:var(--md-sys-color-on-surface);margin-bottom:12px}.on-this-page__list{list-style:none}.on-this-page__link{display:block;padding:6px 12px;font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant);text-decoration:none;border-left:2px solid transparent;transition:all var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-linear)}.on-this-page__link:hover{color:var(--md-sys-color-on-surface)}.on-this-page__link.active{color:var(--md-sys-color-primary);border-left-color:var(--md-sys-color-primary)}.demo-box{padding:32px;background:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-large);margin-bottom:24px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:center}.demo-box--column{flex-direction:column;align-items:flex-start}.code-block{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-medium);padding:20px 24px;font-family:Roboto Mono,monospace;font-size:.875rem;line-height:1.5;color:var(--md-sys-color-on-surface);overflow-x:auto;margin-bottom:24px}.code-block code{color:inherit}.spec-table{width:100%;border-collapse:collapse;margin-bottom:24px}.spec-table th{text-align:left;padding:12px 16px;font-family:var(--md-sys-typescale-title-small-font);font-size:var(--md-sys-typescale-title-small-size);font-weight:var(--md-sys-typescale-title-small-weight);color:var(--md-sys-color-on-surface);border-bottom:1px solid var(--md-sys-color-outline-variant)}.spec-table td{padding:12px 16px;font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant);border-bottom:1px solid var(--md-sys-color-surface-container)}.color-swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:24px}.color-swatch{border-radius:var(--md-sys-shape-corner-medium);padding:20px 16px 12px;min-height:80px;display:flex;flex-direction:column;justify-content:flex-end;font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);font-weight:var(--md-sys-typescale-label-medium-weight)}.tonal-strip{display:flex;border-radius:var(--md-sys-shape-corner-medium);overflow:hidden;margin-bottom:16px}.tonal-strip__item{flex:1;padding:16px 8px 8px;min-height:56px;font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);font-weight:var(--md-sys-typescale-label-small-weight);display:flex;align-items:flex-end}.guideline-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:24px}.guideline-card{border-radius:var(--md-sys-shape-corner-medium);overflow:hidden;background:var(--md-sys-color-surface-container-low)}.guideline-card__preview{height:160px;background:var(--md-sys-color-surface-container)}.guideline-card__body{padding:16px}.guideline-card__tag{display:inline-flex;align-items:center;gap:4px;font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);margin-bottom:8px}.guideline-card__tag--do{color:#1b6e2d}.guideline-card__tag--dont{color:var(--md-sys-color-error)}.guideline-card__text{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant)}.page-tabs{display:flex;border-bottom:1px solid var(--md-sys-color-surface-container-highest);margin-bottom:40px;gap:0}.page-tab{display:flex;align-items:center;gap:8px;padding:16px 24px;font-family:var(--md-sys-typescale-title-small-font);font-size:var(--md-sys-typescale-title-small-size);font-weight:var(--md-sys-typescale-title-small-weight);color:var(--md-sys-color-on-surface-variant);border:none;background:none;cursor:pointer;border-bottom:3px solid transparent;transition:all var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.page-tab:hover{color:var(--md-sys-color-on-surface)}.page-tab.active{color:var(--md-sys-color-primary);border-bottom-color:var(--md-sys-color-primary)}.page-tab .material-symbols-outlined{font-size:20px}.tab-content{display:none}.tab-content.active{display:block}.blog-card{padding:24px;border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container-low);margin-bottom:16px;transition:box-shadow var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized);cursor:pointer}.blog-card:hover{box-shadow:var(--md-sys-elevation-level1)}.blog-card--featured{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.blog-card__badge{display:inline-block;padding:4px 12px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);font-weight:var(--md-sys-typescale-label-medium-weight);margin-bottom:12px}.blog-card__title{font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight);color:inherit;margin-bottom:8px}.blog-card__excerpt{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant);margin-bottom:12px}.blog-card--featured .blog-card__excerpt{color:inherit;opacity:.8}.blog-card__meta{display:flex;gap:12px;align-items:center;font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);color:var(--md-sys-color-on-surface-variant)}.blog-card__tag{padding:2px 8px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container);font-size:var(--md-sys-typescale-label-small-size)}.type-scale-row{display:flex;align-items:baseline;gap:24px;padding:16px 0;border-bottom:1px solid var(--md-sys-color-surface-container)}.type-scale-row__label{width:140px;flex-shrink:0;font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:.1em}.type-scale-row__preview{flex:1;min-width:0}.type-scale-row__meta{flex-shrink:0;text-align:right;font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-on-surface-variant)}.elevation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:24px;margin-bottom:32px}.elevation-card{height:100px;display:flex;align-items:center;justify-content:center;border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container-low);font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);color:var(--md-sys-color-on-surface);transition:box-shadow var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized)}[data-theme=dark] .elevation-card{border:1px solid var(--md-sys-color-outline-variant)}[data-theme=dark] .elevation-card[style*=level1]{background:var(--md-sys-color-surface-container)}[data-theme=dark] .elevation-card[style*=level2]{background:var(--md-sys-color-surface-container-high)}[data-theme=dark] .elevation-card[style*=level3],[data-theme=dark] .elevation-card[style*=level4],[data-theme=dark] .elevation-card[style*=level5]{background:var(--md-sys-color-surface-container-highest)}.shape-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;margin-bottom:32px}.shape-card{height:80px;background:var(--md-sys-color-primary-container);display:flex;align-items:center;justify-content:center;font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);color:var(--md-sys-color-on-primary-container)}.step-list{counter-reset:step;list-style:none;margin-bottom:32px}.step-item{display:flex;gap:16px;padding:24px 0;border-bottom:1px solid var(--md-sys-color-surface-container)}.step-item:before{counter-increment:step;content:counter(step);display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight)}.step-item__content{flex:1}.step-item__title{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);font-weight:var(--md-sys-typescale-title-medium-weight);color:var(--md-sys-color-on-surface);margin-bottom:8px}.reveal{opacity:0;transform:translateY(16px);transition:opacity var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized-decelerate),transform var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized-decelerate)}.reveal.visible{opacity:1;transform:translateY(0)}.search-overlay{position:fixed;inset:0;z-index:200;background:#00000080;display:flex;align-items:flex-start;justify-content:center;padding-top:120px;opacity:0;visibility:hidden;transition:opacity var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-emphasized)}.search-overlay.open{opacity:1;visibility:visible}.search-overlay__box{background:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-extra-large);padding:16px 24px;width:560px;box-shadow:var(--md-sys-elevation-level3)}.search-overlay__input{width:100%;border:none;background:none;outline:none;font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);color:var(--md-sys-color-on-surface);padding:8px 0}.search-overlay__hint{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-on-surface-variant);margin-top:8px;text-align:center}@media(max-width:840px){.nav-rail{display:none}.nav-rail__flyout,.nav-rail__flyout-backdrop{display:none!important}.docs-main{margin-left:0}.page-hero{padding:48px 24px 40px;flex-direction:column;min-height:auto}.page-hero__title{font-size:var(--md-sys-typescale-display-small-size)}.docs-content{padding:24px}.docs-content-with-toc{flex-direction:column}.on-this-page{display:none}.card-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.card-grid{grid-template-columns:1fr}.page-hero__illustration{display:none}}:root{--jolu-spacing-layout: 24px;--jolu-color-success: #2e7d32;--jolu-color-on-success: #ffffff;--jolu-color-success-light: #4CAF50;--jolu-color-warning: #FFB800;--jolu-color-info: #10A37F;--jolu-color-on-info: #ffffff;--jolu-color-accent-red: #E50914;--jolu-color-on-accent-red: #ffffff;--jolu-color-accent-red-container: #ffdadb;--jolu-color-on-accent-red-container: #410002}[data-theme=dark]{--jolu-color-success: #66BB6A;--jolu-color-on-success: #1B5E20;--jolu-color-success-light: #A5D6A7;--jolu-color-warning: #FFCA28;--jolu-color-info: #26D9A2;--jolu-color-on-info: #003D29}.jolu-theme-red{--jolu-academy-accent: var(--jolu-color-accent-red);--jolu-academy-on-accent: var(--jolu-color-on-accent-red)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--md-sys-color-surface)}::-webkit-scrollbar-thumb{background:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-extra-small)}::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-on-surface-variant)}.jolu-sidebar{width:300px;background:var(--md-sys-color-surface-container-low);border-right:1px solid var(--md-sys-color-outline-variant);display:flex;flex-direction:column;height:100vh;z-index:100}.jolu-sidebar-nav{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:4px}.jolu-sidebar-item{display:flex;align-items:center;gap:12px;height:56px;padding:0 24px;border-radius:var(--md-sys-shape-corner-full);text-decoration:none;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);transition:background var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-linear);cursor:pointer}.jolu-sidebar-item:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.jolu-sidebar-item--active{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-weight:700}.jolu-sidebar-item .material-symbols-outlined{font-size:24px}.jolu-sidebar-divider{height:1px;background:var(--md-sys-color-outline-variant);margin:12px 16px}.jolu-sidebar-dropdown details{overflow:hidden;transition:all var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized)}.jolu-sidebar-summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;height:56px;padding:0 24px;border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);transition:background var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-linear)}.jolu-sidebar-summary:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.jolu-sidebar-summary::-webkit-details-marker{display:none}.jolu-sidebar-submenu{display:flex;flex-direction:column;gap:4px;padding-left:0;margin-top:4px}.jolu-sidebar-submenu .jolu-sidebar-item{padding-left:48px}.jolu-drawer{width:240px;background:var(--md-sys-color-surface-container);display:flex;flex-direction:column;border-right:1px solid var(--md-sys-color-outline-variant)}.jolu-drawer__header{padding:16px;font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:.5px}.jolu-content{flex:1;padding:var(--jolu-spacing-layout);overflow-y:auto;background:var(--md-sys-color-surface)}.jolu-content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--jolu-spacing-layout)}.jolu-avatar{width:32px;height:32px;border-radius:var(--md-sys-shape-corner-full);display:flex;align-items:center;justify-content:center;color:var(--md-sys-color-on-primary);font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);font-weight:700;background:var(--md-sys-color-primary)}.jolu-avatar--secondary{background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.jolu-avatar--tertiary{background:var(--md-sys-color-tertiary);color:var(--md-sys-color-on-tertiary)}.jolu-avatar--error{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.jolu-avatar--square{border-radius:var(--md-sys-shape-corner-extra-small)}.jolu-avatar--lg{width:40px;height:40px;font-size:var(--md-sys-typescale-label-medium-size)}.jolu-avatar--xl{width:48px;height:48px;font-size:var(--md-sys-typescale-body-large-size)}.jolu-badge{padding:4px 8px;border-radius:var(--md-sys-shape-corner-small);font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);font-weight:var(--md-sys-typescale-label-small-weight)}.jolu-badge--success{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.jolu-badge--warning{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.jolu-badge--info{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.jolu-app-root{display:flex;width:100%;height:100%}.jolu-chat-sidebar__item-headline{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.jolu-section{padding:var(--jolu-spacing-layout) 48px}.jolu-section-title{font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:var(--md-sys-typescale-headline-small-weight);margin-bottom:16px;color:var(--md-sys-color-on-surface)}.jolu-overline{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);font-weight:600;color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:1px}.jolu-table{background:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-large);padding:16px;border:1px solid var(--md-sys-color-outline-variant)}.jolu-table__header,.jolu-table__row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:12px;align-items:center}.jolu-table__header{border-bottom:1px solid var(--md-sys-color-outline-variant);font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);color:var(--md-sys-color-on-surface-variant)}.jolu-table__row{padding:16px 12px;border-bottom:1px solid var(--md-sys-color-outline-variant);font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size)}.jolu-table__row:last-child{border-bottom:none}.crm-title{margin:0;font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:var(--md-sys-typescale-headline-small-weight);color:var(--md-sys-color-on-surface)}.crm-subtitle{margin:4px 0 0;font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant)}.crm-header-actions{display:flex;align-items:center;gap:4px}.crm-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:var(--jolu-spacing-layout)}.crm-stat-card{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);padding:20px;display:flex;align-items:center;gap:16px;border:1px solid var(--md-sys-color-outline-variant);transition:background var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.crm-stat-card:hover{background:var(--md-sys-color-surface-container-high);transform:translateY(-2px)}.crm-stat-card__icon{width:48px;height:48px;border-radius:var(--md-sys-shape-corner-medium);display:flex;align-items:center;justify-content:center;flex-shrink:0}.crm-stat-card__icon--primary{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.crm-stat-card__icon--secondary{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.crm-stat-card__icon--tertiary{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.crm-stat-card__icon--error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.crm-stat-card__info{display:flex;flex-direction:column;gap:2px}.crm-stat-card__value{font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);font-weight:700;color:var(--md-sys-color-on-surface);line-height:1.2}.crm-stat-card__label{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);color:var(--md-sys-color-on-surface-variant)}.crm-tabs-wrapper{margin-bottom:16px}.crm-tabs-wrapper md-tabs{--md-primary-tab-container-color: transparent}.jolu-drawer__content{flex:1}.jolu-drawer__item--active{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-radius:var(--md-sys-shape-corner-medium);margin:0 8px}.jolu-drawer__section{padding:8px}.jolu-drawer__link{text-decoration:none;color:inherit}.jolu-table--crm .jolu-table__header,.jolu-table--crm .jolu-table__row{grid-template-columns:2.5fr 1fr 1fr 1fr .5fr}.crm-cell-user{display:flex;gap:12px;align-items:center}.crm-cell-user__name{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);font-weight:500}.crm-cell-user__email{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-on-surface-variant)}.crm-cell-date{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);color:var(--md-sys-color-on-surface-variant)}.crm-fab{position:fixed;bottom:24px;right:24px;z-index:50}.crm-fab .md-fab{transition:box-shadow var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized),transform var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.crm-fab .md-fab:hover{transform:scale(1.05)}.jc-layout{display:flex;flex-direction:column;margin-left:80px;flex:1;height:100vh;overflow:hidden}.jc-columns{display:flex;flex:1;overflow:hidden}.jc-topbar{display:flex;align-items:center;gap:12px;padding:10px 20px;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);flex-shrink:0;min-height:56px}.jc-topbar__left{display:flex;align-items:center;gap:12px;flex-shrink:0}.jc-topbar__title{margin:0;font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);font-weight:700;color:var(--md-sys-color-on-surface);white-space:nowrap}.jc-topbar__right{display:flex;align-items:center;gap:12px;margin-left:auto;flex-shrink:0}.jc-topbar__search-btn{width:40px;height:40px;border:none;background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-full);display:flex;align-items:center;justify-content:center;color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:background var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.jc-topbar__search-btn:hover{background:var(--md-sys-color-surface-container-high)}.jc-topbar__search-btn .material-symbols-outlined{font-size:22px}.jc-search-overlay{position:fixed;inset:0;z-index:100;background:color-mix(in srgb,var(--md-sys-color-scrim) 40%,transparent);display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard)}.jc-search-overlay--open{opacity:1;pointer-events:auto}.jc-search-modal{width:520px;max-width:90vw;max-height:420px;background:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-extra-large);box-shadow:var(--md-sys-elevation-level3);display:flex;flex-direction:column;overflow:hidden;transform:translateY(-12px) scale(.97);transition:transform var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized)}.jc-search-overlay--open .jc-search-modal{transform:translateY(0) scale(1)}.jc-search-modal__header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface-variant)}.jc-search-modal__header .material-symbols-outlined{font-size:22px;flex-shrink:0}.jc-search-modal__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);color:var(--md-sys-color-on-surface)}.jc-search-modal__input::placeholder{color:var(--md-sys-color-on-surface-variant)}.jc-search-modal__close{width:32px;height:32px;border:none;background:transparent;border-radius:var(--md-sys-shape-corner-full);display:flex;align-items:center;justify-content:center;color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:background var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.jc-search-modal__close:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.jc-search-modal__close .material-symbols-outlined{font-size:20px}.jc-search-modal__body{flex:1;overflow-y:auto;padding:8px}.jc-search-modal__hint{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;text-align:center;font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant)}.jc-search-modal__result{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--md-sys-shape-corner-medium);cursor:pointer;transition:background var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.jc-search-modal__result:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.jc-search-modal__result-info{flex:1;display:flex;flex-direction:column;gap:2px;overflow:hidden}.jc-search-modal__result-name{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);font-weight:500;color:var(--md-sys-color-on-surface)}.jc-search-modal__result-preview{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-on-surface-variant);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jc-topbar__nav{display:flex;gap:4px;flex:1;justify-content:center}.jc-topbar__nav-item{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--md-sys-shape-corner-full);cursor:pointer;font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);color:var(--md-sys-color-on-surface-variant);white-space:nowrap;transition:background var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.jc-topbar__nav-item:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.jc-topbar__nav-item--active{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-weight:600}.jc-topbar__nav-item .material-symbols-outlined{font-size:20px}.jc-topbar__nav-badge{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);font-weight:700;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);padding:2px 8px;border-radius:var(--md-sys-shape-corner-full);min-width:20px;text-align:center}.jc-topbar__nav-badge--muted{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant)}.jc-topbar__filters{display:flex;gap:8px;flex-shrink:0}.jc-topbar__filter{display:inline-flex;align-items:center;gap:2px;font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container);padding:4px 10px;border-radius:var(--md-sys-shape-corner-small);cursor:pointer;white-space:nowrap;transition:background var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.jc-topbar__filter:hover{background:var(--md-sys-color-surface-container-high)}.jc-inbox{width:320px;flex-shrink:0;background:var(--md-sys-color-surface-container-lowest);border-right:1px solid var(--md-sys-color-outline-variant);display:flex;flex-direction:column;overflow:hidden}.jc-inbox__list{flex:1;overflow-y:auto}.jc-inbox-item{display:flex;gap:12px;padding:12px 16px;cursor:pointer;align-items:center;transition:background var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);border-left:3px solid transparent}.jc-inbox-item:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.jc-inbox-item--active{background:var(--md-sys-color-surface-container-high);border-left-color:var(--md-sys-color-primary)}.jc-inbox-item__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.jc-inbox-item__top{display:flex;justify-content:space-between;align-items:center;gap:8px}.jc-inbox-item__name{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);font-weight:600;color:var(--md-sys-color-on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jc-inbox-item__time{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);color:var(--md-sys-color-on-surface-variant);white-space:nowrap;display:flex;align-items:center;gap:6px}.jc-inbox-item__unread{width:8px;height:8px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary);flex-shrink:0}.jc-inbox-item__bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.jc-inbox-item__preview{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.jc-inbox-item__channel{font-size:16px;flex-shrink:0}.jc-inbox__team{border-top:1px solid var(--md-sys-color-outline-variant);padding:8px;flex-shrink:0}.jc-inbox__team-summary{display:flex;align-items:center;gap:6px;padding:8px;cursor:pointer;font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);font-weight:600;color:var(--md-sys-color-on-surface-variant);list-style:none}.jc-inbox__team-summary::-webkit-details-marker{display:none}.jc-inbox__team-list{display:flex;flex-direction:column;gap:2px;padding-top:4px}.jc-inbox__team-item{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:var(--md-sys-shape-corner-small);cursor:pointer;transition:background var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.jc-inbox__team-item:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.jc-inbox__team-name{flex:1;font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-on-surface)}.jc-inbox__team-count{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);color:var(--md-sys-color-on-surface-variant)}.jc-conversation{flex:1;display:flex;flex-direction:column;background:var(--md-sys-color-surface);min-width:0;border-right:1px solid var(--md-sys-color-outline-variant)}.jc-conversation__header{display:flex;justify-content:space-between;align-items:center;padding:8px 8px 8px 16px;border-bottom:1px solid var(--md-sys-color-outline-variant);flex-shrink:0}.jc-conversation__header-left{display:flex;align-items:center;gap:12px}.jc-conversation__assignee{display:flex;align-items:center;gap:4px;font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant);cursor:pointer}.jc-conversation__header-right{display:flex;align-items:center;gap:0}.jc-conversation__channel{display:flex;align-items:center;gap:8px;padding:8px 24px;border-bottom:1px solid var(--md-sys-color-outline-variant);flex-shrink:0}.jc-conversation__channel-label{font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);font-weight:600;color:var(--md-sys-color-on-surface)}.jc-conversation__messages{flex:1;overflow-y:auto;padding:16px 0;display:flex;flex-direction:column;gap:12px}.jc-conversation__timestamp{text-align:center;font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);color:var(--md-sys-color-on-surface-variant);padding:8px 0}.jc-msg{padding:0 24px}.jc-msg--bot{display:flex}.jc-msg--system{display:flex;align-items:flex-start;gap:8px}.jc-msg__bubble{padding:12px 16px;max-width:70%;font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);line-height:1.5}.jc-msg__bubble--bot{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-radius:var(--md-sys-shape-corner-large) var(--md-sys-shape-corner-large) var(--md-sys-shape-corner-large) 0}.jc-msg__card{background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);padding:16px;max-width:400px;display:flex;flex-direction:column;gap:12px}.jc-msg__card-text{margin:0;font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-on-surface-variant);line-height:1.5}.jc-msg__card-btn{align-self:center}.jc-conversation__trigger{text-align:center;font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);color:var(--md-sys-color-on-surface-variant);padding:8px 24px}.jc-conversation__trigger-link{color:var(--md-sys-color-primary);text-decoration:underline}.jc-conversation__reply{border-top:1px solid var(--md-sys-color-outline-variant);flex-shrink:0}.jc-conversation__reply-tabs{display:flex;border-bottom:1px solid var(--md-sys-color-outline-variant)}.jc-conversation__reply-tab{padding:10px 20px;border:none;background:transparent;font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);color:var(--md-sys-color-on-surface-variant);cursor:pointer;border-bottom:2px solid transparent;transition:color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.jc-conversation__reply-tab:hover{color:var(--md-sys-color-on-surface)}.jc-conversation__reply-tab--active{color:var(--md-sys-color-on-surface);border-bottom-color:var(--md-sys-color-primary);font-weight:600}.jc-conversation__reply-input{min-height:60px;padding:12px 16px;font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface);outline:none}.jc-conversation__reply-input:empty:before{content:attr(data-placeholder);color:var(--md-sys-color-on-surface-variant)}.jc-conversation__reply-toolbar{display:flex;justify-content:space-between;align-items:center;padding:4px 8px 8px}.jc-conversation__reply-tools{display:flex;gap:0}.jc-contact{width:0;overflow:hidden;opacity:0;flex-shrink:0;background:var(--md-sys-color-surface-container-lowest);display:flex;flex-direction:column;transition:width var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized),opacity var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized)}.jc-layout--panel-open .jc-contact{width:320px;opacity:1}.jc-contact__header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--md-sys-color-outline-variant);flex-shrink:0}.jc-contact__header-name{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);font-weight:600;color:var(--md-sys-color-on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jc-contact__body{flex:1;overflow-y:auto;padding:20px 16px}.jc-contact__avatar-section{display:flex;justify-content:center;padding-bottom:16px}.jc-contact__status{display:flex;align-items:center;justify-content:center;gap:6px;padding-bottom:20px}.jc-contact__info{display:flex;flex-direction:column;gap:12px}.jc-contact__info-row{display:flex;align-items:center;gap:10px;color:var(--md-sys-color-on-surface-variant)}.jc-contact__info-row .material-symbols-outlined{color:var(--md-sys-color-on-surface-variant)}.jc-contact__info-label{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-on-surface-variant)}.jc-contact__section-title{font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);font-weight:600;color:var(--md-sys-color-on-surface)}.jc-contact__details{border-top:1px solid var(--md-sys-color-outline-variant);margin-top:4px}.jc-contact__details-summary{display:flex;align-items:center;gap:4px;padding:14px 0;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.jc-contact__details-summary::-webkit-details-marker{display:none}.jc-contact__details-chevron{font-size:20px;color:var(--md-sys-color-on-surface-variant);transition:transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);flex-shrink:0}.jc-contact__details[open] .jc-contact__details-chevron{transform:rotate(180deg)}.jc-contact__details-content{padding-bottom:16px}@media(max-width:840px){.jc-layout{margin-left:0}.jc-topbar{flex-wrap:wrap;gap:8px;padding:8px 12px}.jc-topbar__nav-item span:not(.material-symbols-outlined):not(.jc-topbar__nav-badge){display:none}.jc-inbox{width:280px}.jc-columns{position:relative}.jc-layout--panel-open .jc-contact{position:absolute;right:0;top:0;bottom:0;z-index:20;box-shadow:var(--md-sys-elevation-level3)}}@media(max-width:600px){.jc-topbar__nav-item span:not(.material-symbols-outlined):not(.jc-topbar__nav-badge){display:none}.jc-topbar__filters{display:none}.jc-inbox{width:100%}.jc-conversation{display:none}.jc-layout--panel-open .jc-contact{width:100%}}.jf-layout{margin-left:80px;flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden}.jf-workspace{flex:1;display:flex;overflow:hidden;position:relative}.jf-toolbar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:var(--md-sys-color-surface);border-bottom:1px solid var(--md-sys-color-outline-variant);box-shadow:var(--md-sys-elevation-level1);z-index:20;min-height:56px}.jf-toolbar__left,.jf-toolbar__right{display:flex;align-items:center;gap:8px}.jf-toolbar__icon-btn{width:40px;height:40px;border:none;background:transparent;border-radius:var(--md-sys-shape-corner-full);display:flex;align-items:center;justify-content:center;color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:background var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.jf-toolbar__icon-btn:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.jf-direction-toggle{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container)}.jf-direction-toggle:hover{background:var(--md-sys-color-surface-container-high)}.jf-toolbar__name{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);font-weight:600;color:var(--md-sys-color-on-surface)}.jf-toolbar__badge{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);background:var(--md-sys-color-tertiary-container);padding:4px 12px;border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-on-tertiary-container);font-weight:500}.jf-library{width:240px;min-width:240px;background:var(--md-sys-color-surface);border-right:1px solid var(--md-sys-color-outline-variant);display:flex;flex-direction:column;overflow-y:auto;z-index:10;transition:width var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized),min-width var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized),opacity var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized)}.jf-library--collapsed{width:0;min-width:0;opacity:0;overflow:hidden;border-right:none}.jf-library__header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low)}.jf-library__title{font-family:var(--md-sys-typescale-title-small-font);font-size:var(--md-sys-typescale-title-small-size);font-weight:600;color:var(--md-sys-color-on-surface)}.jf-library__search{display:flex;align-items:center;gap:8px;margin:12px 12px 8px;padding:8px 12px;background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-on-surface-variant)}.jf-library__search input{flex:1;border:none;background:transparent;outline:none;font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface)}.jf-library__search input::placeholder{color:var(--md-sys-color-on-surface-variant)}.jf-library__category{padding:8px 12px}.jf-library__cat-label{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--md-sys-color-on-surface-variant);padding:4px 4px 8px;display:flex;align-items:center;gap:6px}.jf-library__items{display:flex;flex-direction:column;gap:4px}.jf-library__item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:transparent;border-radius:var(--md-sys-shape-corner-medium);cursor:grab;border:1px solid transparent;transition:background var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);-webkit-user-select:none;user-select:none}.jf-library__item:hover{background:var(--md-sys-color-surface-container-high);border-color:var(--md-sys-color-outline-variant);transform:translate(4px)}.jf-library__item-icon{font-size:18px;width:32px;height:32px;border-radius:var(--md-sys-shape-corner-small);display:flex;align-items:center;justify-content:center;flex-shrink:0}.jf-library__item-icon--trigger{color:var(--md-sys-color-on-primary);background:var(--md-sys-color-primary)}.jf-library__item-icon--action{color:var(--md-sys-color-on-secondary);background:var(--md-sys-color-secondary)}.jf-library__item-icon--condition{color:var(--md-sys-color-on-tertiary);background:var(--md-sys-color-tertiary)}.jf-library__item-label{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);color:var(--md-sys-color-on-surface)}.jf-canvas-area{flex:1;position:relative;background-color:var(--md-sys-color-surface-container-lowest);background-image:radial-gradient(color-mix(in srgb,var(--md-sys-color-outline-variant) 50%,transparent) 1px,transparent 1px);background-size:24px 24px;overflow:hidden;cursor:grab}.jf-canvas-transform{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:0 0}.jf-svg{position:absolute;top:0;left:0;width:9999px;height:9999px;pointer-events:none;z-index:1;overflow:visible}.jf-nodes{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.jolu-flow-node{background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-large);box-shadow:var(--md-sys-elevation-level2);position:relative;transition:box-shadow var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);border:1px solid var(--md-sys-color-outline-variant)}.jolu-flow-node:hover{box-shadow:var(--md-sys-elevation-level3);transform:translateY(-1px)}.jolu-flow-node--dragging{box-shadow:var(--md-sys-elevation-level4);opacity:.92;transform:none}.jolu-flow-node--selected{border:2px solid var(--md-sys-color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--md-sys-color-primary) 20%,transparent),var(--md-sys-elevation-level3)}.jolu-flow-node__header{padding:10px 14px;font-family:var(--md-sys-typescale-title-small-font);font-size:var(--md-sys-typescale-title-small-size);font-weight:600;display:flex;align-items:center;gap:10px;cursor:grab;border-radius:var(--md-sys-shape-corner-large) var(--md-sys-shape-corner-large) 0 0;-webkit-user-select:none;user-select:none;position:relative}.jolu-flow-node__header-icon{width:32px;height:32px;border-radius:var(--md-sys-shape-corner-small);display:flex;align-items:center;justify-content:center;flex-shrink:0}.jolu-flow-node__title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface)}.jolu-flow-node__body{padding:10px 14px;font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-on-surface-variant);line-height:var(--md-sys-typescale-body-small-line-height);border-top:1px solid var(--md-sys-color-outline-variant)}.jolu-flow-node__footer{padding:6px 14px 10px;border-top:1px solid var(--md-sys-color-outline-variant);display:flex;gap:8px;align-items:center}.jolu-flow-node--trigger{border-color:var(--md-sys-color-primary);border-width:2px;border-style:solid}.jolu-flow-node--trigger .jolu-flow-node__header{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.jolu-flow-node--trigger .jolu-flow-node__header-icon{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.jolu-flow-node--action .jolu-flow-node__header{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.jolu-flow-node--action .jolu-flow-node__header-icon{background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.jolu-flow-node--condition .jolu-flow-node__header{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.jolu-flow-node--condition .jolu-flow-node__header-icon{background:var(--md-sys-color-tertiary);color:var(--md-sys-color-on-tertiary)}.jolu-flow-branch-badge{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);padding:4px 12px;border-radius:var(--md-sys-shape-corner-full);font-weight:500}.jolu-flow-branch-badge--yes{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.jolu-flow-branch-badge--no{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.jf-node-delete{position:absolute;top:8px;right:8px;width:24px;height:24px;border:none;background:transparent;border-radius:var(--md-sys-shape-corner-full);display:flex;align-items:center;justify-content:center;color:var(--md-sys-color-on-surface-variant);cursor:pointer;opacity:0;transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),background var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.jf-node-delete .material-symbols-outlined{font-size:16px}.jolu-flow-node:hover .jf-node-delete{opacity:1}.jf-node-delete:hover{background:color-mix(in srgb,var(--md-sys-color-error) 12%,transparent);color:var(--md-sys-color-error)}.jf-port{position:absolute;width:14px;height:14px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface);border:2.5px solid var(--md-sys-color-outline);z-index:5;cursor:crosshair;transition:transform var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),background var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.jf-port:after{content:"";position:absolute;inset:-10px;border-radius:var(--md-sys-shape-corner-full)}.jolu-flow-node--trigger .jf-port{border-color:var(--md-sys-color-primary)}.jolu-flow-node--action .jf-port{border-color:var(--md-sys-color-secondary)}.jolu-flow-node--condition .jf-port{border-color:var(--md-sys-color-tertiary)}.jf-port:hover,.jf-port--highlight{background:var(--md-sys-color-primary);border-color:var(--md-sys-color-primary);transform:scale(1.4);box-shadow:0 0 0 4px color-mix(in srgb,var(--md-sys-color-primary) 25%,transparent)}.jf-port--input{left:50%;top:-8px;margin-left:-7px}.jf-port--output{left:50%;bottom:-8px;margin-left:-7px}.jf-port--output-left{left:30%}.jf-port--output-right{left:70%}.jf-flow--horizontal .jf-port--input{left:-8px;top:50%;margin-left:0;margin-top:-7px}.jf-flow--horizontal .jf-port--output{inset:50% -8px auto auto;margin-left:0;margin-top:-7px}.jf-flow--horizontal .jf-port--output-left{left:auto;top:35%}.jf-flow--horizontal .jf-port--output-right{left:auto;top:65%}.jf-edge-hit{pointer-events:stroke;cursor:pointer;stroke:transparent;stroke-width:16;fill:none}.jf-edge{pointer-events:none;transition:stroke var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.jf-edge-hit:hover+.jf-edge{stroke:var(--md-sys-color-error)!important;stroke-width:3;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--md-sys-color-error) 40%,transparent))}.jf-zoom-controls{position:absolute;bottom:24px;left:24px;display:flex;align-items:center;gap:2px;z-index:10;background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-medium);box-shadow:var(--md-sys-elevation-level2);border:1px solid var(--md-sys-color-outline-variant);padding:4px}.jf-zoom-btn{width:36px;height:36px;border:none;background:transparent;border-radius:var(--md-sys-shape-corner-small);box-shadow:var(--md-sys-elevation-level2);display:flex;align-items:center;justify-content:center;color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:background var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.jf-zoom-btn:hover{background:var(--md-sys-color-surface-container-high)}.jf-zoom-btn .material-symbols-outlined{font-size:20px}.jf-zoom-label{padding:6px 8px;font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);font-weight:500;color:var(--md-sys-color-on-surface-variant);min-width:40px;text-align:center}.jf-stats-bar{position:absolute;bottom:24px;right:24px;z-index:10;background:var(--md-sys-color-surface);padding:8px 16px;border-radius:var(--md-sys-shape-corner-medium);box-shadow:var(--md-sys-elevation-level2);border:1px solid var(--md-sys-color-outline-variant);display:flex;align-items:center;gap:6px;font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);color:var(--md-sys-color-on-surface-variant)}.jf-drag-ghost{position:fixed;display:none;align-items:center;gap:8px;padding:8px 16px;background:var(--md-sys-color-surface);border:2px solid var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-medium);box-shadow:var(--md-sys-elevation-level3);font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);color:var(--md-sys-color-on-surface);z-index:9999;pointer-events:none;opacity:.9}@media(max-width:840px){.jf-layout{margin-left:0}.jf-library{position:absolute;top:0;left:0;height:100%;z-index:15;box-shadow:var(--md-sys-elevation-level3)}.jf-toolbar__right .md-button span:not(.material-symbols-outlined){display:none}}@media(max-width:600px){.jf-library{width:0;min-width:0;opacity:0;overflow:hidden}.jf-toolbar__name{font-size:var(--md-sys-typescale-title-small-size);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.jd-layout{margin-left:80px;flex:1;height:100vh;overflow-y:auto;background:var(--md-sys-color-surface-container-lowest)}.jd-content{max-width:1400px;margin:0 auto;padding:32px 40px 64px;display:flex;flex-direction:column;gap:24px}.jd-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.jd-header__title{margin:0;font-family:var(--md-sys-typescale-headline-medium-font);font-size:var(--md-sys-typescale-headline-medium-size);font-weight:700;color:var(--md-sys-color-on-surface);line-height:var(--md-sys-typescale-headline-medium-line-height)}.jd-header__subtitle{margin:4px 0 0;font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant)}.jd-header__status{display:flex;align-items:center;gap:8px;font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);color:var(--jolu-color-success);font-weight:500;white-space:nowrap;flex-shrink:0}.jd-status-dot{width:8px;height:8px;border-radius:var(--md-sys-shape-corner-full);background:var(--jolu-color-success);flex-shrink:0}.jd-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.jd-kpi-card{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);padding:20px;display:flex;flex-direction:column;gap:4px;transition:box-shadow var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.jd-kpi-card:hover{box-shadow:var(--md-sys-elevation-level2);transform:translateY(-2px)}.jd-kpi-card__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.jd-kpi-card__icon{width:44px;height:44px;border-radius:var(--md-sys-shape-corner-medium);display:flex;align-items:center;justify-content:center}.jd-kpi-card__icon .material-symbols-outlined{font-size:22px}.jd-kpi-card__icon--primary{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.jd-kpi-card__icon--secondary{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.jd-kpi-card__icon--tertiary{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.jd-kpi-card__trend{display:flex;align-items:center;gap:2px;font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);font-weight:600;padding:2px 8px;border-radius:var(--md-sys-shape-corner-full)}.jd-kpi-card__trend--up{color:var(--jolu-color-success);background:color-mix(in srgb,var(--jolu-color-success) 12%,transparent)}.jd-kpi-card__trend--down{color:var(--md-sys-color-error);background:color-mix(in srgb,var(--md-sys-color-error) 12%,transparent)}.jd-kpi-card__label{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-on-surface-variant)}.jd-kpi-card__value{font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);font-weight:700;color:var(--md-sys-color-on-surface);line-height:var(--md-sys-typescale-headline-small-line-height)}.jd-kpi-card__period{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);color:var(--md-sys-color-on-surface-variant)}.jd-card{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);padding:24px}.jd-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.jd-card__title{margin:0;font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);font-weight:600;color:var(--md-sys-color-on-surface)}.jd-card__link{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);font-weight:600;color:var(--md-sys-color-primary);text-decoration:none;cursor:pointer}.jd-card__link:hover{text-decoration:underline}.jd-middle-row{display:grid;grid-template-columns:2fr 3fr;gap:16px}.jd-donut-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:16px}.jd-donut{width:140px;height:140px;border-radius:var(--md-sys-shape-corner-full);background:conic-gradient(var(--jolu-color-success) 0% 96%,var(--md-sys-color-outline-variant) 96% 100%);display:flex;align-items:center;justify-content:center}.jd-donut__inner{width:96px;height:96px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface);display:flex;align-items:center;justify-content:center}.jd-donut__value{font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);font-weight:700;color:var(--md-sys-color-on-surface)}.jd-donut__legend{display:flex;gap:20px}.jd-donut__legend-item{display:flex;align-items:center;gap:6px;font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);color:var(--md-sys-color-on-surface-variant)}.jd-donut__dot{width:10px;height:10px;border-radius:var(--md-sys-shape-corner-full)}.jd-donut__dot--success{background:var(--jolu-color-success)}.jd-donut__dot--error{background:var(--md-sys-color-outline-variant)}.jd-actions-grid{display:flex;flex-direction:column;gap:8px}.jd-action-card{display:flex;align-items:center;gap:16px;padding:16px;border-radius:var(--md-sys-shape-corner-medium);cursor:pointer;transition:background var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.jd-action-card:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 5%,transparent)}.jd-action-card__icon{width:44px;height:44px;border-radius:var(--md-sys-shape-corner-medium);display:flex;align-items:center;justify-content:center;flex-shrink:0}.jd-action-card__icon .material-symbols-outlined{font-size:22px}.jd-action-card__icon--primary{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.jd-action-card__icon--secondary{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.jd-action-card__icon--tertiary{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.jd-action-card__info{flex:1;display:flex;flex-direction:column;gap:2px}.jd-action-card__label{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);font-weight:500;color:var(--md-sys-color-on-surface)}.jd-action-card__desc{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-on-surface-variant)}.jd-action-card__arrow{font-size:20px;color:var(--md-sys-color-on-surface-variant);transition:transform var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.jd-action-card:hover .jd-action-card__arrow{transform:translate(4px);color:var(--md-sys-color-primary)}.jd-bottom-row{display:grid;grid-template-columns:65fr 35fr;gap:16px}.jd-activity-list{display:flex;flex-direction:column}.jd-activity-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--md-sys-color-outline-variant)}.jd-activity-item:last-child{border-bottom:none}.jd-activity-item__icon{width:36px;height:36px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);display:flex;align-items:center;justify-content:center;flex-shrink:0}.jd-activity-item__icon .material-symbols-outlined{font-size:18px}.jd-activity-item__text{flex:1;font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jd-activity-item__check{font-size:18px;color:var(--jolu-color-success);flex-shrink:0}.jd-activity-item__time{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);color:var(--md-sys-color-on-surface-variant);flex-shrink:0;min-width:24px;text-align:right}.jd-operational-badge{display:flex;align-items:center;gap:6px;font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);font-weight:600;color:var(--jolu-color-success);background:color-mix(in srgb,var(--jolu-color-success) 12%,transparent);padding:4px 12px;border-radius:var(--md-sys-shape-corner-full)}.jd-status-list{display:flex;flex-direction:column;gap:4px}.jd-status-item{display:flex;align-items:center;gap:12px;padding:10px 0}.jd-status-item__icon{width:36px;height:36px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);display:flex;align-items:center;justify-content:center;flex-shrink:0}.jd-status-item__icon .material-symbols-outlined{font-size:18px}.jd-status-item__info{flex:1;display:flex;flex-direction:column}.jd-status-item__label{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);font-weight:500;color:var(--md-sys-color-on-surface)}.jd-status-item__desc{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-on-surface-variant)}.jd-status-item__check{font-size:22px;color:var(--jolu-color-success);flex-shrink:0}.jd-uptime{margin-top:16px;padding-top:16px;border-top:1px solid var(--md-sys-color-outline-variant)}.jd-uptime__header{display:flex;align-items:center;gap:6px;font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-on-surface-variant);margin-bottom:8px}.jd-uptime__value{margin-left:auto;font-weight:600;color:var(--md-sys-color-on-surface)}.jd-uptime__bar{height:8px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container-high);overflow:hidden}.jd-uptime__fill{height:100%;border-radius:var(--md-sys-shape-corner-full);background:var(--jolu-color-success);transition:width var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized)}.jd-pipeline-card{margin-bottom:24px}.jd-pipeline__stages{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.jd-pipeline__stage{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-full);flex:1;min-width:120px;justify-content:space-between}.jd-pipeline__stage-label{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);color:var(--md-sys-color-on-surface);font-weight:500}.jd-pipeline__stage-count{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);font-weight:700;padding:2px 10px;border-radius:var(--md-sys-shape-corner-full);min-width:20px;text-align:center}.jd-pipeline__stage-count--primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.jd-pipeline__stage-count--tertiary{background:var(--md-sys-color-tertiary);color:var(--md-sys-color-on-tertiary)}.jd-pipeline__stage-count--warning{background:var(--jolu-color-warning);color:var(--jolu-color-on-warning)}.jd-pipeline__stage-count--info{background:var(--jolu-color-info);color:var(--jolu-color-on-info)}.jd-pipeline__stage-count--success{background:var(--jolu-color-success);color:var(--jolu-color-on-success)}.jd-pipeline__total{display:flex;align-items:center;gap:8px;font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant);padding-top:12px;border-top:1px solid var(--md-sys-color-outline-variant)}.jd-pipeline__total strong{color:var(--md-sys-color-on-surface)}@media(max-width:840px){.jd-layout{margin-left:0}.jd-content{padding:24px 20px 48px}.jd-kpi-grid{grid-template-columns:repeat(2,1fr)}.jd-middle-row,.jd-bottom-row{grid-template-columns:1fr}}@media(max-width:600px){.jd-content{padding:16px 12px 40px}.jd-header{flex-direction:column;gap:8px}.jd-kpi-grid{grid-template-columns:1fr}.jd-actions-grid,.jd-pipeline__stages{flex-direction:column}}.jolu-academy{flex:1;background:var(--md-sys-color-surface);overflow-y:auto;display:flex;flex-direction:column}.jolu-video-player{width:100%;height:60vh;background-color:var(--md-ref-palette-neutral0);position:relative;display:flex;align-items:center;justify-content:center}.jolu-video-player__play-icon{font-size:80px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);z-index:1;-webkit-user-select:none;user-select:none}.jolu-video-player__play-icon:hover{color:var(--md-sys-color-tertiary);transform:scale(1.1)}.jolu-video-player__ambient{position:absolute;top:50%;left:50%;width:400px;height:400px;background:radial-gradient(circle,color-mix(in srgb,var(--md-sys-color-tertiary) 8%,transparent) 0%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none}.jolu-video-player__subtitle{margin-top:16px;font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);color:var(--md-sys-color-on-surface-variant);font-weight:500;letter-spacing:.5px}.jolu-video-player__controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,var(--md-sys-color-scrim) 0%,transparent 100%);padding:var(--jolu-spacing-layout)}.jolu-video-controls-row{display:flex;justify-content:space-between;align-items:center}.jolu-video-time{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);font-weight:500;color:var(--md-sys-color-on-surface);margin-left:8px;font-variant-numeric:tabular-nums}.jolu-video-speed{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);font-weight:700;color:var(--md-sys-color-on-surface)}.jolu-academy-info{padding:var(--jolu-spacing-layout) 32px 0 32px}.jolu-academy-info__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--jolu-spacing-layout);flex-wrap:wrap}.jolu-academy-info__left{flex:1;min-width:300px}.jolu-academy-info__title{margin:0;font-family:var(--md-sys-typescale-headline-medium-font);font-size:var(--md-sys-typescale-headline-medium-size);font-weight:700;color:var(--md-sys-color-on-surface);line-height:1.2}.jolu-academy-info__subtitle{margin:6px 0 0;font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);color:var(--md-sys-color-on-surface-variant)}.jolu-academy-info__progress{display:flex;align-items:center;gap:12px;margin-top:16px}.jolu-academy-info__progress-label{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);color:var(--md-sys-color-on-surface-variant);white-space:nowrap}.jolu-academy-info__actions{display:flex;gap:12px;align-items:center;flex-shrink:0}.jolu-academy-tabs{padding:16px 32px 0}.jolu-academy-content{display:flex;gap:32px;padding:var(--jolu-spacing-layout) 32px 48px 32px;flex:1}.jolu-academy-episodes{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.jolu-academy-module-label{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);font-weight:600;color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.jolu-episode-card{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-small);padding:16px;border:1px solid var(--md-sys-color-outline-variant);display:flex;gap:16px;align-items:center;transition:background var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);cursor:pointer}.jolu-episode-card:hover{background:var(--md-sys-color-surface-container-high)}.jolu-episode-card--completed{opacity:.7}.jolu-episode-card--active{background:var(--md-sys-color-surface-container-high);border-left:4px solid var(--md-sys-color-tertiary);box-shadow:var(--md-sys-elevation-level2)}.jolu-episode-card--locked{cursor:default;opacity:.4}.jolu-episode-card__number{font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);font-weight:700;color:var(--md-sys-color-outline);width:32px}.jolu-episode-card--active .jolu-episode-card__number{color:var(--md-sys-color-on-surface)}.jolu-episode-card__title{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);font-weight:500;color:var(--md-sys-color-on-surface)}.jolu-episode-card--completed .jolu-episode-card__title{color:var(--md-sys-color-on-surface-variant)}.jolu-episode-card--active .jolu-episode-card__title{font-weight:700}.jolu-episode-card__meta{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);color:var(--md-sys-color-on-surface-variant)}.jolu-episode-card--active .jolu-episode-card__meta-playing{color:var(--md-sys-color-tertiary);font-weight:600}.jolu-academy-sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--jolu-spacing-layout)}.jolu-academy-card{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);padding:var(--jolu-spacing-layout);border:1px solid var(--md-sys-color-outline-variant)}.jolu-academy-card__title{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);font-weight:600;color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.jolu-academy-instructor{display:flex;align-items:center;gap:14px}.jolu-academy-instructor__name{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);font-weight:600;color:var(--md-sys-color-on-surface)}.jolu-academy-instructor__role{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);color:var(--md-sys-color-on-surface-variant)}.jolu-academy-rating{display:flex;align-items:center;gap:8px;margin-bottom:16px}.jolu-academy-rating__score{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);font-weight:600;color:var(--md-sys-color-on-surface)}.jolu-academy-rating__count{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);color:var(--md-sys-color-outline)}.jolu-academy-stat-row{display:flex;align-items:center;gap:12px}.jolu-academy-stat-row+.jolu-academy-stat-row{margin-top:14px}.jolu-academy-stat-row__icon{width:40px;height:40px;background:color-mix(in srgb,var(--md-sys-color-primary) 15%,transparent);border-radius:var(--md-sys-shape-corner-medium);display:flex;align-items:center;justify-content:center}.jolu-academy-stat-row__value{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);font-weight:700;color:var(--md-sys-color-on-surface)}.jolu-academy-stat-row__label{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);color:var(--md-sys-color-on-surface-variant)}.jolu-community{flex:1;overflow-y:auto;display:flex;flex-direction:column;background:var(--md-sys-color-surface)}.jolu-community-header{padding:20px 32px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--md-sys-color-outline-variant);flex-shrink:0}.jolu-community-header__title{margin:0;font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);font-weight:700;color:var(--md-sys-color-on-surface);display:flex;align-items:center;gap:8px}.jolu-community-tabs{padding:0 32px;flex-shrink:0}.jolu-community-layout{display:flex;gap:var(--jolu-spacing-layout);padding:var(--jolu-spacing-layout) 32px 48px 32px;flex:1;min-height:0}.jolu-community-feed{flex:1;display:flex;flex-direction:column;gap:16px;min-width:0;overflow-y:auto}.jolu-community-sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:20px}.jolu-post-card{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);padding:20px;display:flex;flex-direction:column;gap:12px;border:1px solid var(--md-sys-color-outline-variant)}.jolu-post-card--featured{background:var(--md-sys-color-primary-container);border:2px solid var(--md-sys-color-primary)}.jolu-post-card__featured-badge{display:flex;align-items:center;gap:6px;font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);font-weight:700;color:var(--md-sys-color-primary);text-transform:uppercase;letter-spacing:1px}.jolu-post-card__user{display:flex;align-items:center;gap:12px}.jolu-post-card__user-name{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);font-weight:600;color:var(--md-sys-color-on-surface)}.jolu-post-card--featured .jolu-post-card__user-name{color:var(--md-sys-color-on-primary-container)}.jolu-post-card__user-time{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);color:var(--md-sys-color-on-surface-variant)}.jolu-post-card--featured .jolu-post-card__user-time{color:var(--md-sys-color-on-primary-container);opacity:.7}.jolu-post-card__title{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);font-weight:700;color:var(--md-sys-color-on-surface);line-height:1.3}.jolu-post-card--featured .jolu-post-card__title{color:var(--md-sys-color-on-primary-container)}.jolu-post-card__excerpt{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.jolu-post-card--featured .jolu-post-card__excerpt{color:var(--md-sys-color-on-primary-container);opacity:.85}.jolu-post-card__footer{display:flex;align-items:center;gap:20px;padding-top:4px}.jolu-post-card__action{display:flex;align-items:center;gap:6px;font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);color:var(--md-sys-color-on-surface-variant);cursor:pointer}.jolu-post-card--featured .jolu-post-card__action{color:var(--md-sys-color-on-primary-container)}.jolu-community-card{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);padding:20px;border:1px solid var(--md-sys-color-outline-variant)}.jolu-community-card__title{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);font-weight:700;color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.jolu-member-row{display:flex;align-items:center;gap:12px}.jolu-member-row+.jolu-member-row{margin-top:12px}.jolu-member-row__avatar-wrap{position:relative}.jolu-member-row__status{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:var(--md-sys-shape-corner-full);border:2px solid var(--md-sys-color-surface-container)}.jolu-member-row__status--online{background:var(--md-sys-color-secondary)}.jolu-member-row__status--away{background:var(--md-sys-color-tertiary)}.jolu-member-row__name{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);font-weight:600;color:var(--md-sys-color-on-surface)}.jolu-member-row__presence{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size)}.jolu-member-row__presence--online{color:var(--md-sys-color-secondary)}.jolu-member-row__presence--away{color:var(--md-sys-color-tertiary)}.jolu-community-stat{display:flex;align-items:center;gap:12px}.jolu-community-stat+.jolu-community-stat{margin-top:16px}.jolu-community-stat__icon{width:40px;height:40px;background:color-mix(in srgb,var(--md-sys-color-primary) 15%,transparent);border-radius:var(--md-sys-shape-corner-medium);display:flex;align-items:center;justify-content:center}.jolu-community-stat__icon--secondary{background:color-mix(in srgb,var(--md-sys-color-secondary) 15%,transparent)}.jolu-community-stat__value{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);font-weight:700;color:var(--md-sys-color-on-surface)}.jolu-community-stat__label{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);color:var(--md-sys-color-on-surface-variant)}.jolu-hero{position:relative;height:60vh;min-height:400px;display:flex;align-items:flex-end;padding:48px;background-size:cover;background-position:center}.jolu-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,var(--md-sys-color-surface) 100%);z-index:0}.jolu-hero-content{position:relative;z-index:1;max-width:600px}.jolu-carousel{display:flex;gap:16px;overflow-x:auto;padding-bottom:16px;scroll-snap-type:x mandatory}.jolu-card{flex:0 0 280px;height:160px;background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);display:flex;align-items:center;justify-content:center;transition:transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard),background var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);cursor:pointer;scroll-snap-align:start;position:relative;overflow:hidden}.jolu-card:hover{transform:scale(1.05);background:var(--md-sys-color-surface-container-high);z-index:2;box-shadow:var(--md-sys-elevation-level3)}.jolu-card-title{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);z-index:1}.jolu-navbar{position:fixed;top:0;left:0;right:0;padding:16px 48px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-scrim) 70%,transparent) 0%,transparent 100%);z-index:100}.jolu-logo{font-weight:700;font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);color:var(--md-sys-color-primary);text-transform:uppercase;letter-spacing:1px}.jolu-divider{height:1px;background:var(--md-sys-color-outline-variant);flex-shrink:0}.jolu-body-fullscreen{margin:0;height:100vh;overflow:hidden;display:flex;flex-direction:column}.jolu-academy-container{flex:1;background:var(--md-sys-color-surface);overflow-y:auto;display:flex;flex-direction:column}.jolu-video-placeholder{text-align:center;z-index:1;-webkit-user-select:none;user-select:none}.jolu-video-play-btn{font-size:80px;color:color-mix(in srgb,var(--md-ref-palette-neutral95) 60%,transparent);cursor:pointer;transition:color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.jolu-video-play-btn:hover{color:var(--md-sys-color-primary);transform:scale(1.1)}.jolu-video-title{margin-top:16px;font-size:var(--md-sys-typescale-body-large-size);color:color-mix(in srgb,var(--md-ref-palette-neutral90) 70%,transparent);font-weight:var(--md-ref-typeface-weight-medium);letter-spacing:.5px}.jolu-video-glow{position:absolute;top:50%;left:50%;width:400px;height:400px;background:radial-gradient(circle,color-mix(in srgb,var(--md-sys-color-primary) 8%,transparent) 0%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none}.jolu-video-controls-bar{display:flex;justify-content:space-between;align-items:center}.jolu-video-controls-group{display:flex;gap:8px;align-items:center}.jolu-video-time{font-size:var(--md-sys-typescale-body-small-size);font-weight:var(--md-ref-typeface-weight-medium);color:var(--md-ref-palette-neutral90);margin-left:8px;font-variant-numeric:tabular-nums}.jolu-course-content{flex:1;display:flex;flex-direction:column}.jolu-course-header{padding:24px 32px 0}.jolu-course-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.jolu-course-title-block{flex:1;min-width:300px}.jolu-course-title{margin:0;font-size:var(--md-sys-typescale-headline-medium-size);font-weight:var(--md-ref-typeface-weight-bold);color:var(--md-sys-color-on-surface);line-height:1.2}.jolu-course-subtitle{margin:6px 0 0;font-size:var(--md-sys-typescale-body-large-size);color:var(--md-sys-color-on-surface-variant)}.jolu-course-progress-row{display:flex;align-items:center;gap:12px;margin-top:16px}.jolu-course-progress-bar{flex:1;max-width:200px;--md-linear-progress-active-indicator-height: 3px;--md-linear-progress-track-height: 3px;--md-sys-color-primary: var(--md-sys-color-primary);--md-linear-progress-track-color: var(--md-sys-color-surface-variant)}.jolu-course-progress-text{font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-on-surface-variant);white-space:nowrap}.jolu-course-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}.jolu-course-sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:24px}.jolu-course-sidebar-card{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);padding:24px;border:1px solid var(--md-sys-color-outline-variant)}.jolu-course-tabs{padding:16px 32px 0}.jolu-course-divider{height:1px;background:var(--md-sys-color-outline-variant)}.jolu-course-main-area{display:flex;gap:32px;padding:24px 32px 48px;flex:1}.jolu-episode-list{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.jolu-section-label{font-size:var(--md-sys-typescale-label-medium-size);font-weight:var(--md-ref-typeface-weight-medium);color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.academy-page-wrapper{display:flex;flex-direction:column;margin-left:80px;flex:1;height:100vh;overflow-y:auto;overflow-x:hidden;background:var(--md-sys-color-surface)}.academy-page-wrapper--browse{overflow-y:scroll}.academy-breadcrumb{display:flex;align-items:center;gap:4px;padding:12px 32px;background:var(--md-sys-color-surface);z-index:5}.academy-breadcrumb--hero{padding:0;background:transparent;margin-bottom:16px}.academy-breadcrumb__link{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);color:var(--md-sys-color-primary);text-decoration:none;transition:color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.academy-breadcrumb__link:hover{color:var(--md-sys-color-on-surface)}.academy-breadcrumb__link--hero{color:var(--md-ref-palette-neutral90)}.academy-breadcrumb__link--hero:hover{color:var(--md-ref-palette-neutral100)}.academy-breadcrumb__sep{font-size:18px;color:var(--md-sys-color-on-surface-variant)}.academy-breadcrumb__current{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);color:var(--md-sys-color-on-surface-variant)}.academy-breadcrumb__current--hero{color:var(--md-ref-palette-neutral80)}.academy-topbar{position:fixed;top:0;left:80px;right:0;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;z-index:50;background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-scrim) 60%,transparent) 0%,transparent 100%);transition:background var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard)}.academy-topbar--solid{background:var(--md-sys-color-surface);box-shadow:var(--md-sys-elevation-level2)}.academy-topbar__left{display:flex;align-items:center}.academy-topbar__logo{font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);font-weight:700;color:var(--md-ref-palette-neutral95);letter-spacing:2px;text-transform:uppercase;transition:color var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard)}.academy-topbar--solid .academy-topbar__logo{color:var(--md-sys-color-primary)}.academy-topbar__right{display:flex;align-items:center;gap:8px}.academy-topbar--solid .academy-topbar__right md-icon-button{--md-icon-button-icon-color: var(--md-sys-color-on-surface-variant)}.academy-topbar__avatar{width:32px;height:32px;border-radius:var(--md-sys-shape-corner-full);background:linear-gradient(135deg,var(--md-sys-color-primary),var(--md-sys-color-primary-container));display:flex;align-items:center;justify-content:center;font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);font-weight:700;color:var(--md-sys-color-on-primary)}.academy-hero{position:relative;height:80vh;min-height:500px;display:flex;align-items:flex-end;overflow:hidden}.academy-hero__overlay-left{position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--md-sys-color-scrim) 60%,transparent) 0%,transparent 60%);z-index:1}.academy-hero__overlay-bottom{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,var(--md-sys-color-surface) 100%);z-index:1}.academy-hero__content{position:relative;z-index:2;max-width:600px;padding:0 48px;margin-bottom:-24px}.academy-hero__badge{display:inline-block;font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);font-weight:700;color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary) 20%,transparent);padding:4px 12px;border-radius:var(--md-sys-shape-corner-small);letter-spacing:1px;margin-bottom:12px}.academy-hero__title{margin:0;font-family:var(--md-sys-typescale-display-medium-font);font-size:var(--md-sys-typescale-display-medium-size);font-weight:700;color:var(--md-ref-palette-neutral95);line-height:1.1}.academy-hero__description{margin:12px 0 0;font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);color:var(--md-ref-palette-neutral80);line-height:1.5}.academy-hero__actions{display:flex;gap:12px;margin-top:20px}.academy-hero__btn{text-decoration:none}.academy-hero__btn--outlined{border-color:var(--md-ref-palette-neutral70);color:var(--md-ref-palette-neutral95)}.academy-hero__btn--outlined:hover{background:color-mix(in srgb,var(--md-ref-palette-neutral95) 8%,transparent)}.academy-hero__meta{display:flex;gap:16px;margin-top:16px;flex-wrap:wrap}.academy-hero__meta-chip{display:inline-flex;align-items:center;gap:4px;font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);color:var(--md-ref-palette-neutral80)}.academy-carousels{position:relative;z-index:3;padding:0 0 48px;margin-top:-80px}.academy-carousel-row{padding:0 48px;margin-bottom:32px}.academy-carousel-row__title{margin:0 0 12px;font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);font-weight:700;color:var(--md-sys-color-on-surface)}.academy-carousel-row__wrapper{position:relative}.academy-carousel-row__track{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:8px}.academy-carousel-row__track::-webkit-scrollbar{display:none}.academy-carousel-row__arrow{position:absolute;top:0;bottom:8px;width:48px;z-index:5;border:none;background:color-mix(in srgb,var(--md-sys-color-surface) 80%,transparent);color:var(--md-sys-color-on-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.academy-carousel-row__wrapper:hover .academy-carousel-row__arrow{opacity:1}.academy-carousel-row__arrow--left{left:-12px;border-radius:0 var(--md-sys-shape-corner-small) var(--md-sys-shape-corner-small) 0}.academy-carousel-row__arrow--right{right:-12px;border-radius:var(--md-sys-shape-corner-small) 0 0 var(--md-sys-shape-corner-small)}.academy-carousel-row__arrow .material-symbols-outlined{font-size:32px}.academy-course-card{flex:0 0 220px;border-radius:var(--md-sys-shape-corner-medium);overflow:hidden;background:var(--md-sys-color-surface-container);transition:transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);cursor:pointer;display:block;color:inherit}.academy-course-card:hover{transform:scale(1.05);box-shadow:var(--md-sys-elevation-level3);z-index:2}.academy-course-card__poster{position:relative;height:124px;display:flex;align-items:flex-end}.academy-course-card__poster-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,color-mix(in srgb,var(--md-sys-color-scrim) 70%,transparent) 100%);display:flex;align-items:flex-end;padding:12px}.academy-course-card__poster-title{font-family:var(--md-sys-typescale-title-small-font);font-size:var(--md-sys-typescale-title-small-size);font-weight:700;color:var(--md-ref-palette-neutral95);line-height:1.2}.academy-course-card__progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:color-mix(in srgb,var(--md-ref-palette-neutral95) 30%,transparent)}.academy-course-card__progress:after{content:"";position:absolute;left:0;top:0;height:100%;width:var(--progress);background:var(--md-sys-color-primary);border-radius:0 var(--md-sys-shape-corner-extra-small) var(--md-sys-shape-corner-extra-small) 0}.academy-course-card__detail{padding:0 12px;max-height:0;overflow:hidden;transition:max-height var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized),padding var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized)}.academy-course-card:hover .academy-course-card__detail{max-height:120px;padding:12px}.academy-course-card__detail-title{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);font-weight:600;color:var(--md-sys-color-on-surface);margin-bottom:4px}.academy-course-card__detail-meta{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);color:var(--md-sys-color-on-surface-variant);margin-bottom:8px}.academy-course-card__detail-tags{display:flex;gap:6px;flex-wrap:wrap}.academy-course-card__tag{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);padding:2px 8px;border-radius:var(--md-sys-shape-corner-small)}.academy-course-detail{display:flex;flex-direction:column;min-height:100%}.academy-course-hero{position:relative;height:45vh;min-height:320px;display:flex;align-items:flex-end;overflow:hidden}.academy-course-hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,var(--md-sys-color-surface) 100%);z-index:1}.academy-course-hero__content{position:relative;z-index:2;padding:0 48px 32px;max-width:800px}.academy-course-hero__title{margin:0;font-family:var(--md-sys-typescale-display-small-font);font-size:var(--md-sys-typescale-display-small-size);font-weight:700;color:var(--md-ref-palette-neutral95);line-height:1.1}.academy-course-hero__subtitle{margin:8px 0 0;font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);color:var(--md-ref-palette-neutral80)}.academy-course-hero__stats{display:flex;gap:20px;margin-top:16px;flex-wrap:wrap}.academy-course-hero__stat{display:inline-flex;align-items:center;gap:6px;font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);color:var(--md-ref-palette-neutral80)}.academy-course-hero__progress{display:flex;align-items:center;gap:12px;margin-top:16px}.academy-course-hero__progress-bar{flex:1;max-width:240px;height:4px;background:color-mix(in srgb,var(--md-ref-palette-neutral95) 30%,transparent);border-radius:var(--md-sys-shape-corner-full);overflow:hidden}.academy-course-hero__progress-fill{height:100%;background:var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-full);transition:width var(--md-sys-motion-duration-medium4) var(--md-sys-motion-easing-emphasized)}.academy-course-hero__progress-text{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);color:var(--md-ref-palette-neutral80);white-space:nowrap}.academy-module-grid-section{padding:0 48px;margin-top:-60px;position:relative;z-index:3}.academy-module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.academy-module-card{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);padding:24px;border:1px solid var(--md-sys-color-outline-variant);display:flex;flex-direction:column;gap:8px;transition:transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);cursor:pointer;color:inherit}.academy-module-card:hover{transform:translateY(-4px);box-shadow:var(--md-sys-elevation-level2)}.academy-module-card--completed{opacity:.7}.academy-module-card--active{border-color:var(--md-sys-color-primary);border-width:2px}.academy-module-card--locked{opacity:.4;pointer-events:none}.academy-module-card__header{display:flex;justify-content:space-between;align-items:center}.academy-module-card__number{font-family:var(--md-sys-typescale-display-small-font);font-size:var(--md-sys-typescale-display-small-size);font-weight:700;color:var(--md-sys-color-outline);line-height:1}.academy-module-card--active .academy-module-card__number{color:var(--md-sys-color-primary)}.academy-module-card__title{margin:0;font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);font-weight:700;color:var(--md-sys-color-on-surface);line-height:1.3}.academy-module-card__subtitle{margin:0;font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant)}.academy-module-card__meta{display:flex;gap:6px;font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);color:var(--md-sys-color-on-surface-variant)}.academy-module-card__progress{height:3px;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);border-radius:var(--md-sys-shape-corner-full);margin-top:8px;overflow:hidden}.academy-module-card__progress-fill{height:100%;background:var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-full)}.academy-course-instructor-section{padding:48px}@media(max-width:840px){.academy-page-wrapper{margin-left:0}.academy-topbar{left:0}.academy-hero{height:60vh;min-height:400px}.academy-hero__content{padding:0 24px}.academy-hero__title{font-size:var(--md-sys-typescale-headline-large-size)}.academy-course-card{flex:0 0 180px}.academy-course-card__poster{height:100px}.academy-carousel-row__arrow{opacity:1}.academy-carousel-row{padding:0 24px}.academy-course-hero{height:40vh;min-height:260px}.academy-course-hero__content{padding:0 24px 24px}.academy-course-hero__title{font-size:var(--md-sys-typescale-headline-large-size)}.academy-module-grid-section{padding:0 24px}.academy-course-instructor-section{padding:24px}.jolu-course-main-area{flex-direction:column}.jolu-course-sidebar{width:100%}.academy-breadcrumb{padding:12px 24px}.jolu-course-header{padding:24px 24px 0}.jolu-course-tabs{padding:16px 24px 0}.jolu-course-main-area{padding:24px 24px 48px}}@media(max-width:600px){.academy-hero{height:50vh;min-height:340px}.academy-hero__content{padding:0 16px}.academy-hero__title{font-size:var(--md-sys-typescale-headline-medium-size)}.academy-hero__description,.academy-hero__meta{display:none}.academy-course-card{flex:0 0 150px}.academy-course-card__poster{height:100px}.academy-course-card__detail{display:none}.academy-carousel-row{padding:0 16px}.academy-carousel-row__track{scroll-snap-type:x mandatory}.academy-course-card{scroll-snap-align:start}.academy-carousel-row__arrow{display:none}.academy-carousels{margin-top:-40px}.academy-module-grid{grid-template-columns:1fr}.academy-module-grid-section{padding:0 16px;margin-top:-40px}.academy-course-hero{height:35vh;min-height:220px}.academy-course-hero__content{padding:0 16px 20px}.academy-course-hero__title{font-size:var(--md-sys-typescale-headline-medium-size)}.academy-course-hero__stats{gap:12px}.academy-course-instructor-section{padding:16px}.jolu-video-player{height:40vh}.academy-breadcrumb{padding:8px 16px}.academy-topbar{padding:0 16px}.jolu-course-header{padding:16px 16px 0}.jolu-course-tabs{padding:12px 16px 0}.jolu-course-main-area{padding:16px 16px 32px;gap:24px}.jolu-course-header-row{flex-direction:column;gap:16px}.jolu-course-title-block{min-width:unset}}