:root{--syn-ref-color-primary-0:#000;--syn-ref-color-primary-5:#001035;--syn-ref-color-primary-10:#001d3d;--syn-ref-color-primary-20:#003166;--syn-ref-color-primary-25:#003c7a;--syn-ref-color-primary-30:#0046a6;--syn-ref-color-primary-40:#0b5cd6;--syn-ref-color-primary-50:#3a73f0;--syn-ref-color-primary-60:#608dff;--syn-ref-color-primary-70:#7da8f8;--syn-ref-color-primary-80:#abc3ff;--syn-ref-color-primary-90:#d6e1ff;--syn-ref-color-primary-95:#ecf1ff;--syn-ref-color-primary-98:#f6f8ff;--syn-ref-color-primary-99:#fcfcff;--syn-ref-color-primary-100:#fff;--syn-ref-color-secondary-0:#000;--syn-ref-color-secondary-10:#121c2b;--syn-ref-color-secondary-20:#273141;--syn-ref-color-secondary-30:#3e4758;--syn-ref-color-secondary-40:#576578;--syn-ref-color-secondary-50:#6e778a;--syn-ref-color-secondary-60:#8891a4;--syn-ref-color-secondary-70:#a2acbf;--syn-ref-color-secondary-80:#bdc7db;--syn-ref-color-secondary-90:#d9e3f7;--syn-ref-color-secondary-95:#edf1f7;--syn-ref-color-secondary-99:#fcfcff;--syn-ref-color-secondary-100:#fff;--syn-ref-color-tertiary-0:#000;--syn-ref-color-tertiary-10:#002020;--syn-ref-color-tertiary-20:#003737;--syn-ref-color-tertiary-30:#005050;--syn-ref-color-tertiary-40:#006d6d;--syn-ref-color-tertiary-50:#008a8a;--syn-ref-color-tertiary-60:#00a8a8;--syn-ref-color-tertiary-70:#40c4c4;--syn-ref-color-tertiary-80:#70dcdc;--syn-ref-color-tertiary-90:#b0f0f0;--syn-ref-color-tertiary-95:#e0f8f8;--syn-ref-color-tertiary-99:#f5fdfd;--syn-ref-color-tertiary-100:#fff;--syn-ref-color-neutral-0:#000;--syn-ref-color-neutral-4:#0c0d10;--syn-ref-color-neutral-6:#111316;--syn-ref-color-neutral-10:#191b1f;--syn-ref-color-neutral-12:#1e2024;--syn-ref-color-neutral-15:#262830;--syn-ref-color-neutral-17:#2b2d35;--syn-ref-color-neutral-20:#303238;--syn-ref-color-neutral-22:#35373d;--syn-ref-color-neutral-24:#3a3c42;--syn-ref-color-neutral-25:#3d3f45;--syn-ref-color-neutral-30:#474950;--syn-ref-color-neutral-35:#53555c;--syn-ref-color-neutral-40:#5a5c5f;--syn-ref-color-neutral-50:#72757a;--syn-ref-color-neutral-60:#8c8f94;--syn-ref-color-neutral-70:#a6a9ae;--syn-ref-color-neutral-75:#b5b8bd;--syn-ref-color-neutral-80:#c1c4c7;--syn-ref-color-neutral-85:#cfd2d5;--syn-ref-color-neutral-87:#d5d8db;--syn-ref-color-neutral-90:#e0e2e5;--syn-ref-color-neutral-92:#e6e8eb;--syn-ref-color-neutral-94:#edeff1;--syn-ref-color-neutral-95:#f0f2f4;--syn-ref-color-neutral-96:#f4f5f7;--syn-ref-color-neutral-97:#f7f8fa;--syn-ref-color-neutral-98:#fafbfc;--syn-ref-color-neutral-99:#fdfefe;--syn-ref-color-neutral-100:#fff;--syn-ref-color-neutral-variant-0:#000;--syn-ref-color-neutral-variant-10:#1a1b23;--syn-ref-color-neutral-variant-20:#2f3038;--syn-ref-color-neutral-variant-30:#46474f;--syn-ref-color-neutral-variant-40:#5e5e67;--syn-ref-color-neutral-variant-50:#767680;--syn-ref-color-neutral-variant-60:#90909a;--syn-ref-color-neutral-variant-70:#ababb5;--syn-ref-color-neutral-variant-80:#c6c6d0;--syn-ref-color-neutral-variant-90:#e3e1ec;--syn-ref-color-neutral-variant-95:#f1effa;--syn-ref-color-neutral-variant-99:#fefbff;--syn-ref-color-neutral-variant-100:#fff;--syn-ref-color-error-0:#000;--syn-ref-color-error-10:#410002;--syn-ref-color-error-20:#690005;--syn-ref-color-error-30:#93000a;--syn-ref-color-error-40:#c62828;--syn-ref-color-error-50:#de3730;--syn-ref-color-error-60:#ff5449;--syn-ref-color-error-70:#ff897d;--syn-ref-color-error-80:#ffb4ab;--syn-ref-color-error-90:#ffdad6;--syn-ref-color-error-95:#ffedea;--syn-ref-color-error-99:#fffbff;--syn-ref-color-error-100:#fff;--syn-ref-color-success-0:#000;--syn-ref-color-success-10:#002106;--syn-ref-color-success-20:#00390e;--syn-ref-color-success-30:#005318;--syn-ref-color-success-40:#2e8b3f;--syn-ref-color-success-50:#4caf50;--syn-ref-color-success-60:#66bb6a;--syn-ref-color-success-70:#81c784;--syn-ref-color-success-80:#a5d6a7;--syn-ref-color-success-90:#c8e6c9;--syn-ref-color-success-95:#e8f5e9;--syn-ref-color-success-99:#f5fff3;--syn-ref-color-success-100:#fff;--syn-ref-color-warning-0:#000;--syn-ref-color-warning-10:#2a1700;--syn-ref-color-warning-20:#442b00;--syn-ref-color-warning-30:#604100;--syn-ref-color-warning-40:#e6a200;--syn-ref-color-warning-50:#f0b429;--syn-ref-color-warning-60:#f4c54f;--syn-ref-color-warning-70:#f7d67a;--syn-ref-color-warning-80:#fae7a5;--syn-ref-color-warning-90:#fdf2d0;--syn-ref-color-warning-95:#fef9e8;--syn-ref-color-warning-99:#fffbff;--syn-ref-color-warning-100:#fff;--syn-ref-color-info-0:#000;--syn-ref-color-info-10:#001d36;--syn-ref-color-info-20:#003258;--syn-ref-color-info-30:#00497d;--syn-ref-color-info-40:#0061a4;--syn-ref-color-info-50:#0078cc;--syn-ref-color-info-60:#3993db;--syn-ref-color-info-70:#6baeea;--syn-ref-color-info-80:#a0caf4;--syn-ref-color-info-90:#d2e5fa;--syn-ref-color-info-95:#ecf3fd;--syn-ref-color-info-99:#fafcff;--syn-ref-color-info-100:#fff;--syn-ref-color-white:#fff;--syn-ref-color-black:#000;--syn-ref-font-brand:"Inter", system-ui, -apple-system, sans-serif;--syn-ref-font-plain:"Inter", "Noto Sans", system-ui, -apple-system, sans-serif;--syn-ref-font-mono:"JetBrains Mono", "SF Mono", "Fira Code", monospace;--syn-ref-weight-regular:400;--syn-ref-weight-medium:500;--syn-ref-weight-semibold:600;--syn-ref-weight-bold:700;--syn-ref-spacing-0:0px;--syn-ref-spacing-0-5:2px;--syn-ref-spacing-1:4px;--syn-ref-spacing-1-5:6px;--syn-ref-spacing-2:8px;--syn-ref-spacing-2-5:10px;--syn-ref-spacing-3:12px;--syn-ref-spacing-4:16px;--syn-ref-spacing-5:20px;--syn-ref-spacing-6:24px;--syn-ref-spacing-7:28px;--syn-ref-spacing-8:32px;--syn-ref-spacing-9:36px;--syn-ref-spacing-10:40px;--syn-ref-spacing-11:44px;--syn-ref-spacing-12:48px;--syn-ref-spacing-14:56px;--syn-ref-spacing-16:64px;--syn-ref-spacing-18:72px;--syn-ref-spacing-20:80px;--syn-ref-spacing-24:96px;--syn-ref-radius-none:0px;--syn-ref-radius-xs:2px;--syn-ref-radius-sm:4px;--syn-ref-radius-md:6px;--syn-ref-radius-lg:8px;--syn-ref-radius-xl:10px;--syn-ref-radius-2xl:12px;--syn-ref-radius-full:9999px;--syn-ref-opacity-0:0;--syn-ref-opacity-4:.04;--syn-ref-opacity-6:.06;--syn-ref-opacity-8:.08;--syn-ref-opacity-12:.12;--syn-ref-opacity-16:.16;--syn-ref-opacity-20:.2;--syn-ref-opacity-38:.38;--syn-ref-opacity-60:.6;--syn-ref-opacity-100:1}:root,[data-theme=light]{--syn-sys-color-primary:var(--syn-ref-color-primary-40);--syn-sys-color-primary-hover:var(--syn-ref-color-primary-30);--syn-sys-color-primary-subtle:var(--syn-ref-color-primary-98);--syn-sys-color-on-primary:var(--syn-ref-color-primary-100);--syn-sys-color-primary-container:var(--syn-ref-color-primary-90);--syn-sys-color-on-primary-container:var(--syn-ref-color-primary-10);--syn-sys-color-secondary:var(--syn-ref-color-secondary-40);--syn-sys-color-on-secondary:var(--syn-ref-color-secondary-100);--syn-sys-color-secondary-container:var(--syn-ref-color-secondary-90);--syn-sys-color-on-secondary-container:var(--syn-ref-color-secondary-10);--syn-sys-color-tertiary:var(--syn-ref-color-tertiary-40);--syn-sys-color-on-tertiary:var(--syn-ref-color-tertiary-100);--syn-sys-color-tertiary-container:var(--syn-ref-color-tertiary-90);--syn-sys-color-on-tertiary-container:var(--syn-ref-color-tertiary-10);--syn-sys-color-error:var(--syn-ref-color-error-40);--syn-sys-color-on-error:var(--syn-ref-color-error-100);--syn-sys-color-error-container:var(--syn-ref-color-error-90);--syn-sys-color-on-error-container:var(--syn-ref-color-error-10);--syn-sys-color-success:var(--syn-ref-color-success-40);--syn-sys-color-on-success:var(--syn-ref-color-success-100);--syn-sys-color-success-container:var(--syn-ref-color-success-90);--syn-sys-color-on-success-container:var(--syn-ref-color-success-10);--syn-sys-color-warning:var(--syn-ref-color-warning-40);--syn-sys-color-on-warning:var(--syn-ref-color-warning-100);--syn-sys-color-warning-container:var(--syn-ref-color-warning-90);--syn-sys-color-on-warning-container:var(--syn-ref-color-warning-10);--syn-sys-color-info:var(--syn-ref-color-info-40);--syn-sys-color-on-info:var(--syn-ref-color-info-100);--syn-sys-color-info-container:var(--syn-ref-color-info-90);--syn-sys-color-on-info-container:var(--syn-ref-color-info-10);--syn-sys-color-surface:var(--syn-ref-color-white);--syn-sys-color-surface-dim:var(--syn-ref-color-neutral-87);--syn-sys-color-surface-bright:var(--syn-ref-color-neutral-98);--syn-sys-color-surface-subtle:var(--syn-ref-color-neutral-97);--syn-sys-color-surface-container-lowest:var(--syn-ref-color-white);--syn-sys-color-surface-container-low:var(--syn-ref-color-neutral-97);--syn-sys-color-surface-container:var(--syn-ref-color-neutral-96);--syn-sys-color-surface-container-high:var(--syn-ref-color-neutral-94);--syn-sys-color-surface-container-highest:var(--syn-ref-color-neutral-92);--syn-sys-color-background:var(--syn-ref-color-neutral-96);--syn-sys-color-on-surface:var(--syn-ref-color-neutral-10);--syn-sys-color-on-surface-variant:var(--syn-ref-color-neutral-40);--syn-sys-color-on-surface-subtle:var(--syn-ref-color-neutral-50);--syn-sys-color-outline:var(--syn-ref-color-neutral-80);--syn-sys-color-outline-variant:var(--syn-ref-color-neutral-90);--syn-sys-color-outline-subtle:var(--syn-ref-color-neutral-94);--syn-sys-color-inverse-surface:var(--syn-ref-color-neutral-20);--syn-sys-color-inverse-on-surface:var(--syn-ref-color-neutral-95);--syn-sys-color-inverse-primary:var(--syn-ref-color-primary-80);--syn-sys-color-scrim:var(--syn-ref-color-neutral-0);--syn-sys-color-shadow:var(--syn-ref-color-neutral-0);--syn-sys-color-state-layer-primary:var(--syn-ref-color-primary-40);--syn-sys-color-state-layer-on-surface:var(--syn-ref-color-neutral-10)}[data-theme=dark]{--syn-sys-color-primary:var(--syn-ref-color-primary-70);--syn-sys-color-primary-hover:var(--syn-ref-color-primary-60);--syn-sys-color-primary-subtle:var(--syn-ref-color-primary-10);--syn-sys-color-on-primary:var(--syn-ref-color-primary-10);--syn-sys-color-primary-container:var(--syn-ref-color-primary-30);--syn-sys-color-on-primary-container:var(--syn-ref-color-primary-90);--syn-sys-color-secondary:var(--syn-ref-color-secondary-80);--syn-sys-color-on-secondary:var(--syn-ref-color-secondary-20);--syn-sys-color-secondary-container:var(--syn-ref-color-secondary-30);--syn-sys-color-on-secondary-container:var(--syn-ref-color-secondary-90);--syn-sys-color-tertiary:var(--syn-ref-color-tertiary-80);--syn-sys-color-on-tertiary:var(--syn-ref-color-tertiary-20);--syn-sys-color-tertiary-container:var(--syn-ref-color-tertiary-30);--syn-sys-color-on-tertiary-container:var(--syn-ref-color-tertiary-90);--syn-sys-color-error:var(--syn-ref-color-error-80);--syn-sys-color-on-error:var(--syn-ref-color-error-20);--syn-sys-color-error-container:var(--syn-ref-color-error-30);--syn-sys-color-on-error-container:var(--syn-ref-color-error-90);--syn-sys-color-success:var(--syn-ref-color-success-80);--syn-sys-color-on-success:var(--syn-ref-color-success-20);--syn-sys-color-success-container:var(--syn-ref-color-success-30);--syn-sys-color-on-success-container:var(--syn-ref-color-success-90);--syn-sys-color-warning:var(--syn-ref-color-warning-80);--syn-sys-color-on-warning:var(--syn-ref-color-warning-20);--syn-sys-color-warning-container:var(--syn-ref-color-warning-30);--syn-sys-color-on-warning-container:var(--syn-ref-color-warning-90);--syn-sys-color-info:var(--syn-ref-color-info-80);--syn-sys-color-on-info:var(--syn-ref-color-info-20);--syn-sys-color-info-container:var(--syn-ref-color-info-30);--syn-sys-color-on-info-container:var(--syn-ref-color-info-90);--syn-sys-color-surface:var(--syn-ref-color-neutral-10);--syn-sys-color-surface-dim:var(--syn-ref-color-neutral-6);--syn-sys-color-surface-bright:var(--syn-ref-color-neutral-24);--syn-sys-color-surface-subtle:var(--syn-ref-color-neutral-15);--syn-sys-color-surface-container-lowest:var(--syn-ref-color-neutral-4);--syn-sys-color-surface-container-low:var(--syn-ref-color-neutral-12);--syn-sys-color-surface-container:var(--syn-ref-color-neutral-17);--syn-sys-color-surface-container-high:var(--syn-ref-color-neutral-20);--syn-sys-color-surface-container-highest:var(--syn-ref-color-neutral-24);--syn-sys-color-background:var(--syn-ref-color-neutral-6);--syn-sys-color-on-surface:var(--syn-ref-color-neutral-90);--syn-sys-color-on-surface-variant:var(--syn-ref-color-neutral-70);--syn-sys-color-on-surface-subtle:var(--syn-ref-color-neutral-60);--syn-sys-color-outline:var(--syn-ref-color-neutral-35);--syn-sys-color-outline-variant:var(--syn-ref-color-neutral-25);--syn-sys-color-outline-subtle:var(--syn-ref-color-neutral-20);--syn-sys-color-inverse-surface:var(--syn-ref-color-neutral-90);--syn-sys-color-inverse-on-surface:var(--syn-ref-color-neutral-20);--syn-sys-color-inverse-primary:var(--syn-ref-color-primary-40);--syn-sys-color-scrim:var(--syn-ref-color-neutral-0);--syn-sys-color-shadow:var(--syn-ref-color-neutral-0);--syn-sys-color-state-layer-primary:var(--syn-ref-color-primary-70);--syn-sys-color-state-layer-on-surface:var(--syn-ref-color-neutral-90)}@media (prefers-color-scheme:dark){[data-theme=auto]{--syn-sys-color-primary:var(--syn-ref-color-primary-70);--syn-sys-color-primary-hover:var(--syn-ref-color-primary-60);--syn-sys-color-primary-subtle:var(--syn-ref-color-primary-10);--syn-sys-color-on-primary:var(--syn-ref-color-primary-10);--syn-sys-color-primary-container:var(--syn-ref-color-primary-30);--syn-sys-color-on-primary-container:var(--syn-ref-color-primary-90);--syn-sys-color-surface:var(--syn-ref-color-neutral-10);--syn-sys-color-surface-dim:var(--syn-ref-color-neutral-6);--syn-sys-color-surface-bright:var(--syn-ref-color-neutral-24);--syn-sys-color-surface-subtle:var(--syn-ref-color-neutral-15);--syn-sys-color-surface-container-lowest:var(--syn-ref-color-neutral-4);--syn-sys-color-surface-container-low:var(--syn-ref-color-neutral-12);--syn-sys-color-surface-container:var(--syn-ref-color-neutral-17);--syn-sys-color-surface-container-high:var(--syn-ref-color-neutral-20);--syn-sys-color-surface-container-highest:var(--syn-ref-color-neutral-24);--syn-sys-color-background:var(--syn-ref-color-neutral-6);--syn-sys-color-on-surface:var(--syn-ref-color-neutral-90);--syn-sys-color-on-surface-variant:var(--syn-ref-color-neutral-70);--syn-sys-color-on-surface-subtle:var(--syn-ref-color-neutral-60);--syn-sys-color-outline:var(--syn-ref-color-neutral-35);--syn-sys-color-outline-variant:var(--syn-ref-color-neutral-25);--syn-sys-color-outline-subtle:var(--syn-ref-color-neutral-20);--syn-sys-color-inverse-surface:var(--syn-ref-color-neutral-90);--syn-sys-color-inverse-on-surface:var(--syn-ref-color-neutral-20);--syn-sys-color-inverse-primary:var(--syn-ref-color-primary-40);--syn-sys-color-scrim:var(--syn-ref-color-neutral-0);--syn-sys-color-shadow:var(--syn-ref-color-neutral-0);--syn-sys-color-state-layer-primary:var(--syn-ref-color-primary-70);--syn-sys-color-state-layer-on-surface:var(--syn-ref-color-neutral-90)}}:root{--syn-sys-elevation-0:none;--syn-sys-elevation-1:0 1px 3px #00000014;--syn-sys-elevation-2:0 4px 6px #00000014, 0 1px 3px #0000000f;--syn-sys-elevation-3:0 10px 15px #0000001a, 0 4px 6px #0000000d;--syn-sys-elevation-4:0 20px 25px #0000001a, 0 10px 10px #0000000a;--syn-sys-elevation-5:0 25px 50px #0000001f, 0 12px 24px #0000000f;--syn-sys-motion-duration-instant:50ms;--syn-sys-motion-duration-fast:.1s;--syn-sys-motion-duration-normal:.15s;--syn-sys-motion-duration-slow:.2s;--syn-sys-motion-duration-slower:.3s;--syn-sys-motion-duration-lazy:.5s;--syn-sys-motion-duration-short1:50ms;--syn-sys-motion-duration-short2:.1s;--syn-sys-motion-duration-short3:.15s;--syn-sys-motion-duration-short4:.2s;--syn-sys-motion-duration-medium1:.25s;--syn-sys-motion-duration-medium2:.3s;--syn-sys-motion-easing-standard:cubic-bezier(.2, 0, 0, 1);--syn-sys-motion-easing-decelerate:cubic-bezier(0, 0, 0, 1);--syn-sys-motion-easing-accelerate:cubic-bezier(.3, 0, 1, 1);--syn-sys-motion-easing-spring:cubic-bezier(.175, .885, .32, 1.275);--syn-sys-motion-easing-linear:linear;--syn-sys-motion-easing-emphasized:cubic-bezier(.2, 0, 0, 1);--syn-sys-motion-easing-emphasized-decelerate:cubic-bezier(.05, .7, .1, 1);--syn-sys-motion-easing-emphasized-accelerate:cubic-bezier(.3, 0, .8, .15);--syn-sys-type-display-large-font:var(--syn-ref-font-brand);--syn-sys-type-display-large-weight:var(--syn-ref-weight-bold);--syn-sys-type-display-large-size:32px;--syn-sys-type-display-large-line-height:40px;--syn-sys-type-display-large-tracking:-.25px;--syn-sys-type-display-medium-font:var(--syn-ref-font-brand);--syn-sys-type-display-medium-weight:var(--syn-ref-weight-semibold);--syn-sys-type-display-medium-size:28px;--syn-sys-type-display-medium-line-height:36px;--syn-sys-type-display-medium-tracking:0px;--syn-sys-type-display-small-font:var(--syn-ref-font-brand);--syn-sys-type-display-small-weight:var(--syn-ref-weight-semibold);--syn-sys-type-display-small-size:24px;--syn-sys-type-display-small-line-height:32px;--syn-sys-type-display-small-tracking:0px;--syn-sys-type-headline-large-font:var(--syn-ref-font-brand);--syn-sys-type-headline-large-weight:var(--syn-ref-weight-semibold);--syn-sys-type-headline-large-size:20px;--syn-sys-type-headline-large-line-height:28px;--syn-sys-type-headline-large-tracking:0px;--syn-sys-type-headline-medium-font:var(--syn-ref-font-brand);--syn-sys-type-headline-medium-weight:var(--syn-ref-weight-semibold);--syn-sys-type-headline-medium-size:18px;--syn-sys-type-headline-medium-line-height:24px;--syn-sys-type-headline-medium-tracking:0px;--syn-sys-type-headline-small-font:var(--syn-ref-font-brand);--syn-sys-type-headline-small-weight:var(--syn-ref-weight-semibold);--syn-sys-type-headline-small-size:16px;--syn-sys-type-headline-small-line-height:24px;--syn-sys-type-headline-small-tracking:0px;--syn-sys-type-title-large-font:var(--syn-ref-font-brand);--syn-sys-type-title-large-weight:var(--syn-ref-weight-semibold);--syn-sys-type-title-large-size:16px;--syn-sys-type-title-large-line-height:24px;--syn-sys-type-title-large-tracking:0px;--syn-sys-type-title-medium-font:var(--syn-ref-font-brand);--syn-sys-type-title-medium-weight:var(--syn-ref-weight-semibold);--syn-sys-type-title-medium-size:14px;--syn-sys-type-title-medium-line-height:20px;--syn-sys-type-title-medium-tracking:.1px;--syn-sys-type-title-small-font:var(--syn-ref-font-brand);--syn-sys-type-title-small-weight:var(--syn-ref-weight-semibold);--syn-sys-type-title-small-size:13px;--syn-sys-type-title-small-line-height:20px;--syn-sys-type-title-small-tracking:.1px;--syn-sys-type-body-large-font:var(--syn-ref-font-plain);--syn-sys-type-body-large-weight:var(--syn-ref-weight-regular);--syn-sys-type-body-large-size:14px;--syn-sys-type-body-large-line-height:20px;--syn-sys-type-body-large-tracking:.25px;--syn-sys-type-body-medium-font:var(--syn-ref-font-plain);--syn-sys-type-body-medium-weight:var(--syn-ref-weight-regular);--syn-sys-type-body-medium-size:13px;--syn-sys-type-body-medium-line-height:20px;--syn-sys-type-body-medium-tracking:.25px;--syn-sys-type-body-small-font:var(--syn-ref-font-plain);--syn-sys-type-body-small-weight:var(--syn-ref-weight-regular);--syn-sys-type-body-small-size:12px;--syn-sys-type-body-small-line-height:16px;--syn-sys-type-body-small-tracking:.4px;--syn-sys-type-label-large-font:var(--syn-ref-font-plain);--syn-sys-type-label-large-weight:var(--syn-ref-weight-medium);--syn-sys-type-label-large-size:14px;--syn-sys-type-label-large-line-height:20px;--syn-sys-type-label-large-tracking:.1px;--syn-sys-type-label-medium-font:var(--syn-ref-font-plain);--syn-sys-type-label-medium-weight:var(--syn-ref-weight-medium);--syn-sys-type-label-medium-size:13px;--syn-sys-type-label-medium-line-height:16px;--syn-sys-type-label-medium-tracking:.5px;--syn-sys-type-label-small-font:var(--syn-ref-font-plain);--syn-sys-type-label-small-weight:var(--syn-ref-weight-medium);--syn-sys-type-label-small-size:12px;--syn-sys-type-label-small-line-height:16px;--syn-sys-type-label-small-tracking:.5px;--syn-sys-type-caption-font:var(--syn-ref-font-plain);--syn-sys-type-caption-weight:var(--syn-ref-weight-regular);--syn-sys-type-caption-size:11px;--syn-sys-type-caption-line-height:16px;--syn-sys-type-caption-tracking:.4px;--syn-sys-type-overline-font:var(--syn-ref-font-plain);--syn-sys-type-overline-weight:var(--syn-ref-weight-semibold);--syn-sys-type-overline-size:11px;--syn-sys-type-overline-line-height:16px;--syn-sys-type-overline-tracking:.8px;--syn-sys-space-none:var(--syn-ref-spacing-0);--syn-sys-space-2xs:var(--syn-ref-spacing-0-5);--syn-sys-space-xs:var(--syn-ref-spacing-1);--syn-sys-space-sm:var(--syn-ref-spacing-2);--syn-sys-space-md:var(--syn-ref-spacing-3);--syn-sys-space-base:var(--syn-ref-spacing-4);--syn-sys-space-lg:var(--syn-ref-spacing-5);--syn-sys-space-xl:var(--syn-ref-spacing-6);--syn-sys-space-2xl:var(--syn-ref-spacing-8);--syn-sys-space-3xl:var(--syn-ref-spacing-16);--syn-sys-space-4xl:var(--syn-ref-spacing-24);--syn-sys-space-region-compact:var(--syn-ref-spacing-4);--syn-sys-space-region-medium:var(--syn-ref-spacing-6);--syn-sys-space-region-expanded:var(--syn-ref-spacing-6);--syn-sys-space-region-large:var(--syn-ref-spacing-8);--syn-sys-shape-none:var(--syn-ref-radius-none);--syn-sys-shape-xs:var(--syn-ref-radius-xs);--syn-sys-shape-sm:var(--syn-ref-radius-sm);--syn-sys-shape-md:var(--syn-ref-radius-md);--syn-sys-shape-lg:var(--syn-ref-radius-lg);--syn-sys-shape-xl:var(--syn-ref-radius-xl);--syn-sys-shape-2xl:var(--syn-ref-radius-2xl);--syn-sys-shape-full:var(--syn-ref-radius-full);--syn-sys-shape-extra-small:var(--syn-ref-radius-xs);--syn-sys-shape-small:var(--syn-ref-radius-sm);--syn-sys-shape-medium:var(--syn-ref-radius-md);--syn-sys-shape-large:var(--syn-ref-radius-lg);--syn-sys-shape-extra-large:var(--syn-ref-radius-xl);--syn-sys-state-hover-opacity:var(--syn-ref-opacity-6);--syn-sys-state-focus-opacity:var(--syn-ref-opacity-12);--syn-sys-state-pressed-opacity:var(--syn-ref-opacity-12);--syn-sys-state-dragged-opacity:var(--syn-ref-opacity-16);--syn-sys-state-disabled-opacity:var(--syn-ref-opacity-38);--syn-sys-state-disabled-container-opacity:var(--syn-ref-opacity-12)}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{min-block-size:100dvh;font-family:var(--syn-sys-type-body-large-font);font-size:var(--syn-sys-type-body-large-size);font-weight:var(--syn-sys-type-body-large-weight);line-height:var(--syn-sys-type-body-large-line-height);letter-spacing:var(--syn-sys-type-body-large-tracking);color:var(--syn-sys-color-on-surface);background-color:var(--syn-sys-color-background)}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}button{font:inherit;color:inherit}img,svg{max-inline-size:100%;display:block}h1,h2,h3{text-wrap:balance}.syn-shell{grid-template:"topbar"48px"main"1fr/1fr;min-block-size:100dvh;display:grid}@media (width>=640px){.syn-shell{grid-template-columns:240px 1fr;grid-template-areas:"topbar topbar""sidenav main"}.syn-shell--collapsed{grid-template-columns:48px 1fr}}.syn-topbar{z-index:100;align-items:center;gap:var(--syn-sys-space-sm);block-size:48px;padding-inline:var(--syn-sys-space-base);background-color:var(--syn-sys-color-surface);border-block-end:1px solid var(--syn-sys-color-outline-variant);grid-area:topbar;display:flex;position:sticky;inset-block-start:0}.syn-topbar__leading{align-items:center;gap:var(--syn-sys-space-sm);flex-shrink:0;display:flex}.syn-topbar__brand{font-family:var(--syn-sys-type-title-medium-font);font-size:var(--syn-sys-type-title-medium-size);font-weight:var(--syn-sys-type-title-medium-weight);color:var(--syn-sys-color-primary);white-space:nowrap}.syn-topbar__brand-logo{object-fit:contain;block-size:28px;inline-size:auto;display:block}.syn-topbar__title{font-family:var(--syn-sys-type-title-medium-font);font-size:var(--syn-sys-type-title-medium-size);font-weight:var(--syn-sys-type-title-medium-weight);color:var(--syn-sys-color-on-surface);text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.syn-topbar__divider{background-color:var(--syn-sys-color-outline-variant);flex-shrink:0;block-size:20px;inline-size:1px}.syn-topbar__actions{align-items:center;gap:var(--syn-sys-space-xs);margin-inline-start:auto;display:flex}.syn-sidenav{background-color:var(--syn-sys-color-surface);border-inline-end:1px solid var(--syn-sys-color-outline-variant);block-size:calc(100dvh - 48px);inline-size:240px;padding-block:var(--syn-sys-space-sm);flex-direction:column;grid-area:sidenav;display:none;position:sticky;inset-block-start:48px;overflow:hidden auto}@media (width>=640px){.syn-sidenav{display:flex}}.syn-sidenav--collapsed{inline-size:48px}.syn-sidenav--collapsed .syn-nav-item__label,.syn-sidenav--collapsed .syn-nav-item__badge,.syn-sidenav--collapsed .syn-nav-section__title{display:none}.syn-sidenav--collapsed .syn-nav-item{justify-content:center;padding-inline:0}.syn-sidenav__footer{border-block-start:1px solid var(--syn-sys-color-outline-subtle);margin-block-start:auto;padding-block-start:var(--syn-sys-space-sm)}.syn-nav-section{margin-block-start:var(--syn-sys-space-sm)}.syn-nav-section:first-child{margin-block-start:0}.syn-nav-section__title{font-family:var(--syn-sys-type-overline-font);font-size:var(--syn-sys-type-overline-size);font-weight:var(--syn-sys-type-overline-weight);line-height:var(--syn-sys-type-overline-line-height);letter-spacing:var(--syn-sys-type-overline-tracking);text-transform:uppercase;color:var(--syn-sys-color-on-surface-subtle);padding-inline:var(--syn-sys-space-base);padding-block:var(--syn-sys-space-xs) var(--syn-sys-space-2xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.syn-nav-item{align-items:center;gap:var(--syn-sys-space-sm);block-size:32px;padding-inline:var(--syn-sys-space-md);margin-inline:var(--syn-sys-space-xs);color:var(--syn-sys-color-on-surface-variant);cursor:pointer;border-radius:var(--syn-sys-shape-sm);transition:background-color var(--syn-sys-motion-duration-fast) var(--syn-sys-motion-easing-standard);font-family:var(--syn-sys-type-body-medium-font);font-size:var(--syn-sys-type-body-medium-size);font-weight:var(--syn-sys-type-body-medium-weight);line-height:var(--syn-sys-type-body-medium-line-height);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;text-decoration:none;display:flex;overflow:hidden}.syn-nav-item:hover{background-color:var(--syn-sys-color-surface-container)}.syn-nav-item--active,.syn-nav-item[aria-current=page]{background-color:var(--syn-sys-color-primary-subtle);color:var(--syn-sys-color-primary);font-weight:var(--syn-ref-weight-medium)}.syn-nav-item__icon{fill:currentColor;flex-shrink:0;block-size:18px;inline-size:18px}.syn-nav-item__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.syn-nav-item__badge{border-radius:var(--syn-sys-shape-full);background-color:var(--syn-sys-color-error);block-size:18px;min-inline-size:18px;color:var(--syn-sys-color-on-error);font-size:10px;font-weight:var(--syn-ref-weight-semibold);flex-shrink:0;justify-content:center;align-items:center;padding-inline:4px;line-height:1;display:inline-flex}.syn-bottomnav{block-size:56px;background-color:var(--syn-sys-color-surface);border-block-start:1px solid var(--syn-sys-color-outline-variant);z-index:100;justify-content:space-around;align-items:center;padding-block-end:env(safe-area-inset-bottom,0px);display:flex;position:fixed;inset-block-end:0;inset-inline:0}@media (width>=640px){.syn-bottomnav{display:none}}.syn-bottomnav__item{block-size:100%;min-inline-size:48px;color:var(--syn-sys-color-on-surface-variant);cursor:pointer;font-size:11px;font-weight:var(--syn-ref-weight-medium);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.syn-bottomnav__item--active,.syn-bottomnav__item[aria-current=page]{color:var(--syn-sys-color-primary)}.syn-bottomnav__item-icon{block-size:20px;inline-size:20px}.syn-main{padding:var(--syn-sys-space-xl);background-color:var(--syn-sys-color-background);grid-area:main;overflow-y:auto}@media (width<=639px){.syn-main{padding:var(--syn-sys-space-base);padding-block-end:calc(var(--syn-sys-space-base) + 56px)}}.syn-page-header{justify-content:space-between;align-items:flex-start;gap:var(--syn-sys-space-base);flex-wrap:wrap;margin-block-end:var(--syn-sys-space-xl);display:flex}.syn-page-header__title{font-family:var(--syn-sys-type-headline-large-font);font-size:var(--syn-sys-type-headline-large-size);font-weight:var(--syn-sys-type-headline-large-weight);line-height:var(--syn-sys-type-headline-large-line-height);color:var(--syn-sys-color-on-surface)}.syn-page-header__subtitle{font-family:var(--syn-sys-type-body-medium-font);font-size:var(--syn-sys-type-body-medium-size);color:var(--syn-sys-color-on-surface-variant);margin-block-start:var(--syn-sys-space-2xs)}.syn-page-header__actions{align-items:center;gap:var(--syn-sys-space-sm);flex-shrink:0;display:flex}.syn-section{border:1px solid var(--syn-sys-color-outline-variant);border-radius:var(--syn-sys-shape-md);background-color:var(--syn-sys-color-surface);margin-block-end:var(--syn-sys-space-xl)}.syn-section:last-child{margin-block-end:0}.syn-section__header{padding-inline:var(--syn-sys-space-base);padding-block:var(--syn-sys-space-md);border-block-end:1px solid var(--syn-sys-color-outline-variant);font-family:var(--syn-sys-type-title-medium-font);font-size:var(--syn-sys-type-title-medium-size);font-weight:var(--syn-sys-type-title-medium-weight);color:var(--syn-sys-color-on-surface);justify-content:space-between;align-items:center;display:flex}.syn-section__body{padding:var(--syn-sys-space-base)}.syn-section--flush .syn-section__body{padding:0}.syn-container{inline-size:100%;max-inline-size:1200px;margin-inline:auto}.syn-container--narrow{max-inline-size:640px}.syn-container--wide{max-inline-size:1600px}.syn-grid{gap:var(--syn-sys-space-base);grid-template-columns:1fr;display:grid}@media (width>=640px){.syn-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.syn-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1280px){.syn-grid{grid-template-columns:repeat(4,1fr)}}.syn-grid--2-col{grid-template-columns:1fr}@media (width>=640px){.syn-grid--2-col{grid-template-columns:repeat(2,1fr)}}.syn-drawer-overlay{z-index:200;display:none;position:fixed;inset:0}.syn-drawer-overlay[data-open=true]{grid-template-columns:280px 1fr;display:grid}.syn-drawer-overlay__scrim{background-color:var(--syn-sys-color-scrim);opacity:.32;cursor:pointer;grid-area:1/1/auto/-1}.syn-drawer-overlay__content{background-color:var(--syn-sys-color-surface);padding-block:var(--syn-sys-space-sm);animation:syn-drawer-slide-in var(--syn-sys-motion-duration-slower) var(--syn-sys-motion-easing-decelerate);grid-area:1/1;overflow-y:auto}@keyframes syn-drawer-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}[dir=rtl] .syn-drawer-overlay__content{grid-column:2;animation-name:syn-drawer-slide-in-rtl}@keyframes syn-drawer-slide-in-rtl{0%{transform:translate(100%)}to{transform:translate(0)}}@media (width>=640px){.syn-drawer-overlay{display:none!important}}.syn-tabs{border-block-end:1px solid var(--syn-sys-color-outline-variant);background-color:#0000;display:flex;overflow-x:auto}.syn-tab{padding-inline:var(--syn-sys-space-base);block-size:40px;font-family:var(--syn-sys-type-label-large-font);font-size:var(--syn-sys-type-label-large-size);font-weight:var(--syn-sys-type-label-large-weight);color:var(--syn-sys-color-on-surface-variant);cursor:pointer;white-space:nowrap;transition:color var(--syn-sys-motion-duration-fast) var(--syn-sys-motion-easing-standard);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.syn-tab:hover{color:var(--syn-sys-color-on-surface)}.syn-tab--active{color:var(--syn-sys-color-primary)}.syn-tab--active:after{content:"";background-color:var(--syn-sys-color-primary);border-radius:1px 1px 0 0;block-size:2px;position:absolute;inset-block-end:0;inset-inline:0}.syn-tooltip{display:inline-flex;position:relative}.syn-tooltip__content{padding:var(--syn-sys-space-xs) var(--syn-sys-space-sm);border-radius:var(--syn-sys-shape-sm);background-color:var(--syn-sys-color-inverse-surface);color:var(--syn-sys-color-inverse-on-surface);font-size:var(--syn-sys-type-caption-size);line-height:var(--syn-sys-type-caption-line-height);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--syn-sys-motion-duration-fast) var(--syn-sys-motion-easing-standard);z-index:300;position:absolute;inset-block-end:calc(100% + 6px);inset-inline-start:50%;transform:translate(-50%)}.syn-tooltip:hover .syn-tooltip__content,.syn-tooltip:focus-within .syn-tooltip__content{opacity:1}.syn-helper-box{gap:var(--syn-sys-space-sm);padding:var(--syn-sys-space-md);border-radius:var(--syn-sys-shape-sm);background-color:var(--syn-sys-color-info-container);color:var(--syn-sys-color-on-info-container);font-size:var(--syn-sys-type-body-small-size);line-height:var(--syn-sys-type-body-small-line-height);display:flex}.syn-helper-box--warning{background-color:var(--syn-sys-color-warning-container);color:var(--syn-sys-color-on-warning-container)}.syn-helper-box--error{background-color:var(--syn-sys-color-error-container);color:var(--syn-sys-color-on-error-container)}.syn-helper-box--success{background-color:var(--syn-sys-color-success-container);color:var(--syn-sys-color-on-success-container)}.syn-helper-box__icon{flex-shrink:0;block-size:18px;inline-size:18px}.syn-btn{justify-content:center;align-items:center;gap:var(--syn-sys-space-sm);min-block-size:36px;padding-block:0;padding-inline:var(--syn-sys-space-base);cursor:pointer;vertical-align:middle;isolation:isolate;font-family:var(--syn-sys-type-label-large-font);font-size:var(--syn-sys-type-label-large-size);font-weight:var(--syn-sys-type-label-large-weight);line-height:var(--syn-sys-type-label-large-line-height);letter-spacing:var(--syn-sys-type-label-large-tracking);border-radius:var(--syn-sys-shape-sm);transition:background-color var(--syn-sys-motion-duration-fast) var(--syn-sys-motion-easing-standard), border-color var(--syn-sys-motion-duration-fast) var(--syn-sys-motion-easing-standard);-webkit-tap-highlight-color:transparent;border:none;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.syn-btn:before{content:"";border-radius:inherit;opacity:0;transition:opacity var(--syn-sys-motion-duration-fast) var(--syn-sys-motion-easing-standard);pointer-events:none;z-index:-1;position:absolute;inset:0}.syn-btn:focus-visible{outline:2px solid var(--syn-sys-color-primary);outline-offset:2px}.syn-btn:focus:not(:focus-visible){outline:none}.syn-btn:disabled,.syn-btn[aria-disabled=true]{cursor:not-allowed;pointer-events:none}.syn-btn--filled{background-color:var(--syn-sys-color-primary);color:var(--syn-sys-color-on-primary)}.syn-btn--filled:before{background-color:var(--syn-sys-color-on-primary)}.syn-btn--filled:hover{background-color:var(--syn-sys-color-primary-hover)}.syn-btn--filled:hover:before{opacity:var(--syn-sys-state-hover-opacity)}.syn-btn--filled:focus-visible:before{opacity:var(--syn-sys-state-focus-opacity)}.syn-btn--filled:active:before{opacity:var(--syn-sys-state-pressed-opacity)}.syn-btn--filled:disabled{background-color:color-mix(in srgb, var(--syn-sys-color-on-surface) calc(var(--syn-sys-state-disabled-container-opacity) * 100%), transparent);color:color-mix(in srgb, var(--syn-sys-color-on-surface) calc(var(--syn-sys-state-disabled-opacity) * 100%), transparent)}.syn-btn--tonal{background-color:var(--syn-sys-color-surface-container);color:var(--syn-sys-color-on-surface);border:1px solid var(--syn-sys-color-outline-variant)}.syn-btn--tonal:before{background-color:var(--syn-sys-color-on-surface)}.syn-btn--tonal:hover{background-color:var(--syn-sys-color-surface-container-high)}.syn-btn--tonal:hover:before{opacity:var(--syn-sys-state-hover-opacity)}.syn-btn--tonal:focus-visible:before{opacity:var(--syn-sys-state-focus-opacity)}.syn-btn--tonal:active:before{opacity:var(--syn-sys-state-pressed-opacity)}.syn-btn--tonal:disabled{background-color:color-mix(in srgb, var(--syn-sys-color-on-surface) calc(var(--syn-sys-state-disabled-container-opacity) * 100%), transparent);color:color-mix(in srgb, var(--syn-sys-color-on-surface) calc(var(--syn-sys-state-disabled-opacity) * 100%), transparent);border-color:#0000}.syn-btn--outlined{color:var(--syn-sys-color-on-surface);border:1px solid var(--syn-sys-color-outline);background-color:#0000}.syn-btn--outlined:before{background-color:var(--syn-sys-color-on-surface)}.syn-btn--outlined:hover{background-color:var(--syn-sys-color-surface-container)}.syn-btn--outlined:hover:before{opacity:var(--syn-sys-state-hover-opacity)}.syn-btn--outlined:focus-visible:before{opacity:var(--syn-sys-state-focus-opacity)}.syn-btn--outlined:active:before{opacity:var(--syn-sys-state-pressed-opacity)}.syn-btn--outlined:disabled{border-color:color-mix(in srgb, var(--syn-sys-color-on-surface) calc(var(--syn-sys-state-disabled-container-opacity) * 100%), transparent);color:color-mix(in srgb, var(--syn-sys-color-on-surface) calc(var(--syn-sys-state-disabled-opacity) * 100%), transparent)}.syn-btn--text{color:var(--syn-sys-color-primary);padding-inline:var(--syn-sys-space-md);background-color:#0000}.syn-btn--text:before{background-color:var(--syn-sys-color-primary)}.syn-btn--text:hover:before{opacity:var(--syn-sys-state-hover-opacity)}.syn-btn--text:focus-visible:before{opacity:var(--syn-sys-state-focus-opacity)}.syn-btn--text:active:before{opacity:var(--syn-sys-state-pressed-opacity)}.syn-btn--text:disabled{color:color-mix(in srgb, var(--syn-sys-color-on-surface) calc(var(--syn-sys-state-disabled-opacity) * 100%), transparent)}.syn-btn--danger{background-color:var(--syn-sys-color-error);color:var(--syn-sys-color-on-error)}.syn-btn--danger:before{background-color:var(--syn-sys-color-on-error)}.syn-btn--danger:hover{filter:brightness(.92)}.syn-btn--danger.syn-btn--outlined{color:var(--syn-sys-color-error);border-color:var(--syn-sys-color-error);background-color:#0000}.syn-btn--danger.syn-btn--text{color:var(--syn-sys-color-error);background-color:#0000}.syn-btn--sm{min-block-size:28px;padding-inline:var(--syn-sys-space-md);font-size:var(--syn-sys-type-label-medium-size);line-height:var(--syn-sys-type-label-medium-line-height)}.syn-btn--lg{min-block-size:40px;padding-inline:var(--syn-sys-space-xl);font-size:var(--syn-sys-type-body-large-size);line-height:var(--syn-sys-type-body-large-line-height)}.syn-btn--block{inline-size:100%}.syn-btn--loading{pointer-events:none;color:#0000!important}.syn-btn--loading:after{content:"";border:2px solid;border-block-start-color:#0000;border-radius:50%;block-size:16px;inline-size:16px;animation:.6s linear infinite syn-spin;position:absolute}.syn-btn--filled.syn-btn--loading:after{border-color:var(--syn-sys-color-on-primary);border-block-start-color:#0000}@keyframes syn-spin{to{transform:rotate(360deg)}}.syn-btn__icon{fill:currentColor;flex-shrink:0;block-size:18px;inline-size:18px}.syn-icon-btn{border-radius:var(--syn-sys-shape-sm);block-size:36px;inline-size:36px;color:var(--syn-sys-color-on-surface-variant);cursor:pointer;isolation:isolate;transition:background-color var(--syn-sys-motion-duration-fast) var(--syn-sys-motion-easing-standard);-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative;overflow:hidden}.syn-icon-btn:before{content:"";border-radius:inherit;background-color:var(--syn-sys-color-state-layer-on-surface);opacity:0;transition:opacity var(--syn-sys-motion-duration-fast) var(--syn-sys-motion-easing-standard);pointer-events:none;z-index:-1;position:absolute;inset:0}.syn-icon-btn:hover:before{opacity:var(--syn-sys-state-hover-opacity)}.syn-icon-btn:focus-visible{outline:2px solid var(--syn-sys-color-primary);outline-offset:2px}.syn-icon-btn:focus-visible:before{opacity:var(--syn-sys-state-focus-opacity)}.syn-icon-btn:active:before{opacity:var(--syn-sys-state-pressed-opacity)}.syn-icon-btn:disabled{color:color-mix(in srgb, var(--syn-sys-color-on-surface) calc(var(--syn-sys-state-disabled-opacity) * 100%), transparent);cursor:not-allowed;pointer-events:none}.syn-icon-btn--filled{background-color:var(--syn-sys-color-primary);color:var(--syn-sys-color-on-primary)}.syn-icon-btn--filled:before{background-color:var(--syn-sys-color-on-primary)}.syn-icon-btn--outlined{border:1px solid var(--syn-sys-color-outline);color:var(--syn-sys-color-on-surface-variant)}.syn-icon-btn--sm{block-size:28px;inline-size:28px}.syn-icon{fill:currentColor;flex-shrink:0;justify-content:center;align-items:center;block-size:18px;inline-size:18px;display:inline-flex}.syn-icon--sm{block-size:14px;inline-size:14px}.syn-icon--lg{block-size:24px;inline-size:24px}[dir=rtl] .syn-icon[data-mirror-rtl]{transform:scaleX(-1)}.syn-chip{align-items:center;gap:var(--syn-sys-space-xs);block-size:28px;padding-inline:var(--syn-sys-space-md);border:1px solid var(--syn-sys-color-outline);border-radius:var(--syn-sys-shape-sm);color:var(--syn-sys-color-on-surface-variant);cursor:pointer;font-size:var(--syn-sys-type-label-medium-size);font-weight:var(--syn-sys-type-label-medium-weight);transition:background-color var(--syn-sys-motion-duration-fast) var(--syn-sys-motion-easing-standard);background:0 0;display:inline-flex}.syn-chip:hover{background-color:var(--syn-sys-color-surface-container)}.syn-chip--selected,.syn-chip[aria-selected=true]{background-color:var(--syn-sys-color-primary-subtle);color:var(--syn-sys-color-primary);border-color:var(--syn-sys-color-primary)}.syn-field{gap:var(--syn-sys-space-xs);flex-direction:column;min-inline-size:0;display:flex}.syn-field__label{font-family:var(--syn-sys-type-label-medium-font);font-size:var(--syn-sys-type-label-medium-size);font-weight:var(--syn-sys-type-label-medium-weight);line-height:var(--syn-sys-type-label-medium-line-height);letter-spacing:var(--syn-sys-type-label-medium-tracking);color:var(--syn-sys-color-on-surface-variant)}.syn-input{block-size:36px;inline-size:100%;padding-inline:var(--syn-sys-space-md);font-family:var(--syn-sys-type-body-large-font);font-size:var(--syn-sys-type-body-large-size);font-weight:var(--syn-sys-type-body-large-weight);line-height:var(--syn-sys-type-body-large-line-height);color:var(--syn-sys-color-on-surface);background-color:var(--syn-sys-color-surface);border:1px solid var(--syn-sys-color-outline);border-radius:var(--syn-sys-shape-sm);caret-color:var(--syn-sys-color-primary);transition:border-color var(--syn-sys-motion-duration-fast) var(--syn-sys-motion-easing-standard), box-shadow var(--syn-sys-motion-duration-fast) var(--syn-sys-motion-easing-standard)}.syn-input::placeholder{color:var(--syn-sys-color-on-surface-subtle)}.syn-input:focus{border-color:var(--syn-sys-color-primary);box-shadow:0 0 0 1px var(--syn-sys-color-primary);outline:none}.syn-field:focus-within .syn-field__label{color:var(--syn-sys-color-primary)}.syn-field--error .syn-input{border-color:var(--syn-sys-color-error)}.syn-field--error .syn-input:focus{border-color:var(--syn-sys-color-error);box-shadow:0 0 0 1px var(--syn-sys-color-error)}.syn-field--error .syn-field__label,.syn-field--error:focus-within .syn-field__label{color:var(--syn-sys-color-error)}.syn-field--disabled .syn-input{background-color:var(--syn-sys-color-surface-container);border-color:var(--syn-sys-color-outline-variant);color:var(--syn-sys-color-on-surface-subtle);cursor:not-allowed}.syn-field--disabled .syn-field__label{color:var(--syn-sys-color-on-surface-subtle)}.syn-field__helper{font-family:var(--syn-sys-type-body-small-font);font-size:var(--syn-sys-type-body-small-size);font-weight:var(--syn-sys-type-body-small-weight);line-height:var(--syn-sys-type-body-small-line-height);color:var(--syn-sys-color-on-surface-variant);min-block-size:var(--syn-sys-type-body-small-line-height)}.syn-field--error .syn-field__helper{color:var(--syn-sys-color-error)}textarea.syn-input{block-size:auto;min-block-size:80px;padding-block:var(--syn-sys-space-sm);resize:vertical}.syn-select{appearance:none;block-size:36px;inline-size:100%;padding-inline:var(--syn-sys-space-md);font-family:var(--syn-sys-type-body-large-font);font-size:var(--syn-sys-type-body-large-size);color:var(--syn-sys-color-on-surface);background-color:var(--syn-sys-color-surface);border:1px solid var(--syn-sys-color-outline);border-radius:var(--syn-sys-shape-sm);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235A5C5F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:calc(100% - 8px);background-repeat:no-repeat;background-size:16px;padding-inline-end:calc(var(--syn-sys-space-md) + 20px + var(--syn-sys-space-xs))}.syn-select:focus{border-color:var(--syn-sys-color-primary);box-shadow:0 0 0 1px var(--syn-sys-color-primary);outline:none}[dir=rtl] .syn-select{background-position:8px;padding-inline-start:calc(var(--syn-sys-space-md) + 20px + var(--syn-sys-space-xs));padding-inline-end:var(--syn-sys-space-md)}.syn-checkbox-wrap{align-items:center;gap:var(--syn-sys-space-sm);cursor:pointer;font-family:var(--syn-sys-type-body-medium-font);font-size:var(--syn-sys-type-body-medium-size);color:var(--syn-sys-color-on-surface);display:inline-flex}.syn-checkbox{appearance:none;border:2px solid var(--syn-sys-color-outline);border-radius:var(--syn-sys-shape-xs);cursor:pointer;block-size:16px;inline-size:16px;transition:background-color var(--syn-sys-motion-duration-instant) var(--syn-sys-motion-easing-standard), border-color var(--syn-sys-motion-duration-instant) var(--syn-sys-motion-easing-standard);background:0 0;flex-shrink:0;position:relative}.syn-checkbox:checked{background-color:var(--syn-sys-color-primary);border-color:var(--syn-sys-color-primary)}.syn-checkbox:checked:after{content:"";border:solid var(--syn-sys-color-on-primary);border-width:0 2px 2px 0;block-size:9px;inline-size:5px;position:absolute;inset-block-start:0;inset-inline-start:3px;transform:rotate(45deg)}.syn-checkbox:focus-visible{outline:2px solid var(--syn-sys-color-primary);outline-offset:2px}.syn-switch{appearance:none;border-radius:var(--syn-sys-shape-full);background-color:var(--syn-sys-color-outline);cursor:pointer;block-size:20px;inline-size:36px;transition:background-color var(--syn-sys-motion-duration-normal) var(--syn-sys-motion-easing-standard);border:none;position:relative}.syn-switch:after{content:"";border-radius:var(--syn-sys-shape-full);background-color:var(--syn-sys-color-surface);block-size:16px;inline-size:16px;transition:inset-inline-start var(--syn-sys-motion-duration-normal) var(--syn-sys-motion-easing-standard);position:absolute;inset-block-start:2px;inset-inline-start:2px}.syn-switch:checked{background-color:var(--syn-sys-color-primary)}.syn-switch:checked:after{inset-inline-start:18px}.syn-switch:focus-visible{outline:2px solid var(--syn-sys-color-primary);outline-offset:2px}.syn-form-grid{gap:var(--syn-sys-space-base);grid-template-columns:1fr;display:grid}@media (width>=640px){.syn-form-grid--2col{grid-template-columns:repeat(2,1fr)}}.syn-form-grid__full{grid-column:1/-1}.syn-form-actions{gap:var(--syn-sys-space-sm);border-block-start:1px solid var(--syn-sys-color-outline-variant);justify-content:flex-end;margin-block-start:var(--syn-sys-space-base);padding-block-start:var(--syn-sys-space-base);display:flex}.syn-table-wrap{inline-size:100%;overflow-x:auto}.syn-table-container{border:1px solid var(--syn-sys-color-outline-variant);border-radius:var(--syn-sys-shape-md);background-color:var(--syn-sys-color-surface);inline-size:100%;overflow-x:auto}.syn-table{border-collapse:collapse;text-align:start;inline-size:100%}.syn-table__th{padding-block:var(--syn-sys-space-sm);padding-inline:var(--syn-sys-space-md);text-align:start;white-space:nowrap;font-family:var(--syn-sys-type-label-medium-font);font-size:var(--syn-sys-type-label-medium-size);font-weight:var(--syn-sys-type-label-medium-weight);line-height:var(--syn-sys-type-label-medium-line-height);color:var(--syn-sys-color-on-surface-variant);border-block-end:1px solid var(--syn-sys-color-outline-variant);-webkit-user-select:none;user-select:none;background-color:var(--syn-sys-color-surface-container)}.syn-table__th--numeric{text-align:end}.syn-table__th--sortable{cursor:pointer;padding-inline-end:calc(var(--syn-sys-space-md) + 16px);position:relative}.syn-table__th--sortable:after{content:"";opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M8 15l4 4 4-4M8 9l4-4 4 4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;block-size:14px;inline-size:14px;position:absolute;inset-block-start:50%;inset-inline-end:var(--syn-sys-space-xs);transform:translateY(-50%)}.syn-table__th--sorted-asc:after{opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M8 15l4-4 4 4'/%3E%3C/svg%3E")}.syn-table__th--sorted-desc:after{opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M8 9l4 4 4-4'/%3E%3C/svg%3E")}.syn-table__row{border-block-end:1px solid var(--syn-sys-color-outline-subtle);block-size:40px;transition:background-color var(--syn-sys-motion-duration-fast) var(--syn-sys-motion-easing-standard)}.syn-table__row:last-child{border-block-end:none}.syn-table__row:hover{background-color:var(--syn-sys-color-surface-container)}.syn-table__row--selected{background-color:var(--syn-sys-color-primary-subtle)}.syn-table__td{padding-block:var(--syn-sys-space-xs);padding-inline:var(--syn-sys-space-md);font-family:var(--syn-sys-type-body-medium-font);font-size:var(--syn-sys-type-body-medium-size);font-weight:var(--syn-sys-type-body-medium-weight);line-height:var(--syn-sys-type-body-medium-line-height);color:var(--syn-sys-color-on-surface);vertical-align:middle}.syn-table__td--numeric{text-align:end;font-variant-numeric:tabular-nums}.syn-table--compact .syn-table__th{padding-block:var(--syn-sys-space-xs);font-size:var(--syn-sys-type-body-small-size)}.syn-table--compact .syn-table__row{block-size:32px}.syn-table--compact .syn-table__td{padding-block:var(--syn-sys-space-2xs);padding-inline:var(--syn-sys-space-sm);font-size:var(--syn-sys-type-body-small-size)}.syn-table__th--checkbox,.syn-table__td--checkbox{inline-size:40px;padding-inline:var(--syn-sys-space-sm);text-align:center}.syn-table__pagination{justify-content:flex-end;align-items:center;gap:var(--syn-sys-space-md);padding-block:var(--syn-sys-space-sm);padding-inline:var(--syn-sys-space-md);border-block-start:1px solid var(--syn-sys-color-outline-variant);font-size:var(--syn-sys-type-body-small-size);color:var(--syn-sys-color-on-surface-variant);display:flex}.syn-table__empty{padding:var(--syn-sys-space-3xl);text-align:center;color:var(--syn-sys-color-on-surface-variant);font-size:var(--syn-sys-type-body-large-size)}.syn-badge{align-items:center;gap:var(--syn-sys-space-2xs);padding-inline:var(--syn-sys-space-sm);padding-block:var(--syn-sys-space-2xs);border-radius:var(--syn-sys-shape-sm);font-family:var(--syn-sys-type-label-small-font);font-size:var(--syn-sys-type-label-small-size);font-weight:var(--syn-sys-type-label-small-weight);white-space:nowrap;display:inline-flex}.syn-badge--primary{background-color:var(--syn-sys-color-primary-subtle);color:var(--syn-sys-color-primary)}.syn-badge--success{background-color:var(--syn-sys-color-success-container);color:var(--syn-sys-color-success)}.syn-badge--warning{background-color:var(--syn-sys-color-warning-container);color:var(--syn-sys-color-warning)}.syn-badge--error{background-color:var(--syn-sys-color-error-container);color:var(--syn-sys-color-error)}.syn-badge--info{background-color:var(--syn-sys-color-info-container);color:var(--syn-sys-color-info)}.syn-badge--neutral{background-color:var(--syn-sys-color-surface-container);color:var(--syn-sys-color-on-surface-variant)}.syn-card{background-color:var(--syn-sys-color-surface);border-radius:var(--syn-sys-shape-md);border:1px solid var(--syn-sys-color-outline-variant);padding:var(--syn-sys-space-base)}.syn-card__header{align-items:center;gap:var(--syn-sys-space-md);margin-block-end:var(--syn-sys-space-md);display:flex}.syn-card__title{font-family:var(--syn-sys-type-title-medium-font);font-size:var(--syn-sys-type-title-medium-size);font-weight:var(--syn-sys-type-title-medium-weight);color:var(--syn-sys-color-on-surface)}.syn-card__subtitle{font-size:var(--syn-sys-type-body-small-size);color:var(--syn-sys-color-on-surface-variant)}.syn-card__actions{gap:var(--syn-sys-space-sm);justify-content:flex-end;margin-block-start:var(--syn-sys-space-md);display:flex}.syn-divider{border:none;border-block-start:1px solid var(--syn-sys-color-outline-variant);margin-block:var(--syn-sys-space-md)}.syn-snackbar{align-items:center;gap:var(--syn-sys-space-sm);padding:var(--syn-sys-space-md);border-radius:var(--syn-sys-shape-md);background-color:var(--syn-sys-color-inverse-surface);min-block-size:40px;max-inline-size:480px;color:var(--syn-sys-color-inverse-on-surface);box-shadow:var(--syn-sys-elevation-2);font-size:var(--syn-sys-type-body-medium-size);display:flex}.syn-snackbar__action{color:var(--syn-sys-color-inverse-primary);font-weight:var(--syn-ref-weight-medium);cursor:pointer;padding-inline:var(--syn-sys-space-sm);white-space:nowrap;background:0 0;border:none}.syn-form,.syn-form__row{gap:var(--syn-sys-space-base);flex-direction:column;display:flex}@media (width>=640px){.syn-form__row{flex-direction:row}.syn-form__row>.syn-field{flex:1}}.syn-form__section-title{font-family:var(--syn-sys-type-title-medium-font);font-size:var(--syn-sys-type-title-medium-size);font-weight:var(--syn-sys-type-title-medium-weight);color:var(--syn-sys-color-on-surface);padding-block-end:var(--syn-sys-space-xs)}.syn-display-large{font:var(--syn-ref-weight-bold) var(--syn-sys-type-display-large-size)/var(--syn-sys-type-display-large-line-height) var(--syn-sys-type-display-large-font);letter-spacing:var(--syn-sys-type-display-large-tracking)}.syn-display-medium{font:var(--syn-ref-weight-semibold) var(--syn-sys-type-display-medium-size)/var(--syn-sys-type-display-medium-line-height) var(--syn-sys-type-display-medium-font)}.syn-display-small{font:var(--syn-ref-weight-semibold) var(--syn-sys-type-display-small-size)/var(--syn-sys-type-display-small-line-height) var(--syn-sys-type-display-small-font)}.syn-headline-large{font:var(--syn-ref-weight-semibold) var(--syn-sys-type-headline-large-size)/var(--syn-sys-type-headline-large-line-height) var(--syn-sys-type-headline-large-font)}.syn-headline-medium{font:var(--syn-ref-weight-semibold) var(--syn-sys-type-headline-medium-size)/var(--syn-sys-type-headline-medium-line-height) var(--syn-sys-type-headline-medium-font)}.syn-headline-small{font:var(--syn-ref-weight-semibold) var(--syn-sys-type-headline-small-size)/var(--syn-sys-type-headline-small-line-height) var(--syn-sys-type-headline-small-font)}.syn-title-large{font:var(--syn-ref-weight-semibold) var(--syn-sys-type-title-large-size)/var(--syn-sys-type-title-large-line-height) var(--syn-sys-type-title-large-font)}.syn-title-medium{font:var(--syn-ref-weight-semibold) var(--syn-sys-type-title-medium-size)/var(--syn-sys-type-title-medium-line-height) var(--syn-sys-type-title-medium-font)}.syn-title-small{font:var(--syn-ref-weight-semibold) var(--syn-sys-type-title-small-size)/var(--syn-sys-type-title-small-line-height) var(--syn-sys-type-title-small-font)}.syn-body-large{font:var(--syn-ref-weight-regular) var(--syn-sys-type-body-large-size)/var(--syn-sys-type-body-large-line-height) var(--syn-sys-type-body-large-font)}.syn-body-medium{font:var(--syn-ref-weight-regular) var(--syn-sys-type-body-medium-size)/var(--syn-sys-type-body-medium-line-height) var(--syn-sys-type-body-medium-font)}.syn-body-small{font:var(--syn-ref-weight-regular) var(--syn-sys-type-body-small-size)/var(--syn-sys-type-body-small-line-height) var(--syn-sys-type-body-small-font)}.syn-label-large{font:var(--syn-ref-weight-medium) var(--syn-sys-type-label-large-size)/var(--syn-sys-type-label-large-line-height) var(--syn-sys-type-label-large-font)}.syn-label-medium{font:var(--syn-ref-weight-medium) var(--syn-sys-type-label-medium-size)/var(--syn-sys-type-label-medium-line-height) var(--syn-sys-type-label-medium-font)}.syn-label-small{font:var(--syn-ref-weight-medium) var(--syn-sys-type-label-small-size)/var(--syn-sys-type-label-small-line-height) var(--syn-sys-type-label-small-font)}.syn-caption{font:var(--syn-ref-weight-regular) var(--syn-sys-type-caption-size)/var(--syn-sys-type-caption-line-height) var(--syn-sys-type-caption-font);letter-spacing:var(--syn-sys-type-caption-tracking)}.syn-overline{font:var(--syn-ref-weight-semibold) var(--syn-sys-type-overline-size)/var(--syn-sys-type-overline-line-height) var(--syn-sys-type-overline-font);letter-spacing:var(--syn-sys-type-overline-tracking);text-transform:uppercase}.syn-color-primary{color:var(--syn-sys-color-primary)}.syn-color-secondary{color:var(--syn-sys-color-secondary)}.syn-color-tertiary{color:var(--syn-sys-color-tertiary)}.syn-color-error{color:var(--syn-sys-color-error)}.syn-color-success{color:var(--syn-sys-color-success)}.syn-color-warning{color:var(--syn-sys-color-warning)}.syn-color-info{color:var(--syn-sys-color-info)}.syn-color-on-surface{color:var(--syn-sys-color-on-surface)}.syn-color-on-surface-variant{color:var(--syn-sys-color-on-surface-variant)}.syn-surface{background-color:var(--syn-sys-color-surface)}.syn-surface-container{background-color:var(--syn-sys-color-surface-container)}.syn-primary-container{background-color:var(--syn-sys-color-primary-container)}.syn-error-container{background-color:var(--syn-sys-color-error-container)}.syn-success-container{background-color:var(--syn-sys-color-success-container)}.syn-warning-container{background-color:var(--syn-sys-color-warning-container)}.syn-info-container{background-color:var(--syn-sys-color-info-container)}.syn-elevation-0{box-shadow:var(--syn-sys-elevation-0)}.syn-elevation-1{box-shadow:var(--syn-sys-elevation-1)}.syn-elevation-2{box-shadow:var(--syn-sys-elevation-2)}.syn-elevation-3{box-shadow:var(--syn-sys-elevation-3)}.syn-elevation-4{box-shadow:var(--syn-sys-elevation-4)}.syn-elevation-5{box-shadow:var(--syn-sys-elevation-5)}.syn-rounded-none{border-radius:var(--syn-sys-shape-none)}.syn-rounded-xs{border-radius:var(--syn-sys-shape-xs)}.syn-rounded-sm{border-radius:var(--syn-sys-shape-sm)}.syn-rounded-md{border-radius:var(--syn-sys-shape-md)}.syn-rounded-lg{border-radius:var(--syn-sys-shape-lg)}.syn-rounded-full{border-radius:var(--syn-sys-shape-full)}.syn-p-none{padding:var(--syn-sys-space-none)}.syn-p-xs{padding:var(--syn-sys-space-xs)}.syn-p-sm{padding:var(--syn-sys-space-sm)}.syn-p-md{padding:var(--syn-sys-space-md)}.syn-p-base{padding:var(--syn-sys-space-base)}.syn-p-lg{padding:var(--syn-sys-space-lg)}.syn-p-xl{padding:var(--syn-sys-space-xl)}.syn-p-2xl{padding:var(--syn-sys-space-2xl)}.syn-pi-none{padding-inline:var(--syn-sys-space-none)}.syn-pi-xs{padding-inline:var(--syn-sys-space-xs)}.syn-pi-sm{padding-inline:var(--syn-sys-space-sm)}.syn-pi-md{padding-inline:var(--syn-sys-space-md)}.syn-pi-base{padding-inline:var(--syn-sys-space-base)}.syn-pi-lg{padding-inline:var(--syn-sys-space-lg)}.syn-pb-none{padding-block:var(--syn-sys-space-none)}.syn-pb-xs{padding-block:var(--syn-sys-space-xs)}.syn-pb-sm{padding-block:var(--syn-sys-space-sm)}.syn-pb-md{padding-block:var(--syn-sys-space-md)}.syn-pb-base{padding-block:var(--syn-sys-space-base)}.syn-pb-lg{padding-block:var(--syn-sys-space-lg)}.syn-gap-xs{gap:var(--syn-sys-space-xs)}.syn-gap-sm{gap:var(--syn-sys-space-sm)}.syn-gap-md{gap:var(--syn-sys-space-md)}.syn-gap-base{gap:var(--syn-sys-space-base)}.syn-gap-lg{gap:var(--syn-sys-space-lg)}.syn-gap-xl{gap:var(--syn-sys-space-xl)}.syn-compact\:block{display:block}.syn-compact\:flex{display:flex}@media (width>=640px){.syn-compact\:hidden{display:none!important}.syn-medium\:block{display:block!important}.syn-medium\:flex{display:flex!important}.syn-medium\:hidden{display:none!important}}@media (width>=1024px){.syn-expanded\:block{display:block!important}.syn-expanded\:flex{display:flex!important}.syn-expanded\:hidden{display:none!important}}@media (width>=1280px){.syn-large\:block{display:block!important}.syn-large\:flex{display:flex!important}.syn-large\:hidden{display:none!important}}.syn-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.syn-focus-ring:focus-visible{outline:2px solid var(--syn-sys-color-primary);outline-offset:2px}.syn-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.syn-flex{display:flex}.syn-flex-col{flex-direction:column;display:flex}.syn-flex-center{justify-content:center;align-items:center;display:flex}.syn-flex-between{justify-content:space-between;align-items:center;display:flex}.syn-flex-1{flex:1}.syn-flex-shrink-0{flex-shrink:0}*,:before,:after{box-sizing:border-box}html{font-family:var(--syn-ref-font-family,"Inter", system-ui, sans-serif);font-size:var(--syn-sys-type-body-large-size,14px);line-height:var(--syn-sys-type-body-large-lh,1.5);color:var(--syn-sys-color-on-surface,#191b1f);background:var(--syn-sys-color-background,#f4f5f7);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100dvh;margin:0}a{color:var(--syn-sys-color-primary);text-decoration:none}a:hover{text-decoration:underline}.login-page{background:var(--syn-sys-color-background);min-height:100dvh;padding:var(--syn-sys-space-base);justify-content:center;align-items:center;display:flex}.login-card{background:var(--syn-sys-color-surface);border:1px solid var(--syn-sys-color-outline-variant);border-radius:var(--syn-sys-shape-lg,8px);padding:var(--syn-sys-space-2xl) var(--syn-sys-space-xl);inline-size:100%;max-inline-size:400px}.login-brand{justify-content:center;align-items:center;margin-block-end:var(--syn-sys-space-xl);display:flex}.login-brand__logo{object-fit:contain;block-size:48px;inline-size:auto}.login-subtitle{font:var(--syn-sys-type-body-medium);color:var(--syn-sys-color-on-surface-variant);margin-block-end:var(--syn-sys-space-xl)}.login-error{color:#991b1b;padding:var(--syn-sys-space-sm) var(--syn-sys-space-md);border-radius:var(--syn-sys-shape-sm);font:var(--syn-sys-type-body-small);background:#fef2f2;border:1px solid #fecaca;margin-block-end:var(--syn-sys-space-base)}.syn-toast{padding:var(--syn-sys-space-sm) var(--syn-sys-space-md);border-radius:var(--syn-sys-shape-sm);font:var(--syn-sys-type-body-small)}.syn-toast--success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.syn-toast--error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.login-footer{font:var(--syn-sys-type-caption);color:var(--syn-sys-color-on-surface-subtle);text-align:center;margin-block-start:var(--syn-sys-space-base)}.stats-grid{gap:var(--syn-sys-space-base);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{background:var(--syn-sys-color-surface);border:1px solid var(--syn-sys-color-outline-variant);border-radius:var(--syn-sys-shape-md,6px);padding:var(--syn-sys-space-base);gap:var(--syn-sys-space-xs);flex-direction:column;display:flex}.stat-card__label{font:var(--syn-sys-type-caption);color:var(--syn-sys-color-on-surface-subtle);text-transform:uppercase;letter-spacing:.5px}.stat-card__value{font:var(--syn-sys-type-display-medium);color:var(--syn-sys-color-on-surface)}.stat-card__change{font:var(--syn-sys-type-body-small)}.stat-card__change--up{color:var(--syn-sys-color-success)}.stat-card__change--down{color:var(--syn-sys-color-error)}.detail-grid{gap:var(--syn-sys-space-sm) var(--syn-sys-space-base);font:var(--syn-sys-type-body-medium);grid-template-columns:160px 1fr;display:grid}.detail-grid dt{color:var(--syn-sys-color-on-surface-subtle);font:var(--syn-sys-type-label-medium)}.detail-grid dd{color:var(--syn-sys-color-on-surface);margin:0}.empty-state{padding:var(--syn-sys-space-2xl);text-align:center;justify-content:center;align-items:center;gap:var(--syn-sys-space-sm);flex-direction:column;display:flex}.empty-state__icon{opacity:.3;font-size:48px}.empty-state__title{font:var(--syn-sys-type-headline-medium);color:var(--syn-sys-color-on-surface)}.empty-state__desc{font:var(--syn-sys-type-body-medium);color:var(--syn-sys-color-on-surface-subtle);max-inline-size:400px}.status-dot{border-radius:var(--syn-ref-radius-full);block-size:8px;inline-size:8px;margin-inline-end:var(--syn-sys-space-xs);display:inline-block}.status-dot--active{background:var(--syn-sys-color-success)}.status-dot--suspended{background:var(--syn-sys-color-warning)}.status-dot--locked{background:var(--syn-sys-color-error)}.status-dot--pending{background:var(--syn-sys-color-on-surface-subtle)}.page-toolbar{align-items:center;gap:var(--syn-sys-space-sm);flex-wrap:wrap;margin-block-end:var(--syn-sys-space-base);display:flex}.page-toolbar__search{flex:1;min-inline-size:200px}.dialog-overlay{z-index:1000;padding:var(--syn-sys-space-base);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--syn-sys-color-surface);border:1px solid var(--syn-sys-color-outline-variant);border-radius:var(--syn-sys-shape-lg,8px);max-block-size:90vh;inline-size:100%;max-inline-size:520px;box-shadow:var(--syn-sys-elevation-3);overflow-y:auto}.dialog__header{padding:var(--syn-sys-space-base) var(--syn-sys-space-xl);border-block-end:1px solid var(--syn-sys-color-outline-variant);justify-content:space-between;align-items:center;display:flex}.dialog__title{font:var(--syn-sys-type-title-large);color:var(--syn-sys-color-on-surface)}.dialog__body{padding:var(--syn-sys-space-xl)}.dialog__footer{justify-content:flex-end;gap:var(--syn-sys-space-sm);padding:var(--syn-sys-space-base) var(--syn-sys-space-xl);border-block-start:1px solid var(--syn-sys-color-outline-variant);display:flex}.config-tabs{border-block-end:1px solid var(--syn-sys-color-outline-variant);gap:0;margin-block-end:var(--syn-sys-space-base);display:flex}.config-tab{padding:var(--syn-sys-space-sm) var(--syn-sys-space-base);font:var(--syn-sys-type-label-large);color:var(--syn-sys-color-on-surface-variant);cursor:pointer;transition:color var(--syn-sys-motion-fast), border-color var(--syn-sys-motion-fast);background:0 0;border:none;border-block-end:2px solid #0000}.config-tab:hover{color:var(--syn-sys-color-on-surface)}.config-tab--active{color:var(--syn-sys-color-primary);border-block-end-color:var(--syn-sys-color-primary)}.activity-list{margin:0;padding:0;list-style:none}.activity-item{align-items:flex-start;gap:var(--syn-sys-space-md);padding:var(--syn-sys-space-md) 0;border-block-end:1px solid var(--syn-sys-color-outline-subtle);display:flex}.activity-item:last-child{border:none}.activity-icon{border-radius:var(--syn-ref-radius-full);flex-shrink:0;justify-content:center;align-items:center;block-size:32px;inline-size:32px;font-size:14px;display:flex}.activity-icon--auth,.activity-icon--user,.activity-icon--security{background:var(--syn-sys-color-primary-subtle);color:var(--syn-sys-color-primary)}.activity-icon--error{background:var(--syn-sys-color-error-container);color:var(--syn-sys-color-error)}.activity-icon--tenant{background:var(--syn-sys-color-primary-subtle);color:var(--syn-sys-color-primary)}.activity-content{flex:1;min-inline-size:0}.activity-content__desc{font:var(--syn-sys-type-body-medium);color:var(--syn-sys-color-on-surface)}.activity-content__time{font:var(--syn-sys-type-caption);color:var(--syn-sys-color-on-surface-subtle)}.help-trigger{border-radius:var(--syn-ref-radius-full);background:var(--syn-sys-color-outline-variant);block-size:18px;inline-size:18px;color:var(--syn-sys-color-on-surface-variant);cursor:help;border:none;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex;position:relative}.help-trigger:hover .help-trigger__tooltip,.help-trigger:focus .help-trigger__tooltip{opacity:1;visibility:visible;transform:translateY(0)}.help-trigger__tooltip{background:var(--syn-sys-color-inverse-surface,#191b1f);color:var(--syn-sys-color-inverse-on-surface,#f4f5f7);font:var(--syn-sys-type-body-small);padding:var(--syn-sys-space-xs) var(--syn-sys-space-sm);border-radius:var(--syn-sys-shape-sm);white-space:nowrap;white-space:normal;opacity:0;visibility:hidden;max-inline-size:280px;transition:opacity var(--syn-sys-motion-fast), transform var(--syn-sys-motion-fast);z-index:1000;pointer-events:none;font-weight:400;position:absolute;inset-block-end:calc(100% + 6px);inset-inline-start:50%;transform:translate(-50%)translateY(4px)}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.skeleton{background:var(--syn-sys-color-outline-subtle);border-radius:var(--syn-sys-shape-sm);animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton--text{block-size:14px;inline-size:100%}.skeleton--heading{block-size:24px;inline-size:40%}.skeleton--row{block-size:40px;inline-size:100%;margin-block-end:1px}.tmpl-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.tmpl-card{border:1px solid var(--syn-sys-color-outline-variant);background:var(--syn-sys-color-surface);border-radius:10px;transition:box-shadow .15s,border-color .15s;overflow:hidden}.tmpl-card:hover{box-shadow:0 4px 16px #00000014}.tmpl-card--active{border-color:var(--syn-sys-color-primary);box-shadow:0 0 0 2px var(--syn-sys-color-primary-container)}.tmpl-card__preview{border-block-end:1px solid var(--syn-sys-color-outline-variant);block-size:140px;position:relative;overflow:hidden}.tmpl-card__badge{background:var(--syn-sys-color-primary);color:var(--syn-sys-color-on-primary);text-transform:uppercase;letter-spacing:.04em;border-radius:99px;padding:2px 8px;font-size:10px;font-weight:600;position:absolute;inset-block-start:8px;inset-inline-end:8px}.tmpl-card__body{padding:12px 14px 8px}.tmpl-card__name{margin-block-end:2px;font-size:14px;font-weight:600}.tmpl-card__layout{color:var(--syn-sys-color-on-surface-subtle);font-size:12px}.tmpl-card__actions{gap:2px;padding:4px 8px 10px;display:flex}.tmpl-preview-overlay{z-index:200;background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.tmpl-preview-overlay__inner{background:var(--syn-sys-color-surface);border-radius:12px;flex-direction:column;max-block-size:90vh;inline-size:min(1100px,100%);display:flex;overflow:hidden}.tmpl-preview-overlay__toolbar{border-block-end:1px solid var(--syn-sys-color-outline-variant);justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;display:flex}.tmpl-preview-viewport{flex:1;padding:16px;overflow:auto}.tmpl-designer-overlay{z-index:200;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.tmpl-designer{background:var(--syn-sys-color-surface);border-radius:12px;grid-template-columns:360px 1fr;block-size:min(800px,90vh);inline-size:min(1200px,100%);display:grid;overflow:hidden}.tmpl-designer__sidebar{border-inline-end:1px solid var(--syn-sys-color-outline-variant);flex-direction:column;padding:20px;display:flex;overflow-y:auto}.tmpl-designer__preview{background:var(--syn-sys-color-surface-dim);flex-direction:column;display:flex;overflow:auto}.tmpl-designer__preview-label{text-transform:uppercase;letter-spacing:.05em;color:var(--syn-sys-color-on-surface-subtle);border-block-end:1px solid var(--syn-sys-color-outline-variant);padding:10px 16px;font-size:12px;font-weight:600}.tmpl-layout-picker{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tmpl-layout-opt{border:1px solid var(--syn-sys-color-outline-variant);background:var(--syn-sys-color-surface);cursor:pointer;border-radius:8px;flex-direction:column;padding:0;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.tmpl-layout-opt>div:first-child{block-size:56px;overflow:hidden}.tmpl-layout-opt__label{text-align:center;color:var(--syn-sys-color-on-surface-subtle);padding:4px 2px 6px;font-size:10px;font-weight:500;display:block}.tmpl-layout-opt:hover{border-color:var(--syn-sys-color-primary)}.tmpl-layout-opt--active{border-color:var(--syn-sys-color-primary);box-shadow:0 0 0 2px var(--syn-sys-color-primary-container)}.tmpl-layout-opt--active .tmpl-layout-opt__label{color:var(--syn-sys-color-primary);font-weight:600}.syn-checkbox-wrap{align-items:center;gap:8px;font-size:13px;display:inline-flex}.syn-checkbox{block-size:16px;inline-size:16px;accent-color:var(--syn-sys-color-primary)}.syn-table__row--selected{background:var(--syn-sys-color-primary-container)}.syn-icon-btn--active{color:var(--syn-sys-color-primary);background:var(--syn-sys-color-primary-container);border-radius:6px}.designer-toolbar{border-block-end:1px solid var(--syn-sys-color-outline-variant);justify-content:space-between;align-items:center;margin-block-end:12px;padding:8px 0;display:flex}.designer-toolbar__left{align-items:center;gap:12px;display:flex}.designer-toolbar__title{font-size:15px;font-weight:600}.designer-toolbar__right{align-items:center;gap:12px;display:flex}.designer-device-toggle{background:var(--syn-sys-color-surface-dim);border-radius:8px;gap:4px;padding:2px;display:flex}.designer-page{border:1px solid var(--syn-sys-color-outline-variant);border-radius:12px;grid-template-columns:380px 1fr;gap:0;min-block-size:calc(100vh - 200px);display:grid;overflow:hidden}.designer-page__sidebar{border-inline-end:1px solid var(--syn-sys-color-outline-variant);background:var(--syn-sys-color-surface);flex-direction:column;padding:20px;display:flex;overflow-y:auto}.designer-page__preview{background:var(--syn-sys-color-surface-dim);flex-direction:column;display:flex;overflow:auto}.designer-page__preview-label{text-transform:uppercase;letter-spacing:.05em;color:var(--syn-sys-color-on-surface-subtle);border-block-end:1px solid var(--syn-sys-color-outline-variant);background:var(--syn-sys-color-surface);padding:10px 16px;font-size:12px;font-weight:600}.designer-page__preview-viewport{flex:1;padding:16px}.designer-page__actions{border-block-start:1px solid var(--syn-sys-color-outline-variant);gap:8px;margin-block-start:auto;padding-block-start:16px;display:flex}.designer-section-heading{text-transform:uppercase;letter-spacing:.05em;color:var(--syn-sys-color-on-surface-subtle);margin:12px 0 8px;font-size:13px;font-weight:600}.designer-fullscreen-preview{z-index:300;cursor:pointer;background:#000000b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.designer-fullscreen-preview__inner{cursor:default;border-radius:12px;max-block-size:90vh;inline-size:100%;overflow:auto}.auth-overview{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-block-end:16px;display:grid}.auth-overview__card{border:1px solid var(--syn-sys-color-outline-variant);border-radius:var(--syn-sys-shape-md,8px);background:var(--syn-sys-color-surface);align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.auth-overview__card-icon{border-radius:var(--syn-sys-shape-sm,6px);background:var(--syn-sys-color-surface-container,#f0f1f3);block-size:36px;inline-size:36px;color:var(--syn-sys-color-on-surface-variant);flex-shrink:0;justify-content:center;align-items:center;display:flex}.auth-overview__card-body{flex-direction:column;gap:2px;min-inline-size:0;display:flex}.auth-overview__card-label{font:var(--syn-sys-type-caption);color:var(--syn-sys-color-on-surface-subtle);text-transform:uppercase;letter-spacing:.04em}.auth-overview__card-value{color:var(--syn-sys-color-on-surface);font-size:15px;font-weight:600}.auth-overview__card-detail{font:var(--syn-sys-type-body-small);color:var(--syn-sys-color-on-surface-subtle)}.auth-mfa-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-block-end:16px;display:grid}.auth-mfa-card{border:1px solid var(--syn-sys-color-outline-variant);border-radius:var(--syn-sys-shape-md,8px);background:var(--syn-sys-color-surface);align-items:center;gap:12px;padding:14px 16px;transition:border-color .15s;display:flex}.auth-mfa-card--active{border-color:var(--syn-sys-color-primary)}.auth-mfa-card__icon{border-radius:var(--syn-sys-shape-sm,6px);background:var(--syn-sys-color-surface-container,#f0f1f3);block-size:36px;inline-size:36px;color:var(--syn-sys-color-on-surface-variant);flex-shrink:0;justify-content:center;align-items:center;display:flex}.auth-mfa-card__body{flex:1;min-inline-size:0}.auth-mfa-card__title{font-size:14px;display:block}.auth-mfa-card__desc{font:var(--syn-sys-type-body-small);color:var(--syn-sys-color-on-surface-subtle);margin:2px 0 0}.auth-mfa-enforce{border:1px solid var(--syn-sys-color-outline-variant);border-radius:var(--syn-sys-shape-md,8px);background:var(--syn-sys-color-surface);flex-direction:column;gap:12px;margin-block-start:12px;padding:14px 16px;display:flex}.auth-mfa-enforce__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-mfa-enforce__label{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.auth-mfa-enforce__desc{font:var(--syn-sys-type-body-small);color:var(--syn-sys-color-on-surface-subtle);margin:2px 0 0}.auth-section-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--syn-sys-color-on-surface-subtle);margin:20px 0 10px;font-size:11px;font-weight:700}.auth-toggle-row{justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.auth-toggle-row__text{flex:1;min-inline-size:0}.auth-toggle-row__title{align-items:center;gap:6px;font-size:13px;display:flex}.auth-toggle-row__desc{font:var(--syn-sys-type-body-small);color:var(--syn-sys-color-on-surface-subtle);margin:2px 0 0}.auth-check-list{flex-direction:column;display:flex}.auth-info-box{border-radius:var(--syn-sys-shape-sm,6px);background:var(--syn-sys-color-surface-container,#f0f1f3);font:var(--syn-sys-type-body-small);color:var(--syn-sys-color-on-surface-variant);align-items:flex-start;gap:10px;padding:12px 16px;display:flex}.auth-section-intro{justify-content:space-between;align-items:center;gap:16px;margin-block-end:12px;display:flex}.auth-section-intro p{font:var(--syn-sys-type-body-medium);color:var(--syn-sys-color-on-surface-variant);margin:0}.auth-ca-list{flex-direction:column;gap:12px;display:flex}.auth-ca-card{border:1px solid var(--syn-sys-color-outline-variant);border-radius:var(--syn-sys-shape-md,8px);background:var(--syn-sys-color-surface);overflow:hidden}.auth-ca-card__header{border-block-end:1px solid var(--syn-sys-color-outline-variant);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.auth-ca-card__name{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.auth-ca-card__controls{align-items:center;gap:8px;display:flex}.auth-ca-card__body{font:var(--syn-sys-type-body-small);color:var(--syn-sys-color-on-surface-variant);padding:10px 16px}.auth-ca-card__body+.auth-ca-card__body{border-block-start:1px solid var(--syn-sys-color-outline-subtle)}.auth-ca-card__label{text-transform:uppercase;letter-spacing:.04em;color:var(--syn-sys-color-on-surface-subtle);margin-block-end:4px;font-size:11px;font-weight:600;display:block}.mfa-wizard{max-inline-size:560px}.mfa-wizard__steps{border-block-end:1px solid var(--syn-sys-color-outline-variant);justify-content:center;gap:4px;padding:12px 24px;display:flex}.mfa-wizard__step{opacity:.4;flex-direction:column;flex:1;align-items:center;gap:4px;transition:opacity .2s;display:flex;position:relative}.mfa-wizard__step--active{opacity:1}.mfa-wizard__step--done{opacity:.7}.mfa-wizard__step-dot{border-radius:var(--syn-ref-radius-full,50%);background:var(--syn-sys-color-outline-variant);block-size:24px;inline-size:24px;color:var(--syn-sys-color-on-surface-variant);justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.mfa-wizard__step--active .mfa-wizard__step-dot{background:var(--syn-sys-color-primary);color:var(--syn-sys-color-on-primary,#fff)}.mfa-wizard__step--done .mfa-wizard__step-dot{background:var(--syn-sys-color-primary-container);color:var(--syn-sys-color-primary)}.mfa-wizard__step-label{text-align:center;white-space:nowrap;font-size:10px;font-weight:500}.mfa-wizard__intro{font:var(--syn-sys-type-body-medium);color:var(--syn-sys-color-on-surface-variant);margin:0 0 16px}.mfa-wizard__hint{font:var(--syn-sys-type-body-small);color:var(--syn-sys-color-on-surface-subtle);text-align:center;margin:12px 0 0}.mfa-wizard__methods{flex-direction:column;gap:8px;display:flex}.mfa-wizard__method-btn{border:1px solid var(--syn-sys-color-outline-variant);border-radius:var(--syn-sys-shape-md,8px);background:var(--syn-sys-color-surface);cursor:pointer;text-align:start;align-items:center;gap:14px;padding:14px 16px;transition:border-color .15s,background-color .15s;display:flex}.mfa-wizard__method-btn:hover,.mfa-wizard__method-btn--active{border-color:var(--syn-sys-color-primary);background:var(--syn-sys-color-primary-container)}.mfa-wizard__method-btn strong{margin-block-end:2px;font-size:14px;display:block}.mfa-wizard__method-btn span{font:var(--syn-sys-type-body-small);color:var(--syn-sys-color-on-surface-subtle);display:block}.mfa-wizard__phone-input{gap:8px;margin-block-end:12px;display:flex}.mfa-wizard__verify-method{gap:16px;display:flex}.mfa-wizard__code-input{justify-content:center;margin:16px 0;display:flex}.mfa-wizard__code-field{text-align:center;letter-spacing:6px;max-inline-size:200px;padding:12px 16px;font-family:monospace;font-size:24px}.mfa-wizard__qr{justify-content:center;padding:16px 0;display:flex}.mfa-wizard__qr-placeholder{background:var(--syn-sys-color-surface-container,#f0f1f3);border-radius:var(--syn-sys-shape-md,8px);padding:12px;display:inline-flex}.mfa-wizard__secret{margin-block-start:16px}.mfa-wizard__codes-grid{grid-template-columns:1fr 1fr;gap:6px;margin:12px 0;display:grid}.mfa-wizard__code-item{border:1px solid var(--syn-sys-color-outline-variant);border-radius:var(--syn-sys-shape-sm,4px);background:var(--syn-sys-color-surface);align-items:center;gap:8px;padding:8px 12px;font-family:monospace;font-size:13px;display:flex}.mfa-wizard__code-num{color:var(--syn-sys-color-on-surface-subtle);min-inline-size:18px;font-size:10px}.mfa-wizard__codes-actions{flex-wrap:wrap;gap:8px;display:flex}.mfa-wizard__complete{text-align:center;padding:24px 0}.mfa-wizard__complete-icon{border-radius:var(--syn-ref-radius-full,50%);background:var(--syn-sys-color-primary-container);block-size:56px;inline-size:56px;color:var(--syn-sys-color-primary);justify-content:center;align-items:center;margin-block-end:12px;display:inline-flex}.mfa-wizard__complete h3{margin:0 0 8px;font-size:18px}.mfa-wizard__complete p{font:var(--syn-sys-type-body-medium);color:var(--syn-sys-color-on-surface-variant);margin:0 0 4px}.tmpl-mini{background:var(--syn-sys-color-surface-dim,#f5f6f8);justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex;position:relative;overflow:hidden}.tmpl-mini__hero{background:var(--tmpl-accent,var(--syn-sys-color-primary));opacity:.15;block-size:100%;inline-size:50%;position:absolute;inset-block-start:0;inset-inline-start:0}.tmpl-mini__sidebar{background:var(--tmpl-accent,var(--syn-sys-color-primary));opacity:.12;block-size:100%;inline-size:28%;position:absolute;inset-block-start:0;inset-inline-start:0}.tmpl-mini__bg-fill{background:var(--tmpl-accent,var(--syn-sys-color-primary));opacity:.08;position:absolute;inset:0}.tmpl-mini__form-area{z-index:1;justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex;position:relative}.tmpl-mini__card{background:var(--syn-sys-color-surface);border-radius:4px;flex-direction:column;gap:4px;inline-size:48%;max-inline-size:80px;padding:8px 10px;display:flex;box-shadow:0 1px 4px #0000000f}.tmpl-mini__line{background:var(--syn-sys-color-outline-variant);border-radius:2px;block-size:3px;inline-size:100%;display:block}.tmpl-mini__line--accent{background:var(--tmpl-accent,var(--syn-sys-color-primary))}.tmpl-mini__line--lg{inline-size:100%}.tmpl-mini__line--sm{inline-size:40%}.tmpl-mini__line--btn{border-radius:2px;block-size:5px}.tmpl-mini--centered .tmpl-mini__form-area{justify-content:center}.tmpl-mini--split .tmpl-mini__form-area{justify-content:flex-end;padding-inline-end:10%}.tmpl-mini--full_cover .tmpl-mini__card{box-shadow:0 2px 12px #0000001f}.tmpl-mini--minimal .tmpl-mini__card{box-shadow:none;background:0 0;border:none}.tmpl-mini--side_panel .tmpl-mini__form-area{justify-content:flex-end;padding-inline-end:8%}.tmpl-mini--floating .tmpl-mini__card{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 4px 20px #0000001a}.tmpl-full{border-radius:var(--syn-sys-shape-lg,10px);background:var(--tmpl-bg,var(--syn-sys-color-background));justify-content:center;align-items:center;min-block-size:480px;display:flex;position:relative;overflow:hidden}.tmpl-full--centered{background-position:50%;background-size:cover}.tmpl-full__card{background:var(--syn-sys-color-surface);border:1px solid var(--syn-sys-color-outline-variant);inline-size:100%;max-inline-size:420px;margin:24px;padding:32px}.tmpl-full__card--elevated{box-shadow:0 8px 32px #00000026}.tmpl-full__card--frosted{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;border:1px solid #fff6}.tmpl-full--split{grid-template-columns:1fr 1fr;display:grid}.tmpl-full__hero{background:var(--tmpl-accent,var(--syn-sys-color-primary));color:#fff;background-position:50%;background-size:cover;justify-content:center;align-items:center;min-block-size:100%;padding:32px;display:flex}.tmpl-full__hero-content{text-align:center;max-inline-size:320px}.tmpl-full__hero-content h2{margin:0 0 8px;font-size:22px}.tmpl-full__hero-content p{opacity:.85;margin:0;font-size:14px}.tmpl-full__form-pane{background:var(--syn-sys-color-surface);justify-content:center;align-items:center;padding:32px;display:flex}.tmpl-full--cover{background-position:50%;background-size:cover}.tmpl-full--minimal{background:var(--syn-sys-color-surface);padding:40px}.tmpl-full--side-panel{grid-template-columns:240px 1fr;display:grid}.tmpl-full__brand-panel{background:var(--tmpl-accent,var(--syn-sys-color-primary));color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 20px;display:flex}.tmpl-full__brand-panel h3{text-align:center;margin:0;font-size:16px}.tmpl-full__brand-logo{object-fit:contain;filter:brightness(10);block-size:48px;inline-size:48px}.tmpl-full--floating{background-position:50%;background-size:cover}.tmpl-form{flex-direction:column;gap:12px;inline-size:100%;max-inline-size:360px;display:flex}.tmpl-form__logo{object-fit:contain;align-self:flex-start;block-size:40px;inline-size:auto}.tmpl-form__heading{color:var(--syn-sys-color-on-surface);margin:0;font-size:20px;font-weight:700}.tmpl-form__subheading{font:var(--syn-sys-type-body-medium);color:var(--syn-sys-color-on-surface-subtle);margin:-4px 0 4px}.tmpl-form__row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tmpl-form__submit{margin-block-start:4px}.tmpl-form__social{gap:8px;margin-block-start:4px;display:flex}.tmpl-form__footer{font:var(--syn-sys-type-caption);color:var(--syn-sys-color-on-surface-subtle);text-align:center;flex-direction:column;gap:4px;margin:8px 0 0;display:flex}.tmpl-form__legal-links{justify-content:center;gap:6px;font-size:11px;display:flex}.tmpl-form__legal-links a{color:var(--syn-sys-color-primary);text-decoration:none}.tmpl-form__legal-links a:hover{text-decoration:underline}.tmpl-form__legal-sep{color:var(--syn-sys-color-on-surface-subtle)}.tmpl-form__signup-link{font:var(--syn-sys-type-body-small);text-align:center;color:var(--syn-sys-color-on-surface-subtle);margin:4px 0 0}.tmpl-form__signup-link a{color:var(--syn-sys-color-primary);font-weight:600}.tmpl-form__terms{color:var(--syn-sys-color-on-surface-variant);font-size:12px}.tmpl-form__terms a{color:var(--syn-sys-color-primary);text-decoration:underline}.tmpl-form__custom-fields{flex-direction:column;gap:8px;display:flex}.designer-color-field{align-items:center;gap:8px;display:flex}.designer-color-swatch{border:1px solid var(--syn-sys-color-outline-variant);border-radius:var(--syn-sys-shape-sm,4px);cursor:pointer;flex-shrink:0;block-size:32px;inline-size:32px;padding:0}.designer-color-swatch::-webkit-color-swatch-wrapper{padding:2px}.designer-color-swatch::-webkit-color-swatch{border:none;border-radius:2px}.designer-field-picker{flex-direction:column;gap:6px;display:flex}.designer-field-picker__item{border:1px solid var(--syn-sys-color-outline-variant);border-radius:var(--syn-sys-shape-sm,6px);background:var(--syn-sys-color-surface);cursor:pointer;align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s,background-color .15s;display:flex}.designer-field-picker__item:hover{border-color:var(--syn-sys-color-primary)}.designer-field-picker__item--active{border-color:var(--syn-sys-color-primary);background:var(--syn-sys-color-primary-container)}.designer-field-picker__info{flex-direction:column;gap:1px;min-inline-size:0;display:flex}.designer-field-picker__info strong{font-size:13px}.designer-field-picker__info span{color:var(--syn-sys-color-on-surface-subtle);font-size:11px}@media (width<=640px){.tmpl-full--split{grid-template-columns:1fr}.tmpl-full__hero{min-block-size:160px}.tmpl-full--side-panel{grid-template-columns:1fr}.tmpl-full__brand-panel{padding:20px}.auth-overview{grid-template-columns:1fr 1fr}.auth-mfa-grid,.mfa-wizard__codes-grid{grid-template-columns:1fr}.designer-page{grid-template-columns:1fr;min-block-size:auto}}.byoa-toolbar{justify-content:space-between;align-items:center;gap:var(--syn-sys-space-4);margin-block-end:var(--syn-sys-space-5);display:flex}.byoa-grid{gap:var(--syn-sys-space-5);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.byoa-card{background:var(--syn-sys-color-surface);border:1px solid var(--syn-sys-color-outline-variant);border-radius:var(--syn-sys-shape-m);padding:var(--syn-sys-space-5);gap:var(--syn-sys-space-3);flex-direction:column;transition:box-shadow .2s,border-color .2s;display:flex}.byoa-card:hover{border-color:var(--syn-sys-color-outline);box-shadow:0 2px 12px #0000000f}.byoa-card__header{justify-content:space-between;align-items:center;display:flex}.byoa-card__provider{align-items:center;gap:var(--syn-sys-space-2);color:var(--provider-color,var(--syn-sys-color-primary));display:flex}.byoa-card__provider-label{font-size:var(--syn-sys-type-body-sm);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.byoa-card__name{font-size:var(--syn-sys-type-title-md);color:var(--syn-sys-color-on-surface);margin:0;font-weight:600}.byoa-card__desc{font-size:var(--syn-sys-type-body-sm);color:var(--syn-sys-color-on-surface-variant);margin:0;line-height:1.5}.byoa-card__meta{gap:var(--syn-sys-space-2);flex-wrap:wrap;display:flex}.byoa-chip{border-radius:var(--syn-sys-shape-full);background:var(--syn-sys-color-surface-container);color:var(--syn-sys-color-on-surface-variant);border:1px solid var(--syn-sys-color-outline-variant);align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.byoa-card__actions{gap:var(--syn-sys-space-1);border-block-start:1px solid var(--syn-sys-color-outline-variant);margin-block-start:auto;padding-block-start:var(--syn-sys-space-3);display:flex}.byoa-test-result{align-items:center;gap:var(--syn-sys-space-2);font-size:var(--syn-sys-type-body-sm);padding:var(--syn-sys-space-2) var(--syn-sys-space-3);border-radius:var(--syn-sys-shape-s);display:flex}.byoa-test-result--ok{color:#16a34a;background:#16a34a1a}.byoa-test-result--fail{color:#dc2626;background:#dc26261a}.byoa-provider-grid{gap:var(--syn-sys-space-2);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.byoa-provider-btn{align-items:center;gap:var(--syn-sys-space-2);padding:var(--syn-sys-space-3);border:2px solid var(--syn-sys-color-outline-variant);border-radius:var(--syn-sys-shape-m);background:var(--syn-sys-color-surface);cursor:pointer;font-size:var(--syn-sys-type-body-sm);color:var(--syn-sys-color-on-surface);text-align:center;flex-direction:column;transition:border-color .15s,background .15s;display:flex}.byoa-provider-btn:hover{border-color:var(--provider-color,var(--syn-sys-color-primary));background:var(--syn-sys-color-surface-container)}.byoa-provider-btn--active{border-color:var(--provider-color,var(--syn-sys-color-primary));background:color-mix(in srgb, var(--provider-color,var(--syn-sys-color-primary)) 8%, var(--syn-sys-color-surface))}.byoa-config-fields{border:1px solid var(--syn-sys-color-outline-variant);border-radius:var(--syn-sys-shape-m);padding:var(--syn-sys-space-4)}.byoa-config-fields legend{padding:0 var(--syn-sys-space-2);color:var(--syn-sys-color-on-surface);font-weight:600}.byoa-key-reveal{background:color-mix(in srgb, #16a34a 6%, var(--syn-sys-color-surface));border-radius:var(--syn-sys-shape-m);padding:var(--syn-sys-space-5);border:1px solid #16a34a4d;margin-block-end:var(--syn-sys-space-5)}.byoa-key-reveal__header{align-items:center;gap:var(--syn-sys-space-2);color:#16a34a;margin-block-end:var(--syn-sys-space-2);display:flex}.byoa-key-reveal__value{align-items:center;gap:var(--syn-sys-space-3);background:var(--syn-sys-color-surface);border:1px solid var(--syn-sys-color-outline-variant);border-radius:var(--syn-sys-shape-s);padding:var(--syn-sys-space-3);margin-block:var(--syn-sys-space-3);display:flex;overflow-x:auto}.byoa-key-reveal__value code{font-size:var(--syn-sys-type-body-sm);word-break:break-all;flex:1}.byoa-scope-list{flex-wrap:wrap;gap:4px;display:flex}.byoa-scope{border-radius:var(--syn-sys-shape-full);background:var(--syn-sys-color-surface-container);color:var(--syn-sys-color-on-surface-variant);border:1px solid var(--syn-sys-color-outline-variant);padding:1px 6px;font-family:monospace;font-size:11px}.byoa-scope-picker{gap:var(--syn-sys-space-2);flex-direction:column;display:flex}.byoa-scope-option{align-items:flex-start;gap:var(--syn-sys-space-3);padding:var(--syn-sys-space-3);border:1px solid var(--syn-sys-color-outline-variant);border-radius:var(--syn-sys-shape-s);cursor:pointer;transition:border-color .15s,background .15s;display:flex}.byoa-scope-option:hover{border-color:var(--syn-sys-color-outline);background:var(--syn-sys-color-surface-container)}.byoa-scope-option--active{border-color:var(--syn-sys-color-primary);background:color-mix(in srgb, var(--syn-sys-color-primary) 6%, var(--syn-sys-color-surface))}.byoa-scope-option__name{font-weight:600;font-size:var(--syn-sys-type-body-sm);display:block}.byoa-scope-option__desc{color:var(--syn-sys-color-on-surface-variant);font-size:11px;display:block}.byoa-integration{gap:var(--syn-sys-space-5);flex-direction:column;display:flex}.byoa-integration__steps{gap:var(--syn-sys-space-5);margin-block-start:var(--syn-sys-space-4);display:flex}.byoa-step{gap:var(--syn-sys-space-3);flex:1;display:flex}.byoa-step__num{border-radius:var(--syn-sys-shape-full);background:var(--syn-sys-color-primary);width:32px;height:32px;color:var(--syn-sys-color-on-primary);font-weight:700;font-size:var(--syn-sys-type-body-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.byoa-step strong{margin-block-end:4px;display:block}.byoa-step p{font-size:var(--syn-sys-type-body-sm);color:var(--syn-sys-color-on-surface-variant);margin:0}.byoa-status-bar{background:var(--syn-sys-color-surface);border:1px solid var(--syn-sys-color-outline-variant);border-radius:var(--syn-sys-shape-m);padding:var(--syn-sys-space-4)}.byoa-status-bar h3{margin:0 0 var(--syn-sys-space-3);font-size:var(--syn-sys-type-body-md);font-weight:600}.byoa-status-chips{gap:var(--syn-sys-space-2);flex-wrap:wrap;display:flex}.byoa-status-chip{font-size:var(--syn-sys-type-body-sm);border-radius:var(--syn-sys-shape-full);border:1px solid var(--syn-sys-color-outline-variant);align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.byoa-status-chip--active{color:#16a34a;background:#16a34a1a;border-color:#16a34a4d}.byoa-status-chip--inactive{background:var(--syn-sys-color-surface-container);color:var(--syn-sys-color-on-surface-variant)}.byoa-status-chip--error{color:#dc2626;background:#dc26261a;border-color:#dc26264d}.byoa-status-chip--pending_setup{color:#ea580c;background:#ea580c1a;border-color:#ea580c4d}.byoa-snippets h3{margin:0 0 var(--syn-sys-space-3);font-size:var(--syn-sys-type-title-md);font-weight:600}.byoa-snippet{background:var(--syn-sys-color-surface);border:1px solid var(--syn-sys-color-outline-variant);border-radius:var(--syn-sys-shape-m);margin-block-end:var(--syn-sys-space-4);overflow:hidden}.byoa-snippet__header{padding:var(--syn-sys-space-2) var(--syn-sys-space-4);background:var(--syn-sys-color-surface-container);border-block-end:1px solid var(--syn-sys-color-outline-variant);justify-content:space-between;align-items:center;display:flex}.byoa-snippet__lang{font-size:var(--syn-sys-type-body-sm);color:var(--syn-sys-color-on-surface-variant);font-weight:600}.byoa-snippet__code{padding:var(--syn-sys-space-4);color:var(--syn-sys-color-on-surface);background:var(--syn-sys-color-surface);margin:0;font-size:13px;line-height:1.6;overflow-x:auto}.byoa-api-ref h3{margin:0 0 var(--syn-sys-space-3);font-size:var(--syn-sys-type-title-md);font-weight:600}.byoa-method{border-radius:var(--syn-sys-shape-xs);letter-spacing:.03em;padding:1px 6px;font-size:11px;font-weight:700;display:inline-block}.byoa-method--get{color:#16a34a;background:#16a34a26}.byoa-method--post{color:#2563eb;background:#2563eb26}.byoa-method--put{color:#ea580c;background:#ea580c26}.byoa-method--delete{color:#dc2626;background:#dc262626}.byoa-method--patch{color:#7c3aed;background:#7c3aed26}.syn-field-row{gap:var(--syn-sys-space-3);display:flex}.syn-row--muted{opacity:.55}.syn-code--sm{background:var(--syn-sys-color-surface-container);border-radius:var(--syn-sys-shape-xs);padding:1px 4px;font-size:12px}@media (width<=768px){.byoa-grid{grid-template-columns:1fr}.byoa-provider-grid{grid-template-columns:repeat(2,1fr)}.byoa-toolbar{flex-direction:column;align-items:stretch}.byoa-integration__steps,.syn-field-row{flex-direction:column}}