@font-face{font-family: "Anton";src: url("/fonts/Anton-Regular.ttf") format("truetype");font-display: swap;font-style: normal;font-weight: 400}@font-face{font-family: "Oswald";src: url("/fonts/Oswald-Regular.ttf") format("truetype");font-display: swap;font-style: normal;font-weight: 400 700}@font-face{font-family: "Bangers";src: url("/fonts/Bangers-Regular.ttf") format("truetype");font-display: swap;font-style: normal;font-weight: 400}@font-face{font-family: "Zen Dots";src: url("/fonts/ZenDots-Regular.ttf") format("truetype");font-display: swap;font-style: normal;font-weight: 400}@font-face{font-family: "Rubik Doodle Shadow";src: url("/fonts/RubikDoodleShadow-Regular.ttf") format("truetype");font-display: swap;font-style: normal;font-weight: 400}@font-face{font-family: "Noto Sans";src: url("/fonts/NotoSans-WdthWght.ttf") format("truetype");font-display: swap;font-style: normal;font-weight: 100 900}@font-face{font-family: "Noto Serif";src: url("/fonts/NotoSerif-WdthWght.ttf") format("truetype");font-display: swap;font-style: normal;font-weight: 100 900}html{--app-global-radius: 10px;--aura-background-color-light: rgb(255,255,255);--aura-background-color-dark: rgb(255,255,255);--aura-app-background-light: rgb(255,255,255);--aura-app-background-dark: rgb(255,255,255);--aura-app-background: var(--aura-app-background-light);--app-shell-border-light: rgba(15,23,42,0.08);--app-shell-hover-light: #F4F8F8;--app-shell-selected-light: #E3F5F4;--app-shell-selected-text-light: #16656B;--app-shell-icon-light: #65727E;--app-canvas-color: #FFFFFF;--app-surface-bg: rgba(255,255,255,0.92);--app-surface-bg-strong: #FFFFFF;--app-surface-bg-muted: rgba(247,250,253,0.86);--app-surface-row-bg: rgba(255,255,255,0.98);--app-surface-stroke: rgba(126,149,178,0.16);--app-surface-stroke-strong: rgba(126,149,178,0.24);--app-surface-divider: rgba(218,227,239,0.62);--app-surface-radius: 22px;--app-surface-radius-inner: 16px;--app-surface-shadow-soft: 0 12px 28px rgba(31,48,78,0.055),0 2px 8px rgba(15,23,42,0.035);--app-surface-shadow: 0 18px 44px rgba(31,48,78,0.08),0 5px 16px rgba(15,23,42,0.05);--app-surface-shadow-strong: 0 24px 58px rgba(31,48,78,0.105),0 8px 22px rgba(15,23,42,0.06);--app-surface-shadow-hover: 0 24px 52px rgba(31,48,78,0.105),0 8px 20px rgba(15,23,42,0.06);--app-surface-inset-highlight: inset 0 1px 0 rgba(255,255,255,0.78);--app-row-shadow: 0 10px 26px rgba(31,48,78,0.055),0 2px 8px rgba(15,23,42,0.035);--app-surface-light: var(--app-surface-bg-strong);--app-surface-muted-light: var(--app-surface-bg-muted);--app-surface-border-light: var(--app-surface-stroke);--app-surface-shadow-light: var(--app-surface-shadow-soft);--app-surface-shadow-strong-light: var(--app-surface-shadow);--app-page-padding: 20px;--app-page-padding-inline: var(--app-page-padding);--app-page-padding-block: var(--app-page-padding);--app-page-max-narrow: 1040px;--app-page-max-content: 1280px;--app-page-max-wide: 1480px;--app-section-gap: clamp(1rem,1vw + 0.7rem,1.5rem);--app-card-padding: clamp(1rem,0.8vw + 0.8rem,1.35rem);--app-card-gap: clamp(0.75rem,0.5vw + 0.55rem,1rem);--app-card-radius: var(--app-surface-radius);--app-card-radius-inner: var(--app-surface-radius-inner);--app-toolbar-gap: 0.9rem;--app-metric-gap: 0.35rem;--app-metric-value-size: clamp(1.6rem,1.8vw + 1rem,2.5rem);--app-metric-value-tight: 1.05;--app-kicker-size: 0.79rem;--app-kicker-tracking: 0.02em;--app-accent-050: #E8EDF3;--app-accent-100: #B2BECF;--app-accent-200: #66788F;--app-accent-300: #47586D;--app-accent-ink: #223142;--app-accent-soft-bg: #F3F6F9;--app-accent-soft-border: rgba(102,120,143,0.24);--app-accent-soft-fill: rgba(102,120,143,0.12);--app-accent-strong-fill: rgba(71,88,109,0.18);--aura-app-layout-inset: 0px;--aura-app-layout-border-width: 0px;--aura-app-layout-radius: 0px;--aura-app-layout-border-radius: 0px;--aura-base-radius: 10;--aura-font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";--aura-contrast-level: 4;--aura-orange: var(--app-accent-200);--aura-accent-color-light: var(--app-accent-200);--aura-accent-color-dark: var(--app-accent-200);--aura--accent-color-light: var(--app-accent-200);--aura--accent-color-dark: var(--app-accent-200);--dashboard-line-primary: var(--app-accent-300);--dashboard-line-secondary: #5fc7e9;--app-avatar-size: 32px;--app-grid-glass-bg-light: var(--app-surface-light);--app-grid-glass-bg-dark: var(--app-surface-light);--app-grid-glass-border-light: var(--app-surface-border-light);--app-grid-glass-border-dark: rgba(157,184,228,0.28);--app-grid-header-bg-light: var(--app-surface-muted-light);--app-grid-header-bg-dark: rgba(31,41,61,0.62);--app-grid-row-hover-light: #F7FBFB;--app-grid-row-hover-dark: rgba(121,152,199,0.18);--lumo-border-radius-s: var(--app-global-radius);--lumo-border-radius-m: var(--app-global-radius);--lumo-border-radius-l: var(--app-global-radius);--app-button-radius: var(--app-global-radius);--app-button-height: 2.65rem;--app-button-padding: 0 1.05rem;--app-button-font-size: 0.95rem;--app-button-font-weight: 600;--app-button-bg: #FFFFFF;--app-button-bg-hover: #F7F8F9;--app-button-text: #111827;--app-button-shadow: 0 8px 22px rgba(15,23,42,0.06),0 2px 6px rgba(15,23,42,0.04);--app-button-shadow-hover: 0 12px 28px rgba(15,23,42,0.08),0 4px 10px rgba(15,23,42,0.05);--app-button-shadow-active: 0 5px 14px rgba(15,23,42,0.06),0 2px 5px rgba(15,23,42,0.04);--app-button-primary-bg: linear-gradient(180deg,#72839A 0%,#4D5E73 100%);--app-button-primary-bg-hover: linear-gradient(180deg,#7D8EA3 0%,#58697D 100%);--app-button-primary-text: #F8FAFC;--app-button-primary-shadow: 0 12px 28px rgba(77,94,115,0.20),0 4px 10px rgba(53,67,84,0.12);--app-button-focus-ring: 2px solid rgba(102,120,143,0.32);--app-shell-control-size: 2.55rem;--app-page-eyebrow-bg: rgba(231,239,251,0.88);--app-page-eyebrow-border: rgba(122,147,189,0.24);--app-page-eyebrow-color: #42556F;--app-page-help-bg: rgba(255,255,255,0.82);--app-page-help-bg-hover: #FFFFFF;--app-page-help-border: rgba(137,158,183,0.28);--app-page-help-border-hover: rgba(102,120,143,0.34);--app-page-help-color: #516074;--app-page-help-color-hover: #223142;--app-page-title-color: #18212B;--app-page-title-size: clamp(1.75rem,1vw + 1.4rem,2.4rem);--app-page-title-mobile-size: clamp(1.45rem,5vw,1.9rem);--app-page-title-line-height: 1.05;--app-page-title-letter-spacing: 0;--app-page-title-weight: 700;--app-view-title-margin-top: 1.65rem;--app-page-subtitle-color: #526174;--app-page-subtitle-size: 1rem;--app-page-subtitle-line-height: 1.5;--app-view-subtitle-margin-top: 0;--app-page-subtitle-margin-top: var(--app-view-subtitle-margin-top);--app-input-field-radius: var(--app-global-radius);--app-input-field-min-height: 3.05rem;--app-input-field-padding-inline: 0.6rem;--app-input-field-border: rgba(221,228,238,0.96);--app-input-field-border-hover: rgba(198,209,223,0.98);--app-input-field-border-focus: rgba(84,102,128,0.46);--app-input-field-border-invalid: rgba(181,82,82,0.44);--app-input-field-surface: rgba(248,250,252,0.98);--app-input-field-surface-hover: rgba(252,253,254,0.99);--app-input-field-surface-focus: #FFFFFF;--app-input-field-surface-disabled: rgba(243,246,249,0.98);--app-input-field-shadow: none;--app-input-field-shadow-hover: none;--app-input-field-shadow-focus: 0 0 0 4px rgba(102,120,143,0.10);--app-input-field-shadow-invalid: 0 0 0 4px rgba(190,86,86,0.09);--app-input-field-label-color: #4F5F73;--app-input-field-value-color: #1F2C3D;--app-input-field-helper-color: #78869A;--app-input-field-error-color: #B35454;--app-input-field-placeholder-color: rgba(120,132,148,0.64);--app-input-field-control-color: #7A889A;--app-input-field-prefix-color: #8B93A0;--app-input-field-chip-bg: rgba(235,244,255,0.86);--app-slider-toggle-track-bg: #D9DEE7;--app-slider-toggle-track-bg-hover: #E3E8F0;--app-slider-toggle-track-bg-checked: #2F384B;--app-slider-toggle-track-border: rgba(197,204,216,0.96);--app-slider-toggle-track-border-hover: rgba(176,188,205,0.98);--app-slider-toggle-track-border-checked: rgba(56,63,82,0.96);--app-slider-toggle-knob-bg: #FFFFFF;--app-slider-toggle-knob-shadow: 0 1px 3px rgba(23,34,53,0.24);--app-slider-toggle-focus-shadow: 0 0 0 4px rgba(102,120,143,0.12);--app-container-box-radius: var(--app-surface-radius);--app-container-box-bg: var(--app-surface-bg);--app-container-box-shadow: var(--app-surface-shadow);--app-container-box-shadow-hover: var(--app-surface-shadow-hover);--app-action-box-bg: var(--app-surface-bg);--app-action-box-shadow: var(--app-surface-shadow),var(--app-surface-inset-highlight);--app-action-box-backdrop: blur(14px) saturate(125%);--app-tab-radius: var(--app-global-radius);--app-tab-bg: rgba(252,253,255,0.78);--app-tab-bg-hover: rgba(255,255,255,0.92);--app-tab-bg-selected: #FFFFFF;--app-tab-text: #56687D;--app-tab-text-selected: #162434;--app-tab-shadow-selected: 0 12px 24px rgba(31,48,78,0.12)}html[data-theme-mode="light"]{--aura-app-background: var(--aura-app-background-light)}html[data-theme-mode="dark"]{--aura-app-background: var(--aura-app-background-dark);--app-canvas-color: #101826;--app-surface-bg: rgba(24,34,50,0.88);--app-surface-bg-strong: rgba(27,38,55,0.96);--app-surface-bg-muted: rgba(31,43,62,0.78);--app-surface-row-bg: rgba(25,35,52,0.94);--app-surface-stroke: rgba(139,163,198,0.24);--app-surface-stroke-strong: rgba(153,178,214,0.34);--app-surface-divider: rgba(104,124,156,0.34);--app-surface-shadow-soft: 0 16px 34px rgba(4,8,16,0.28),0 3px 12px rgba(4,8,16,0.22);--app-surface-shadow: 0 22px 48px rgba(4,8,16,0.36),0 7px 20px rgba(4,8,16,0.28);--app-surface-shadow-strong: 0 28px 64px rgba(4,8,16,0.46),0 10px 26px rgba(4,8,16,0.34);--app-surface-shadow-hover: 0 28px 62px rgba(4,8,16,0.44),0 10px 26px rgba(4,8,16,0.34);--app-surface-inset-highlight: inset 0 1px 0 rgba(255,255,255,0.07);--app-row-shadow: 0 14px 30px rgba(4,8,16,0.28),0 3px 10px rgba(4,8,16,0.22);--app-surface-light: var(--app-surface-bg-strong);--app-surface-muted-light: var(--app-surface-bg-muted);--app-surface-border-light: var(--app-surface-stroke);--app-surface-shadow-light: var(--app-surface-shadow-soft);--app-surface-shadow-strong-light: var(--app-surface-shadow);--app-page-eyebrow-bg: rgba(31,42,60,0.86);--app-page-eyebrow-border: rgba(121,146,187,0.34);--app-page-eyebrow-color: #D2DDEC;--app-page-help-bg: rgba(20,29,43,0.74);--app-page-help-bg-hover: rgba(27,38,55,0.9);--app-page-help-border: rgba(121,146,187,0.3);--app-page-help-border-hover: rgba(150,173,210,0.42);--app-page-help-color: #D2DDEC;--app-page-help-color-hover: #F4F8FD;--app-page-title-color: #F2F6FC;--app-page-subtitle-color: #C8D4E5;--app-input-field-border: rgba(94,112,140,0.48);--app-input-field-border-hover: rgba(118,139,171,0.56);--app-input-field-border-focus: rgba(154,180,221,0.5);--app-input-field-border-invalid: rgba(204,111,111,0.46);--app-input-field-surface: rgba(25,34,49,0.96);--app-input-field-surface-hover: rgba(30,40,57,0.98);--app-input-field-surface-focus: rgba(34,44,61,0.98);--app-input-field-surface-disabled: rgba(21,29,42,0.88);--app-input-field-shadow: none;--app-input-field-shadow-hover: none;--app-input-field-shadow-focus: 0 0 0 4px rgba(116,147,198,0.16);--app-input-field-label-color: #C4D0E0;--app-input-field-value-color: #F0F4FB;--app-input-field-helper-color: #A8B7CB;--app-input-field-placeholder-color: rgba(191,205,226,0.5);--app-input-field-control-color: #9FB0C7;--app-input-field-prefix-color: #A8B7CB;--app-input-field-chip-bg: rgba(49,66,92,0.92);--app-slider-toggle-track-bg: rgba(101,116,140,0.36);--app-slider-toggle-track-bg-hover: rgba(111,126,152,0.45);--app-slider-toggle-track-bg-checked: rgba(117,137,169,0.98);--app-slider-toggle-track-border: rgba(121,139,169,0.4);--app-slider-toggle-track-border-hover: rgba(139,159,190,0.5);--app-slider-toggle-track-border-checked: rgba(154,180,221,0.36);--app-slider-toggle-knob-bg: #FFFFFF;--app-slider-toggle-knob-shadow: 0 1px 3px rgba(0,0,0,0.28);--app-slider-toggle-focus-shadow: 0 0 0 4px rgba(116,147,198,0.16)}body{background: var(--app-canvas-color)}vaadin-button{--aura-accent-color: var(--app-accent-200);--vaadin-button-primary-background: var(--app-button-primary-bg);--vaadin-button-primary-color: var(--app-button-primary-text);--vaadin-button-primary-text-color: var(--app-button-primary-text);--vaadin-button-outline-width: 0px;--vaadin-button-outline-color: transparent;--vaadin-button-border-width: 0px;--vaadin-button-border-radius: var(--app-button-radius);--vaadin-button-padding: var(--app-button-padding);--vaadin-button-height: var(--app-button-height);--vaadin-button-font-size: var(--app-button-font-size);--vaadin-button-font-weight: var(--app-button-font-weight);color: var(--app-button-text);border-radius: var(--app-button-radius);border: 0;outline: none;background: var(--app-button-bg);box-shadow: var(--app-button-shadow);transition: background-color 140ms ease,border-color 140ms ease,box-shadow 140ms ease,transform 140ms ease,color 140ms ease}vaadin-button::part(label){font-weight: 600;letter-spacing: 0.01em}vaadin-button:hover{background: var(--app-button-bg-hover);box-shadow: var(--app-button-shadow-hover)}vaadin-button:active{transform: translateY(1px);box-shadow: var(--app-button-shadow-active)}vaadin-button:focus-visible{outline: var(--app-button-focus-ring);outline-offset: 2px;box-shadow: none}vaadin-button[theme~="primary"]{background: var(--app-button-primary-bg);box-shadow: var(--app-button-primary-shadow)}vaadin-button[theme~="primary"]:hover{background: var(--app-button-primary-bg-hover);box-shadow: var(--app-button-primary-shadow)}vaadin-button[theme~="primary"]:active{box-shadow: var(--app-button-shadow-active)}vaadin-button[active],vaadin-button[selected],vaadin-button[aria-pressed="true"],vaadin-button[aria-selected="true"]{box-shadow: 0 12px 28px rgba(15,23,42,0.1),0 4px 10px rgba(15,23,42,0.06)}vaadin-button[theme~="primary"][active],vaadin-button[theme~="primary"][selected],vaadin-button[theme~="primary"][aria-pressed="true"],vaadin-button[theme~="primary"][aria-selected="true"]{box-shadow: var(--app-button-primary-shadow)}vaadin-button[theme~="tertiary"],vaadin-button[theme~="tertiary-inline"]{background: transparent;border-color: transparent;box-shadow: none}vaadin-button[theme~="tertiary"]:hover,vaadin-button[theme~="tertiary-inline"]:hover{background: rgba(15,23,42,0.04);border-color: transparent;box-shadow: none}vaadin-upload{--vaadin-upload-border-width: 0px;--vaadin-upload-border-color: transparent;--vaadin-upload-background: transparent}vaadin-button[theme~="icon"]{min-width: 2.65rem;padding: 0}vaadin-button[theme~="small"]{--vaadin-button-height: 2.2rem;--vaadin-button-padding: 0 0.85rem;--vaadin-button-font-size: 0.88rem;border-radius: 12px}vaadin-button[theme~="primary"],vaadin-button[theme~="contrast"],vaadin-button[theme~="success"],vaadin-button[theme~="error"][theme~="primary"]{color: var(--app-button-primary-text)}vaadin-button[theme~="primary"]::part(label),vaadin-button[theme~="contrast"]::part(label),vaadin-button[theme~="success"]::part(label),vaadin-button[theme~="error"][theme~="primary"]::part(label),vaadin-button[theme~="primary"] ::slotted(*),vaadin-button[theme~="contrast"] ::slotted(*),vaadin-button[theme~="success"] ::slotted(*),vaadin-button[theme~="error"][theme~="primary"] ::slotted(*){color: var(--app-button-primary-text)}vaadin-button[theme~="error"]:not([theme~="primary"]){background: rgba(185,28,28,0.07);border: 0;color: #b03030;box-shadow: var(--app-button-shadow)}vaadin-button[theme~="error"]:not([theme~="primary"])::part(label),vaadin-button[theme~="error"]:not([theme~="primary"]) ::slotted(*){color: #b03030}vaadin-button[theme~="error"]:not([theme~="primary"]):hover{background: rgba(185,28,28,0.13)}html[data-theme-mode="dark"] vaadin-button[theme~="error"]:not([theme~="primary"]){background: rgba(220,80,80,0.10);border-color: rgba(220,80,80,0.22);color: #e07070}html[data-theme-mode="dark"] vaadin-button[theme~="error"]:not([theme~="primary"])::part(label),html[data-theme-mode="dark"] vaadin-button[theme~="error"]:not([theme~="primary"]) ::slotted(*){color: #e07070}html[data-theme-mode="dark"] vaadin-button[theme~="error"]:not([theme~="primary"]):hover{background: rgba(220,80,80,0.18)}.card-padding{padding: var(--vaadin-padding-l)}.stat-title{margin: 0;font-weight: 400;font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.stat-value{font-weight: 600;font-size: var(--aura-font-size-xl)}.stat-icon{box-sizing: border-box;padding: var(--vaadin-padding-xs)}.section-title{margin: 0;font-size: var(--aura-font-size-xl);font-weight: 600}.section-subtitle{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-xs)}.app-button-small{--vaadin-button-height: 28px;--vaadin-button-padding: 0 var(--vaadin-padding-s);--vaadin-button-font-size: var(--aura-font-size-s)}:where(vaadin-grid,vaadin-grid-pro){border-radius: 16px;border: 1px solid var(--app-surface-border-light);background: var(--app-grid-glass-bg-light);box-shadow: var(--app-surface-shadow-light);overflow: hidden}:where(vaadin-grid,vaadin-grid-pro)::part(table){border: 0}vaadin-grid[theme~="compact"]{--lumo-size-s: 1rem;--vaadin-grid-cell-padding: 0 0.1rem;--app-input-min-height: 1.6rem}vaadin-grid[theme~="compact"]::part(header-cell){min-height: 1.6rem;padding-block: 0.1rem;font-size: 0.72rem;font-weight: 600}vaadin-grid[theme~="compact"]::part(body-cell){padding-block: 0.1rem;font-size: 0.75rem}:where(vaadin-grid,vaadin-grid-pro)::part(header-cell){background: var(--app-grid-header-bg-light);border-bottom: 1px solid rgba(84,109,145,0.20);font-weight: 600}:where(vaadin-grid,vaadin-grid-pro)::part(body-cell){background: transparent;border-bottom: 1px solid rgba(80,106,146,0.14)}:where(vaadin-grid,vaadin-grid-pro)::part(row):hover{background: var(--app-grid-row-hover-light)}:where(vaadin-grid,vaadin-grid-pro)::part(selected-row){background: var(--app-accent-soft-fill)}vaadin-grid-filter,vaadin-grid-filter>*{width: 100%}html[data-theme-mode="dark"] :where(vaadin-grid,vaadin-grid-pro){background: var(--app-grid-glass-bg-dark);box-shadow: 0 18px 34px rgba(5,10,20,0.45)}html[data-theme-mode="dark"] :where(vaadin-grid,vaadin-grid-pro)::part(header-cell){background: var(--app-grid-header-bg-dark);border-bottom-color: rgba(145,173,220,0.22)}html[data-theme-mode="dark"] :where(vaadin-grid,vaadin-grid-pro)::part(body-cell){border-bottom-color: rgba(128,157,205,0.16)}html[data-theme-mode="dark"] :where(vaadin-grid,vaadin-grid-pro)::part(row):hover{background: var(--app-grid-row-hover-dark)}html[data-theme-mode="dark"] :where(vaadin-grid,vaadin-grid-pro)::part(selected-row){background: var(--app-accent-strong-fill)}vaadin-crud{border: 0;background: transparent}vaadin-crud::part(toolbar){border-top: 0;background: transparent}vaadin-crud>vaadin-grid,vaadin-crud>vaadin-grid-pro{border: 0;border-radius: 16px}:where(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-number-field,vaadin-integer-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker,vaadin-date-time-picker,vaadin-time-picker,vaadin-select,vaadin-multi-select-combo-box)::part(input-field){background: var(--app-input-field-surface);border: 1px solid var(--app-input-field-border);border-radius: var(--app-input-field-radius);box-shadow: var(--app-input-field-shadow);min-height: var(--app-input-min-height,var(--app-input-field-min-height));padding-inline: var(--app-input-field-padding-inline);transition: background 160ms ease,border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease}:where(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-number-field,vaadin-integer-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker,vaadin-date-time-picker,vaadin-time-picker,vaadin-select,vaadin-multi-select-combo-box):hover::part(input-field){background: var(--app-input-field-surface-hover);border-color: var(--app-input-field-border-hover);box-shadow: var(--app-input-field-shadow-hover)}:where(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-number-field,vaadin-integer-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker,vaadin-date-time-picker,vaadin-time-picker,vaadin-select,vaadin-multi-select-combo-box)[focused]::part(input-field){background: var(--app-input-field-surface-focus);border-color: var(--app-input-field-border-focus);box-shadow: var(--app-input-field-shadow-focus)}:where(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-number-field,vaadin-integer-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker,vaadin-date-time-picker,vaadin-time-picker,vaadin-select,vaadin-multi-select-combo-box)[invalid]::part(input-field){border-color: var(--app-input-field-border-invalid);box-shadow: var(--app-input-field-shadow-invalid)}:where(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-number-field,vaadin-integer-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker,vaadin-date-time-picker,vaadin-time-picker,vaadin-select,vaadin-multi-select-combo-box)[disabled]::part(input-field){background: var(--app-input-field-surface-disabled);border-color: var(--app-input-field-border);box-shadow: none}:where(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-number-field,vaadin-integer-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker,vaadin-date-time-picker,vaadin-time-picker,vaadin-select,vaadin-multi-select-combo-box)::part(label){color: var(--app-input-field-label-color);font-size: 0.8rem;font-weight: 800;letter-spacing: 0.02em;margin-bottom: 0.36rem}:where(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-number-field,vaadin-integer-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker,vaadin-date-time-picker,vaadin-time-picker,vaadin-select,vaadin-multi-select-combo-box)::part(value){color: var(--app-input-field-value-color);font-size: 0.97rem}:where(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-number-field,vaadin-integer-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker,vaadin-date-time-picker,vaadin-time-picker,vaadin-select,vaadin-multi-select-combo-box)::part(helper-text){color: var(--app-input-field-helper-color);font-size: 0.77rem;padding-inline: 0.1rem}:where(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-number-field,vaadin-integer-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker,vaadin-date-time-picker,vaadin-time-picker,vaadin-select,vaadin-multi-select-combo-box)::part(error-message){color: var(--app-input-field-error-color);font-size: 0.77rem;font-weight: 700;padding-inline: 0.1rem}:where(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-number-field,vaadin-integer-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker,vaadin-date-time-picker,vaadin-time-picker,vaadin-select,vaadin-multi-select-combo-box)::part(toggle-button),:where(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-number-field,vaadin-integer-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker,vaadin-date-time-picker,vaadin-time-picker,vaadin-select,vaadin-multi-select-combo-box)::part(clear-button){color: var(--app-input-field-control-color)}vaadin-text-area::part(input-field){min-height: 8.5rem;align-items: stretch;padding-top: 0.5rem;padding-bottom: 0.45rem}vaadin-text-area::part(value){line-height: 1.45}vaadin-dialog-overlay[theme~="app-dialog"]::part(backdrop),vaadin-confirm-dialog-overlay[theme~="app-dialog"]::part(backdrop){background: rgba(238,242,248,0.34);backdrop-filter: blur(16px) saturate(110%);-webkit-backdrop-filter: blur(16px) saturate(110%)}vaadin-dialog-overlay[theme~="app-dialog"]::part(overlay),vaadin-confirm-dialog-overlay[theme~="app-dialog"]::part(overlay){border-radius: 28px;box-shadow: 0 28px 72px rgba(20,30,45,0.18),0 10px 24px rgba(20,30,45,0.1);overflow: hidden}vaadin-dialog-overlay[theme~="app-dialog"]::part(content),vaadin-confirm-dialog-overlay[theme~="app-dialog"]::part(content){background: rgba(255,255,255,0.96);border: 1px solid rgba(228,235,244,0.92);box-shadow: none;padding: 1.65rem 1.8rem 1.55rem}vaadin-dialog-overlay[theme~="app-dialog"]::part(header),vaadin-confirm-dialog-overlay[theme~="app-dialog"]::part(header){padding: 1.65rem 1.8rem 0;align-items: flex-start}vaadin-dialog-overlay[theme~="app-dialog"]::part(title),vaadin-confirm-dialog-overlay[theme~="app-dialog"]::part(title){color: #202733;font-size: clamp(1.7rem,1.35vw + 1rem,2.35rem);line-height: 1.08;font-weight: 800;letter-spacing: -0.03em}vaadin-dialog-overlay[theme~="app-dialog"]::part(footer),vaadin-confirm-dialog-overlay[theme~="app-dialog"]::part(footer){padding: 0 1.8rem 1.55rem;gap: 0.9rem}vaadin-dialog-overlay[theme~="app-dialog"]::part(close-button),vaadin-confirm-dialog-overlay[theme~="app-dialog"]::part(close-button){color: #6B7280;border-radius: 999px;background: rgba(236,241,247,0.95)}vaadin-dialog-overlay[theme~="app-dialog"] h3,vaadin-confirm-dialog-overlay[theme~="app-dialog"] h3{margin: 0;color: #202733;font-size: clamp(1.15rem,0.4vw + 1rem,1.45rem);line-height: 1.15;font-weight: 800;letter-spacing: -0.02em}vaadin-dialog-overlay[theme~="app-dialog"] p,vaadin-confirm-dialog-overlay[theme~="app-dialog"] p{margin: 0;color: #3A4453;font-size: 1rem;line-height: 1.35}vaadin-dialog-overlay[theme~="app-dialog"] hr,vaadin-confirm-dialog-overlay[theme~="app-dialog"] hr{width: 100%;border: none;border-top: 1px solid rgba(224,232,239,0.9);margin: 0}vaadin-dialog-overlay[theme~="app-dialog"] vaadin-button,vaadin-confirm-dialog-overlay[theme~="app-dialog"] vaadin-button{--vaadin-button-height: 3.45rem;--vaadin-button-padding: 0 1.45rem;border-radius: 16px;font-size: 1rem;font-weight: 700}vaadin-dialog-overlay[theme~="app-dialog"] vaadin-button[theme~="primary"],vaadin-confirm-dialog-overlay[theme~="app-dialog"] vaadin-button[theme~="primary"]{box-shadow: none}vaadin-dialog-overlay[theme~="app-dialog"] vaadin-button:not([theme~="primary"]),vaadin-confirm-dialog-overlay[theme~="app-dialog"] vaadin-button:not([theme~="primary"]){background: linear-gradient(180deg,rgba(247,249,253,0.98) 0%,rgba(237,241,248,0.98) 100%);color: #202733;box-shadow: inset 0 1px 0 rgba(255,255,255,0.85)}html[data-theme-mode="dark"] vaadin-dialog-overlay[theme~="app-dialog"]::part(backdrop),html[data-theme-mode="dark"] vaadin-confirm-dialog-overlay[theme~="app-dialog"]::part(backdrop){background: rgba(7,10,18,0.48)}html[data-theme-mode="dark"] vaadin-dialog-overlay[theme~="app-dialog"]::part(overlay),html[data-theme-mode="dark"] vaadin-confirm-dialog-overlay[theme~="app-dialog"]::part(overlay){box-shadow: 0 28px 76px rgba(5,8,16,0.54),0 12px 28px rgba(5,8,16,0.36)}html[data-theme-mode="dark"] vaadin-dialog-overlay[theme~="app-dialog"]::part(content),html[data-theme-mode="dark"] vaadin-confirm-dialog-overlay[theme~="app-dialog"]::part(content){background: rgba(20,28,41,0.96);border-color: rgba(86,103,132,0.36)}html[data-theme-mode="dark"] vaadin-dialog-overlay[theme~="app-dialog"]::part(title),html[data-theme-mode="dark"] vaadin-confirm-dialog-overlay[theme~="app-dialog"]::part(title),html[data-theme-mode="dark"] vaadin-dialog-overlay[theme~="app-dialog"] h3,html[data-theme-mode="dark"] vaadin-confirm-dialog-overlay[theme~="app-dialog"] h3{color: #EFF3FA}html[data-theme-mode="dark"] vaadin-dialog-overlay[theme~="app-dialog"] p,html[data-theme-mode="dark"] vaadin-confirm-dialog-overlay[theme~="app-dialog"] p{color: #C8D2E2}html[data-theme-mode="dark"] vaadin-dialog-overlay[theme~="app-dialog"] hr,html[data-theme-mode="dark"] vaadin-confirm-dialog-overlay[theme~="app-dialog"] hr{border-top-color: rgba(86,103,132,0.36)}html[data-theme-mode="dark"] vaadin-dialog-overlay[theme~="app-dialog"]::part(close-button),html[data-theme-mode="dark"] vaadin-confirm-dialog-overlay[theme~="app-dialog"]::part(close-button){color: #C8D2E2;background: rgba(54,66,87,0.92)}html[data-theme-mode="dark"] vaadin-dialog-overlay[theme~="app-dialog"] vaadin-button:not([theme~="primary"]),html[data-theme-mode="dark"] vaadin-confirm-dialog-overlay[theme~="app-dialog"] vaadin-button:not([theme~="primary"]){background: linear-gradient(180deg,rgba(53,63,83,0.98) 0%,rgba(42,51,68,0.98) 100%);color: #EFF3FA;box-shadow: inset 0 1px 0 rgba(255,255,255,0.08)}vaadin-details,vaadin-upload,vaadin-message-list,vaadin-scroller{background: var(--app-surface-light)}vaadin-app-layout{background: linear-gradient(rgba(255,255,255,0.88),rgba(255,255,255,0.88)),url("/images/Drive_Customer_Background.png") center top / cover no-repeat,var(--app-canvas-color)}vaadin-app-layout::part(content){background: transparent;border: 0;box-shadow: none;border-radius: 0;min-height: 0;overflow-x: hidden;overflow-y: auto}.app-view-padding{box-sizing: border-box;min-height: 100%;height: auto !important;overflow: visible !important}vaadin-app-layout::part(navbar){background: transparent;border: 0;box-shadow: none;padding: 0}vaadin-app-layout::part(drawer){background: var(--aura-app-background);border: 0;box-shadow: none;width: 18rem;overflow-x: hidden;overflow-y: auto;transition: width 180ms ease;overscroll-behavior: contain}.app-modern-tabs{width: auto;max-width: 100%;min-width: 0;box-sizing: border-box;align-self: flex-start;contain: none !important;overflow: visible !important}.app-modern-tabs::part(tabs){display: flex;align-items: center;justify-content: flex-start;gap: 0.25rem;width: auto;max-width: 100%;min-width: 0;padding: 0.55rem 0.35rem 0.7rem;border-radius: 18px;border: 1px solid rgba(15,23,42,0.06);background: linear-gradient(180deg,rgba(243,246,250,0.98) 0%,rgba(237,242,247,0.98) 100%);box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);overflow: visible !important;scrollbar-width: none}.app-modern-tabs::part(tabs-container),.app-modern-tabs::part(back-button),.app-modern-tabs::part(forward-button){overflow: visible !important}.app-modern-tabs::part(tabs)::-webkit-scrollbar{display: none}.app-modern-tabs vaadin-tab{position: relative;flex: 0 0 auto;margin: 0;min-height: 2.7rem;padding: 0.72rem 1rem;border: 1px solid transparent;border-radius: 14px;background: transparent;color: #778395;font-size: 0.98rem;font-weight: 700;line-height: 1;letter-spacing: -0.02em;transition: background-color 160ms ease,color 160ms ease,box-shadow 160ms ease,border-color 160ms ease}.app-modern-tabs vaadin-tab:hover{color: #4F5C6B;background: rgba(255,255,255,0.72)}.app-modern-tabs vaadin-tab::after{content: "";position: absolute;left: 0.8rem;right: 0.8rem;bottom: 0.34rem;height: 3px;border-radius: 999px;background: linear-gradient(90deg,#6FC1FF 0%,#42A5FF 100%);box-shadow: 0 0 14px rgba(66,165,255,0.28);opacity: 0;transform: scaleX(0.72);transform-origin: center;transition: opacity 180ms ease,transform 180ms ease}.app-modern-tabs vaadin-tab[selected]{border-color: rgba(102,120,143,0.14);background: linear-gradient(180deg,rgba(255,255,255,0.98) 0%,rgba(250,252,254,0.98) 100%);color: #1B2634;font-weight: 800;box-shadow: 0 8px 18px rgba(15,23,42,0.08),inset 0 1px 0 rgba(255,255,255,0.95)}.app-modern-tabs vaadin-tab[selected]::after{opacity: 1;transform: scaleX(1)}.app-tab-panels{width: 100%;min-width: 0;box-sizing: border-box;margin-top: 1.1rem;padding: 0;border: 0;border-radius: 0;background: transparent;box-shadow: none}html[data-theme-mode="dark"] .app-modern-tabs::part(tabs){border-color: rgba(115,140,171,0.22);background: linear-gradient(180deg,rgba(29,40,57,0.94) 0%,rgba(24,33,47,0.96) 100%);box-shadow: inset 0 1px 0 rgba(255,255,255,0.04)}html[data-theme-mode="dark"] .app-modern-tabs vaadin-tab{color: rgba(233,241,251,0.62)}html[data-theme-mode="dark"] .app-modern-tabs vaadin-tab:hover{color: rgba(243,247,253,0.82);background: rgba(255,255,255,0.05)}html[data-theme-mode="dark"] .app-modern-tabs vaadin-tab[selected]{border-color: rgba(124,159,209,0.28);background: linear-gradient(180deg,rgba(57,79,112,0.96) 0%,rgba(39,58,85,0.98) 100%);color: #FFFFFF;box-shadow: 0 12px 22px rgba(6,10,18,0.28),inset 0 1px 0 rgba(255,255,255,0.05)}html[data-theme-mode="dark"] .app-modern-tabs vaadin-tab::after{box-shadow: 0 0 18px rgba(66,165,255,0.46)}@media (max-width: 640px){.app-modern-tabs{width: 100%;align-self: stretch}.app-modern-tabs::part(tabs){width: 100%}.app-modern-tabs vaadin-tab{flex: 1 1 8rem;justify-content: center;min-height: 2.75rem;padding: 0.7rem 0.85rem;font-size: 0.96rem}}.app-visually-hidden{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}.app-topbar{box-sizing: border-box;display: flex;align-items: center;justify-content: flex-start;gap: 0;width: 0;padding: 0;background: transparent;overflow: hidden}.app-navbar-row{position: relative;z-index: 30;display: flex;align-items: flex-start;width: 100%;height: 0;pointer-events: none}vaadin-drawer-toggle.app-drawer-toggle{--vaadin-button-height: var(--app-shell-control-size);--vaadin-button-padding: 0;position: relative;display: inline-flex;align-items: center;justify-content: center;width: var(--app-shell-control-size);height: var(--app-shell-control-size);min-width: var(--app-shell-control-size);margin: var(--app-page-padding-block) 0 0 var(--app-page-padding-inline);padding: 0;border: 0;border-radius: 999px;background: linear-gradient(145deg,rgba(255,255,255,0.98) 0%,rgba(241,247,255,0.96) 100%);color: #223142;box-shadow: 0 14px 28px rgba(31,48,78,0.14),0 4px 10px rgba(15,23,42,0.07),inset 0 1px 0 rgba(255,255,255,0.92);backdrop-filter: blur(14px) saturate(125%);-webkit-backdrop-filter: blur(14px) saturate(125%);pointer-events: auto;isolation: isolate;overflow: visible;transition: transform 160ms ease,box-shadow 160ms ease,background 160ms ease,color 160ms ease}vaadin-drawer-toggle.app-drawer-toggle::before{content: "";position: absolute;left: -0.12rem;top: 0.56rem;width: 0.28rem;height: 1.44rem;border-radius: 999px;background: linear-gradient(180deg,#D27A38 0%,#B2BECF 100%);box-shadow: 0 5px 12px rgba(210,122,56,0.22);pointer-events: none;z-index: 2}vaadin-drawer-toggle.app-drawer-toggle::after{content: "";position: absolute;inset: 0.25rem;border-radius: 999px;background: rgba(255,255,255,0.34);box-shadow: inset 0 0 0 1px rgba(255,255,255,0.76);pointer-events: none;z-index: 0}vaadin-drawer-toggle.app-drawer-toggle::part(button){position: relative;z-index: 1;width: 100%;height: 100%;min-width: 0;padding: 0;border-radius: inherit;background: transparent}vaadin-drawer-toggle.app-drawer-toggle::part(icon){width: 1.08rem;height: 1.08rem;color: currentColor}vaadin-drawer-toggle.app-drawer-toggle:hover{transform: translateX(1px);background: linear-gradient(145deg,#FFFFFF 0%,rgba(235,244,255,0.98) 100%);color: #162434;box-shadow: 0 18px 34px rgba(31,48,78,0.16),0 6px 14px rgba(15,23,42,0.09),inset 0 1px 0 rgba(255,255,255,0.96)}vaadin-drawer-toggle.app-drawer-toggle:focus-visible{outline: none;box-shadow: 0 0 0 4px rgba(102,120,143,0.16),0 14px 28px rgba(31,48,78,0.14),0 4px 10px rgba(15,23,42,0.07)}@media (max-width: 640px){vaadin-drawer-toggle.app-drawer-toggle{display: none !important;visibility: hidden !important;pointer-events: none !important}}@media (min-width: 641px){vaadin-app-layout :is( .app-page-eyebrow-row,.customer-page-eyebrow-row,.customer-dashboard-view .customer-dashboard-eyebrow-row,.driver-dashboard-view .driver-dashboard-eyebrow-row,.driver-payouts-view .driver-payout-eyebrow-row ){margin-left: 0 !important}}.app-drawer{box-sizing: border-box;display: flex;flex-direction: column;gap: var(--vaadin-gap-l);width: 100%;min-height: 100%;height: 100%;padding: 0;background: #FFFFFF;overflow: hidden}.app-drawer-footer{margin-top: auto;padding: var(--vaadin-padding-s) var(--vaadin-padding-m) var(--vaadin-padding-l) var(--vaadin-padding-m)}.app-user-menu{width: 100%}.app-user-menu::part(menu-bar-button){width: 100%;justify-content: flex-start;border-radius: 1rem;padding: 0.8rem 0.95rem;background: var(--app-surface-muted-light)}.brand{display: flex;align-items: center;justify-content: center;padding: var(--vaadin-padding-l) var(--vaadin-padding-m) var(--vaadin-padding-s) var(--vaadin-padding-m);min-height: 6.75rem}.brand-name{font-size: var(--aura-font-size-l);font-weight: 700;letter-spacing: 0.08em}.brand-logo{display: block;height: 72px;width: auto;max-width: 100%;object-fit: contain}.app-nav{flex: 1;min-height: 0;padding: 0 var(--vaadin-padding-m) var(--vaadin-padding-l) var(--vaadin-padding-m);overflow-x: hidden;overflow-y: auto;overscroll-behavior: contain}.app-nav ul{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 0.35rem}.app-nav li{margin: 0;padding: 0}.app-nav-separator{height: 1px;margin: 0.45rem 0 0.25rem;background: linear-gradient(90deg,rgba(140,157,177,0),rgba(140,157,177,0.52) 18%,rgba(140,157,177,0.52) 82%,rgba(140,157,177,0));border-radius: 999px;pointer-events: none}.app-nav-section{margin: 0}.app-nav-section + .app-nav-section,.app-nav-standalone{margin-top: 0.2rem}.app-nav-section-summary{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem;padding: 0.55rem 1rem;margin: 0.35rem 0 0.15rem;border-radius: 0.85rem;cursor: pointer;user-select: none;list-style: none;outline: 0;transition: background-color 140ms ease}.app-nav-section-summary::-webkit-details-marker{display: none}.app-nav-section-summary::marker{content: ""}.app-nav-section-summary:hover{background: var(--app-shell-hover-light)}.app-nav-section-summary:focus-visible{box-shadow: 0 0 0 var(--vaadin-focus-ring-width) var(--vaadin-focus-ring-color)}.app-nav-section-label{font-size: 0.72rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: #6B7A90}.app-nav-section-chevron{font-size: 0.9rem;color: #6B7A90;flex-shrink: 0;transition: transform 160ms ease}.app-nav-section[open]>.app-nav-section-summary .app-nav-section-chevron{transform: rotate(180deg)}.app-nav-subsections{display: flex;flex-direction: column;gap: 0.1rem;margin-left: 0.6rem;padding-left: 0.5rem;border-left: 1px solid rgba(140,157,177,0.28)}.app-nav-subsection>.app-nav-section-summary{padding-top: 0.4rem;padding-bottom: 0.4rem;margin: 0.15rem 0 0.1rem}.app-nav-subsection>.app-nav-section-summary .app-nav-section-label{font-size: 0.66rem;opacity: 0.92}.app-nav-link:any-link{text-decoration: none;display: flex;align-items: center;gap: 0.85rem;min-height: 3rem;padding: 0.8rem 1rem;border-radius: 1rem;color: #1F2937;font-weight: 600;font-size: 0.98rem;outline: 0;transition: background-color 140ms ease,color 140ms ease,transform 140ms ease,box-shadow 140ms ease}.app-nav-link:hover{color: #111827;background: var(--app-shell-hover-light);transform: translateX(2px)}.app-nav-link:focus-visible{box-shadow: 0 0 0 var(--vaadin-focus-ring-width) var(--vaadin-focus-ring-color)}.app-nav-link[highlight]{background: var(--app-shell-selected-light);color: var(--app-shell-selected-text-light);box-shadow: none}.app-nav-icon{font-size: 1.1rem;color: var(--app-shell-icon-light);flex-shrink: 0}.app-nav-link[highlight] .app-nav-icon{color: #2A8D94}.user-menu-content{display: flex;align-items: center;gap: var(--vaadin-gap-l)}.app-user-name{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.app-login-link{display: inline-flex;width: 100%;box-sizing: border-box;align-items: center;justify-content: center;padding: 0.8rem 0.95rem;border-radius: 1rem;background: var(--app-surface-muted-light);text-decoration: none;font-weight: 600}.app-mobile-bottom-nav{display: none;width: 100%;box-sizing: border-box}.app-mobile-bottom-nav-shell{display: flex;align-items: center;gap: 0.65rem}.app-mobile-nav{flex: 1 1 auto;min-width: 0}.app-mobile-nav-list{list-style: none;margin: 0;padding: 0;display: flex;align-items: center;gap: 0.45rem}.app-mobile-nav-list li{margin: 0;padding: 0;flex: 0 0 auto}.app-mobile-nav-separator{width: 1px;height: 2rem;margin: 0 0.1rem;background: linear-gradient(180deg,rgba(140,157,177,0),rgba(140,157,177,0.58) 18%,rgba(140,157,177,0.58) 82%,rgba(140,157,177,0));border-radius: 999px;pointer-events: none}.app-mobile-nav-link:any-link,.app-mobile-login-link{display: inline-flex;align-items: center;justify-content: center;width: 3rem;height: 3rem;border-radius: 1rem;color: #415565;background: rgba(255,255,255,0.32);text-decoration: none;outline: 0;transition: background-color 140ms ease,color 140ms ease,transform 140ms ease,box-shadow 140ms ease,border-color 140ms ease}.app-mobile-nav-link:hover,.app-mobile-login-link:hover{color: #223142;background: rgba(255,255,255,0.62);box-shadow: inset 0 0 0 1px rgba(77,94,115,0.10);transform: translateY(-1px)}.app-mobile-nav-link:focus-visible,.app-mobile-login-link:focus-visible{box-shadow: 0 0 0 var(--vaadin-focus-ring-width) var(--vaadin-focus-ring-color)}.app-mobile-nav-link[highlight]{background: linear-gradient(180deg,#2E8E96 0%,#16656B 100%);color: #F8FBFF;box-shadow: 0 10px 22px rgba(22,101,107,0.28),inset 0 1px 0 rgba(255,255,255,0.20)}.app-mobile-nav-icon{font-size: 1.25rem;color: inherit;flex-shrink: 0}.app-mobile-account-menu{flex: 0 0 auto}.app-mobile-account-menu::part(menu-bar-button){width: 3rem;height: 3rem;min-width: 3rem;padding: 0;border-radius: 1rem;justify-content: center;background: rgba(255,255,255,0.78);box-shadow: inset 0 0 0 1px rgba(77,94,115,0.10)}.app-mobile-account-menu::part(menu-bar-button):hover{background: rgba(255,255,255,0.94)}.app-mobile-account-trigger{display: flex;align-items: center;justify-content: center}.app-mobile-account-avatar{--vaadin-avatar-size: 2rem}.app-help-badge{display: inline-flex;align-items: center;padding: 0.35rem 0.65rem;border-radius: 999px;background: rgba(102,120,143,0.12);color: #314154;font-size: 0.78rem;font-weight: 600;letter-spacing: 0.01em}.app-help-dialog{--vaadin-dialog-overlay-max-width: 56rem}.app-help-dialog__content{min-width: 0;gap: 1rem}.app-help-dialog__summary{margin: 0;color: #516173}.app-help-dialog__meta{display: flex;flex-wrap: wrap;gap: 0.5rem}.app-help-dialog__scroller{max-height: min(62vh,40rem);border-radius: 1rem;background: var(--app-surface-muted-light);padding: 1rem 1rem 0.35rem}.app-help-dialog__markdown{line-height: 1.65}.app-help-dialog__markdown img,.app-help-center__markdown img{display: block;max-width: 100%;height: auto;margin: 1rem 0 0.4rem;border-radius: 0.85rem;box-shadow: 0 10px 24px rgba(15,23,42,0.10)}.app-help-center{box-sizing: border-box;display: flex;flex-direction: column;gap: 1.5rem;width: min(100%,1320px);margin: 0 auto;padding: clamp(1.25rem,1vw + 1rem,2rem)}.app-help-center__hero{display: grid;gap: 1rem;padding: clamp(1.25rem,1vw + 1rem,1.8rem);border-radius: 1.4rem;background: radial-gradient(circle at top right,rgba(61,125,135,0.16),transparent 34%),linear-gradient(180deg,#FFFFFF 0%,#F7FAFB 100%);border: 1px solid rgba(15,23,42,0.08);box-shadow: 0 18px 44px rgba(15,23,42,0.06)}.app-help-center__intro h1{margin: 0;font-size: clamp(2rem,2vw + 1.4rem,3rem);letter-spacing: -0.03em}.app-help-center__intro p{margin: 0.55rem 0 0;max-width: 44rem;color: #526273;font-size: 1rem}.app-help-center__meta{display: flex;flex-wrap: wrap;gap: 0.6rem}.app-help-center__context-card{display: grid;gap: 0.45rem;padding: 1rem 1.1rem;border-radius: 1.1rem;background: rgba(255,255,255,0.86);border: 1px solid rgba(22,101,107,0.12)}.app-help-center__context-card h2,.app-help-center__sidebar h2,.app-help-center__content h2{margin: 0}.app-help-center__context-card p,.app-help-center__article-header p,.app-help-center__sidebar-copy{margin: 0;color: #526273}.app-help-center__context-link{justify-self: start;padding-inline: 0;font-weight: 700}.app-help-center__body{display: grid;grid-template-columns: minmax(16rem,21rem) minmax(0,1fr);gap: 1.1rem;align-items: start}.app-help-center__sidebar,.app-help-center__content{min-width: 0;padding: 1.1rem 1.15rem;border-radius: 1.25rem;background: #FFFFFF;border: 1px solid rgba(15,23,42,0.08);box-shadow: 0 16px 38px rgba(15,23,42,0.05)}.app-help-center__sidebar{display: grid;gap: 1rem}.app-help-center__nav-section{display: grid;gap: 0.4rem}.app-help-center__nav-section h3{margin: 0;font-size: 0.86rem;letter-spacing: 0.08em;text-transform: uppercase;color: #6B7A89}.app-help-center__nav-button{justify-content: flex-start;text-align: left;padding: 0.45rem 0;color: #223142;font-weight: 600}.app-help-center__nav-button--active{color: #16656B}.app-help-center__content{display: grid;gap: 1rem}.app-help-center__article-header{display: grid;gap: 0.5rem}.app-help-center__markdown{min-width: 0;line-height: 1.72}.app-help-center__markdown h1,.app-help-center__markdown h2,.app-help-center__markdown h3{letter-spacing: -0.02em}@media (max-width: 900px){.app-help-center__body{grid-template-columns: minmax(0,1fr)}}@media (max-width: 1180px) and (min-width: 641px){vaadin-app-layout::part(drawer){width: 5.5rem}.app-drawer{gap: var(--vaadin-gap-m)}.brand{min-height: 5.35rem;padding: 1rem 0.5rem 0.4rem}.brand-logo{height: 54px}.app-nav{padding: 0 0.5rem var(--vaadin-padding-l) 0.5rem}.app-nav-link:any-link{justify-content: center;gap: 0;padding: 0.8rem 0.7rem}.app-nav-label,.app-user-name{display: none}.app-drawer-footer{padding: var(--vaadin-padding-s) 0.5rem var(--vaadin-padding-l)}.app-user-menu::part(menu-bar-button){justify-content: center;padding: 0.72rem}.user-menu-content{justify-content: center;gap: 0}}@media (max-width: 640px){vaadin-app-layout::part(drawer){display: none}vaadin-app-layout::part(content){padding-bottom: calc(env(safe-area-inset-bottom) + 5.9rem);scroll-padding-bottom: calc(env(safe-area-inset-bottom) + 7.75rem)}.app-drawer{display: none}.brand-logo{height: 64px}vaadin-app-layout::part(navbar-bottom){border-top: 1px solid rgba(77,94,115,0.16);background: rgba(255,255,255,0.97);box-shadow: 0 -10px 28px rgba(24,36,56,0.12);backdrop-filter: blur(16px) saturate(135%);-webkit-backdrop-filter: blur(16px) saturate(135%);padding: 0}.app-mobile-bottom-nav{display: flex;align-items: center}.app-mobile-bottom-nav-shell{width: 100%;padding: 0.58rem max(0.75rem,env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 0.58rem) max(0.75rem,env(safe-area-inset-left));box-sizing: border-box}.app-mobile-nav-list{overflow-x: auto;scrollbar-width: none}.app-mobile-nav-list::-webkit-scrollbar{display: none}}html[data-theme-mode="dark"] .app-mobile-nav-link:any-link,html[data-theme-mode="dark"] .app-mobile-login-link{color: rgba(232,241,251,0.72);background: rgba(255,255,255,0.04)}html[data-theme-mode="dark"] .app-nav-separator{background: linear-gradient(90deg,rgba(122,144,173,0),rgba(122,144,173,0.56) 18%,rgba(122,144,173,0.56) 82%,rgba(122,144,173,0))}html[data-theme-mode="dark"] .app-nav-section-label,html[data-theme-mode="dark"] .app-nav-section-chevron{color: #93A4BC}html[data-theme-mode="dark"] .app-nav-section-summary:hover{background: rgba(122,144,173,0.14)}html[data-theme-mode="dark"] .app-nav-subsections{border-left-color: rgba(122,144,173,0.32)}html[data-theme-mode="dark"] .app-mobile-nav-separator{background: linear-gradient(180deg,rgba(122,144,173,0),rgba(122,144,173,0.62) 18%,rgba(122,144,173,0.62) 82%,rgba(122,144,173,0))}html[data-theme-mode="dark"] .app-mobile-nav-link:hover,html[data-theme-mode="dark"] .app-mobile-login-link:hover{color: #FFFFFF;background: rgba(255,255,255,0.06)}html[data-theme-mode="dark"] .app-mobile-nav-link[highlight]{background: linear-gradient(180deg,#3D98A0 0%,#1C6D73 100%);color: #F4FEFE;box-shadow: 0 10px 24px rgba(8,20,27,0.34),inset 0 1px 0 rgba(255,255,255,0.14)}html[data-theme-mode="dark"] .app-mobile-account-menu::part(menu-bar-button){background: rgba(255,255,255,0.06)}html[data-theme-mode="dark"] .app-mobile-account-menu::part(menu-bar-button):hover{background: rgba(255,255,255,0.1)}@media (max-width: 640px){html[data-theme-mode="dark"] vaadin-app-layout::part(navbar-bottom){border-top-color: rgba(115,140,171,0.26);background: rgba(24,33,47,0.94);box-shadow: 0 -12px 30px rgba(6,10,18,0.28)}}.profile-view{box-sizing: border-box;width: 100%;padding: var(--app-page-padding-block) var(--app-page-padding-inline);--profile-field-radius: var(--app-global-radius);--profile-field-border: rgba(221,228,238,0.96);--profile-field-border-hover: rgba(198,209,223,0.98);--profile-field-border-focus: rgba(84,102,128,0.46);--profile-field-border-invalid: rgba(181,82,82,0.44);--profile-field-surface: rgba(248,250,252,0.98);--profile-field-surface-hover: rgba(252,253,254,0.99);--profile-field-surface-focus: #FFFFFF;--profile-field-shadow: none;--profile-field-shadow-hover: none;--profile-field-shadow-focus: 0 0 0 4px rgba(102,120,143,0.10);--profile-field-label-color: #4F5F73;--profile-field-value-color: #1F2C3D;--profile-field-helper-color: #78869A}.profile-view :is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-text-area,vaadin-select){--vaadin-input-field-border-width: 1px;--vaadin-input-field-border-radius: var(--profile-field-radius);--vaadin-input-field-background: transparent;--vaadin-input-field-value-color: var(--profile-field-value-color);--vaadin-input-field-label-color: var(--profile-field-label-color);--vaadin-input-field-helper-color: var(--profile-field-helper-color);--vaadin-input-field-error-color: #B35454;--vaadin-input-field-placeholder-color: rgba(120,132,148,0.64)}.profile-view :is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-text-area,vaadin-select)::part(input-field){background: var(--profile-field-surface);border: 1px solid var(--profile-field-border);border-radius: var(--profile-field-radius);box-shadow: var(--profile-field-shadow);min-height: 3.05rem;padding-inline: 0.6rem;transition: background 160ms ease,border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease}.profile-view :is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-text-area,vaadin-select):hover::part(input-field){background: var(--profile-field-surface-hover);border-color: var(--profile-field-border-hover);box-shadow: var(--profile-field-shadow-hover)}.profile-view :is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-text-area,vaadin-select)[focused]::part(input-field){background: var(--profile-field-surface-focus);border-color: var(--profile-field-border-focus);box-shadow: var(--profile-field-shadow-focus)}.profile-view :is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-text-area,vaadin-select)[invalid]::part(input-field){border-color: var(--profile-field-border-invalid);box-shadow: 0 0 0 4px rgba(190,86,86,0.09)}.profile-view :is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-text-area,vaadin-select)[disabled]::part(input-field){background: rgba(243,246,249,0.98);border-color: rgba(224,231,239,0.92);box-shadow: none}.profile-view :is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-text-area,vaadin-select)::part(label){color: var(--profile-field-label-color);font-size: 0.8rem;font-weight: 800;letter-spacing: 0.02em;margin-bottom: 0.36rem}.profile-view :is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-text-area)::part(value){color: var(--profile-field-value-color);font-size: 0.97rem}.profile-view :is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-text-area,vaadin-select)::part(helper-text){color: var(--profile-field-helper-color);font-size: 0.77rem;padding-inline: 0.1rem}.profile-view :is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-text-area,vaadin-select)::part(error-message){color: #B35454;font-size: 0.77rem;font-weight: 700;padding-inline: 0.1rem}.profile-view :is(vaadin-text-field,vaadin-email-field,vaadin-select)::part(clear-button),.profile-view vaadin-select::part(toggle-button),.profile-view vaadin-password-field::part(reveal-button){color: #7A889A}.profile-view vaadin-text-area::part(input-field){min-height: 8rem;align-items: stretch;padding-top: 0.55rem;padding-bottom: 0.5rem}.profile-view vaadin-text-area::part(value){line-height: 1.5}.profile-view vaadin-form-layout{--vaadin-form-layout-column-spacing: 0.95rem;--vaadin-form-layout-row-spacing: 0.95rem}.profile-view__card{margin-right: auto;gap: 1.25rem;padding: clamp(1rem,1vw + 0.85rem,1.45rem);border: 1px solid rgba(15,23,42,0.08);border-radius: 26px;background: rgba(255,255,255,0.88);box-shadow: var(--app-surface-shadow-strong-light);backdrop-filter: blur(16px) saturate(135%);-webkit-backdrop-filter: blur(16px) saturate(135%)}.profile-view__header{display: flex;flex-direction: column;gap: 0.4rem}.profile-view__title{margin: 0}.profile-view__hint{margin: 0;color: var(--vaadin-text-color-secondary)}.profile-view__shell{display: grid;grid-template-columns: minmax(250px,290px) minmax(0,1fr);gap: 1.35rem;align-items: start}.profile-view__rail{display: flex;flex-direction: column;gap: 0.8rem;align-self: stretch;padding: 0;border: 0;border-radius: 0;background: transparent;box-shadow: none}.profile-view__rail-header{display: flex;flex-direction: column;gap: 0.35rem}.profile-view__rail-label{font-size: 0.76rem;font-weight: 800;letter-spacing: 0.08em;text-transform: uppercase;color: #5F6D7D;padding-inline: 0.2rem}.profile-view__rail-hint{margin: 0;font-size: 0.95rem;color: #617183;line-height: 1.4;padding-inline: 0.2rem}.profile-view__section-tabs{width: 100%;--vaadin-tabs-background: transparent;--vaadin-tabs-border-radius: 0;--vaadin-tabs-padding: 0}.profile-view__section-tabs::part(tabs){display: flex;flex-direction: column;gap: 0.25rem;width: 100%;padding: 0;border: 0;background: transparent;box-shadow: none;overflow: visible}.profile-view__section-tabs vaadin-tab{display: flex;justify-content: flex-start;align-items: center;width: 100%;min-height: 2.7rem;padding: 0.7rem 0.85rem;border: 0;border-radius: 12px;background: transparent;color: #5B6878;box-sizing: border-box;transition: background-color 160ms ease,color 160ms ease}.profile-view__section-tabs vaadin-tab:hover{background: rgba(255,255,255,0.48);color: #253140}.profile-view__tab-title{color: inherit;font-size: 0.98rem;font-weight: 700;line-height: 1.2;letter-spacing: -0.01em}.profile-view__section-tabs vaadin-tab[selected]{background: rgba(255,255,255,0.82);color: #162434}.profile-view__content-column{display: flex;flex-direction: column;gap: 1.1rem;min-width: 0}.profile-view__tab-panels{margin-top: 0}.profile-view__page{display: none;flex-direction: column;gap: var(--vaadin-gap-m);width: 100%;min-height: 100%;padding: 1.3rem;border: 1px solid rgba(15,23,42,0.07);border-radius: 24px;background: rgba(255,255,255,0.96);box-shadow: inset 0 1px 0 rgba(255,255,255,0.9)}.profile-view__page.is-active{display: flex}.profile-view__section-header{display: flex;flex-direction: column;gap: 0.35rem}.profile-view__section-title{font-size: 1.02rem;font-weight: 700;color: #1B2634}.profile-view__section-hint{margin: 0;color: var(--vaadin-text-color-secondary)}.profile-view__page-content{width: 100%;min-width: 0}.profile-view__hero{align-items: center;gap: 0.5rem;padding: 0.2rem 0 0.55rem;text-align: center}.profile-view__avatar-upload{width: auto;min-width: 0;align-self: center;--vaadin-upload-padding: 0;--vaadin-upload-border-width: 0;--vaadin-upload-border-color: transparent;--vaadin-upload-background: transparent}.profile-view__avatar-upload::part(primary-buttons){gap: 0}.profile-view__avatar-upload::part(drop-label){display: none}.profile-view__avatar-upload>vaadin-upload-file-list[slot="file-list"]{display: none}.profile-view__avatar-trigger{display: block;min-width: 0;width: 10.75rem;height: 10.75rem;padding: 0;border: 0;border-radius: 999px;background: transparent;box-shadow: none;cursor: pointer}.profile-view__avatar-trigger:hover,.profile-view__avatar-trigger:focus-visible{background: transparent;box-shadow: none;outline: none}.profile-view__avatar-surface{position: relative;display: flex;align-items: center;justify-content: center;width: 10.75rem;height: 10.75rem;border-radius: 999px;overflow: hidden;border: 4px solid rgba(255,255,255,0.95);background: linear-gradient(180deg,rgba(243,247,251,0.98) 0%,rgba(231,238,246,0.98) 100%);box-shadow: 0 18px 38px rgba(15,23,42,0.12);transition: transform 180ms ease,box-shadow 180ms ease}.profile-view__avatar-trigger:hover .profile-view__avatar-surface,.profile-view__avatar-trigger:focus-visible .profile-view__avatar-surface{transform: translateY(-2px);box-shadow: 0 22px 42px rgba(15,23,42,0.16)}.profile-view__avatar{position: relative;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;background: linear-gradient(180deg,rgba(250,252,255,0.98) 0%,rgba(240,245,250,0.98) 100%)}.profile-view__avatar-image{width: 100%;height: 100%;object-fit: contain;object-position: center;background: #FFFFFF}.profile-view__avatar-fallback{font-size: 2.5rem;font-weight: 800;letter-spacing: -0.04em;color: #627387}.profile-view__hero-name{font-size: 1.3rem;font-weight: 800;line-height: 1.15;letter-spacing: -0.02em;color: #1B2634}.profile-view__hero-meta{margin: 0;max-width: 28rem;color: #667588;line-height: 1.45}.profile-view__avatar-remove{margin-top: 0.1rem}.profile-view__account-form{padding-top: 1rem;border-top: 1px solid rgba(15,23,42,0.07)}.profile-view__actions{display: flex;justify-content: flex-end;padding-top: 0.35rem}.profile-view__footer-spacer{height: 3rem;min-height: 3rem}html[data-theme-mode="dark"] .profile-view__rail-label{color: rgba(226,236,247,0.62)}html[data-theme-mode="dark"] .profile-view{--profile-field-border: rgba(94,112,140,0.48);--profile-field-border-hover: rgba(118,139,171,0.56);--profile-field-border-focus: rgba(154,180,221,0.5);--profile-field-border-invalid: rgba(204,111,111,0.46);--profile-field-surface: rgba(25,34,49,0.96);--profile-field-surface-hover: rgba(30,40,57,0.98);--profile-field-surface-focus: rgba(34,44,61,0.98);--profile-field-shadow: none;--profile-field-shadow-hover: none;--profile-field-shadow-focus: 0 0 0 4px rgba(116,147,198,0.16);--profile-field-label-color: #C4D0E0;--profile-field-value-color: #F0F4FB;--profile-field-helper-color: #A8B7CB}html[data-theme-mode="dark"] .profile-view :is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-text-area,vaadin-select){--vaadin-input-field-placeholder-color: rgba(191,205,226,0.5)}html[data-theme-mode="dark"] .profile-view__rail-hint{color: rgba(212,225,239,0.68)}html[data-theme-mode="dark"] .profile-view__section-tabs vaadin-tab{color: rgba(232,241,251,0.72)}html[data-theme-mode="dark"] .profile-view__section-tabs vaadin-tab:hover{background: rgba(255,255,255,0.06);color: #FFFFFF}html[data-theme-mode="dark"] .profile-view__section-tabs vaadin-tab[selected]{background: rgba(255,255,255,0.1);color: #FFFFFF}html[data-theme-mode="dark"] .profile-view__card{border-color: rgba(115,140,171,0.22);background: rgba(24,33,47,0.88);box-shadow: 0 18px 38px rgba(6,10,18,0.34)}html[data-theme-mode="dark"] .profile-view__page{border-color: rgba(115,140,171,0.18);background: rgba(30,42,60,0.72)}html[data-theme-mode="dark"] .profile-view__section-title{color: #F4F7FB}html[data-theme-mode="dark"] .profile-view__avatar-surface{border-color: rgba(255,255,255,0.08);background: linear-gradient(180deg,rgba(44,60,83,0.96) 0%,rgba(31,45,64,0.98) 100%);box-shadow: 0 18px 38px rgba(6,10,18,0.28)}html[data-theme-mode="dark"] .profile-view__avatar-trigger:hover .profile-view__avatar-surface,html[data-theme-mode="dark"] .profile-view__avatar-trigger:focus-visible .profile-view__avatar-surface{box-shadow: 0 22px 42px rgba(6,10,18,0.34)}html[data-theme-mode="dark"] .profile-view__hero-name{color: #F4F7FB}html[data-theme-mode="dark"] .profile-view__hero-meta{color: rgba(209,221,236,0.72)}html[data-theme-mode="dark"] .profile-view__avatar{background: linear-gradient(180deg,rgba(39,54,76,0.96) 0%,rgba(30,43,61,0.98) 100%)}html[data-theme-mode="dark"] .profile-view__avatar-image{background: rgba(23,32,46,0.92)}html[data-theme-mode="dark"] .profile-view__avatar-fallback{color: rgba(231,239,248,0.82)}html[data-theme-mode="dark"] .profile-view__account-form{border-top-color: rgba(115,140,171,0.16)}@media (max-width: 640px){.profile-view__shell{grid-template-columns: 1fr}.profile-view__rail{gap: 0;padding: 0;margin-bottom: 0.4rem}.profile-view__rail-header{display: none}.profile-view__section-tabs[orientation='vertical']{display: flex;flex-direction: row;width: 100%;overflow: visible}.profile-view__section-tabs[orientation='vertical']::part(tabs){width: 100%;flex-direction: row;gap: 0.5rem;overflow: visible}.profile-view__section-tabs vaadin-tab{flex: 1 1 0;width: auto;justify-content: center;min-height: 2.55rem;padding: 0.62rem 0.9rem;white-space: nowrap;text-align: center}.profile-view__rail-hint{font-size: 0.9rem}.profile-view__card{padding: 1rem;border-radius: 22px}.profile-view__page{padding: 1rem;border-radius: 18px}.profile-view__avatar-trigger,.profile-view__avatar-surface{width: 9.5rem;height: 9.5rem}.profile-view__hero-name{font-size: 1.18rem}.profile-view__actions{justify-content: stretch}.profile-view__actions vaadin-button{width: 100%}}.driver-view{padding: var(--vaadin-padding-m);box-sizing: border-box}vaadin-dashboard{width: 100%;background: transparent;--vaadin-background-color: transparent;--vaadin-background-container: transparent;--app-dashboard-widget-padding: var(--vaadin-padding-m);--vaadin-dashboard-widget-padding: var(--app-dashboard-widget-padding);--vaadin-dashboard-widget-header-padding: var(--vaadin-padding-m) var(--app-dashboard-widget-padding) var(--vaadin-padding-s) var(--app-dashboard-widget-padding)}.driver-view .widget-content{display: flex;flex-direction: column;gap: var(--vaadin-gap-m)}.shop-dashboard-view{box-sizing: border-box;min-height: 100%;padding: var(--app-page-padding-block) var(--app-page-padding-inline);background: linear-gradient(180deg,rgba(255,255,255,0.98) 0%,rgba(247,249,252,0.98) 100%)}.shop-dashboard-view .shop-dashboard-shell{position: relative;width: 100%;max-width: none;margin: 0;display: flex;flex-direction: column;gap: calc(var(--app-section-gap) + 0.35rem)}.shop-dashboard-view .shop-dashboard-header,.shop-calendar-view .shop-calendar-header,.shop-panels-view .shop-panels-header{display: flex;flex-direction: column;gap: 0;width: 100%;max-width: none}.shop-dashboard-view .shop-dashboard-hero{display: flex;flex-direction: column;gap: 1rem}.shop-dashboard-view .shop-dashboard-hero-copy{display: flex;flex-direction: column;gap: 0.5rem;max-width: 58rem}.shop-dashboard-view .shop-dashboard-eyebrow-row{display: inline-flex;align-items: center;gap: 0.45rem;align-self: flex-start}.shop-dashboard-view .shop-view-badge,.shop-calendar-view .shop-view-badge,.shop-jobs-view .shop-view-badge,.shop-panels-view .shop-view-badge{box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;min-height: var(--app-shell-control-size);height: var(--app-shell-control-size);padding: 0 1.12rem;border-radius: 999px;border: 1px solid var(--app-page-eyebrow-border);background: var(--app-page-eyebrow-bg);color: var(--app-page-eyebrow-color);font-size: 0.74rem;font-weight: 800;letter-spacing: 0.08em;text-transform: uppercase}.shop-dashboard-view .shop-dashboard-header-badge--created{background: var(--app-page-eyebrow-bg);border-color: var(--app-page-eyebrow-border);color: var(--app-page-eyebrow-color)}.shop-dashboard-view .shop-dashboard-eyebrow{display: inline-flex;align-items: center;padding: 0.38rem 0.72rem;border-radius: 999px;border: 1px solid rgba(202,213,225,0.92);background: rgba(255,255,255,0.96);color: #516074;font-size: 0.74rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}.shop-dashboard-view .shop-dashboard-help-trigger{display: inline-flex;align-items: center;justify-content: center;min-width: 1.9rem;width: 1.9rem;height: 1.9rem;padding: 0;border-radius: 999px;background: rgba(255,255,255,0.96);box-shadow: inset 0 0 0 1px rgba(202,213,225,0.9);color: #516074;font-weight: 800;line-height: 1}.shop-dashboard-view .shop-dashboard-help-trigger:hover{background: #FFFFFF;color: #223142;box-shadow: inset 0 0 0 1px rgba(102,120,143,0.32)}.shop-dashboard-view .shop-dashboard-header-row{display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: flex-start;gap: 0.75rem}.earnings-details-view .earnings-hero-controls,.shop-dashboard-view .earnings-hero-controls{position: relative;z-index: 1;display: inline-flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;align-self: flex-start;gap: 0.65rem;width: fit-content;max-width: min(100%,34rem);flex: 0 1 auto;padding: 0.75rem 0.8rem;border-radius: 22px;border: 1px solid rgba(210,222,233,0.78);background: linear-gradient(180deg,rgba(255,255,255,0.93) 0%,rgba(248,251,253,0.98) 100%);box-shadow: 0 14px 30px rgba(18,31,48,0.08);backdrop-filter: blur(10px) saturate(110%);-webkit-backdrop-filter: blur(10px) saturate(110%)}.shop-dashboard-view .shop-dashboard-earnings-range-controls{width: auto;max-width: none;padding: 0;gap: 0.45rem;border: 0;background: transparent;box-shadow: none;backdrop-filter: none;-webkit-backdrop-filter: none;min-width: 0}.shop-dashboard-view .shop-dashboard-widget--earnings .shop-dashboard-earnings-range-controls{align-self: center;margin-left: auto}.earnings-details-view .earnings-range-presets,.shop-dashboard-view .earnings-range-presets{display: inline-flex;flex-wrap: wrap;align-items: center;align-self: flex-start;max-width: 100%;gap: 0.24rem;padding: 0}.earnings-details-view .earnings-range-presets>*,.shop-dashboard-view .earnings-range-presets>*{margin: 0}.earnings-details-view .earnings-range-presets vaadin-button.earnings-preset-button,.shop-dashboard-view .earnings-range-presets vaadin-button.earnings-preset-button{min-height: 2.15rem;border-radius: 999px;--vaadin-button-padding: 0 0.82rem;font-weight: 700;letter-spacing: 0.01em;color: #4f6175;background: transparent;box-shadow: none;transition: background-color 160ms ease,color 160ms ease,box-shadow 160ms ease,transform 160ms ease}.earnings-details-view .earnings-range-presets vaadin-button.earnings-preset-button:hover,.shop-dashboard-view .earnings-range-presets vaadin-button.earnings-preset-button:hover{background: rgba(255,255,255,0.84);color: #223245}.earnings-details-view .earnings-range-presets vaadin-button.earnings-preset-button:focus-visible,.shop-dashboard-view .earnings-range-presets vaadin-button.earnings-preset-button:focus-visible{outline: none;box-shadow: 0 0 0 2px rgba(120,160,200,0.44)}.earnings-details-view .earnings-range-presets vaadin-button.earnings-preset-button.is-active,.shop-dashboard-view .earnings-range-presets vaadin-button.earnings-preset-button.is-active{color: #ffffff;background: #2f5d98;box-shadow: 0 12px 20px rgba(17,43,73,0.24)}.earnings-details-view .earnings-range-presets vaadin-button.earnings-preset-button.is-active:hover,.shop-dashboard-view .earnings-range-presets vaadin-button.earnings-preset-button.is-active:hover,.earnings-details-view .earnings-range-presets vaadin-button.earnings-preset-button.is-active:focus-visible,.shop-dashboard-view .earnings-range-presets vaadin-button.earnings-preset-button.is-active:focus-visible{background: #244b7d}.earnings-details-view .earnings-range-presets vaadin-button.earnings-preset-button::part(label),.shop-dashboard-view .earnings-range-presets vaadin-button.earnings-preset-button::part(label){font-weight: 700;letter-spacing: 0.01em}.earnings-details-view .earnings-custom-range,.shop-dashboard-view .earnings-custom-range{display: inline-flex;flex-wrap: wrap;align-items: center;gap: 0.45rem}.earnings-details-view .earnings-custom-range :is(vaadin-date-picker,vaadin-text-field,vaadin-number-field,vaadin-combo-box),.shop-dashboard-view .earnings-custom-range :is(vaadin-date-picker,vaadin-text-field,vaadin-number-field,vaadin-combo-box){width: 10.5rem;min-width: 0}.earnings-details-view .earnings-custom-range vaadin-button.earnings-custom-apply,.shop-dashboard-view .earnings-custom-range vaadin-button.earnings-custom-apply{min-height: 2.25rem;--vaadin-button-padding: 0 1rem;font-weight: 700}.shop-dashboard-view .shop-dashboard-title{margin: 0;max-width: none;color: var(--app-page-title-color);font-family: var(--aura-font-family);font-size: var(--app-page-title-size);line-height: var(--app-page-title-line-height);letter-spacing: var(--app-page-title-letter-spacing);font-weight: var(--app-page-title-weight)}.shop-dashboard-view .shop-dashboard-subtitle{margin: var(--app-page-subtitle-margin-top) 0 0;max-width: 720px;color: var(--app-page-subtitle-color);font-size: var(--app-page-subtitle-size);line-height: var(--app-page-subtitle-line-height)}.shop-dashboard-view .shop-dashboard-hero-surface{position: relative;display: grid;grid-template-columns: minmax(0,1.08fr) minmax(300px,0.92fr);align-items: stretch;gap: clamp(1rem,1vw + 0.7rem,1.4rem);padding: clamp(1rem,1vw + 0.9rem,1.6rem);border-radius: 30px;border: 1px solid rgba(206,216,227,0.92);background: linear-gradient(180deg,rgba(255,255,255,0.99) 0%,rgba(249,251,253,1) 100%);box-shadow: 0 20px 44px rgba(18,31,48,0.08);overflow: hidden}.shop-dashboard-view .shop-dashboard-hero-surface::before{content: "";position: absolute;inset: auto -10% -42% 48%;border-radius: 999px;background: radial-gradient(circle at center,rgba(126,143,162,0.09) 0%,rgba(126,143,162,0) 72%);pointer-events: none}.shop-dashboard-view .shop-dashboard-hero-surface::after{content: "";position: absolute;inset: -24% auto auto -10%;width: 20rem;height: 20rem;border-radius: 999px;background: radial-gradient(circle at center,rgba(165,177,193,0.11) 0%,rgba(165,177,193,0) 76%);pointer-events: none}.shop-dashboard-view .shop-dashboard-hero-focus-card{position: relative;display: grid;grid-template-rows: auto auto auto auto 1fr auto;gap: 0.8rem;min-height: 0;height: 100%;box-sizing: border-box;padding: clamp(1.1rem,1vw + 0.8rem,1.5rem);border-radius: 26px;border: 1px solid rgba(98,125,148,0.38);background: linear-gradient(145deg,#2a4257 0%,#314c63 54%,#42736c 100%);box-shadow: inset 0 1px 0 rgba(255,255,255,0.1),0 20px 40px rgba(18,31,48,0.18);overflow: hidden}.shop-dashboard-view .shop-dashboard-hero-focus-card::before{content: "";position: absolute;inset: -18% auto auto -12%;width: 14rem;height: 14rem;border-radius: 999px;background: radial-gradient(circle at center,rgba(20,35,49,0.38) 0%,rgba(20,35,49,0) 72%);pointer-events: none}.shop-dashboard-view .shop-dashboard-hero-focus-card::after{content: "";position: absolute;top: -4rem;right: -4rem;width: 16rem;height: 16rem;border-radius: 999px;background: radial-gradient(circle at center,rgba(125,171,186,0.3) 0%,rgba(125,171,186,0) 74%);pointer-events: none}.shop-dashboard-view .shop-dashboard-hero-focus-label{position: relative;z-index: 1;color: rgba(235,242,250,0.8);font-size: 0.82rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}.shop-dashboard-view .shop-dashboard-hero-focus-value{position: relative;z-index: 1;display: block;color: #F6FAFE;font-family: "Oswald",var(--aura-font-family);font-size: clamp(3rem,3vw + 1.8rem,4.6rem);line-height: 0.9;letter-spacing: -0.055em}.shop-dashboard-view .shop-dashboard-hero-focus-meta{position: relative;z-index: 1;display: flex;flex-wrap: wrap;align-items: center;gap: 0.65rem}.shop-dashboard-view .shop-dashboard-hero-badge{display: inline-flex;align-items: center;padding: 0.35rem 0.7rem;border-radius: 999px;background: rgba(238,245,251,0.12);box-shadow: inset 0 0 0 1px rgba(223,234,245,0.16);color: #edf5fc;font-size: 0.74rem;font-weight: 700;letter-spacing: 0.04em}.shop-dashboard-view .shop-dashboard-hero-badge--open{background: rgba(177,233,209,0.14);box-shadow: inset 0 0 0 1px rgba(177,233,209,0.16);color: #effcf6}.shop-dashboard-view .shop-dashboard-hero-badge--booked{color: #edf5fc}.shop-dashboard-view .shop-dashboard-hero-badge--neutral{color: #edf5fc}.shop-dashboard-view .shop-dashboard-hero-focus-title{position: relative;z-index: 1;color: #F6FAFF;font-size: clamp(1.22rem,0.7vw + 1rem,1.6rem);font-weight: 700;line-height: 1.08;letter-spacing: -0.03em}.shop-dashboard-view .shop-dashboard-hero-focus-note{position: relative;z-index: 1;margin: 0;color: rgba(236,243,250,0.84);line-height: 1.58;max-width: 34rem}.shop-dashboard-view .shop-dashboard-hero-actions{position: relative;z-index: 1;display: flex;flex-wrap: wrap;gap: 0.75rem}.shop-dashboard-view .shop-dashboard-hero-actions vaadin-button:not([theme~="primary"]){background: #FFFFFF;color: #173041;border: 1px solid rgba(206,216,227,0.92);box-shadow: 0 10px 20px rgba(9,18,28,0.08)}.shop-dashboard-view .shop-dashboard-hero-actions vaadin-button:not([theme~="primary"]):hover{background: #FFFFFF;color: #122636;box-shadow: 0 12px 24px rgba(9,18,28,0.1)}.shop-dashboard-view .shop-dashboard-hero-stat-grid{position: relative;z-index: 1;display: grid;grid-template-rows: repeat(3,minmax(0,1fr));gap: 0.9rem;align-self: stretch}.shop-dashboard-view .shop-dashboard-hero-stat-card{display: flex;flex-direction: column;gap: 0.42rem;min-width: 0;padding: 1.1rem 1.15rem;border-radius: 24px;border: 1px solid rgba(206,216,227,0.92);background: linear-gradient(180deg,rgba(255,255,255,0.99) 0%,rgba(249,251,253,1) 100%);box-shadow: 0 14px 28px rgba(18,31,48,0.07)}.shop-dashboard-view .shop-dashboard-hero-stat-label{color: #5d6b7b;font-size: 0.78rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}.shop-dashboard-view .shop-dashboard-hero-stat-value{display: block;color: #1a2735;font-family: "Oswald",var(--aura-font-family);font-size: clamp(1.7rem,1vw + 1.15rem,2.35rem);line-height: 0.95;letter-spacing: -0.04em}.shop-dashboard-view .shop-dashboard-hero-stat-meta{color: #6a7685;font-size: 0.92rem;line-height: 1.5}.shop-calendar-view{box-sizing: border-box;padding: var(--app-page-padding-block) var(--app-page-padding-inline)}.shop-calendar-view .shop-calendar-shell{position: relative;width: 100%;max-width: 1180px;margin: 0 auto;display: flex;flex-direction: column;gap: calc(var(--app-section-gap) + 0.35rem);min-height: 0}.shop-calendar-view .shop-calendar-hero{display: flex;flex-direction: column;gap: 1rem}.shop-calendar-view .shop-calendar-hero-copy{display: flex;flex-direction: column;gap: 0.5rem;max-width: 60rem}.shop-calendar-view .shop-calendar-eyebrow-row{display: inline-flex;align-items: center;gap: 0.6rem;align-self: flex-start}.shop-calendar-view .shop-calendar-header-badge{display: inline-flex;align-items: center;padding: 0.35rem 0.7rem;border-radius: 999px;border: 1px solid transparent;font-size: 0.74rem;font-weight: 700;letter-spacing: 0.04em}.shop-calendar-view .shop-calendar-header-badge--created{background: var(--app-page-eyebrow-bg);border-color: var(--app-page-eyebrow-border);color: var(--app-page-eyebrow-color)}.shop-calendar-view .shop-calendar-eyebrow{display: inline-flex;align-items: center;padding: 0.38rem 0.72rem;border-radius: 999px;border: 1px solid rgba(137,158,183,0.28);background: rgba(228,238,246,0.96);color: #516074;font-size: 0.74rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}.shop-calendar-view .shop-calendar-month-badge{display: inline-flex;align-items: center;padding: 0.3rem 0.62rem;border-radius: 999px;border: 1px solid rgba(137,158,183,0.2);background: rgba(245,248,252,0.96);color: #516074;font-size: 0.74rem;font-weight: 600;letter-spacing: 0.04em}.shop-calendar-view .shop-calendar-title{margin: 0;max-width: none;color: var(--app-page-title-color);font-family: var(--aura-font-family);font-size: var(--app-page-title-size);line-height: var(--app-page-title-line-height);letter-spacing: var(--app-page-title-letter-spacing);font-weight: var(--app-page-title-weight)}.shop-calendar-view .shop-calendar-subtitle{margin: var(--app-page-subtitle-margin-top) 0 0;max-width: 720px;color: var(--app-page-subtitle-color);font-size: var(--app-page-subtitle-size);line-height: var(--app-page-subtitle-line-height)}.shop-calendar-view .shop-calendar-hero-surface{position: relative;display: grid;grid-template-columns: minmax(0,1.08fr) minmax(300px,0.92fr);align-items: stretch;gap: clamp(1rem,1vw + 0.7rem,1.4rem);padding: clamp(1rem,1vw + 0.9rem,1.6rem);border-radius: 30px;border: 1px solid rgba(199,214,229,0.78);background: linear-gradient(135deg,rgba(255,255,255,0.96) 0%,rgba(246,250,252,0.97) 54%,rgba(231,241,245,0.98) 100%);box-shadow: 0 24px 56px rgba(18,31,48,0.09);overflow: hidden}.shop-calendar-view .shop-calendar-hero-surface::before{content: "";position: absolute;inset: auto -12% -44% 46%;border-radius: 999px;background: radial-gradient(circle at center,rgba(93,167,151,0.18) 0%,rgba(93,167,151,0) 72%);pointer-events: none}.shop-calendar-view .shop-calendar-hero-surface::after{content: "";position: absolute;inset: -24% auto auto -12%;width: 20rem;height: 20rem;border-radius: 999px;background: radial-gradient(circle at center,rgba(165,215,223,0.22) 0%,rgba(165,215,223,0) 76%);pointer-events: none}.shop-calendar-view .shop-calendar-hero-focus-card{position: relative;display: grid;grid-template-rows: auto auto auto auto 1fr auto;gap: 0.8rem;min-height: 0;height: 100%;box-sizing: border-box;padding: clamp(1.1rem,1vw + 0.8rem,1.5rem);border-radius: 26px;border: 1px solid rgba(255,255,255,0.1);background: linear-gradient(145deg,#1b2d3f 0%,#27455b 56%,#3d726a 100%);box-shadow: inset 0 1px 0 rgba(255,255,255,0.12),0 20px 40px rgba(18,31,48,0.22);overflow: hidden}.shop-calendar-view .shop-calendar-hero-focus-card::after{content: "";position: absolute;top: -4rem;right: -4rem;width: 16rem;height: 16rem;border-radius: 999px;background: radial-gradient(circle at center,rgba(180,240,229,0.24) 0%,rgba(180,240,229,0) 74%);pointer-events: none}.shop-calendar-view .shop-calendar-hero-focus-label{position: relative;z-index: 1;color: rgba(243,248,252,0.78);font-size: 0.82rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}.shop-calendar-view .shop-calendar-hero-focus-value{position: relative;z-index: 1;display: block;color: #F8FBFF;font-family: "Oswald",var(--aura-font-family);font-size: clamp(3rem,3vw + 1.8rem,4.6rem);line-height: 0.9;letter-spacing: -0.055em}.shop-calendar-view .shop-calendar-hero-focus-meta{position: relative;z-index: 1;display: flex;flex-wrap: wrap;align-items: center;gap: 0.65rem}.shop-calendar-view .shop-calendar-hero-badge{display: inline-flex;align-items: center;padding: 0.35rem 0.7rem;border-radius: 999px;font-size: 0.74rem;font-weight: 700;letter-spacing: 0.04em}.shop-calendar-view .shop-calendar-hero-badge--open{background: rgba(179,245,214,0.18);color: #E5FFF2;box-shadow: inset 0 0 0 1px rgba(179,245,214,0.18)}.shop-calendar-view .shop-calendar-hero-badge--booked{background: rgba(236,244,255,0.12);color: #E8F1FB;box-shadow: inset 0 0 0 1px rgba(236,244,255,0.12)}.shop-calendar-view .shop-calendar-hero-focus-title{position: relative;z-index: 1;color: #F6FAFF;font-size: clamp(1.22rem,0.7vw + 1rem,1.6rem);font-weight: 700;line-height: 1.08;letter-spacing: -0.03em}.shop-calendar-view .shop-calendar-hero-focus-note{position: relative;z-index: 1;margin: 0;color: rgba(242,247,252,0.82);line-height: 1.58;max-width: 34rem}.shop-calendar-view .shop-calendar-hero-actions{position: relative;z-index: 1;display: flex;flex-wrap: wrap;gap: 0.75rem}.shop-calendar-view .shop-calendar-hero-actions vaadin-button:not([theme~="primary"]){background: linear-gradient(180deg,rgba(255,255,255,0.98) 0%,rgba(241,247,247,0.98) 100%);color: #173041;border: 1px solid rgba(255,255,255,0.44);box-shadow: 0 12px 24px rgba(9,18,28,0.16)}.shop-calendar-view .shop-calendar-hero-actions vaadin-button:not([theme~="primary"]):hover{background: linear-gradient(180deg,#FFFFFF 0%,rgba(247,250,250,0.98) 100%);color: #122636;box-shadow: 0 14px 28px rgba(9,18,28,0.20)}.shop-calendar-view .shop-calendar-hero-stat-grid{position: relative;z-index: 1;display: grid;grid-template-rows: repeat(3,minmax(0,1fr));gap: 0.9rem;align-self: stretch}.shop-calendar-view .shop-calendar-hero-stat-card{display: flex;flex-direction: column;gap: 0.42rem;min-width: 0;padding: 1.1rem 1.15rem;border-radius: 24px;border: 1px solid rgba(210,222,233,0.78);background: linear-gradient(180deg,rgba(255,255,255,0.93) 0%,rgba(248,251,253,0.98) 100%);box-shadow: 0 18px 40px rgba(18,31,48,0.08);backdrop-filter: blur(10px) saturate(110%);-webkit-backdrop-filter: blur(10px) saturate(110%)}.shop-calendar-view .shop-calendar-hero-stat-label,.shop-calendar-view .shop-calendar-surface-label{color: #5d6b7b;font-size: 0.78rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}.shop-calendar-view .shop-calendar-hero-stat-value{display: block;color: #1a2735;font-family: "Oswald",var(--aura-font-family);font-size: clamp(1.7rem,1vw + 1.15rem,2.35rem);line-height: 0.95;letter-spacing: -0.04em}.shop-calendar-view .shop-calendar-hero-stat-meta,.shop-calendar-view .shop-calendar-surface-note,.shop-calendar-view .shop-calendar-state-note{margin: 0;color: #6a7685;font-size: 0.95rem;line-height: 1.55}.shop-calendar-view .shop-calendar-utility-grid{display: grid;grid-template-columns: minmax(0,1.25fr) minmax(260px,0.75fr);gap: 1rem}.shop-calendar-view .shop-calendar-board-surface,.shop-calendar-view .shop-calendar-state-notice{position: relative;display: flex;flex-direction: column;gap: 1rem;padding: clamp(1rem,0.8vw + 0.85rem,1.3rem);border-radius: 26px;border: 1px solid rgba(210,222,233,0.78);background: linear-gradient(180deg,rgba(255,255,255,0.95) 0%,rgba(247,250,252,0.98) 100%);box-shadow: 0 22px 46px rgba(18,31,48,0.08)}.shop-calendar-view .shop-calendar-toolbar-surface{width: 100%;background: transparent;border: 0;box-shadow: none;border-radius: 0;padding: 0;margin: 0;gap: 0.85rem}.shop-calendar-view .shop-calendar-toolbar-row{display: flex;align-items: flex-end;gap: 0.85rem;width: 100%;flex-wrap: wrap;justify-content: space-between}.shop-calendar-view .shop-calendar-filter-surface{display: flex;align-items: center;margin: 0;margin-inline-start: auto;width: auto;justify-content: flex-end;padding: 0}.shop-calendar-view .shop-calendar-board-surface{gap: 1.15rem;min-width: 0}.shop-calendar-view .shop-calendar-board-header,.shop-calendar-view .shop-calendar-surface-copy{display: flex;flex-direction: column;gap: 0.35rem}.shop-calendar-view .shop-calendar-toolbar-controls{display: flex;flex-wrap: wrap;align-items: center;gap: 0.85rem}.shop-calendar-view .shop-calendar-toolbar-group{display: flex;align-items: center;gap: 0.55rem;padding: 0.35rem;border-radius: 18px;background: rgba(231,238,244,0.86);box-shadow: inset 0 0 0 1px rgba(189,204,218,0.64)}.shop-calendar-view .shop-calendar-toolbar-group{flex-wrap: wrap}.shop-calendar-view .shop-calendar-toolbar-group--transport{gap: 0.45rem}.shop-calendar-view .shop-calendar-month-picker{max-width: 10.2rem}.shop-calendar-view .shop-calendar-toolbar-group vaadin-button,.shop-calendar-view .shop-calendar-hero-actions vaadin-button{border-radius: 14px;box-shadow: none}.shop-calendar-view .shop-calendar-toolbar-group vaadin-button[theme~="tertiary"],.shop-calendar-view .shop-calendar-toolbar-group vaadin-button:not([theme~="primary"]){background: rgba(255,255,255,0.82);color: #304256}.shop-calendar-view .shop-calendar-month-picker::part(input-field){min-height: 2.5rem;border-radius: 14px;background: rgba(255,255,255,0.88);box-shadow: none}.shop-calendar-view .shop-calendar-month-picker::part(toggle-button){color: #516074}.shop-calendar-view .shop-calendar-month-picker::part(prefix){color: #344456;font-size: 0.84rem;white-space: nowrap;max-width: none}.shop-calendar-view .shop-calendar-month-picker-week-range{font-size: 0.84rem;line-height: 1;color: #5a6979;white-space: nowrap}.shop-calendar-view .shop-calendar-legend{display: flex;flex-wrap: wrap;gap: 0.65rem;align-items: center;margin: 0}.shop-calendar-view .shop-calendar-legend-item{display: inline-flex;align-items: center;gap: 0.35rem}.shop-calendar-view .shop-calendar-legend-icon{display: inline-flex;width: 1rem;height: 1rem;align-items: center;justify-content: center;flex: 0 0 auto}.shop-calendar-view .shop-calendar-legend-icon vaadin-icon,.shop-calendar-view .shop-calendar-legend-icon svg{width: 1rem;height: 1rem}.shop-calendar-view .shop-calendar-status-filter{font-size: 0.8rem;color: #44566b;margin: 0;--vaadin-checkbox-size: 1rem}.shop-calendar-view .shop-calendar-status-filter--open::part(label){color: #4b7f83}.shop-calendar-view .shop-calendar-status-filter--booked::part(label){color: #48617d}.shop-calendar-view .shop-calendar-status-filter--completed::part(label){color: #2e7d32}.shop-calendar-view .shop-calendar-status-filter--canceled::part(label){color: #b95050}.shop-calendar-view .shop-calendar-state-notice{gap: 0.35rem;border-color: rgba(224,201,159,0.82);background: linear-gradient(180deg,rgba(255,249,239,0.96) 0%,rgba(255,245,228,0.98) 100%)}.shop-calendar-view .shop-calendar-state-title{color: #694d1d;font-weight: 700;font-size: 1rem;line-height: 1.35}.shop-calendar-view .shop-calendar-fullcalendar{display: block;min-width: 0;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch}.shop-calendar-view .shop-calendar-dialog-actions{flex-wrap: wrap;gap: 0.75rem;justify-content: flex-end}.shop-calendar-view .shop-calendar-fullcalendar .fc{--fc-border-color: rgba(210,222,233,0.82);--fc-page-bg-color: transparent;--fc-neutral-bg-color: rgba(245,248,251,0.95);--fc-list-event-hover-bg-color: rgba(231,238,244,0.92);--fc-now-indicator-color: #2d8a72;--fc-today-bg-color: rgba(74,155,137,0.08);font-family: var(--aura-font-family);color: #2a3b4d}.shop-calendar-view .shop-calendar-fullcalendar .fc .fc-scrollgrid,.shop-calendar-view .shop-calendar-fullcalendar .fc .fc-list{border: 1px solid rgba(210,222,233,0.82);border-radius: 22px;overflow: hidden;background: rgba(255,255,255,0.92)}.shop-calendar-view .shop-calendar-fullcalendar .fc .fc-col-header-cell,.shop-calendar-view .shop-calendar-fullcalendar .fc .fc-list-day-cushion{background: linear-gradient(180deg,rgba(240,244,248,0.96) 0%,rgba(233,239,244,0.98) 100%)}.shop-calendar-view .shop-calendar-fullcalendar .fc .fc-col-header-cell-cushion,.shop-calendar-view .shop-calendar-fullcalendar .fc .fc-list-day-text,.shop-calendar-view .shop-calendar-fullcalendar .fc .fc-list-day-side-text{padding: 0.8rem 0.9rem;color: #425567;font-size: 0.78rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}.shop-calendar-view .shop-calendar-fullcalendar .fc .fc-daygrid-day-number,.shop-calendar-view .shop-calendar-fullcalendar .fc .fc-timegrid-axis-cushion,.shop-calendar-view .shop-calendar-fullcalendar .fc .fc-timegrid-slot-label-cushion{color: #6a7685;font-size: 0.82rem;font-weight: 600}.shop-calendar-view .shop-calendar-fullcalendar .fc .fc-daygrid-day-frame{min-height: 8.5rem}.shop-calendar-view .shop-calendar-fullcalendar .fc .fc-day-today{box-shadow: inset 0 0 0 1px rgba(74,155,137,0.22)}.shop-calendar-view .shop-calendar-fullcalendar .fc .fc-daygrid-event,.shop-calendar-view .shop-calendar-fullcalendar .fc .fc-timegrid-event{border-radius: 12px;box-shadow: 0 10px 20px rgba(27,39,55,0.08)}.shop-calendar-view .shop-calendar-fullcalendar .fc .shop-calendar-entry--canceled{opacity: 0.76}.shop-calendar-view .shop-calendar-fullcalendar .fc .shop-calendar-entry--completed{box-shadow: 0 10px 20px rgba(27,39,55,0.08),inset 0 0 0 1px rgba(255,255,255,0.34)}.shop-calendar-view .shop-calendar-fullcalendar .fc .fc-daygrid-dot-event{border-radius: 10px;padding: 0.2rem 0.38rem}.shop-calendar-view .shop-calendar-fullcalendar .fc .fc-event-title,.shop-calendar-view .shop-calendar-fullcalendar .fc .fc-event-time{font-weight: 600}.shop-calendar-view .shop-calendar-fullcalendar .fc .fc-list-event td{padding-top: 0.9rem;padding-bottom: 0.9rem;border-color: rgba(220,230,238,0.72)}.shop-calendar-view .shop-calendar-fullcalendar .fc .fc-list-event:hover td{background: rgba(231,238,244,0.72)}.shop-calendar-view .shop-calendar-fullcalendar .fc .fc-list-empty{padding: 1rem;color: #6a7685}.shop-calendar-view .shop-calendar-fullcalendar .fc-theme-standard td,.shop-calendar-view .shop-calendar-fullcalendar .fc-theme-standard th{border-color: rgba(220,230,238,0.8)}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-eyebrow,html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-month-badge,html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-header-badge--created{border-color: rgba(94,113,141,0.42);background: rgba(39,49,64,0.96);color: #bfcbda}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-header-badge--created{border-color: var(--app-page-eyebrow-border);background: var(--app-page-eyebrow-bg);color: var(--app-page-eyebrow-color)}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-title{color: #f3f7fb}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-subtitle,html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-hero-stat-meta,html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-surface-note,html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-state-note{color: #aeb8c7}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-hero-surface,html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-hero-stat-card,html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-filter-surface,html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-board-surface{border-color: rgba(173,195,230,0.24);background: linear-gradient(180deg,rgba(20,29,42,0.94) 0%,rgba(16,24,36,0.98) 100%);box-shadow: 0 24px 52px rgba(5,8,16,0.44)}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-hero-focus-card{background: linear-gradient(145deg,#1b2d3f 0%,#233a4c 54%,#2e5e56 100%)}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-hero-stat-value,html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-state-title{color: #f3f7fb}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-surface-label,html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-hero-stat-label{color: #c1cad7}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-toolbar-group{background: rgba(29,40,57,0.88);box-shadow: inset 0 0 0 1px rgba(110,129,156,0.36);border-color: rgba(110,129,156,0.36);color: #cfdae7}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-month-picker::part(input-field){background: rgba(22,30,45,0.92);box-shadow: none}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-state-notice{border-color: rgba(153,121,68,0.52);background: linear-gradient(180deg,rgba(51,39,18,0.94) 0%,rgba(38,29,14,0.98) 100%)}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-fullcalendar .fc{--fc-border-color: rgba(93,111,137,0.46);--fc-neutral-bg-color: rgba(27,38,54,0.88);--fc-list-event-hover-bg-color: rgba(38,52,71,0.9);color: #d8e0ea}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-fullcalendar .fc .fc-scrollgrid,html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-fullcalendar .fc .fc-list{background: rgba(16,24,36,0.8);border-color: rgba(93,111,137,0.46)}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-fullcalendar .fc .fc-col-header-cell,html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-fullcalendar .fc .fc-list-day-cushion{background: linear-gradient(180deg,rgba(34,46,63,0.96) 0%,rgba(28,40,56,0.98) 100%)}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-fullcalendar .fc .fc-col-header-cell-cushion,html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-fullcalendar .fc .fc-list-day-text,html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-fullcalendar .fc .fc-list-day-side-text,html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-fullcalendar .fc .fc-daygrid-day-number,html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-fullcalendar .fc .fc-timegrid-axis-cushion,html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-fullcalendar .fc .fc-timegrid-slot-label-cushion{color: #c8d3df}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-fullcalendar .fc-theme-standard td,html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-fullcalendar .fc-theme-standard th{border-color: rgba(73,91,117,0.56)}.shop-jobs-view{box-sizing: border-box;--shop-jobs-stack-gap: clamp(1.15rem,0.9vw + 0.9rem,1.5rem);--shop-jobs-block-gap: clamp(0.85rem,0.45vw + 0.72rem,1.05rem)}.shop-jobs-view .shop-jobs-shell{width: 100%;max-width: none;margin: 0;display: flex;flex-direction: column;gap: var(--shop-jobs-stack-gap)}.shop-jobs-view .shop-jobs-hero{display: flex;flex-direction: column;gap: calc(var(--shop-jobs-block-gap) + 0.05rem)}.shop-jobs-view .shop-jobs-hero-copy{display: flex;flex-direction: column;gap: 0;max-width: 72rem}.shop-jobs-view .shop-jobs-eyebrow-row{display: inline-flex;align-items: center;gap: 0.5rem;align-self: flex-start}.shop-jobs-view .shop-jobs-eyebrow{box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;min-height: var(--app-shell-control-size);height: var(--app-shell-control-size);padding: 0 1.12rem;border-radius: 999px;border: 1px solid var(--app-page-eyebrow-border);background: var(--app-page-eyebrow-bg);color: var(--app-page-eyebrow-color);font-size: 0.74rem;font-weight: 800;letter-spacing: 0.08em;text-transform: uppercase}.shop-jobs-view .shop-jobs-title{margin: 0;max-width: none;color: var(--app-page-title-color);font-family: var(--aura-font-family);font-size: var(--app-page-title-size);line-height: var(--app-page-title-line-height);letter-spacing: var(--app-page-title-letter-spacing);font-weight: var(--app-page-title-weight)}.shop-jobs-view .shop-jobs-subtitle{margin: var(--app-page-subtitle-margin-top) 0 0;max-width: 720px;color: var(--app-page-subtitle-color);font-size: var(--app-page-subtitle-size);line-height: var(--app-page-subtitle-line-height)}.shop-jobs-view .shop-jobs-hero-surface{position: relative;display: grid;grid-template-columns: minmax(0,1fr);gap: var(--shop-jobs-block-gap);align-items: stretch;padding: clamp(1.05rem,0.9vw + 0.95rem,1.4rem);border-radius: 32px;border: 1px solid rgba(219,228,237,0.92);background: linear-gradient(180deg,rgba(255,255,255,0.99) 0%,rgba(252,253,255,1) 100%);box-shadow: 0 24px 54px rgba(18,31,48,0.10);overflow: hidden}.shop-jobs-view .shop-jobs-hero-surface::before{content: "";position: absolute;inset: 0 0 auto 0;height: 1px;background: linear-gradient(90deg,rgba(92,113,140,0.34) 0%,rgba(92,113,140,0) 72%);pointer-events: none}.shop-jobs-view .shop-jobs-hero-surface::after{content: "";position: absolute;inset: 0;background: linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(248,250,253,0.5) 62%,rgba(243,246,250,0.64) 100%);opacity: 0.6;pointer-events: none}.shop-jobs-view .shop-jobs-hero-focus-card{position: relative;display: grid;grid-template-columns: minmax(12rem,auto) minmax(0,1fr) minmax(12.5rem,auto);grid-template-areas: "label title actions" "value title actions" "meta note actions";gap: 0.42rem 1.3rem;min-height: 0;height: 100%;align-items: center;padding: clamp(1.15rem,0.9vw + 1rem,1.45rem) clamp(1.15rem,0.9vw + 1rem,1.55rem);border-radius: 26px;border: 1px solid rgba(220,229,238,0.96);background: linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(251,253,255,1) 100%);box-shadow: inset 0 1px 0 rgba(255,255,255,0.98),0 18px 36px rgba(18,31,48,0.10);overflow: hidden}.shop-jobs-view .shop-jobs-hero-focus-card::before{content: "";position: absolute;inset: 0 auto 0 0;width: 0.45rem;background: linear-gradient(180deg,#4f6988 0%,#6d8aa8 52%,#d3aa62 100%);pointer-events: none}.shop-jobs-view .shop-jobs-hero-focus-card::after{content: "";position: absolute;top: auto;right: -3rem;bottom: -5rem;width: 14rem;height: 14rem;border-radius: 999px;background: radial-gradient(circle at center,rgba(186,199,216,0.22) 0%,rgba(186,199,216,0) 74%);pointer-events: none}.shop-jobs-view .shop-jobs-hero-focus-label{position: relative;grid-area: label;z-index: 1;align-self: end;color: #677588;font-size: 0.82rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}.shop-jobs-view .shop-jobs-hero-focus-value{position: relative;grid-area: value;z-index: 1;display: block;color: #172331;font-family: "Oswald",var(--aura-font-family);font-size: clamp(2.6rem,2.2vw + 1.7rem,3.9rem);line-height: 0.88;letter-spacing: -0.05em}.shop-jobs-view .shop-jobs-hero-focus-meta{position: relative;grid-area: meta;z-index: 1;display: flex;flex-wrap: wrap;align-items: center;gap: 0.65rem;align-self: start}.shop-jobs-view .shop-jobs-hero-badge{display: inline-flex;align-items: center;padding: 0.35rem 0.7rem;border-radius: 999px;border: 1px solid transparent;font-size: 0.74rem;font-weight: 700;letter-spacing: 0.04em}.shop-jobs-view .shop-jobs-hero-badge--created{background: rgba(247,250,254,0.98);border-color: rgba(212,221,232,0.94);color: #445a74}.shop-jobs-view .shop-jobs-hero-badge--revision{background: rgba(255,250,239,0.98);border-color: rgba(238,221,176,0.94);color: #8f6a00}.shop-jobs-view .shop-jobs-hero-focus-title{position: relative;grid-area: title;z-index: 1;align-self: end;color: #1d2c3c;font-size: clamp(1.18rem,0.55vw + 1rem,1.45rem);font-weight: 700;line-height: 1.16;letter-spacing: -0.03em}.shop-jobs-view .shop-jobs-hero-focus-note{position: relative;grid-area: note;z-index: 1;align-self: start;margin: 0;color: #617182;line-height: 1.58;max-width: none}.shop-jobs-view .shop-jobs-hero-actions{position: relative;grid-area: actions;z-index: 1;display: flex;flex-direction: column;gap: 0.75rem;align-self: center;justify-self: end;min-width: 12.75rem}.shop-jobs-view .shop-jobs-hero-actions vaadin-button[theme~="primary"]{box-shadow: 0 14px 28px rgba(31,52,80,0.18)}.shop-jobs-view .shop-jobs-hero-actions vaadin-button:not([theme~="primary"]){background: rgba(255,255,255,0.98);color: #2c4157;border: 1px solid rgba(216,225,234,0.96);box-shadow: 0 10px 22px rgba(18,31,48,0.08)}.shop-jobs-view .shop-jobs-hero-actions vaadin-button:not([theme~="primary"]):hover{background: rgba(255,255,255,1);color: #213549;box-shadow: 0 14px 28px rgba(18,31,48,0.10)}.shop-jobs-view .shop-jobs-hero-stat-grid{position: relative;z-index: 1;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.9rem;align-self: stretch}.shop-jobs-view .shop-jobs-hero-stat-card{display: flex;flex-direction: column;gap: 0.42rem;min-width: 0;padding: 1.1rem 1.15rem;border-radius: 24px;border: 1px solid rgba(219,228,237,0.94);background: linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(252,253,255,1) 100%);box-shadow: 0 18px 40px rgba(18,31,48,0.08)}.shop-jobs-view .shop-jobs-hero-stat-card:nth-child(1){box-shadow: 0 18px 40px rgba(66,91,124,0.10)}.shop-jobs-view .shop-jobs-hero-stat-card:nth-child(2){box-shadow: 0 18px 40px rgba(59,119,97,0.10)}.shop-jobs-view .shop-jobs-hero-stat-card:nth-child(3){box-shadow: 0 18px 40px rgba(164,122,43,0.10)}.shop-jobs-view .shop-jobs-hero-stat-label{color: #5d6b7b;font-size: 0.78rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}.shop-jobs-view .shop-jobs-hero-stat-value{display: block;color: #1a2735;font-family: "Oswald",var(--aura-font-family);font-size: clamp(1.7rem,1vw + 1.15rem,2.35rem);line-height: 0.95;letter-spacing: -0.04em}.shop-jobs-view .shop-jobs-hero-stat-meta,.shop-jobs-view .shop-jobs-panel-note,.shop-jobs-view .shop-jobs-state-note{margin: 0;color: #6a7685;font-size: 0.95rem;line-height: 1.55}.shop-jobs-view .shop-jobs-workspace-card,.shop-jobs-view .shop-jobs-state-notice{display: flex;flex-direction: column;gap: var(--shop-jobs-block-gap);padding: clamp(1rem,0.8vw + 0.85rem,1.25rem);border-radius: 28px;border: 1px solid rgba(219,228,237,0.94);background: linear-gradient(180deg,rgba(255,255,255,0.99) 0%,rgba(252,253,255,1) 100%);box-shadow: 0 24px 50px rgba(18,31,48,0.10)}.shop-jobs-view .shop-jobs-tabs{padding: 0.3rem;border-radius: 20px;background: rgba(255,255,255,0.96);box-shadow: 0 10px 24px rgba(18,31,48,0.06),inset 0 0 0 1px rgba(223,230,238,0.94)}.shop-jobs-view .shop-jobs-tab{border-radius: 16px;padding: 0;margin: 0}.shop-jobs-view .shop-jobs-tab::part(label){padding: 0}.shop-jobs-view .shop-jobs-tab-content{display: inline-flex;align-items: center;gap: 0.55rem;padding: 0.8rem 0.95rem;border-radius: 16px;color: #516074;font-weight: 700;transition: background 140ms ease,color 140ms ease,box-shadow 140ms ease}.shop-jobs-view .shop-jobs-tab[selected] .shop-jobs-tab-content{background: #FFFFFF;color: #1c2938;box-shadow: 0 12px 26px rgba(15,23,42,0.10)}.shop-jobs-view .shop-jobs-tab--completed[selected] .shop-jobs-tab-content{background: rgba(174,236,202,0.42);color: #2B8A57}.shop-jobs-view .shop-jobs-tab-count{display: inline-flex;align-items: center;justify-content: center;min-width: 1.85rem;height: 1.85rem;padding: 0 0.45rem;border-radius: 999px;background: rgba(217,227,239,0.9);color: #41566f;font-size: 0.78rem;font-weight: 800}.shop-jobs-view .shop-jobs-tab[selected] .shop-jobs-tab-count{background: rgba(224,234,245,0.92);color: #24384c}.shop-jobs-view .shop-jobs-tab--completed[selected] .shop-jobs-tab-count{background: rgba(255,255,255,0.72);color: #2B8A57}.shop-jobs-view .shop-jobs-page{width: 100%;display: flex;flex-direction: column}.shop-jobs-view .shop-jobs-panel{display: flex;flex-direction: column;gap: 0.8rem}.shop-jobs-view .shop-jobs-panel-header{display: flex;flex-direction: column;gap: 0.25rem}.shop-jobs-view .shop-jobs-panel-title{color: #1c2938;font-size: 1.05rem;font-weight: 700;letter-spacing: -0.01em}.shop-jobs-view .shop-jobs-panel-body{min-width: 0;padding-top: 0.1rem}.shop-jobs-view .shop-jobs-filter-field{width: 100%;min-width: 0}.shop-jobs-view .shop-jobs-driver-field::part(label){text-decoration: none;cursor: default;pointer-events: none}.shop-jobs-view .shop-jobs-driver-field.shop-jobs-driver-field--active::part(input-field){cursor: pointer;text-decoration: underline;text-underline-offset: 2px}.shop-jobs-view .shop-jobs-crud,.shop-jobs-view .shop-jobs-completed-grid,.shop-jobs-view .shop-jobs-image-grid{min-width: 0}.shop-jobs-view .shop-jobs-crud::part(toolbar){display: none;padding: 0 0 0.9rem 0}.shop-jobs-view .shop-jobs-crud::part(editor){border-radius: 24px;background: linear-gradient(180deg,rgba(250,252,254,0.98) 0%,rgba(244,248,251,0.98) 100%);box-shadow: 0 18px 34px rgba(15,23,42,0.08)}.shop-jobs-view .shop-jobs-primary-action,.shop-jobs-view .shop-jobs-secondary-action,.shop-jobs-view .shop-jobs-danger-action{border-radius: 14px;box-shadow: none}.shop-jobs-view .shop-jobs-editor-layout{gap: 1rem}.shop-jobs-view .shop-jobs-editor-form{gap: 0.85rem}.shop-jobs-view .shop-jobs-editor-divider{margin: 0.4rem 0 0.2rem 0}.shop-jobs-view .shop-jobs-edit-dialog-footer{width: 100%;display: flex !important;align-items: center;gap: 0.75rem;padding: 0.15rem 0 0.15rem 0;justify-content: flex-end !important}.shop-jobs-view .shop-jobs-status-footer-field{width: 11rem}.shop-jobs-view .shop-jobs-image-section{gap: 0.9rem;padding: 0.2rem 0 0 0}.shop-jobs-view .shop-jobs-image-type-field{width: 11rem}.shop-jobs-view .shop-jobs-image-uploaded-by-field{width: 13rem}.shop-jobs-view .shop-jobs-upload{width: 100%}.shop-jobs-image-type-field{width: 11rem}.shop-jobs-image-uploaded-by-field{width: 13rem}.shop-jobs-upload{width: 100%}.shop-jobs-view .shop-jobs-image-controls{flex-wrap: wrap;gap: 0.75rem}.shop-jobs-view .shop-jobs-upload::part(primary-buttons){min-height: 3rem}.shop-jobs-view .shop-jobs-upload::part(drop-label){color: #5f6c7c}.shop-jobs-view :is(.shop-jobs-grid,.shop-jobs-completed-grid,.shop-jobs-image-grid){--vaadin-grid-cell-padding: 0.55rem 1rem;border-radius: 22px;overflow: hidden;background: rgba(255,255,255,0.98);box-shadow: 0 18px 38px rgba(15,23,42,0.08)}.shop-jobs-view :is(.shop-jobs-grid,.shop-jobs-completed-grid,.shop-jobs-image-grid)::part(header-cell){padding-block: 0.7rem;color: #6B7280;font-size: 0.78rem;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;background: linear-gradient(180deg,rgba(252,253,255,1) 0%,rgba(246,249,252,1) 100%)}.shop-jobs-view :is(.shop-jobs-grid,.shop-jobs-completed-grid,.shop-jobs-image-grid)::part(body-cell){border-bottom-color: rgba(224,232,239,0.72);padding-block: 0.9rem;background: transparent}.shop-jobs-view :is(.shop-jobs-grid,.shop-jobs-completed-grid,.shop-jobs-image-grid)::part(row):hover{background: rgba(239,244,248,0.74)}.shop-jobs-view .shop-jobs-grid-primary-cell{display: flex;align-items: center;gap: 0.95rem;min-width: 0}.shop-jobs-view .shop-jobs-grid-primary-marker{display: inline-flex;align-items: center;justify-content: center;width: 2.9rem;height: 2.9rem;border-radius: 999px;flex-shrink: 0}.shop-jobs-view .shop-jobs-grid-primary-icon{width: 1.05rem;height: 1.05rem}.shop-jobs-view .shop-jobs-grid-primary-marker--created{background: rgba(217,227,239,0.82);color: #445A74}.shop-jobs-view .shop-jobs-grid-primary-marker--revision{background: rgba(254,233,166,0.56);color: #8F6A00}.shop-jobs-view .shop-jobs-grid-primary-marker--completed{background: rgba(174,236,202,0.42);color: #2B8A57}.shop-jobs-view .shop-jobs-grid-primary-marker--canceled{background: rgba(235,217,217,0.82);color: #9E4C4C}.shop-jobs-view .shop-jobs-grid-primary-marker--installation{background: rgba(174,236,202,0.42);color: #2B8A57}.shop-jobs-view .shop-jobs-grid-primary-marker--deinstallation{background: rgba(235,217,217,0.82);color: #9E4C4C}.shop-jobs-view .shop-jobs-grid-primary-marker--maintenance{background: rgba(254,233,166,0.56);color: #8F6A00}.shop-jobs-view .shop-jobs-grid-primary-marker--other{background: rgba(223,228,235,0.88);color: #6B7280}.shop-jobs-view .shop-jobs-grid-primary-copy{display: flex;flex-direction: column;gap: 0.2rem;min-width: 0}.shop-jobs-view .shop-jobs-grid-primary-title{color: #222B38;font-size: 1rem;font-weight: 700;line-height: 1.3;white-space: normal;overflow-wrap: anywhere;word-break: break-word}.shop-jobs-view .shop-jobs-grid-primary-meta{color: #5F6772;font-size: 0.9rem;line-height: 1.35}.shop-jobs-view .shop-jobs-type-badge,.shop-jobs-view .shop-jobs-status-badge,.shop-jobs-view .shop-jobs-booked-badge{display: inline-flex;align-items: center;justify-content: center;padding: 0.34rem 0.7rem;border-radius: 999px;font-size: 0.74rem;font-weight: 700;letter-spacing: 0.03em}.shop-jobs-view .shop-jobs-type-badge{background: rgba(222,229,243,0.76);color: #4B5C77}.shop-jobs-view .shop-jobs-type-badge--installation{background: rgba(174,236,202,0.42);color: #2B8A57}.shop-jobs-view .shop-jobs-type-badge--deinstallation{background: rgba(235,217,217,0.82);color: #9E4C4C}.shop-jobs-view .shop-jobs-type-badge--maintenance{background: rgba(254,233,166,0.56);color: #8F6A00}.shop-jobs-view .shop-jobs-type-badge--other{background: rgba(223,228,235,0.88);color: #6B7280}.shop-jobs-view .shop-jobs-status-badge--created,.shop-jobs-view .shop-jobs-booked-badge--booked{background: rgba(217,227,239,0.82);color: #445A74}.shop-jobs-view .shop-jobs-status-badge--revision{background: rgba(254,233,166,0.56);color: #8F6A00}.shop-jobs-view .shop-jobs-status-badge--completed{background: rgba(174,236,202,0.42);color: #2B8A57}.shop-jobs-view .shop-jobs-status-badge--canceled,.shop-jobs-view .shop-jobs-booked-badge--open{background: rgba(235,217,217,0.82);color: #9E4C4C}.shop-jobs-view .shop-jobs-mobile-row-card{display: flex;flex-direction: column;gap: 0.8rem;padding: 1rem 1.05rem;border-radius: 22px;background: #FFFFFF;box-shadow: 0 16px 34px rgba(15,23,42,0.08),0 4px 10px rgba(15,23,42,0.05)}.shop-jobs-view .shop-jobs-mobile-row-header{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: 0.85rem;align-items: start}.shop-jobs-view .shop-jobs-mobile-row-badges{display: flex;flex-wrap: wrap;justify-content: flex-end;gap: 0.45rem}.shop-jobs-view .shop-jobs-mobile-row-note{margin: 0;color: #5F6772;font-size: 0.92rem;line-height: 1.45}.shop-jobs-view .shop-jobs-mobile-row-meta-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.75rem}.shop-jobs-view .shop-jobs-mobile-row-meta-item{display: flex;flex-direction: column;gap: 0.2rem;min-width: 0}.shop-jobs-view .shop-jobs-mobile-row-meta-label{color: #6B7280;font-size: 0.72rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}.shop-jobs-view .shop-jobs-mobile-row-meta-value{color: #1d2936;font-size: 0.96rem;font-weight: 700;line-height: 1.35}.shop-jobs-view .shop-jobs-state-notice{gap: 0.35rem;border-color: rgba(224,201,159,0.82);background: linear-gradient(180deg,rgba(255,249,239,0.96) 0%,rgba(255,245,228,0.98) 100%)}.shop-jobs-view .shop-jobs-state-title{color: #694d1d;font-weight: 700;font-size: 1rem;line-height: 1.35}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-eyebrow{border-color: var(--app-page-eyebrow-border);background: var(--app-page-eyebrow-bg);color: var(--app-page-eyebrow-color)}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-title{color: #f3f7fb}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-subtitle,html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-hero-stat-meta,html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-panel-note,html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-state-note,html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-grid-primary-meta,html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-upload::part(drop-label){color: #aeb8c7}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-mobile-row-card{background: rgba(23,30,43,0.9);box-shadow: 0 16px 34px rgba(6,8,16,0.34)}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-mobile-row-note,html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-mobile-row-meta-label{color: #aeb8c7}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-mobile-row-meta-value{color: #eef4fb}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-hero-surface,html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-hero-stat-card,html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-workspace-card,html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-state-notice{border-color: rgba(173,195,230,0.24);background: linear-gradient(180deg,rgba(20,29,42,0.94) 0%,rgba(16,24,36,0.98) 100%);box-shadow: 0 24px 52px rgba(5,8,16,0.44)}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-hero-focus-card{border-color: rgba(86,105,131,0.44);background: linear-gradient(180deg,rgba(22,31,45,0.98) 0%,rgba(18,27,39,0.99) 100%);box-shadow: inset 0 1px 0 rgba(255,255,255,0.05),0 16px 32px rgba(4,8,14,0.24)}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-hero-focus-card::before{background: linear-gradient(180deg,#7697b8 0%,#91aac2 52%,#c89b57 100%)}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-hero-focus-card::after{background: radial-gradient(circle at center,rgba(118,151,184,0.18) 0%,rgba(118,151,184,0) 74%)}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-hero-stat-value,html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-panel-title,html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-grid-primary-title{color: #eef4fb}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-hero-focus-label{color: #a8b5c6}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-hero-focus-value,html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-hero-focus-title{color: #f3f7fb}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-hero-focus-note{color: #b5c0cf}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-hero-badge--created{background: rgba(55,74,99,0.82);border-color: rgba(87,106,131,0.72);color: #d8e4f1}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-hero-badge--revision{background: rgba(91,74,29,0.88);border-color: rgba(139,115,47,0.74);color: #ffe6aa}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-hero-actions vaadin-button:not([theme~="primary"]){background: rgba(29,40,57,0.92);border-color: rgba(89,108,134,0.42);color: #d6dfeb}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-hero-actions vaadin-button:not([theme~="primary"]):hover{background: rgba(35,48,66,0.96);color: #f0f5fb}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-hero-stat-card:nth-child(1){background: linear-gradient(180deg,rgba(25,37,54,0.96) 0%,rgba(20,31,46,0.99) 100%)}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-hero-stat-card:nth-child(2){background: linear-gradient(180deg,rgba(22,42,36,0.94) 0%,rgba(18,32,29,0.98) 100%)}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-hero-stat-card:nth-child(3){background: linear-gradient(180deg,rgba(50,39,21,0.94) 0%,rgba(38,29,16,0.98) 100%)}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-tabs{background: rgba(27,38,54,0.9);box-shadow: inset 0 0 0 1px rgba(94,113,141,0.42)}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-tab-content{color: #c7d2df}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-tab[selected] .shop-jobs-tab-content{background: rgba(18,27,40,0.92);color: #f3f7fb}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-tab--completed[selected] .shop-jobs-tab-content{background: rgba(43,138,87,0.28);color: #b6eccd}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-tab-count{background: rgba(54,70,93,0.88);color: #dbe4ef}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-tab--completed[selected] .shop-jobs-tab-count{background: rgba(182,236,205,0.16);color: #b6eccd}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-crud::part(editor){background: linear-gradient(180deg,rgba(20,29,42,0.98) 0%,rgba(16,24,36,0.98) 100%);box-shadow: 0 18px 34px rgba(4,8,14,0.28)}html[data-theme-mode="dark"] .shop-jobs-view :is(.shop-jobs-grid,.shop-jobs-completed-grid,.shop-jobs-image-grid){background: rgba(16,24,36,0.8);box-shadow: 0 16px 34px rgba(4,8,14,0.24)}html[data-theme-mode="dark"] .shop-jobs-view :is(.shop-jobs-grid,.shop-jobs-completed-grid,.shop-jobs-image-grid)::part(header-cell){background: linear-gradient(180deg,rgba(34,46,63,0.96) 0%,rgba(28,40,56,0.98) 100%);color: #c1cad7}html[data-theme-mode="dark"] .shop-jobs-view :is(.shop-jobs-grid,.shop-jobs-completed-grid,.shop-jobs-image-grid)::part(body-cell){border-bottom-color: rgba(73,91,117,0.56)}html[data-theme-mode="dark"] .shop-jobs-view :is(.shop-jobs-grid,.shop-jobs-completed-grid,.shop-jobs-image-grid)::part(row):hover{background: rgba(34,46,63,0.74)}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-state-notice{border-color: rgba(153,121,68,0.52);background: linear-gradient(180deg,rgba(51,39,18,0.94) 0%,rgba(38,29,14,0.98) 100%)}@media (max-width: 980px){.shop-jobs-view .shop-jobs-hero-focus-card{grid-template-columns: minmax(0,1fr);grid-template-areas: "label" "value" "meta" "title" "note" "actions";gap: 0.55rem;align-items: start}.shop-jobs-view .shop-jobs-hero-actions{flex-direction: row;flex-wrap: wrap;justify-self: start;min-width: 0}.shop-jobs-view .shop-jobs-hero-actions vaadin-button{flex: 1 1 calc(33.333% - 0.5rem)}}@media (max-width: 720px){.shop-jobs-view .shop-jobs-title{max-width: none}.shop-jobs-view .shop-jobs-hero-stat-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.shop-jobs-view .shop-jobs-image-controls{align-items: stretch}}@media (max-width: 640px){.shop-jobs-view{--shop-jobs-stack-gap: 0.95rem;--shop-jobs-block-gap: 0.72rem;padding-inline: clamp(0.8rem,4vw,1rem)}.shop-jobs-view .shop-jobs-shell{gap: 0.95rem;padding-bottom: calc(env(safe-area-inset-bottom) + 1.35rem)}.shop-jobs-view :is(.shop-jobs-grid,.shop-jobs-completed-grid){background: transparent;box-shadow: none;border-radius: 0}.shop-jobs-view :is(.shop-jobs-grid,.shop-jobs-completed-grid)::part(header-cell){display: none;padding: 0;min-height: 0;border: 0;background: transparent}.shop-jobs-view :is(.shop-jobs-grid,.shop-jobs-completed-grid)::part(body-cell){padding: 0.35rem 0;border-bottom: 0;background: transparent}.shop-jobs-view :is(.shop-jobs-grid,.shop-jobs-completed-grid)::part(row):hover{background: transparent}.shop-jobs-view .shop-jobs-hero-surface,.shop-jobs-view .shop-jobs-hero-focus-card,.shop-jobs-view .shop-jobs-hero-stat-card,.shop-jobs-view .shop-jobs-workspace-card,.shop-jobs-view .shop-jobs-state-notice{border-radius: 22px;padding: 0.95rem}.shop-jobs-view .shop-jobs-hero-focus-card{gap: 0.48rem;padding: 0.95rem}.shop-jobs-view .shop-jobs-hero-focus-title{font-size: clamp(1.08rem,4.6vw,1.28rem)}.shop-jobs-view .shop-jobs-hero-focus-note,.shop-jobs-view .shop-jobs-hero-stat-meta{font-size: 0.9rem;line-height: 1.46}.shop-jobs-view .shop-jobs-hero-badge{padding: 0.3rem 0.58rem;font-size: 0.71rem}.shop-jobs-view .shop-jobs-hero-actions{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.58rem;width: 100%}.shop-jobs-view .shop-jobs-tab-content{width: 100%;justify-content: center;min-width: 0;gap: 0.4rem;padding: 0.72rem 0.6rem;font-size: 0.92rem;line-height: 1.2}.shop-jobs-view .shop-jobs-tab{min-width: 0}.shop-jobs-view .shop-jobs-tabs{padding: 0.2rem;gap: 0.2rem}.shop-jobs-view .shop-jobs-tab-count{min-width: 1.6rem;height: 1.6rem;padding: 0 0.35rem;font-size: 0.72rem}.shop-jobs-view .shop-jobs-mobile-row-card{padding: 0.95rem;border-radius: 20px}.shop-jobs-view .shop-jobs-mobile-row-card .shop-jobs-grid-primary-marker{display: none}.shop-jobs-view .shop-jobs-mobile-row-header{grid-template-columns: 1fr}.shop-jobs-view .shop-jobs-mobile-row-badges{justify-content: flex-start}.shop-jobs-view .shop-jobs-mobile-row-meta-grid{grid-template-columns: 1fr;gap: 0.55rem}.shop-jobs-view .shop-jobs-hero-stat-grid{grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.68rem}.shop-jobs-view .shop-jobs-hero-stat-card{padding: 0.9rem 0.95rem;gap: 0.34rem}.shop-jobs-view .shop-jobs-hero-stat-card:nth-child(3){grid-column: 1 / -1}.shop-jobs-view .shop-jobs-hero-actions vaadin-button{width: 100%;flex: none}.shop-jobs-view .shop-jobs-hero-actions vaadin-button:first-child{grid-column: 1 / -1}.shop-jobs-view .shop-jobs-edit-dialog-content{padding-bottom: 0.3rem;max-height: calc(100vh - 14rem);overflow: auto}.shop-jobs-edit-dialog-content{padding-bottom: 0.3rem;max-height: calc(100vh - 14rem);overflow: auto}.shop-jobs-view .shop-jobs-crud{--vaadin-crud-editor-width: calc(100vw - 1rem)}.shop-jobs-view .shop-jobs-workspace-card{gap: 0.85rem}.shop-jobs-view .shop-jobs-page{min-width: 0}.shop-jobs-view .shop-jobs-image-controls{flex-direction: column;align-items: stretch}.shop-jobs-image-controls{flex-direction: column;align-items: stretch}.shop-jobs-view .shop-jobs-image-type-field,.shop-jobs-view .shop-jobs-image-uploaded-by-field,.shop-jobs-view .shop-jobs-upload{width: 100% !important}.shop-jobs-image-type-field,.shop-jobs-image-uploaded-by-field,.shop-jobs-upload{width: 100% !important}}@media (max-width: 980px){.shop-calendar-view .shop-calendar-hero-surface,.shop-calendar-view .shop-calendar-utility-grid{grid-template-columns: 1fr}}@media (max-width: 820px){.shop-calendar-view .shop-calendar-shell{gap: 1rem}.shop-calendar-view .shop-calendar-hero-focus-card{gap: 0.65rem}.shop-calendar-view .shop-calendar-hero-actions{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.6rem;width: 100%}.shop-calendar-view .shop-calendar-hero-primary-action{grid-column: 1 / -1}.shop-calendar-view .shop-calendar-hero-stat-grid{grid-template-columns: repeat(2,minmax(0,1fr));grid-template-rows: none;gap: 0.75rem}.shop-calendar-view .shop-calendar-hero-stat-card:nth-child(3){grid-column: 1 / -1}.shop-calendar-view .shop-calendar-toolbar-controls{flex-direction: column;align-items: stretch;gap: 0.75rem}.shop-calendar-view .shop-calendar-toolbar-group{width: 100%;min-width: 0}.shop-calendar-view .shop-calendar-toolbar-group--transport{display: grid;grid-template-columns: repeat(3,minmax(0,1fr))}.shop-calendar-view .shop-calendar-toolbar-group--views{display: grid;grid-template-columns: repeat(2,minmax(0,1fr))}.shop-calendar-view .shop-calendar-toolbar-new-button{grid-column: 1 / -1}.shop-calendar-view .shop-calendar-toolbar-group vaadin-button,.shop-calendar-view .shop-calendar-hero-actions vaadin-button{width: 100%;min-width: 0;flex: none}.shop-calendar-view .shop-calendar-legend{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.55rem}.shop-calendar-view .shop-calendar-status-filter{width: 100%;justify-content: flex-start}}@media (max-width: 720px){.shop-calendar-view{padding-inline: clamp(0.9rem,4vw,1.25rem)}.shop-calendar-view .shop-calendar-title{font-size: clamp(2rem,7vw,2.8rem)}.shop-calendar-view .shop-calendar-hero-surface,.shop-calendar-view .shop-calendar-hero-focus-card,.shop-calendar-view .shop-calendar-hero-stat-card,.shop-calendar-view .shop-calendar-filter-surface,.shop-calendar-view .shop-calendar-board-surface,.shop-calendar-view .shop-calendar-state-notice{border-radius: 22px}.shop-calendar-view .shop-calendar-hero-focus-title{font-size: clamp(1.14rem,4vw,1.4rem)}.shop-calendar-view .shop-calendar-hero-focus-note,.shop-calendar-view .shop-calendar-hero-stat-meta,.shop-calendar-view .shop-calendar-surface-note,.shop-calendar-view .shop-calendar-state-note{font-size: 0.92rem;line-height: 1.5}.shop-calendar-view .shop-calendar-fullcalendar .fc .fc-daygrid-day-frame{min-height: 6.5rem}}@media (max-width: 640px){.shop-calendar-view{padding-inline: clamp(0.8rem,4vw,1rem)}.shop-calendar-view .shop-calendar-shell{gap: 0.95rem;padding-bottom: calc(env(safe-area-inset-bottom) + 1.2rem)}.shop-calendar-view .shop-calendar-eyebrow-row{flex-wrap: wrap}.shop-calendar-view .shop-calendar-hero-surface,.shop-calendar-view .shop-calendar-hero-focus-card,.shop-calendar-view .shop-calendar-hero-stat-card,.shop-calendar-view .shop-calendar-filter-surface,.shop-calendar-view .shop-calendar-board-surface,.shop-calendar-view .shop-calendar-state-notice{padding: 0.95rem;border-radius: 20px}.shop-calendar-view .shop-calendar-hero-actions{gap: 0.55rem}.shop-calendar-view .shop-calendar-toolbar-controls{gap: 0.68rem}.shop-calendar-view .shop-calendar-toolbar-group{width: 100%;padding: 0.3rem;border-radius: 16px}.shop-calendar-view .shop-calendar-toolbar-group vaadin-button,.shop-calendar-view .shop-calendar-hero-actions vaadin-button,.shop-calendar-view .shop-calendar-dialog-actions vaadin-button{width: 100%;min-width: 0;flex: none}.shop-calendar-view .shop-calendar-toolbar-group--views{grid-template-columns: repeat(4,minmax(0,1fr));gap: 0.35rem}.shop-calendar-view .shop-calendar-toolbar-group--views vaadin-button{justify-self: stretch}.shop-calendar-view .shop-calendar-month-picker{width: 100%;max-width: none}.shop-calendar-view .shop-calendar-toolbar-group--views vaadin-button{font-size: 0.84rem}.shop-calendar-view .shop-calendar-toolbar-group--views vaadin-button::part(label){white-space: nowrap}.shop-calendar-view .shop-calendar-toolbar-new-button{grid-column: auto}.shop-calendar-view .shop-calendar-hero-badge{padding: 0.3rem 0.58rem;font-size: 0.71rem}.shop-calendar-view .shop-calendar-hero-focus-title{font-size: clamp(1.08rem,4.8vw,1.28rem);line-height: 1.14}.shop-calendar-view .shop-calendar-hero-focus-note,.shop-calendar-view .shop-calendar-hero-stat-meta,.shop-calendar-view .shop-calendar-surface-note,.shop-calendar-view .shop-calendar-state-note{font-size: 0.9rem;line-height: 1.46}.shop-calendar-view .shop-calendar-hero-stat-grid{gap: 0.68rem}.shop-calendar-view .shop-calendar-hero-stat-card{padding: 0.9rem 0.95rem;gap: 0.34rem}.shop-calendar-view .shop-calendar-legend{display: flex;flex-wrap: nowrap;overflow-x: auto;gap: 0.35rem}.shop-calendar-view .shop-calendar-status-filter{width: auto;flex: 0 0 auto;padding-right: 0.5rem;justify-content: flex-start;font-size: 0.72rem;--vaadin-checkbox-size: 0.9rem}.shop-calendar-view .shop-calendar-status-filter::part(label){white-space: nowrap}.shop-calendar-view .shop-calendar-dialog-actions{flex-direction: column;align-items: stretch}.shop-calendar-view .shop-calendar-fullcalendar .fc{font-size: 0.92rem}.shop-calendar-view .shop-calendar-fullcalendar .fc .fc-daygrid-day-frame{min-height: 5.25rem}}.shop-panels-view .shop-panels-shell{width: 100%;max-width: 100%;display: flex;flex-direction: column;gap: var(--app-section-gap)}.shop-panels-view .shop-panels-eyebrow-row{display: inline-flex;align-items: center;gap: 0.45rem;align-self: flex-start}.shop-panels-view .shop-panels-title{margin: 0;max-width: none;color: var(--app-page-title-color);font-family: var(--aura-font-family);font-size: var(--app-page-title-size);line-height: var(--app-page-title-line-height);letter-spacing: var(--app-page-title-letter-spacing);font-weight: var(--app-page-title-weight)}.shop-panels-view .shop-panels-subtitle{margin: var(--app-page-subtitle-margin-top) 0 0;max-width: 720px;color: var(--app-page-subtitle-color);font-size: var(--app-page-subtitle-size);line-height: var(--app-page-subtitle-line-height)}.shop-panels-view .shop-panels-content{width: 100%;min-width: 0}.shop-panels-view .shop-panels-grid-filter-field{width: 100%;min-width: 0}.shop-panels-view [part~="shop-panels-status-chip"]{display: inline-flex;align-items: center;justify-content: center;gap: 0.32rem;min-width: 10rem;width: fit-content;margin: 0.18rem 0;padding: 0.22rem 0.66rem;border-radius: 999px;font-size: 0.78rem;font-weight: 700;letter-spacing: 0.02em}.shop-panels-view [part~="shop-panels-status-cell--editable"]{cursor: pointer}.shop-panels-view .shop-panels-grid::part(shop-panels-row-installed){background: rgba(244,247,250,0.82)}.shop-panels-view [part~="shop-panels-status-cell--editable"]::after{content: "✎";margin-left: 0.35rem;opacity: 0.9;font-size: 0.7rem}.shop-panels-view [part~="shop-panels-status-cell--disabled"]{cursor: not-allowed;opacity: 0.52;user-select: none;filter: grayscale(0.26);box-shadow: inset 0 0 0 1px rgba(120,128,136,0.38)}.shop-panels-view [part~="shop-panels-status-chip-in-storage"]{background: rgba(218,231,245,0.62);color: #3f5770}.shop-panels-view [part~="shop-panels-status-chip-in-repair"]{background: rgba(252,230,167,0.56);color: #896000}.shop-panels-view [part~="shop-panels-status-chip-ready-for-installation"]{background: rgba(200,235,214,0.48);color: #2f754d}.shop-panels-view [part~="shop-panels-status-chip-installed"]{background: rgba(210,214,220,0.5);color: #8a8f96;font-style: italic}.shop-panels-view [part~="shop-panels-status-cell--editable"]{font-weight: 700;box-shadow: inset 0 0 0 1px rgba(77,98,126,0.24)}html[data-theme-mode="dark"] .shop-panels-view [part~="shop-panels-status-chip-in-storage"]{background: rgba(46,66,91,0.58);color: #b8d0ed}html[data-theme-mode="dark"] .shop-panels-view [part~="shop-panels-status-chip-in-repair"]{background: rgba(125,88,18,0.38);color: #f5e4b9}html[data-theme-mode="dark"] .shop-panels-view [part~="shop-panels-status-chip-ready-for-installation"]{background: rgba(26,74,43,0.41);color: #9de5ae}html[data-theme-mode="dark"] .shop-panels-view [part~="shop-panels-status-chip-installed"]{background: rgba(54,58,65,0.68);color: #97a0ac}html[data-theme-mode="dark"] .shop-panels-view [part~="shop-panels-status-cell--disabled"]{opacity: 0.6}html[data-theme-mode="dark"] .shop-panels-view .shop-panels-grid::part(shop-panels-row-installed){background: rgba(44,52,61,0.8)}@media (max-width: 640px){.shop-panels-view [part~="shop-panels-status-chip"]{min-width: 8.8rem;font-size: 0.72rem}}.shop-dashboard-view .shop-dashboard-grid{width: 100%;--app-dashboard-widget-padding: clamp(1rem,0.8vw + 0.85rem,1.2rem);--vaadin-dashboard-widget-padding: var(--app-dashboard-widget-padding);--vaadin-dashboard-widget-header-padding: var(--app-dashboard-widget-padding) var(--app-dashboard-widget-padding) var(--vaadin-padding-s) var(--app-dashboard-widget-padding)}.shop-dashboard-view .shop-dashboard-overview-summary{display: grid;grid-template-columns: minmax(19rem,1.38fr) repeat(2,minmax(10.5rem,1fr));gap: 0.9rem;align-items: stretch;width: fit-content;max-width: 100%;min-width: 0;padding: 0 1.05rem}.shop-dashboard-view .shop-dashboard-overview-tile{display: flex;flex-direction: column;justify-content: space-between;gap: 0.55rem;min-width: 0;min-height: 8.25rem;box-sizing: border-box;padding: 1rem 1rem 0.95rem;border-radius: 20px;border: 1px solid rgba(223,231,241,0.96);background: rgba(248,251,255,0.94);box-shadow: 0 10px 22px rgba(24,36,56,0.06),inset 0 1px 0 rgba(255,255,255,0.52)}.shop-dashboard-view .shop-dashboard-overview-tile--primary{min-height: 8.25rem;padding: 1.15rem 1.25rem;border-radius: 26px;border-color: rgba(83,112,146,0.28);background: radial-gradient(circle at 86% 22%,rgba(125,162,203,0.32) 0%,rgba(125,162,203,0) 30%),repeating-linear-gradient(135deg,rgba(255,255,255,0.045) 0 1px,transparent 1px 12px),linear-gradient(140deg,#32475F 0%,#4F6D89 100%);box-shadow: 0 18px 34px rgba(30,45,67,0.16);color: #F2F7FD;overflow: hidden}.shop-dashboard-view .shop-dashboard-overview-label{color: #6B7280;font-size: 0.76rem;font-weight: 800;letter-spacing: 0.08em;line-height: 1.2;text-transform: uppercase}.shop-dashboard-view .shop-dashboard-overview-value{color: #223244;font-size: 1.16rem;font-weight: 700;line-height: 1.3;word-break: break-word}.shop-dashboard-view .shop-dashboard-overview-tile--primary .shop-dashboard-overview-label{color: rgba(232,240,250,0.78)}.shop-dashboard-view .shop-dashboard-overview-tile--primary .shop-dashboard-overview-value{color: #FFFFFF;font-size: clamp(2.4rem,4vw,3.75rem);font-weight: 300;line-height: 0.92;letter-spacing: -0.05em}.shop-dashboard-view .shop-dashboard-grid vaadin-dashboard-widget.shop-dashboard-widget{--vaadin-dashboard-widget-background: linear-gradient(180deg,rgba(255,255,255,0.99) 0%,rgba(249,251,253,1) 100%);--vaadin-dashboard-widget-border-color: rgba(206,216,227,0.92);--vaadin-dashboard-widget-shadow: 0 14px 30px rgba(18,31,48,0.07);--vaadin-dashboard-widget-border-radius: 24px;--vaadin-dashboard-widget-title-font-size: 1.18rem;--vaadin-dashboard-widget-title-font-weight: 700;--shop-dashboard-widget-accent: rgba(123,139,158,0.22);position: relative;border-radius: var(--vaadin-dashboard-widget-border-radius);color: #1d2936;overflow: hidden}.shop-dashboard-view .shop-dashboard-grid vaadin-dashboard-widget.shop-dashboard-widget::before{content: "";position: absolute;inset: 0 0 auto 0;height: 4px;background: var(--shop-dashboard-widget-accent);pointer-events: none;z-index: 1;overflow: hidden}.shop-dashboard-view .shop-dashboard-grid vaadin-dashboard-widget.shop-dashboard-widget::part(header),.shop-dashboard-view .shop-dashboard-grid vaadin-dashboard-widget.shop-dashboard-widget::part(content){padding-inline: var(--app-dashboard-widget-padding)}.shop-dashboard-view .shop-dashboard-grid vaadin-dashboard-widget.shop-dashboard-widget.shop-dashboard-widget--earnings::part(header){display: flex;align-items: center;justify-content: space-between;column-gap: 0.85rem}.shop-dashboard-view .shop-dashboard-grid vaadin-dashboard-widget.shop-dashboard-widget::part(header){padding-top: var(--app-dashboard-widget-padding)}.shop-dashboard-view .shop-dashboard-grid vaadin-dashboard-widget.shop-dashboard-widget::part(content){padding-bottom: var(--app-dashboard-widget-padding)}.shop-dashboard-view .shop-dashboard-grid vaadin-dashboard-widget.shop-dashboard-widget.shop-stat-blue{--shop-dashboard-widget-accent: rgba(126,151,180,0.34)}.shop-dashboard-view .shop-dashboard-grid vaadin-dashboard-widget.shop-dashboard-widget.shop-stat-green{--shop-dashboard-widget-accent: rgba(128,157,138,0.34)}.shop-dashboard-view .shop-dashboard-grid vaadin-dashboard-widget.shop-dashboard-widget.shop-stat-rose{--shop-dashboard-widget-accent: rgba(168,135,135,0.32)}.shop-dashboard-view .shop-dashboard-grid vaadin-dashboard-widget.shop-dashboard-widget.shop-stat-amber{--shop-dashboard-widget-accent: rgba(172,149,109,0.32)}.shop-dashboard-view .widget-content{display: flex;flex-direction: column;justify-content: flex-start;gap: 1rem;min-height: 3rem}.shop-dashboard-view .shop-dashboard-card-content{min-width: 0}.shop-dashboard-view .shop-dashboard-card-meta,.shop-dashboard-view .shop-dashboard-empty-message,.shop-dashboard-view .sparkline-axis-label{color: #667487;line-height: 1.55}.shop-dashboard-view .shop-dashboard-slot-grid,.shop-dashboard-view .metric,.shop-dashboard-view .shop-dashboard-mini-stat,.shop-dashboard-view .shop-dashboard-single-stat-shell,.shop-dashboard-view .trend-block,.shop-dashboard-view .empty-state{border-radius: 20px;border: 1px solid rgba(211,220,229,0.92);background: linear-gradient(180deg,#FFFFFF 0%,#FAFBFD 100%);box-shadow: 0 10px 22px rgba(18,31,48,0.05)}.shop-dashboard-view .shop-dashboard-slot-grid,.shop-dashboard-view .trend-block,.shop-dashboard-view .empty-state{padding: 1rem 1.05rem}.shop-dashboard-view .shop-dashboard-slot-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.8rem}.shop-dashboard-view .shop-dashboard-mini-stat{display: flex;flex-direction: column;gap: 0.35rem;justify-content: center;min-width: 0;padding: 0.9rem 0.95rem;border-radius: 18px;box-shadow: 0 8px 18px rgba(18,31,48,0.04)}.shop-dashboard-view .shop-dashboard-mini-stat-label,.shop-dashboard-view .metric-label{color: #6a7788;font-size: 0.72rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}.shop-dashboard-view .shop-dashboard-mini-stat-value,.shop-dashboard-view .metric-value,.shop-dashboard-view .shop-dashboard-single-stat-value{color: #1d2936;font-family: "Oswald",var(--aura-font-family);line-height: 0.95;letter-spacing: -0.04em}.shop-dashboard-view .shop-dashboard-mini-stat-value{font-size: clamp(1.45rem,0.8vw + 1.1rem,1.9rem)}.shop-dashboard-view .shop-dashboard-single-stat-shell{display: flex;align-items: flex-start;justify-content: flex-start;padding: 1rem 1.05rem}.shop-dashboard-view .shop-dashboard-single-stat-value{font-size: clamp(2rem,1vw + 1.35rem,2.75rem)}.shop-dashboard-view .metric-grid{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 0.8rem}.shop-dashboard-view .metric{display: flex;flex-direction: column;gap: 0.35rem;justify-content: center;min-width: 0;padding: 0.95rem 1rem;border-radius: 18px;box-shadow: 0 8px 18px rgba(18,31,48,0.04)}.shop-dashboard-view .metric-value{font-size: clamp(1.65rem,0.8vw + 1.3rem,2.2rem)}.shop-dashboard-view .trend-block{display: flex;flex-direction: column;gap: 0.75rem;width: 100%;align-items: flex-start}.shop-dashboard-view .sparkline-container{display: flex;flex-direction: column;gap: 4px;width: 100%}.shop-dashboard-view .sparkline-chart{display: flex;align-items: stretch;gap: 4px;width: 100%}.shop-dashboard-view .sparkline-y-axis{min-width: 30px;display: grid;grid-template-rows: repeat(5,1fr);align-items: flex-end;height: 112px}.shop-dashboard-view .sparkline-axis-label{font-size: var(--aura-font-size-xs);line-height: 1.1}.shop-dashboard-view .sparkline-plot{flex: 1;display: flex;flex-direction: column;gap: 4px}.shop-dashboard-view .sparkline{display: flex;align-items: flex-end;gap: 2px;height: 130px;border-bottom: 1px solid rgba(152,172,196,0.34);padding-bottom: 2px}.shop-dashboard-view .sparkline-bar{flex: 1 1 0;border-radius: 2px;background: linear-gradient(180deg,#A8B7C6 0%,#6A7D92 100%);height: var(--bar-height,6px);min-height: 3px}.shop-dashboard-view .sparkline-x-axis{display: grid;grid-template-columns: repeat(5,minmax(0,1fr));gap: 2px;width: 100%}.shop-dashboard-view .sparkline-x-axis .sparkline-axis-label{text-align: center}.shop-dashboard-view .sparkline-x-axis .sparkline-axis-label:first-child{text-align: left}.shop-dashboard-view .sparkline-x-axis .sparkline-axis-label:last-child{text-align: right}.shop-dashboard-view .actions{display: flex;flex-wrap: wrap;gap: 0.7rem}.shop-dashboard-view .actions vaadin-button{border-radius: 14px;box-shadow: none}.shop-dashboard-view .shop-dashboard-hero-actions vaadin-button{border-radius: 14px}.shop-dashboard-view .shop-dashboard-appointments-content{gap: 0.9rem}.shop-dashboard-view .shop-dashboard-appointments-grid{display: flex;flex-direction: column;gap: 0.65rem;min-height: 0}.shop-dashboard-view .shop-dashboard-appointments-grid-header,.shop-dashboard-view .shop-dashboard-appointment-row-card{display: grid;grid-template-columns: minmax(0,1.7fr) minmax(9.5rem,0.9fr) auto;gap: 0.8rem;align-items: center}.shop-dashboard-view .shop-dashboard-appointments-grid-header{padding: 0 1.25rem}.shop-dashboard-view .shop-dashboard-appointments-grid-label{color: #6B7280;font-size: 0.78rem;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase}.shop-dashboard-view .shop-dashboard-appointments-grid-rows{display: flex;flex-direction: column;gap: 0.7rem;max-height: 22rem;overflow: visible;padding-right: 0.15rem}.shop-dashboard-view .shop-dashboard-appointment-row-card{padding: 0.8rem 1rem;border-radius: 19px;position: relative;border: 1px solid rgba(209,219,229,0.92);background: #FFFFFF;box-shadow: 0 12px 24px rgba(15,23,42,0.06),0 3px 8px rgba(15,23,42,0.04);transform: scale(1);transform-origin: center;transition: transform 180ms ease-in-out,box-shadow 180ms ease-in-out}.shop-dashboard-view .shop-dashboard-appointment-row-card:hover{transform: scale(1.015);box-shadow: 0 14px 28px rgba(15,23,42,0.08),0 4px 10px rgba(15,23,42,0.05)}.shop-dashboard-view .shop-dashboard-appointment-main{display: flex;align-items: center;gap: 0.8rem;min-width: 0}.shop-dashboard-view .shop-dashboard-appointment-marker{display: inline-flex;align-items: center;justify-content: center;width: 2.7rem;height: 2.7rem;border-radius: 999px;border: 1px solid rgba(209,219,229,0.92);background: linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 100%);box-shadow: 0 8px 18px rgba(15,23,42,0.04);flex-shrink: 0}.shop-dashboard-view .shop-dashboard-appointment-icon{width: 1rem;height: 1rem}.shop-dashboard-view .shop-dashboard-appointment-marker--installation{border-color: rgba(166,194,176,0.92);color: #597864}.shop-dashboard-view .shop-dashboard-appointment-marker--deinstallation{border-color: rgba(197,168,168,0.92);color: #856565}.shop-dashboard-view .shop-dashboard-appointment-marker--maintenance{border-color: rgba(199,184,149,0.92);color: #7d6b42}.shop-dashboard-view .shop-dashboard-appointment-marker--other{color: #5b697d}.shop-dashboard-view .shop-dashboard-appointment-copy{display: flex;flex-direction: column;gap: 0.12rem;min-width: 0}.shop-dashboard-view .shop-dashboard-appointment-title-row{display: flex;align-items: center;gap: 0.45rem;flex-wrap: wrap;min-width: 0}.shop-dashboard-view .shop-dashboard-appointment-title{color: #222B38;font-size: 0.97rem;font-weight: 700;line-height: 1.24}.shop-dashboard-view .shop-dashboard-appointment-meta{color: #5F6772;font-size: 0.84rem;line-height: 1.28}.shop-dashboard-view .shop-dashboard-appointment-type-badge,.shop-dashboard-view .shop-dashboard-appointment-status-badge{display: inline-flex;align-items: center;justify-content: center;padding: 0.26rem 0.56rem;border-radius: 999px;border: 1px solid rgba(209,219,229,0.92);background: rgba(250,252,253,0.98);font-size: 0.7rem;font-weight: 700;letter-spacing: 0.03em}.shop-dashboard-view .shop-dashboard-appointment-type-badge--installation{border-color: rgba(166,194,176,0.92);color: #597864}.shop-dashboard-view .shop-dashboard-appointment-type-badge--deinstallation{border-color: rgba(197,168,168,0.92);color: #856565}.shop-dashboard-view .shop-dashboard-appointment-type-badge--maintenance{border-color: rgba(199,184,149,0.92);color: #7d6b42}.shop-dashboard-view .shop-dashboard-appointment-type-badge--other{color: #5b697d}.shop-dashboard-view .shop-dashboard-appointment-schedule{display: flex;flex-direction: column;gap: 0.08rem;min-width: 0}.shop-dashboard-view .shop-dashboard-appointment-date{color: #1D2936;font-weight: 700;line-height: 1.3}.shop-dashboard-view .shop-dashboard-appointment-time{color: #5F6772;font-size: 0.86rem;line-height: 1.28}.shop-dashboard-view .shop-dashboard-appointment-status{display: flex;align-items: center;justify-content: flex-end;gap: 0.55rem}.shop-dashboard-view .shop-dashboard-appointment-status-badge--open{border-color: rgba(172,194,189,0.92);color: #55706d}.shop-dashboard-view .shop-dashboard-appointment-status-badge--booked{color: #58697d}.shop-dashboard-view .shop-dashboard-appointment-status-badge--completed{border-color: rgba(166,194,176,0.92);color: #597864}.shop-dashboard-view .shop-dashboard-appointment-status-badge--canceled{border-color: rgba(197,168,168,0.92);color: #856565}.shop-dashboard-view .shop-dashboard-appointment-open{border-radius: 999px;font-weight: 700;font-size: 0.82rem;color: #4B6076}.shop-dashboard-view .empty-state{display: flex;flex-direction: column;gap: 0.35rem;border-style: dashed;border-color: rgba(205,216,227,0.92);background: linear-gradient(180deg,rgba(255,255,255,0.98) 0%,rgba(248,250,252,1) 100%)}.shop-dashboard-view .shop-dashboard-empty-title{color: #1d2936;font-weight: 700;line-height: 1.35}html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-eyebrow{border-color: rgba(94,113,141,0.42);background: rgba(39,49,64,0.96);color: #BFCBDA}html[data-theme-mode="dark"] .shop-dashboard-view .shop-view-badge,html[data-theme-mode="dark"] .shop-calendar-view .shop-view-badge,html[data-theme-mode="dark"] .shop-jobs-view .shop-view-badge,html[data-theme-mode="dark"] .shop-panels-view .shop-view-badge{background: var(--app-page-eyebrow-bg);border-color: var(--app-page-eyebrow-border);color: var(--app-page-eyebrow-color)}html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-title{color: #EFF4FB}html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-subtitle,html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-hero-stat-meta,html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-card-meta,html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-empty-message,html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-appointment-meta,html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-appointment-time,html[data-theme-mode="dark"] .shop-dashboard-view .sparkline-axis-label{color: #BAC7D7}html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-hero-surface,html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-hero-stat-card{border-color: rgba(84,102,127,0.42);background: linear-gradient(180deg,rgba(21,29,42,0.94) 0%,rgba(16,23,35,0.98) 100%);box-shadow: 0 24px 56px rgba(5,9,17,0.36)}html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-hero-focus-card{background: linear-gradient(145deg,#162635 0%,#1f3c49 55%,#275d61 100%);box-shadow: inset 0 1px 0 rgba(255,255,255,0.08),0 20px 40px rgba(4,8,14,0.42)}html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-hero-stat-value,html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-mini-stat-value,html[data-theme-mode="dark"] .shop-dashboard-view .metric-value,html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-single-stat-value,html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-empty-title{color: #EEF4FB}html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-grid vaadin-dashboard-widget.shop-dashboard-widget{--vaadin-dashboard-widget-background: linear-gradient(180deg,rgba(21,29,42,0.94) 0%,rgba(16,23,35,0.98) 100%);--vaadin-dashboard-widget-border-color: rgba(84,102,127,0.42);--vaadin-dashboard-widget-shadow: 0 24px 56px rgba(5,9,17,0.36);color: #EEF4FB}html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-grid vaadin-dashboard-widget.shop-dashboard-widget.shop-stat-blue{--shop-dashboard-widget-accent: rgba(126,151,180,0.42)}html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-grid vaadin-dashboard-widget.shop-dashboard-widget.shop-stat-green{--shop-dashboard-widget-accent: rgba(128,157,138,0.42)}html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-grid vaadin-dashboard-widget.shop-dashboard-widget.shop-stat-rose{--shop-dashboard-widget-accent: rgba(168,135,135,0.42)}html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-grid vaadin-dashboard-widget.shop-dashboard-widget.shop-stat-amber{--shop-dashboard-widget-accent: rgba(172,149,109,0.42)}html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-slot-grid,html[data-theme-mode="dark"] .shop-dashboard-view .metric,html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-mini-stat,html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-single-stat-shell,html[data-theme-mode="dark"] .shop-dashboard-view .trend-block,html[data-theme-mode="dark"] .shop-dashboard-view .empty-state,html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-appointment-row-card{border-color: rgba(86,105,130,0.42);background: linear-gradient(180deg,rgba(29,39,55,0.96) 0%,rgba(22,31,46,0.98) 100%);box-shadow: 0 16px 32px rgba(6,8,16,0.28)}html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-overview-tile{border-color: rgba(86,105,130,0.42);background: linear-gradient(180deg,rgba(29,39,55,0.96) 0%,rgba(22,31,46,0.98) 100%);box-shadow: 0 16px 32px rgba(6,8,16,0.28)}html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-overview-tile--primary{border-color: rgba(105,132,164,0.3);background: radial-gradient(circle at 86% 22%,rgba(125,162,203,0.18) 0%,rgba(125,162,203,0) 32%),repeating-linear-gradient(135deg,rgba(255,255,255,0.04) 0 1px,transparent 1px 12px),linear-gradient(140deg,#1D2E42 0%,#38546E 100%);box-shadow: 0 18px 36px rgba(4,8,14,0.42)}html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-mini-stat-label,html[data-theme-mode="dark"] .shop-dashboard-view .metric-label,html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-overview-label,html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-appointments-grid-label{color: #AEBBCF}html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-overview-value{color: #EEF4FB}html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-overview-tile--primary .shop-dashboard-overview-label{color: rgba(232,240,250,0.76)}html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-overview-tile--primary .shop-dashboard-overview-value{color: #FFFFFF}html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-appointment-title,html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-appointment-date{color: #EEF4FB}html[data-theme-mode="dark"] .shop-dashboard-view .shop-dashboard-appointment-open{color: #D4E0EE}html[data-theme-mode="dark"] .shop-dashboard-view .sparkline{border-bottom-color: rgba(95,118,149,0.34)}html[data-theme-mode="dark"] .shop-dashboard-view .sparkline-bar{background: linear-gradient(180deg,#8CC4C5 0%,#5A868A 100%)}@media (max-width: 980px){.shop-dashboard-view .shop-dashboard-hero-surface{grid-template-columns: 1fr}.shop-dashboard-view .shop-dashboard-hero-stat-grid{grid-template-columns: repeat(3,minmax(0,1fr));grid-template-rows: none}}@media (max-width: 720px){.shop-dashboard-view .shop-dashboard-title{max-width: none}.shop-dashboard-view .shop-dashboard-overview-summary{grid-template-columns: 1fr;width: 100%;padding: 0}.shop-dashboard-view .shop-dashboard-hero-stat-grid,.shop-dashboard-view .metric-grid{grid-template-columns: 1fr}.shop-dashboard-view .shop-dashboard-appointments-grid-header{display: none}.shop-dashboard-view .shop-dashboard-appointment-row-card{grid-template-columns: 1fr;align-items: flex-start}.shop-dashboard-view .shop-dashboard-appointment-status{justify-content: flex-start}.shop-dashboard-view .shop-dashboard-appointment-schedule{flex-direction: row;flex-wrap: nowrap;align-items: center;gap: 0.35rem;min-width: 0}}@media (max-width: 640px){.shop-dashboard-view{padding: var(--vaadin-padding-s)}.shop-dashboard-view .shop-dashboard-widget--appointments .shop-dashboard-appointments-content{min-height: 28.8rem}.shop-dashboard-view .shop-dashboard-widget--appointments .shop-dashboard-appointments-grid-rows{max-height: 28.8rem}.shop-dashboard-view .shop-dashboard-hero-surface,.shop-dashboard-view .shop-dashboard-hero-focus-card,.shop-dashboard-view .shop-dashboard-hero-stat-card,.shop-dashboard-view .shop-dashboard-overview-tile{padding: 1rem;border-radius: 22px}.shop-dashboard-view .shop-dashboard-hero-focus-value{font-size: clamp(2.6rem,12vw,3.6rem)}.shop-dashboard-view .shop-dashboard-hero-actions{flex-direction: column;align-items: stretch}.shop-dashboard-view .shop-dashboard-hero-actions vaadin-button{width: 100%}.shop-dashboard-view .shop-dashboard-grid{--app-dashboard-widget-padding: var(--vaadin-padding-s);--vaadin-dashboard-widget-padding: var(--app-dashboard-widget-padding);--vaadin-dashboard-widget-header-padding: var(--vaadin-padding-s) var(--app-dashboard-widget-padding) var(--vaadin-padding-s) var(--app-dashboard-widget-padding)}.shop-dashboard-view .shop-dashboard-grid vaadin-dashboard-widget.shop-dashboard-widget{--vaadin-dashboard-widget-border-radius: 22px}.shop-dashboard-view .shop-dashboard-grid vaadin-dashboard-widget.shop-dashboard-widget--inventory{--vaadin-dashboard-widget-title-font-size: 1rem}.shop-dashboard-view .shop-dashboard-grid vaadin-dashboard-widget.shop-dashboard-widget--inventory::part(header){padding-top: 0.78rem;padding-bottom: 0.38rem}.shop-dashboard-view .shop-dashboard-grid vaadin-dashboard-widget.shop-dashboard-widget--inventory::part(content){padding-top: 0.1rem;padding-bottom: 0.78rem}.shop-dashboard-view .shop-dashboard-grid vaadin-dashboard-widget.shop-dashboard-widget--inventory .widget-content{gap: 0.62rem;min-height: 0}.shop-dashboard-view .shop-dashboard-grid vaadin-dashboard-widget.shop-dashboard-widget--inventory .shop-dashboard-single-stat-shell{align-items: center;justify-content: center;padding: 0.68rem 0.8rem;border-radius: 16px;min-height: 0}.shop-dashboard-view .shop-dashboard-grid vaadin-dashboard-widget.shop-dashboard-widget--inventory .shop-dashboard-single-stat-value{font-size: clamp(1.6rem,8vw,2.15rem)}.shop-dashboard-view .shop-dashboard-grid vaadin-dashboard-widget.shop-dashboard-widget--inventory .shop-dashboard-card-meta{font-size: 0.88rem;line-height: 1.38}.shop-dashboard-view .shop-dashboard-slot-grid,.shop-dashboard-view .metric,.shop-dashboard-view .shop-dashboard-mini-stat,.shop-dashboard-view .shop-dashboard-single-stat-shell,.shop-dashboard-view .trend-block,.shop-dashboard-view .empty-state,.shop-dashboard-view .shop-dashboard-appointment-row-card{padding: 0.95rem;border-radius: 18px}.shop-dashboard-view .shop-dashboard-slot-grid{grid-template-columns: 1fr}}vaadin-dashboard-widget{--vaadin-dashboard-widget-background: var(--app-surface-light);--vaadin-dashboard-widget-border-width: 1px;--vaadin-dashboard-widget-border-color: var(--app-surface-border-light);--vaadin-dashboard-widget-border-radius: var(--app-global-radius);--vaadin-dashboard-widget-shadow: var(--app-surface-shadow-strong-light);--vaadin-dashboard-widget-title-font-size: 1.12rem;--vaadin-dashboard-widget-title-font-weight: 600}vaadin-dashboard-widget::part(header),vaadin-dashboard-widget::part(content){padding-inline: var(--app-dashboard-widget-padding)}vaadin-dashboard-widget::part(content){padding-bottom: var(--app-dashboard-widget-padding)}html[data-theme-mode="dark"] vaadin-dashboard-widget{--vaadin-dashboard-widget-background: rgba(22,30,45,0.58);--vaadin-dashboard-widget-border-color: rgba(173,195,230,0.28);--vaadin-dashboard-widget-shadow: 0 22px 44px rgba(6,8,16,0.42),0 4px 14px rgba(6,8,16,0.30)}@media (max-width: 640px){.driver-view{padding: var(--vaadin-padding-s)}vaadin-dashboard{--app-dashboard-widget-padding: var(--vaadin-padding-s);--vaadin-dashboard-widget-padding: var(--app-dashboard-widget-padding);--vaadin-dashboard-widget-header-padding: var(--vaadin-padding-s) var(--app-dashboard-widget-padding)}vaadin-dashboard-widget{--vaadin-dashboard-widget-border-radius: var(--app-global-radius);--vaadin-dashboard-widget-title-font-size: 1.02rem}}.driver-view .metric-grid{display: flex;flex-wrap: wrap;gap: var(--vaadin-gap-l)}.driver-view .list{display: flex;flex-direction: column;gap: var(--vaadin-gap-s)}.driver-view .list-row{display: flex;align-items: flex-start;gap: var(--vaadin-gap-s)}.driver-view .todo-text,.driver-view .activity-text{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 2px}.driver-view .activity-open-action{flex-shrink: 0}.driver-view .metric{min-width: 90px}.driver-view .metric-label{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.driver-view .metric-value{font-size: var(--aura-font-size-xl);font-weight: 600}.driver-view .badge-row{display: flex;flex-wrap: wrap;gap: var(--vaadin-gap-xs)}.driver-view .trend-block{display: flex;flex-direction: column;gap: var(--vaadin-gap-xs);width: 96%;align-items: flex-start}.driver-view .section-label{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.driver-view .sparkline-container{display: flex;flex-direction: column;gap: 4px;width: 100%;max-width: 100%}.driver-view .sparkline-chart{display: flex;align-items: stretch;gap: 4px;width: 100%;max-width: 100%}.driver-view .sparkline-y-axis{min-width: 30px;display: grid;grid-template-rows: repeat(5,1fr);align-items: flex-end;height: 112px}.driver-view .sparkline-axis-label{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);line-height: 1.1}.driver-view .sparkline-plot{flex: 1;display: flex;flex-direction: column;gap: 4px}.driver-view .sparkline{display: flex;align-items: flex-end;gap: 2px;height: 130px;border-bottom: 1px solid color-mix(in srgb,var(--vaadin-text-color-secondary) 20%,transparent);padding-bottom: 2px}.driver-view .sparkline-bar{flex: 1 1 0;border-radius: 2px;background: var(--aura-accent-color);height: var(--bar-height,6px);min-height: 3px}.driver-view .sparkline-x-axis{display: grid;grid-template-columns: repeat(5,minmax(0,1fr));gap: 2px;width: 100%;max-width: 100%}.driver-view .sparkline-x-axis .sparkline-axis-label{text-align: center}.driver-view .sparkline-x-axis .sparkline-axis-label:first-child{text-align: left}.driver-view .sparkline-x-axis .sparkline-axis-label:last-child{text-align: right}.driver-view .actions{display: flex;flex-wrap: wrap;gap: var(--vaadin-gap-s);align-items: center}.driver-view .onboarding-task-block{display: flex;flex-direction: column;gap: 2px}.driver-view .onboarding-task-title{font-weight: 600;line-height: 1.35}.driver-view .onboarding-task-description{color: var(--vaadin-text-color-secondary)}.driver-view .onboarding-task-link{margin-top: 2px}.driver-view .split-row{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-gap-m)}.driver-view .status-next-appointment-block{display: flex;flex-direction: column;gap: 4px}.driver-view .status-next-appointment-row{display: inline-flex;align-items: center;justify-content: flex-start;gap: var(--vaadin-gap-s);flex-wrap: wrap}.driver-view .status-next-appointment-label{color: var(--vaadin-text-color)}.driver-view .status-next-appointment-text{color: var(--vaadin-text-color-secondary)}.driver-view .status-next-appointment-note{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-xs);line-height: 1.35;white-space: pre-line}.driver-view .status-next-appointment-actions{display: inline-flex;gap: var(--vaadin-gap-xs)}.driver-view .status-icon-action{min-width: 2.15rem;height: 2.15rem;padding: 0;border-radius: 999px}.panel-status-history-grid--clickable::part(body-cell){cursor: pointer}.panel-status-view{box-sizing: border-box;padding: var(--vaadin-padding-m);display: flex;flex-direction: column;gap: 1.15rem}.panel-status-view .panel-status-title{margin: 0}.panel-status-view .panel-status-header{display: flex;flex-direction: column;align-items: flex-start;gap: 0;max-width: 58rem}.panel-status-view .panel-status-title-row{display: inline-flex;align-items: center;gap: 0.75rem;flex-wrap: wrap}.panel-status-view .panel-status-subtitle{max-width: 50rem}.panel-status-view .panel-status-summary{display: flex;flex-direction: column;gap: var(--vaadin-gap-xs);padding: var(--vaadin-padding-m);border-radius: 20px;border: 1px solid rgba(255,255,255,0.62);background: rgba(255,255,255,0.52);backdrop-filter: blur(12px) saturate(125%);-webkit-backdrop-filter: blur(12px) saturate(125%);box-shadow: 0 12px 26px rgba(24,36,56,0.08)}.panel-status-view .panel-status-row{display: flex;justify-content: space-between;gap: var(--vaadin-gap-m)}.panel-status-view .panel-status-key{color: var(--vaadin-text-color-secondary)}.panel-status-view .panel-status-value{color: var(--vaadin-text-color);font-weight: 600}.panel-status-view .panel-status-map-container{display: flex;flex-direction: column;gap: var(--vaadin-gap-s);margin-top: 0.1rem}.panel-status-view .panel-status-map{border-radius: var(--app-card-radius);overflow: hidden;border: 1px solid var(--app-surface-border-light);background: var(--app-surface-light);box-shadow: var(--app-surface-shadow-light)}.panel-status-view .panel-status-history-section{margin-top: 0.1rem;display: flex;flex-direction: column;gap: 1rem;padding: var(--app-card-padding);border-radius: var(--app-card-radius);border: 1px solid var(--app-surface-border-light);background: var(--app-surface-light);box-shadow: var(--app-surface-shadow-light)}.panel-status-view .panel-status-history-title-row{display: flex;justify-content: space-between;align-items: center;gap: 1rem;flex-wrap: wrap}.panel-status-view .panel-status-history-heading{display: inline-flex;align-items: center;gap: 0.45rem}.panel-status-view .panel-status-history-title{margin: 0;color: #1f2d3d;font-size: 1.05rem;font-weight: 800;line-height: 1.25}.panel-status-view .panel-status-empty-message{margin: 0;color: #526174;line-height: 1.55}.panel-status-view .panel-status-help-trigger{display: inline-flex;align-items: center;justify-content: center;min-width: 1.9rem;width: 1.9rem;height: 1.9rem;padding: 0;border-radius: 999px;background: rgba(255,255,255,0.82);box-shadow: inset 0 0 0 1px rgba(137,158,183,0.26);color: #516074;font-weight: 800;line-height: 1}.panel-status-view .panel-status-help-trigger:hover{background: #FFFFFF;color: #223142;box-shadow: inset 0 0 0 1px rgba(102,120,143,0.32)}html[data-theme-mode="dark"] .panel-status-view .panel-status-summary{border-color: rgba(173,195,230,0.26);background: rgba(22,30,45,0.58);box-shadow: 0 16px 32px rgba(6,8,16,0.35)}html[data-theme-mode="dark"] .panel-status-view .panel-status-history-section{border-color: rgba(173,195,230,0.26);background: rgba(22,30,45,0.58);box-shadow: 0 16px 32px rgba(6,8,16,0.35)}html[data-theme-mode="dark"] .panel-status-view .panel-status-history-title{color: #EFF4FB}html[data-theme-mode="dark"] .panel-status-view .panel-status-empty-message{color: #AAB7CC}html[data-theme-mode="dark"] .panel-status-view .panel-status-map{border-color: rgba(173,195,230,0.26);box-shadow: 0 16px 32px rgba(6,8,16,0.35)}.driver-view .diagnostics{display: flex;flex-direction: column;gap: var(--vaadin-gap-xs);font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.driver-view .kv-list{display: flex;flex-direction: column;gap: var(--vaadin-gap-xs)}.driver-view .kv-row{display: flex;justify-content: space-between;gap: var(--vaadin-gap-m)}.driver-dashboard-view{box-sizing: border-box;padding: var(--app-page-padding-block) var(--app-page-padding-inline)}.driver-dashboard-view .driver-dashboard-shell{position: relative;width: 100%;max-width: none;margin: 0;display: flex;flex-direction: column;gap: calc(var(--app-section-gap) + 0.35rem)}.driver-dashboard-view .driver-dashboard-header{display: flex;flex-direction: column;gap: 0;width: 100%;max-width: none}.driver-dashboard-view .driver-dashboard-top-bar{display: inline-flex;align-items: center;justify-content: flex-start;gap: 0.45rem;margin-bottom: 0}.driver-dashboard-view .driver-dashboard-hero{display: flex;flex-direction: column;gap: 1rem}.driver-dashboard-view .driver-dashboard-hero-copy{display: flex;flex-direction: column;gap: 0.5rem;max-width: 56rem}.driver-dashboard-view .driver-dashboard-eyebrow-row{display: inline-flex;align-items: center;gap: 0.45rem;align-self: flex-start}.driver-dashboard-view .driver-dashboard-eyebrow{box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;min-height: var(--app-shell-control-size);height: var(--app-shell-control-size);padding: 0 1.12rem;border-radius: 999px;border: 1px solid var(--app-page-eyebrow-border);background: var(--app-page-eyebrow-bg);color: var(--app-page-eyebrow-color);font-size: 0.74rem;font-weight: 800;letter-spacing: 0.1em;line-height: 1;text-transform: uppercase;white-space: nowrap;box-shadow: inset 0 1px 0 rgba(255,255,255,0.78)}.driver-dashboard-view .driver-dashboard-help-trigger{--vaadin-button-height: var(--app-shell-control-size);--vaadin-button-padding: 0;box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;min-width: var(--app-shell-control-size);width: var(--app-shell-control-size);height: var(--app-shell-control-size);padding: 0;border-radius: 999px;border: 1px solid var(--app-page-help-border);background: var(--app-page-help-bg);color: var(--app-page-help-color);font-weight: 800;line-height: 1;box-shadow: inset 0 1px 0 rgba(255,255,255,0.88)}.driver-dashboard-view .driver-dashboard-help-trigger:hover{border-color: var(--app-page-help-border-hover);background: var(--app-page-help-bg-hover);color: var(--app-page-help-color-hover)}.driver-dashboard-view .driver-dashboard-title{margin: 0;max-width: none;color: var(--app-page-title-color);font-family: var(--aura-font-family);font-size: var(--app-page-title-size);line-height: var(--app-page-title-line-height);letter-spacing: var(--app-page-title-letter-spacing);font-weight: var(--app-page-title-weight)}.driver-dashboard-view .driver-dashboard-subtitle{margin: var(--app-page-subtitle-margin-top) 0 0;max-width: 720px;color: var(--app-page-subtitle-color);font-size: var(--app-page-subtitle-size);line-height: var(--app-page-subtitle-line-height)}.driver-dashboard-view .driver-dashboard-hero-surface{position: relative;display: grid;grid-template-columns: minmax(0,1.12fr) minmax(300px,0.88fr);align-items: stretch;gap: clamp(1rem,1vw + 0.7rem,1.4rem);padding: clamp(1rem,1vw + 0.9rem,1.6rem);border-radius: 30px;border: 1px solid rgba(199,214,229,0.78);background: linear-gradient(135deg,rgba(255,255,255,0.96) 0%,rgba(248,251,253,0.97) 52%,rgba(235,242,247,0.98) 100%);box-shadow: 0 24px 56px rgba(18,31,48,0.09);overflow: hidden}.driver-dashboard-view .driver-dashboard-hero-surface::before{content: "";position: absolute;inset: auto -10% -42% 48%;border-radius: 999px;background: radial-gradient(circle at center,rgba(101,170,219,0.22) 0%,rgba(101,170,219,0) 72%);pointer-events: none}.driver-dashboard-view .driver-dashboard-hero-surface::after{content: "";position: absolute;inset: -24% auto auto -10%;width: 20rem;height: 20rem;border-radius: 999px;background: radial-gradient(circle at center,rgba(167,206,232,0.22) 0%,rgba(167,206,232,0) 76%);pointer-events: none}.driver-dashboard-view .driver-dashboard-hero-focus-card{position: relative;display: grid;grid-template-rows: auto auto auto auto 1fr auto;gap: 0.8rem;min-height: 0;height: 100%;box-sizing: border-box;padding: clamp(1.1rem,1vw + 0.8rem,1.5rem);border-radius: 26px;border: 1px solid rgba(255,255,255,0.1);background: linear-gradient(145deg,#203345 0%,#31495f 55%,#4b6a84 100%);box-shadow: inset 0 1px 0 rgba(255,255,255,0.12),0 20px 40px rgba(18,31,48,0.22);overflow: hidden}.driver-dashboard-view .driver-dashboard-hero-focus-card::after{content: "";position: absolute;top: -4rem;right: -4rem;width: 16rem;height: 16rem;border-radius: 999px;background: radial-gradient(circle at center,rgba(147,208,255,0.28) 0%,rgba(147,208,255,0) 74%);pointer-events: none}.driver-dashboard-view .driver-dashboard-hero-focus-label{position: relative;z-index: 1;color: rgba(243,248,252,0.78);font-size: 0.82rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}.driver-dashboard-view .driver-dashboard-hero-focus-value{position: relative;z-index: 1;display: block;color: #F8FBFF;font-family: "Oswald",var(--aura-font-family);font-size: clamp(3rem,3vw + 1.8rem,4.6rem);line-height: 0.9;letter-spacing: -0.055em}.driver-dashboard-view .driver-dashboard-hero-focus-meta{position: relative;z-index: 1;display: flex;flex-wrap: wrap;align-items: center;gap: 0.65rem}.driver-dashboard-view .driver-dashboard-hero-focus-title{position: relative;z-index: 1;color: #F6FAFF;font-size: clamp(1.22rem,0.7vw + 1rem,1.6rem);font-weight: 700;line-height: 1.08;letter-spacing: -0.03em}.driver-dashboard-view .driver-dashboard-hero-focus-note{position: relative;z-index: 1;margin: 0;color: rgba(242,247,252,0.82);line-height: 1.58;max-width: 34rem}.driver-dashboard-view .driver-dashboard-hero-actions{position: relative;z-index: 1;display: flex;flex-wrap: wrap;gap: 0.75rem}.driver-dashboard-view .driver-dashboard-hero-actions>*{width: fit-content}.driver-dashboard-view .driver-dashboard-hero-stat-grid{position: relative;z-index: 1;display: grid;grid-template-rows: repeat(3,minmax(0,1fr));gap: 0.9rem;align-self: stretch}.driver-dashboard-view .driver-dashboard-hero-stat-card{display: flex;flex-direction: column;gap: 0.42rem;min-width: 0;padding: 1.1rem 1.15rem;border-radius: 24px;border: 1px solid rgba(210,222,233,0.78);background: linear-gradient(180deg,rgba(255,255,255,0.93) 0%,rgba(248,251,253,0.98) 100%);box-shadow: 0 18px 40px rgba(18,31,48,0.08);backdrop-filter: blur(10px) saturate(110%);-webkit-backdrop-filter: blur(10px) saturate(110%)}.driver-dashboard-view .driver-dashboard-hero-stat-label{color: #5d6b7b;font-size: 0.78rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}.driver-dashboard-view .driver-dashboard-hero-stat-value{display: block;color: #1a2735;font-family: "Oswald",var(--aura-font-family);font-size: clamp(1.7rem,1vw + 1.15rem,2.35rem);line-height: 0.95;letter-spacing: -0.04em}.driver-dashboard-view .driver-dashboard-hero-stat-value-row{display: inline-flex;align-items: center;flex-wrap: nowrap;gap: 0.48rem}.driver-dashboard-view .driver-dashboard-hero-stat-meta{color: #6a7685;font-size: 0.92rem;line-height: 1.5}.driver-dashboard-view .driver-dashboard-grid{width: 100%;--app-dashboard-widget-padding: clamp(1rem,0.8vw + 0.85rem,1.2rem);--vaadin-dashboard-widget-padding: var(--app-dashboard-widget-padding);--vaadin-dashboard-widget-header-padding: var(--app-dashboard-widget-padding) var(--app-dashboard-widget-padding) var(--vaadin-padding-s) var(--app-dashboard-widget-padding)}.driver-dashboard-view .driver-dashboard-grid vaadin-dashboard-widget.driver-dashboard-widget{--vaadin-dashboard-widget-background: linear-gradient(180deg,rgba(255,255,255,0.93) 0%,rgba(248,251,253,0.98) 100%);--vaadin-dashboard-widget-border-color: rgba(210,222,233,0.78);--vaadin-dashboard-widget-shadow: 0 18px 40px rgba(18,31,48,0.08);--vaadin-dashboard-widget-border-radius: 24px;--vaadin-dashboard-widget-title-font-size: 1.18rem;--vaadin-dashboard-widget-title-font-weight: 700;color: #1d2936;overflow: hidden}.driver-dashboard-view .driver-dashboard-grid vaadin-dashboard-widget.driver-dashboard-widget::part(header),.driver-dashboard-view .driver-dashboard-grid vaadin-dashboard-widget.driver-dashboard-widget::part(content){padding-inline: var(--app-dashboard-widget-padding)}.driver-dashboard-view .driver-dashboard-grid vaadin-dashboard-widget.driver-dashboard-widget::part(header){padding-top: var(--app-dashboard-widget-padding)}.driver-dashboard-view .driver-dashboard-grid vaadin-dashboard-widget.driver-dashboard-widget::part(content){padding-bottom: var(--app-dashboard-widget-padding)}.driver-dashboard-view .driver-dashboard-card-content{gap: 1rem;min-width: 0}.driver-dashboard-view .driver-dashboard-card-title{color: #18222e;font-size: clamp(1.2rem,0.5vw + 1rem,1.5rem);font-weight: 700;line-height: 1.1;letter-spacing: -0.03em}.driver-dashboard-view .driver-dashboard-card-meta{color: #617082;line-height: 1.58}.driver-dashboard-view .driver-dashboard-status-content .onboarding-task-block,.driver-dashboard-view .driver-dashboard-panel-content .status-next-appointment-row,.driver-dashboard-view .driver-dashboard-panel-content .actions,.driver-dashboard-view .trend-block,.driver-dashboard-view .status-next-appointment-block,.driver-dashboard-view .list-row,.driver-dashboard-view .empty-state{border-radius: 20px;border: 1px solid rgba(214,224,234,0.84);background: linear-gradient(180deg,#f9fbfd 0%,#f3f7fa 100%);box-shadow: 0 12px 28px rgba(18,31,48,0.06)}.driver-dashboard-view .driver-dashboard-status-content .onboarding-task-block,.driver-dashboard-view .trend-block,.driver-dashboard-view .status-next-appointment-block,.driver-dashboard-view .empty-state{padding: 1rem 1.05rem}.driver-dashboard-view .driver-dashboard-panel-content .status-next-appointment-row,.driver-dashboard-view .list-row{padding: 0.95rem 1rem}.driver-dashboard-view .driver-dashboard-panel-content .actions{padding: 0.8rem;justify-content: flex-start}.driver-dashboard-view .metric-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.8rem}.driver-dashboard-view .metric{display: flex;flex-direction: column;gap: 0.35rem;justify-content: center;min-width: 0;padding: 0.95rem 1rem;border-radius: 18px;border: 1px solid rgba(214,224,234,0.84);background: linear-gradient(180deg,#f9fbfd 0%,#f3f7fa 100%);box-shadow: 0 10px 20px rgba(18,31,48,0.05)}.driver-dashboard-view .metric-label,.driver-dashboard-view .section-label{color: #6a7788;font-size: 0.72rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}.driver-dashboard-view .metric-value{color: #1d2936;font-family: "Oswald",var(--aura-font-family);font-size: clamp(1.65rem,0.8vw + 1.3rem,2.2rem);line-height: 0.95;letter-spacing: -0.04em}.driver-dashboard-view .onboarding-task-title{color: #18222e;font-size: 1.08rem;font-weight: 700;line-height: 1.28}.driver-dashboard-view .onboarding-task-description,.driver-dashboard-view .status-next-appointment-note,.driver-dashboard-view .activity-text .secondary,.driver-dashboard-view .empty-state,.driver-dashboard-view .sparkline-axis-label,.driver-dashboard-view .driver-dashboard-card-content .secondary{color: #667487}.driver-dashboard-view .status-next-appointment-row{display: flex;justify-content: space-between;align-items: flex-start;gap: 0.9rem}.driver-dashboard-view .status-next-appointment-label{color: #1d2936;font-weight: 700;line-height: 1.4}.driver-dashboard-view .status-next-appointment-text{color: #556375}.driver-dashboard-view .status-next-appointment-actions{margin-left: auto}.driver-dashboard-view .trend-block{gap: 0.75rem}.driver-dashboard-view .sparkline{border-bottom-color: rgba(152,172,196,0.34)}.driver-dashboard-view .sparkline-bar{background: linear-gradient(180deg,#7fa8cb 0%,#4f6d89 100%)}.driver-dashboard-view .actions{gap: 0.7rem}.driver-dashboard-view .actions vaadin-button,.driver-dashboard-view .driver-dashboard-hero-actions vaadin-button{border-radius: 14px;box-shadow: none}.driver-dashboard-view .list{gap: 0.8rem}.driver-dashboard-view .list-row{align-items: flex-start;gap: 0.85rem}.driver-dashboard-view .todo-text>span:first-child,.driver-dashboard-view .activity-text>span:first-child{color: #1d2936;font-weight: 700;line-height: 1.35}.driver-dashboard-view .empty-state{display: flex;flex-direction: column;gap: 0.3rem;padding: 1rem 1.05rem;border-style: dashed;border-color: rgba(196,210,224,0.88);background: linear-gradient(180deg,rgba(249,251,253,0.94) 0%,rgba(242,247,251,0.98) 100%)}html[data-theme-mode="dark"] .driver-dashboard-view .driver-dashboard-eyebrow{border-color: var(--app-page-eyebrow-border);background: var(--app-page-eyebrow-bg);color: var(--app-page-eyebrow-color)}html[data-theme-mode="dark"] .driver-dashboard-view .driver-dashboard-title{color: var(--app-page-title-color)}html[data-theme-mode="dark"] .driver-dashboard-view .driver-dashboard-subtitle{color: var(--app-page-subtitle-color)}html[data-theme-mode="dark"] .driver-dashboard-view .driver-dashboard-hero-stat-meta,html[data-theme-mode="dark"] .driver-dashboard-view .driver-dashboard-card-meta,html[data-theme-mode="dark"] .driver-dashboard-view .onboarding-task-description,html[data-theme-mode="dark"] .driver-dashboard-view .status-next-appointment-note,html[data-theme-mode="dark"] .driver-dashboard-view .activity-text .secondary,html[data-theme-mode="dark"] .driver-dashboard-view .empty-state,html[data-theme-mode="dark"] .driver-dashboard-view .sparkline-axis-label,html[data-theme-mode="dark"] .driver-dashboard-view .driver-dashboard-card-content .secondary{color: #BAC7D7}html[data-theme-mode="dark"] .driver-dashboard-view .driver-dashboard-hero-surface,html[data-theme-mode="dark"] .driver-dashboard-view .driver-dashboard-hero-stat-card{border-color: rgba(84,102,127,0.42);background: linear-gradient(180deg,rgba(21,29,42,0.94) 0%,rgba(16,23,35,0.98) 100%);box-shadow: 0 24px 56px rgba(5,9,17,0.36)}html[data-theme-mode="dark"] .driver-dashboard-view .driver-dashboard-hero-focus-card{background: linear-gradient(145deg,#182635 0%,#24384b 55%,#34556e 100%);box-shadow: inset 0 1px 0 rgba(255,255,255,0.08),0 20px 40px rgba(4,8,14,0.42)}html[data-theme-mode="dark"] .driver-dashboard-view .driver-dashboard-hero-stat-value,html[data-theme-mode="dark"] .driver-dashboard-view .driver-dashboard-card-title,html[data-theme-mode="dark"] .driver-dashboard-view .metric-value,html[data-theme-mode="dark"] .driver-dashboard-view .todo-text>span:first-child,html[data-theme-mode="dark"] .driver-dashboard-view .activity-text>span:first-child,html[data-theme-mode="dark"] .driver-dashboard-view .status-next-appointment-label,html[data-theme-mode="dark"] .driver-dashboard-view .onboarding-task-title{color: #EEF4FB}html[data-theme-mode="dark"] .driver-dashboard-view .driver-dashboard-grid vaadin-dashboard-widget.driver-dashboard-widget{--vaadin-dashboard-widget-background: linear-gradient(180deg,rgba(21,29,42,0.94) 0%,rgba(16,23,35,0.98) 100%);--vaadin-dashboard-widget-border-color: rgba(84,102,127,0.42);--vaadin-dashboard-widget-shadow: 0 24px 56px rgba(5,9,17,0.36);color: #EEF4FB}html[data-theme-mode="dark"] .driver-dashboard-view .driver-dashboard-status-content .onboarding-task-block,html[data-theme-mode="dark"] .driver-dashboard-view .driver-dashboard-panel-content .status-next-appointment-row,html[data-theme-mode="dark"] .driver-dashboard-view .driver-dashboard-panel-content .actions,html[data-theme-mode="dark"] .driver-dashboard-view .trend-block,html[data-theme-mode="dark"] .driver-dashboard-view .status-next-appointment-block,html[data-theme-mode="dark"] .driver-dashboard-view .list-row,html[data-theme-mode="dark"] .driver-dashboard-view .metric,html[data-theme-mode="dark"] .driver-dashboard-view .empty-state{border-color: rgba(86,105,130,0.42);background: linear-gradient(180deg,rgba(29,39,55,0.96) 0%,rgba(22,31,46,0.98) 100%);box-shadow: 0 16px 32px rgba(6,8,16,0.28)}html[data-theme-mode="dark"] .driver-dashboard-view .metric-label,html[data-theme-mode="dark"] .driver-dashboard-view .section-label{color: #AEBBCF}html[data-theme-mode="dark"] .driver-dashboard-view .status-next-appointment-text{color: #CFDAE7}html[data-theme-mode="dark"] .driver-dashboard-view .sparkline{border-bottom-color: rgba(95,118,149,0.34)}html[data-theme-mode="dark"] .driver-dashboard-view .sparkline-bar{background: linear-gradient(180deg,#8DA9CB 0%,#5F7B99 100%)}@media (max-width: 980px){.driver-dashboard-view .driver-dashboard-hero-surface{grid-template-columns: 1fr}.driver-dashboard-view .driver-dashboard-hero-stat-grid{grid-template-columns: repeat(3,minmax(0,1fr));grid-template-rows: none}}@media (max-width: 720px){.driver-dashboard-view .driver-dashboard-title{max-width: none}.driver-dashboard-view .driver-dashboard-hero-stat-grid,.driver-dashboard-view .metric-grid{grid-template-columns: 1fr}}@media (max-width: 640px){.driver-dashboard-view{padding: var(--vaadin-padding-s)}.driver-dashboard-view .driver-dashboard-hero-surface,.driver-dashboard-view .driver-dashboard-hero-focus-card,.driver-dashboard-view .driver-dashboard-hero-stat-card{padding: 1rem;border-radius: 22px}.driver-dashboard-view .driver-dashboard-hero-focus-value{font-size: clamp(2.6rem,12vw,3.6rem)}.driver-dashboard-view .driver-dashboard-grid{--app-dashboard-widget-padding: var(--vaadin-padding-s);--vaadin-dashboard-widget-padding: var(--app-dashboard-widget-padding);--vaadin-dashboard-widget-header-padding: var(--vaadin-padding-s) var(--app-dashboard-widget-padding) var(--vaadin-padding-s) var(--app-dashboard-widget-padding)}.driver-dashboard-view .driver-dashboard-grid vaadin-dashboard-widget.driver-dashboard-widget{--vaadin-dashboard-widget-border-radius: 22px}.driver-dashboard-view .driver-dashboard-status-content .onboarding-task-block,.driver-dashboard-view .driver-dashboard-panel-content .status-next-appointment-row,.driver-dashboard-view .driver-dashboard-panel-content .actions,.driver-dashboard-view .trend-block,.driver-dashboard-view .status-next-appointment-block,.driver-dashboard-view .list-row,.driver-dashboard-view .metric,.driver-dashboard-view .empty-state{padding: 0.95rem;border-radius: 18px}.driver-dashboard-view .driver-dashboard-panel-content .status-next-appointment-row,.driver-dashboard-view .status-next-appointment-row{flex-direction: column;align-items: flex-start}.driver-dashboard-view .status-next-appointment-actions{margin-left: 0}.driver-dashboard-view .actions vaadin-button,.driver-dashboard-view .driver-dashboard-hero-actions vaadin-button{width: 100%}}.affiliate-dashboard-view{box-sizing: border-box;padding: var(--app-page-padding-block) var(--app-page-padding-inline);min-height: 100vh;min-height: 100dvh;background: linear-gradient(180deg,rgba(255,255,255,0.98) 0%,rgba(247,249,252,0.98) 100%)}.affiliate-dashboard-view .affiliate-dashboard-shell{position: relative;width: 100%;max-width: 1180px;margin: 0 auto;display: flex;flex-direction: column;gap: calc(var(--app-section-gap) + 0.35rem)}.affiliate-dashboard-view .affiliate-dashboard-hero{display: flex;flex-direction: column;gap: 1rem}.affiliate-dashboard-view .affiliate-dashboard-hero-copy{display: flex;flex-direction: column;gap: 0.5rem;max-width: 56rem}.affiliate-dashboard-view .affiliate-dashboard-eyebrow-row{display: inline-flex;align-items: center;gap: 0.45rem;align-self: flex-start}.affiliate-dashboard-view .affiliate-dashboard-eyebrow{display: inline-flex;align-items: center;padding: 0.38rem 0.72rem;border-radius: 999px;border: 1px solid rgba(137,158,183,0.28);background: rgba(228,238,246,0.96);color: #516074;font-size: 0.74rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}.affiliate-dashboard-view .affiliate-dashboard-help-trigger{display: inline-flex;align-items: center;justify-content: center;min-width: 1.9rem;width: 1.9rem;height: 1.9rem;padding: 0;border-radius: 999px;background: rgba(255,255,255,0.82);box-shadow: inset 0 0 0 1px rgba(137,158,183,0.26);color: #516074;font-weight: 800;line-height: 1}.affiliate-dashboard-view .affiliate-dashboard-help-trigger:hover{background: #FFFFFF;color: #223142;box-shadow: inset 0 0 0 1px rgba(102,120,143,0.32)}.affiliate-dashboard-view .affiliate-dashboard-title{margin: 0;max-width: 25ch;color: #16212d;font-family: "Oswald",var(--aura-font-family);font-size: clamp(2.2rem,2.4vw + 1.2rem,3.8rem);line-height: 0.96;letter-spacing: -0.045em;font-weight: 700}.affiliate-dashboard-view .affiliate-dashboard-subtitle{margin: 0;max-width: 52rem;color: #4d5b6b;font-size: 1rem;line-height: 1.6}.affiliate-dashboard-view .affiliate-dashboard-hero-surface{position: relative;display: grid;grid-template-columns: minmax(0,1.12fr) minmax(300px,0.88fr);align-items: stretch;gap: clamp(1rem,1vw + 0.7rem,1.4rem);padding: clamp(1rem,1vw + 0.9rem,1.6rem);border-radius: 30px;border: 1px solid rgba(199,214,229,0.78);background: linear-gradient(135deg,rgba(255,255,255,0.96) 0%,rgba(248,251,253,0.97) 52%,rgba(235,242,247,0.98) 100%);box-shadow: 0 24px 56px rgba(18,31,48,0.09);overflow: hidden}.affiliate-dashboard-view .affiliate-dashboard-hero-surface::before{content: "";position: absolute;inset: auto -10% -42% 48%;border-radius: 999px;background: radial-gradient(circle at center,rgba(101,170,219,0.22) 0%,rgba(101,170,219,0) 72%);pointer-events: none}.affiliate-dashboard-view .affiliate-dashboard-hero-surface::after{content: "";position: absolute;inset: -24% auto auto -10%;width: 20rem;height: 20rem;border-radius: 999px;background: radial-gradient(circle at center,rgba(167,206,232,0.22) 0%,rgba(167,206,232,0) 76%);pointer-events: none}.affiliate-dashboard-view .affiliate-dashboard-hero-focus-card{position: relative;display: grid;grid-template-rows: auto auto auto auto 1fr auto;gap: 0.8rem;min-height: 0;height: 100%;box-sizing: border-box;padding: clamp(1.1rem,1vw + 0.8rem,1.5rem);border-radius: 26px;border: 1px solid rgba(255,255,255,0.1);background: linear-gradient(145deg,#203345 0%,#31495f 55%,#4b6a84 100%);box-shadow: inset 0 1px 0 rgba(255,255,255,0.12),0 20px 40px rgba(18,31,48,0.22);overflow: hidden}.affiliate-dashboard-view .affiliate-dashboard-hero-focus-card::after{content: "";position: absolute;top: -4rem;right: -4rem;width: 16rem;height: 16rem;border-radius: 999px;background: radial-gradient(circle at center,rgba(147,208,255,0.28) 0%,rgba(147,208,255,0) 74%);pointer-events: none}.affiliate-dashboard-view .affiliate-dashboard-hero-focus-label{position: relative;z-index: 1;color: rgba(243,248,252,0.78);font-size: 0.82rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}.affiliate-dashboard-view .affiliate-dashboard-hero-focus-value{position: relative;z-index: 1;display: block;color: #F8FBFF;font-family: "Oswald",var(--aura-font-family);font-size: clamp(3rem,3vw + 1.8rem,4.6rem);line-height: 0.9;letter-spacing: -0.055em}.affiliate-dashboard-view .affiliate-dashboard-hero-focus-meta{position: relative;z-index: 1;display: flex;flex-wrap: wrap;align-items: center;gap: 0.65rem}.affiliate-dashboard-view .affiliate-dashboard-pill{position: relative;z-index: 1;border-radius: 999px;padding: 0.32rem 0.64rem;font-size: 0.75rem;font-weight: 700;border: 1px solid rgba(245,248,252,0.4);background: rgba(16,24,34,0.26);color: rgba(243,248,252,0.88)}.affiliate-dashboard-view .affiliate-dashboard-pill.is-success-soft,.affiliate-dashboard-view .affiliate-dashboard-pill.is-warning{color: #0f1723;background: rgba(255,255,255,0.86)}.affiliate-dashboard-view .affiliate-dashboard-hero-focus-title{position: relative;z-index: 1;color: #F6FAFF;font-size: clamp(1.22rem,0.7vw + 1rem,1.6rem);font-weight: 700;line-height: 1.08;letter-spacing: -0.03em}.affiliate-dashboard-view .affiliate-dashboard-hero-focus-note{position: relative;z-index: 1;margin: 0;color: rgba(242,247,252,0.82);line-height: 1.58;max-width: 34rem}.affiliate-dashboard-view .affiliate-dashboard-hero-actions{position: relative;z-index: 1;display: flex;flex-wrap: wrap;gap: 0.75rem}.affiliate-dashboard-view .affiliate-dashboard-hero-actions vaadin-button{width: fit-content}.affiliate-dashboard-view .onboarding-task-link{margin-top: 2px}.affiliate-dashboard-view .affiliate-dashboard-hero-stat-grid{position: relative;z-index: 1;display: grid;grid-template-rows: repeat(2,minmax(0,1fr));gap: 0.9rem;align-self: stretch}.affiliate-dashboard-view .affiliate-dashboard-hero-stat-card{display: flex;flex-direction: column;gap: 0.42rem;min-width: 0;padding: 1.1rem 1.15rem;border-radius: 24px;border: 1px solid rgba(210,222,233,0.78);background: linear-gradient(180deg,rgba(255,255,255,0.93) 0%,rgba(248,251,253,0.98) 100%);box-shadow: 0 18px 40px rgba(18,31,48,0.08);backdrop-filter: blur(10px) saturate(110%);-webkit-backdrop-filter: blur(10px) saturate(110%)}.affiliate-dashboard-view .affiliate-dashboard-hero-stat-label{color: #5d6b7b;font-size: 0.78rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}.affiliate-dashboard-view .affiliate-dashboard-hero-stat-value{display: block;color: #1a2735;font-family: "Oswald",var(--aura-font-family);font-size: clamp(1.7rem,1vw + 1.15rem,2.35rem);line-height: 0.95;letter-spacing: -0.04em}.affiliate-dashboard-view .affiliate-dashboard-hero-stat-meta{color: #6a7685;font-size: 0.92rem;line-height: 1.5}.affiliate-dashboard-view .affiliate-dashboard-grid{width: 100%;--app-dashboard-widget-padding: clamp(1rem,0.8vw + 0.85rem,1.2rem);--vaadin-dashboard-widget-padding: var(--app-dashboard-widget-padding);--vaadin-dashboard-widget-header-padding: var(--app-dashboard-widget-padding) var(--app-dashboard-widget-padding) var(--vaadin-padding-s) var(--app-dashboard-widget-padding)}.affiliate-dashboard-view .affiliate-dashboard-grid vaadin-dashboard-widget.affiliate-dashboard-widget{--vaadin-dashboard-widget-background: linear-gradient(180deg,rgba(255,255,255,0.93) 0%,rgba(248,251,253,0.98) 100%);--vaadin-dashboard-widget-border-color: rgba(210,222,233,0.78);--vaadin-dashboard-widget-shadow: 0 18px 40px rgba(18,31,48,0.08);--vaadin-dashboard-widget-border-radius: 24px;--vaadin-dashboard-widget-title-font-size: 1.18rem;--vaadin-dashboard-widget-title-font-weight: 700;color: #1d2936;overflow: hidden}.affiliate-dashboard-view .affiliate-dashboard-grid vaadin-dashboard-widget.affiliate-dashboard-widget::part(header),.affiliate-dashboard-view .affiliate-dashboard-grid vaadin-dashboard-widget.affiliate-dashboard-widget::part(content){padding-inline: var(--app-dashboard-widget-padding)}.affiliate-dashboard-view .affiliate-dashboard-grid vaadin-dashboard-widget.affiliate-dashboard-widget::part(header){padding-top: var(--app-dashboard-widget-padding)}.affiliate-dashboard-view .affiliate-dashboard-grid vaadin-dashboard-widget.affiliate-dashboard-widget::part(content){padding-bottom: var(--app-dashboard-widget-padding)}.affiliate-dashboard-view .affiliate-dashboard-card-content{gap: 1rem;min-width: 0}.affiliate-dashboard-view .affiliate-dashboard-metric-grid{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 0.8rem}.affiliate-dashboard-view .affiliate-dashboard-metric{display: flex;flex-direction: column;gap: 0.35rem;justify-content: center;min-width: 0;padding: 0.95rem 1rem;border-radius: 18px;border: 1px solid rgba(214,224,234,0.84);background: linear-gradient(180deg,#f9fbfd 0%,#f3f7fa 100%);box-shadow: 0 10px 20px rgba(18,31,48,0.05)}.affiliate-dashboard-view .affiliate-dashboard-metric-label,.affiliate-dashboard-view .affiliate-dashboard-empty-state,.affiliate-dashboard-view .affiliate-dashboard-warning,.affiliate-dashboard-view .affiliate-dashboard-list-subtitle,.affiliate-dashboard-view .affiliate-dashboard-list-title{color: #667487}.affiliate-dashboard-view .affiliate-dashboard-metric-value{color: #1d2936;font-family: "Oswald",var(--aura-font-family);font-size: clamp(1.6rem,0.8vw + 1.1rem,2.05rem);line-height: 0.95;letter-spacing: -0.04em}.affiliate-dashboard-view .affiliate-dashboard-detail-row{display: flex;justify-content: space-between;align-items: center;gap: 0.9rem;min-width: 0;padding: 0.95rem 1rem;border-radius: 18px;border: 1px solid rgba(214,224,234,0.84);background: linear-gradient(180deg,#f9fbfd 0%,#f3f7fa 100%);box-shadow: 0 10px 20px rgba(18,31,48,0.05)}.affiliate-dashboard-view .affiliate-dashboard-detail-row span:first-child,.affiliate-dashboard-view .affiliate-dashboard-detail-row .affiliate-dashboard-detail-value{color: #1d2936;font-weight: 600}.affiliate-dashboard-view .affiliate-dashboard-list{display: flex;flex-direction: column;gap: 0.8rem}.affiliate-dashboard-view .affiliate-dashboard-list-row{align-items: flex-start;display: grid;grid-template-columns: minmax(0,1.4fr) minmax(0,1fr);gap: 0.9rem;padding: 0.95rem 1rem;border-radius: 18px;border: 1px solid rgba(214,224,234,0.84);background: linear-gradient(180deg,#f9fbfd 0%,#f3f7fa 100%);box-shadow: 0 10px 20px rgba(18,31,48,0.05)}.affiliate-dashboard-view .affiliate-dashboard-list-identity{display: flex;flex-direction: column;gap: 0.28rem}.affiliate-dashboard-view .affiliate-dashboard-list-title,.affiliate-dashboard-view .affiliate-dashboard-list-subtitle{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.affiliate-dashboard-view .affiliate-dashboard-list-title{color: #1d2936;font-weight: 700}.affiliate-dashboard-view .affiliate-dashboard-list-subtitle{font-size: 0.86rem}.affiliate-dashboard-view .affiliate-dashboard-list-metrics{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.6rem}.affiliate-dashboard-view .affiliate-dashboard-show-more{align-self: flex-start;margin-top: 0.4rem}.affiliate-dashboard-view .affiliate-dashboard-list-row--clickable{cursor: pointer;transition: transform 120ms ease,box-shadow 120ms ease}.affiliate-dashboard-view .affiliate-dashboard-list-row--clickable:hover{transform: translateY(-1px);box-shadow: 0 8px 18px rgba(15,23,35,0.08)}.affiliate-dashboard-view .affiliate-dashboard-list-metric{display: flex;flex-direction: column;gap: 0.2rem;padding-left: 0.75rem;padding-bottom: 0.5rem}.affiliate-dashboard-view .affiliate-dashboard-list .affiliate-dashboard-list-metric.affiliate-dashboard-list-metric--success{background-color: #e8f8ea !important;background-image: none !important;border: 1px solid #bfe8c4;border-radius: 0.5rem;padding: 0.4rem 0.6rem}.affiliate-dashboard-view .affiliate-dashboard-list-metric.affiliate-dashboard-list-metric--success .affiliate-dashboard-list-metric-label,.affiliate-dashboard-view .affiliate-dashboard-list-metric.affiliate-dashboard-list-metric--success .affiliate-dashboard-list-metric-value{color: #276749}html[data-theme-mode="dark"] .affiliate-dashboard-view .affiliate-dashboard-list .affiliate-dashboard-list-metric.affiliate-dashboard-list-metric--success{background-color: #1f4f34 !important;background-image: none !important;border-color: #2f6b49}html[data-theme-mode="dark"] .affiliate-dashboard-view .affiliate-dashboard-list-metric.affiliate-dashboard-list-metric--success .affiliate-dashboard-list-metric-label,html[data-theme-mode="dark"] .affiliate-dashboard-view .affiliate-dashboard-list-metric.affiliate-dashboard-list-metric--success .affiliate-dashboard-list-metric-value{color: #c0f2cf}.affiliate-dashboard-view .affiliate-dashboard-list-metric-label{color: #68758a;font-size: 0.75rem;text-transform: uppercase;letter-spacing: 0.08em;font-weight: 700}.affiliate-dashboard-view .affiliate-dashboard-list-metric-value{color: #1d2936;font-family: "Oswald",var(--aura-font-family);font-size: 1.05rem;line-height: 1.1;letter-spacing: -0.02em}.affiliate-dashboard-view .affiliate-dashboard-empty-state{display: flex;flex-direction: column;gap: 0.3rem;padding: 1rem 1.05rem;border-radius: 20px;border: 1px dashed rgba(196,210,224,0.88);border-style: dashed;border-color: rgba(196,210,224,0.88);background: linear-gradient(180deg,rgba(249,251,253,0.94) 0%,rgba(242,247,251,0.98) 100%)}.affiliate-dashboard-view .affiliate-dashboard-warning{margin-top: 0.4rem;padding: 0.7rem 0.9rem;border-radius: 14px;color: #8f2c20;background: rgba(250,233,228,0.75);border: 1px solid rgba(227,180,167,0.82)}.affiliate-dashboard-view .actions{gap: 0.7rem}.affiliate-dashboard-view .actions vaadin-button{border-radius: 14px;box-shadow: none}.affiliate-dashboard-view .affiliate-dashboard-customer-actions{margin-top: 1.4rem}.affiliate-dashboard-view .affiliate-dashboard-list-detail{color: #667487;font-size: 0.86rem;white-space: normal;overflow-wrap: anywhere}.affiliate-dashboard-view .affiliate-dashboard-hero-connect-button{margin-top: 0;--vaadin-button-height: 2rem}.affiliate-dashboard-view .driver-dashboard-earnings-content .sparkline-container{width: 100%;max-width: 100%;box-sizing: border-box;overflow-x: hidden}.affiliate-dashboard-view .driver-dashboard-earnings-content .sparkline-chart,.affiliate-dashboard-view .driver-dashboard-earnings-content .sparkline-plot,.affiliate-dashboard-view .driver-dashboard-earnings-content .sparkline,.affiliate-dashboard-view .driver-dashboard-earnings-content .sparkline-x-axis{width:100%;max-width: 100%;min-width: 0;box-sizing: border-box;overflow: hidden}html[data-theme-mode="dark"] .affiliate-dashboard-view .affiliate-dashboard-eyebrow,html[data-theme-mode="dark"] .affiliate-dashboard-view .affiliate-dashboard-title,html[data-theme-mode="dark"] .affiliate-dashboard-view .affiliate-dashboard-subtitle,html[data-theme-mode="dark"] .affiliate-dashboard-view .affiliate-dashboard-hero-stat-meta,html[data-theme-mode="dark"] .affiliate-dashboard-view .affiliate-dashboard-list-title,html[data-theme-mode="dark"] .affiliate-dashboard-view .affiliate-dashboard-detail-row span:first-child,html[data-theme-mode="dark"] .affiliate-dashboard-view .affiliate-dashboard-detail-row .affiliate-dashboard-detail-value,html[data-theme-mode="dark"] .affiliate-dashboard-view .affiliate-dashboard-list-title,html[data-theme-mode="dark"] .affiliate-dashboard-view .affiliate-dashboard-metric-label,html[data-theme-mode="dark"] .affiliate-dashboard-view .affiliate-dashboard-list-subtitle,html[data-theme-mode="dark"] .affiliate-dashboard-view .affiliate-dashboard-list-detail,html[data-theme-mode="dark"] .affiliate-dashboard-view .affiliate-dashboard-hero-stat-label,html[data-theme-mode="dark"] .affiliate-dashboard-view .affiliate-dashboard-pill,html[data-theme-mode="dark"] .affiliate-dashboard-view .affiliate-dashboard-list-metric-label,html[data-theme-mode="dark"] .affiliate-dashboard-view .affiliate-dashboard-metric-value,html[data-theme-mode="dark"] .affiliate-dashboard-view .affiliate-dashboard-detail-value,html[data-theme-mode="dark"] .affiliate-dashboard-view .affiliate-dashboard-list-metric-value{color: #BAC7D7}html[data-theme-mode="dark"] .affiliate-dashboard-view .affiliate-dashboard-hero-surface,html[data-theme-mode="dark"] .affiliate-dashboard-view .affiliate-dashboard-hero-stat-card{border-color: rgba(84,102,127,0.42);background: linear-gradient(180deg,rgba(21,29,42,0.94) 0%,rgba(16,23,35,0.98) 100%);box-shadow: 0 24px 56px rgba(5,9,17,0.36)}html[data-theme-mode="dark"] .affiliate-dashboard-view .affiliate-dashboard-hero-focus-card{background: linear-gradient(145deg,#182635 0%,#24384b 55%,#34556e 100%);box-shadow: inset 0 1px 0 rgba(255,255,255,0.08),0 20px 40px rgba(4,8,14,0.42)}html[data-theme-mode="dark"] .affiliate-dashboard-view .affiliate-dashboard-hero-focus-value,html[data-theme-mode="dark"] .affiliate-dashboard-view .affiliate-dashboard-hero-stat-value,html[data-theme-mode="dark"] .affiliate-dashboard-view .affiliate-dashboard-metric-value,html[data-theme-mode="dark"] .affiliate-dashboard-view .affiliate-dashboard-list-title,html[data-theme-mode="dark"] .affiliate-dashboard-view .affiliate-dashboard-list-metric-value{color: #EEF4FB}html[data-theme-mode="dark"] .affiliate-dashboard-view .affiliate-dashboard-grid vaadin-dashboard-widget.affiliate-dashboard-widget{--vaadin-dashboard-widget-background: linear-gradient(180deg,rgba(21,29,42,0.94) 0%,rgba(16,23,35,0.98) 100%);--vaadin-dashboard-widget-border-color: rgba(84,102,127,0.42);--vaadin-dashboard-widget-shadow: 0 24px 56px rgba(5,9,17,0.36);color: #EEF4FB}html[data-theme-mode="dark"] .affiliate-dashboard-view .affiliate-dashboard-metric,html[data-theme-mode="dark"] .affiliate-dashboard-view .affiliate-dashboard-detail-row,html[data-theme-mode="dark"] .affiliate-dashboard-view .affiliate-dashboard-list-row,html[data-theme-mode="dark"] .affiliate-dashboard-view .affiliate-dashboard-empty-state{border-color: rgba(86,105,130,0.42);background: linear-gradient(180deg,rgba(29,39,55,0.96) 0%,rgba(22,31,46,0.98) 100%);box-shadow: 0 16px 32px rgba(6,8,16,0.28)}@media (max-width: 980px){.affiliate-dashboard-view .affiliate-dashboard-hero-surface{grid-template-columns: 1fr}.affiliate-dashboard-view .affiliate-dashboard-hero-stat-grid,.affiliate-dashboard-view .driver-dashboard-hero-stat-grid{grid-template-columns: 1fr}.affiliate-dashboard-view .affiliate-dashboard-hero-stat-grid{grid-template-rows: repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.affiliate-dashboard-view .affiliate-dashboard-title{max-width: none}.affiliate-dashboard-view .affiliate-dashboard-hero-stat-grid,.affiliate-dashboard-view .driver-dashboard-hero-stat-grid,.affiliate-dashboard-view .affiliate-dashboard-list-row,.affiliate-dashboard-view .affiliate-dashboard-list-metrics{grid-template-columns: 1fr}}@media (max-width: 640px){.affiliate-dashboard-view{padding: var(--vaadin-padding-s)}.affiliate-dashboard-view .affiliate-dashboard-hero-surface,.affiliate-dashboard-view .affiliate-dashboard-hero-focus-card,.affiliate-dashboard-view .affiliate-dashboard-hero-stat-card{padding: 1rem;border-radius: 22px}.affiliate-dashboard-view .affiliate-dashboard-hero-focus-value{font-size: clamp(2.6rem,12vw,3.6rem)}.affiliate-dashboard-view .affiliate-dashboard-grid{--app-dashboard-widget-padding: var(--vaadin-padding-s);--vaadin-dashboard-widget-padding: var(--app-dashboard-widget-padding);--vaadin-dashboard-widget-header-padding: var(--vaadin-padding-s) var(--app-dashboard-widget-padding) var(--vaadin-padding-s) var(--app-dashboard-widget-padding)}.affiliate-dashboard-view .affiliate-dashboard-grid vaadin-dashboard-widget.affiliate-dashboard-widget{--vaadin-dashboard-widget-border-radius: 22px}.affiliate-dashboard-view .affiliate-dashboard-metric,.affiliate-dashboard-view .affiliate-dashboard-detail-row,.affiliate-dashboard-view .affiliate-dashboard-list-row,.affiliate-dashboard-view .affiliate-dashboard-empty-state{padding: 0.95rem;border-radius: 18px}.affiliate-dashboard-view .actions vaadin-button{width: 100%}}.documents-admin-view{box-sizing: border-box;padding: var(--vaadin-padding-m)}.documents-admin-view .onboarding-shell{max-width: 980px;margin: 0 auto;display: flex;flex-direction: column;gap: var(--vaadin-gap-m)}.documents-admin-view .onboarding-shell h2{margin: 0}.documents-admin-view .onboarding-shell p{margin: 0;color: var(--vaadin-text-color-secondary)}.documents-admin-view .onboarding-actions{margin-bottom: var(--vaadin-gap-s)}.documents-admin-view .onboarding-accordion vaadin-accordion-panel{border-radius: 22px;overflow: hidden;border: 1px solid rgba(255,255,255,0.62);background: rgba(255,255,255,0.52);backdrop-filter: blur(12px) saturate(125%);-webkit-backdrop-filter: blur(12px) saturate(125%);margin-bottom: var(--vaadin-gap-s);box-shadow: 0 12px 26px rgba(24,36,56,0.08)}.documents-admin-view .onboarding-accordion vaadin-accordion-panel::part(summary){font-weight: 600;padding: var(--vaadin-padding-m)}.documents-admin-view .onboarding-accordion vaadin-accordion-panel::part(content){padding: 0 var(--vaadin-padding-m) var(--vaadin-padding-m) var(--vaadin-padding-m)}.documents-admin-view .admin-image-preview-field{display: flex;flex-direction: column;align-items: flex-start;gap: 6px;width: 100%}.documents-admin-view .admin-image-preview-label{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.documents-admin-view .admin-image-preview{display: block;width: auto;max-width: 120px;border-radius: 8px;border: 1px solid rgba(0,0,0,0.08);background: rgba(255,255,255,0.70)}.documents-admin-view .admin-image-actions{align-items: center;flex-wrap: wrap}html[data-theme-mode="dark"] .documents-admin-view .onboarding-accordion vaadin-accordion-panel{border-color: rgba(173,195,230,0.26);background: rgba(22,30,45,0.58);box-shadow: 0 16px 32px rgba(6,8,16,0.35)}@media (max-width: 640px){.documents-admin-view{padding: var(--vaadin-padding-s)}}.driver-documents-view{box-sizing: border-box;padding: var(--vaadin-padding-m)}.driver-documents-view .driver-documents-shell{width: 100%;max-width: none;margin: 0;display: flex;flex-direction: column;gap: 1rem;overflow: visible}.driver-documents-view .driver-documents-header{display: flex;flex-direction: column;gap: 0.35rem}.driver-documents-view .driver-documents-header-row{display: flex;align-items: flex-start;justify-content: space-between;gap: 0.75rem}.driver-documents-view .driver-documents-header-copy{max-width: 42rem}.driver-documents-view h2,.driver-documents-view h3{margin: 0}.driver-documents-view p{margin: 0}.driver-documents-view .secondary{color: var(--vaadin-text-color-secondary)}.driver-documents-status-tag{display: inline-flex;align-items: center;border-radius: 999px;padding: 7px 12px;font-size: var(--aura-font-size-s);font-weight: 600;line-height: 1.2;border: 1px solid transparent}.driver-documents-status-tag.is-neutral{background: #f1f3f5;color: #515a66;border-color: #d6dbe2}.driver-documents-status-tag.is-warning{background: #fff4cc;color: #7a5700;border-color: #ffdd85}.driver-documents-status-tag.is-success-soft{background: #e8f8ea;color: #276749;border-color: #bfe8c4}.driver-documents-status-tag.is-success{background: #d6f5d8;color: #0e5b27;border-color: #9fdeb0}.driver-documents-status-tag.is-danger{background: #ffe2e2;color: #8c1d1d;border-color: #ffb7b7}.driver-documents-view .driver-documents-layout{display: grid;grid-template-columns: minmax(248px,284px) minmax(0,1fr);gap: 1rem;align-items: start;overflow: visible}.driver-documents-view .driver-documents-rail{position: sticky;top: 1rem;display: flex;flex-direction: column;gap: 0.9rem;min-width: 0;padding: 1rem;border-radius: 28px;border: 1px solid rgba(229,236,246,0.88);background: rgba(255,255,255,0.84);backdrop-filter: blur(14px) saturate(130%);-webkit-backdrop-filter: blur(14px) saturate(130%);box-shadow: 0 18px 34px rgba(20,32,52,0.08),0 4px 10px rgba(20,32,52,0.04);overflow: visible}.driver-documents-view .driver-documents-tabs-container{width: 100%;min-width: 0;overflow: visible}.driver-documents-view .driver-documents-rail-header{display: flex;flex-direction: column;gap: 0.24rem}.driver-documents-view .driver-documents-rail-label{display: inline-flex;align-items: center;color: #3F526C;font-size: 0.76rem;font-weight: 800;letter-spacing: 0.08em;line-height: 1;text-transform: uppercase}.driver-documents-view .driver-documents-rail-hint{margin: 0;color: #627287;font-size: 0.9rem;line-height: 1.45}.driver-documents-view .driver-documents-tabs{width: 100%;--vaadin-tabs-background: transparent;--vaadin-tabs-border-radius: 0;--vaadin-tabs-padding: 0;contain: none !important;overflow: visible !important}.driver-documents-view .driver-documents-tabs::part(tabs){display: flex;flex-direction: column;gap: 0.55rem;width: 100%;padding: 0;border: 0;background: transparent;box-shadow: none;-webkit-mask-image: none !important;mask-image: none !important;overflow: visible !important;isolation: isolate}.driver-documents-view .driver-documents-tabs::part(tabs-container){overflow: visible !important}.driver-documents-view .driver-documents-tabs::part(back-button),.driver-documents-view .driver-documents-tabs::part(forward-button){overflow: visible !important}.driver-documents-view .driver-documents-tabs vaadin-tab{display: grid;grid-template-columns: auto minmax(0,1fr);align-items: start;gap: 0.8rem;width: 100%;min-height: 4.5rem;padding: 0.9rem 0.95rem;border: 1px solid rgba(137,154,180,0.18);border-radius: 20px;background: rgba(252,253,255,0.78);color: inherit;box-sizing: border-box;text-align: left;overflow: visible;position: relative;z-index: 0;transition: transform 160ms ease,border-color 160ms ease,box-shadow 160ms ease,background 160ms ease}.driver-documents-view .driver-documents-tabs vaadin-tab:hover{transform: translateX(3px);border-color: rgba(118,139,171,0.28);background: rgba(255,255,255,0.9);box-shadow: 0 10px 18px rgba(26,37,56,0.08);z-index: 1}.driver-documents-view .driver-documents-tabs vaadin-tab[selected]{border-color: rgba(77,109,161,0.26);background: linear-gradient(180deg,rgba(255,255,255,0.98) 0%,rgba(242,247,255,0.96) 100%);box-shadow: 0 14px 24px rgba(31,48,78,0.12);transform: none;z-index: 2}.driver-documents-view .driver-documents-tab-number{display: inline-flex;align-items: center;justify-content: center;width: 2.1rem;height: 2.1rem;border-radius: 999px;border: 1px solid rgba(140,156,180,0.2);background: rgba(255,255,255,0.98);color: #435772;font-size: 0.92rem;font-weight: 800;box-shadow: inset 0 1px 0 rgba(255,255,255,0.92)}.driver-documents-view .driver-documents-tabs vaadin-tab[selected] .driver-documents-tab-number{border-color: transparent;background: linear-gradient(180deg,#60789D 0%,#475A74 100%);color: #FFFFFF;box-shadow: 0 10px 18px rgba(31,48,78,0.22)}.driver-documents-view .driver-documents-tab-copy{display: flex;flex-direction: column;gap: 0.18rem;min-width: 0}.driver-documents-view .driver-documents-tab-title{color: #1F2D3D;font-size: 0.98rem;font-weight: 800;line-height: 1.2;letter-spacing: -0.01em}.driver-documents-view .driver-documents-tab-hint{color: #697A90;font-size: 0.84rem;line-height: 1.45}.driver-documents-view .driver-documents-content,.driver-documents-view .driver-documents-tab-panels{min-width: 0;overflow: visible}.driver-documents-view .driver-documents-content{padding: 1.35rem 1.35rem 1.3rem;border-radius: 28px;border: 1px solid rgba(229,236,246,0.88);background: rgba(255,255,255,0.84);backdrop-filter: blur(14px) saturate(130%);-webkit-backdrop-filter: blur(14px) saturate(130%);box-shadow: 0 18px 34px rgba(20,32,52,0.08),0 4px 10px rgba(20,32,52,0.04);overflow: visible}.driver-documents-view .driver-documents-page{display: none;width: 100%;min-width: 0;overflow: visible}.driver-documents-view .driver-documents-page.is-active{display: block}.driver-documents-view .driver-documents-panel{display: flex;flex-direction: column;gap: 1.2rem;overflow: visible}.driver-documents-view .driver-documents-panel-header{display: flex;flex-direction: column;gap: 0.42rem;min-width: 0}.driver-documents-view .driver-documents-step-badge{display: inline-flex;align-items: center;width: fit-content;padding: 0.34rem 0.72rem;border-radius: 999px;background: rgba(234,241,251,0.9);border: 1px solid rgba(122,147,189,0.22);color: #445A76;font-size: 0.74rem;font-weight: 800;letter-spacing: 0.08em;line-height: 1;text-transform: uppercase}.driver-documents-view .driver-documents-panel-title{margin: 0;color: #1B2837;font-size: clamp(1.55rem,2vw,2rem);font-weight: 800;line-height: 1.08;letter-spacing: -0.03em}.driver-documents-view .driver-documents-panel-hint{margin: 0;color: #66788E;font-size: 0.98rem;line-height: 1.55;max-width: 44rem}.driver-documents-view .onboarding-accordion vaadin-accordion-panel{border-radius: 22px;overflow: hidden;border: 1px solid rgba(255,255,255,0.62);background: rgba(255,255,255,0.52);backdrop-filter: blur(12px) saturate(125%);-webkit-backdrop-filter: blur(12px) saturate(125%);margin-bottom: var(--vaadin-gap-s);box-shadow: 0 12px 26px rgba(24,36,56,0.08)}.driver-documents-view .onboarding-accordion vaadin-accordion-panel::part(summary){display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-gap-s);width: 100%;padding: var(--vaadin-padding-m)}.driver-documents-view .onboarding-accordion vaadin-accordion-panel::part(content){padding: 0 var(--vaadin-padding-m) var(--vaadin-padding-m) var(--vaadin-padding-m)}.driver-documents-view .driver-documents-section-summary{width: 100%;display: flex;justify-content: space-between;align-items: center;gap: var(--vaadin-gap-s);flex-wrap: wrap}.driver-documents-view .driver-documents-section-summary h3{margin: 0;white-space: nowrap}.driver-documents-view .driver-documents-card-header{display: flex;align-items: center;justify-content: flex-start;gap: var(--vaadin-gap-s);flex-wrap: wrap}.driver-documents-view .driver-documents-card-header h3{margin: 0;white-space: nowrap}.driver-documents-view .driver-documents-card{display: flex;flex-direction: column;gap: var(--vaadin-gap-s);width: 100%;box-sizing: border-box;padding: var(--vaadin-padding-m);border-radius: 24px;border: 1px solid rgba(223,231,241,0.96);background: rgba(251,253,255,0.92);box-shadow: 0 10px 18px rgba(24,36,56,0.05)}.driver-documents-view .driver-documents-agreement-card{display: flex;flex-direction: column;gap: 0.85rem;width: 100%;box-sizing: border-box;padding: 0.1rem 0 0;background: transparent;border: 0;box-shadow: none}.driver-documents-view .driver-documents-agreement-card .driver-documents-card-header{padding-bottom: 0.72rem;border-bottom: 1px solid rgba(126,149,178,0.16)}.driver-documents-view .driver-documents-agreement-copy{max-width: 46rem}.driver-documents-view .driver-documents-agreement-actions{display: flex;align-items: center;gap: 0.65rem;flex-wrap: wrap}.driver-documents-view .driver-documents-preview-row{display: flex;align-items: center;justify-content: flex-start;gap: var(--vaadin-gap-m)}.driver-documents-view .driver-documents-preview-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(120px,1fr));gap: var(--vaadin-gap-s);align-items: start}.driver-documents-view .driver-documents-preview-image{border-radius: 8px;border: 1px solid rgba(0,0,0,0.08);background: rgba(255,255,255,0.7)}.driver-documents-view .driver-documents-preview-clickable{cursor: pointer;object-fit: cover;object-position: center}.driver-documents-view .driver-documents-photo-placeholder{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.driver-documents-view .driver-documents-download{align-self: flex-start;font-weight: 600}.driver-documents-view :is(.driver-documents-sign-link,.driver-documents-download){display: inline-flex;align-items: center;justify-content: center;min-height: 2.35rem;box-sizing: border-box;padding: 0 0.95rem;border-radius: 999px;border: 1px solid rgba(95,121,160,0.22);background: rgba(237,244,253,0.78);color: #263A56;font-size: 0.92rem;font-weight: 800;text-decoration: none;box-shadow: inset 0 1px 0 rgba(255,255,255,0.86)}.driver-documents-view :is(.driver-documents-sign-link,.driver-documents-download):hover{border-color: rgba(77,109,161,0.34);background: rgba(226,238,253,0.94);color: #1E324C}html[data-theme-mode="dark"] .driver-documents-view .driver-documents-card{border-color: rgba(173,195,230,0.26);background: rgba(22,30,45,0.72);box-shadow: 0 16px 32px rgba(6,8,16,0.35)}html[data-theme-mode="dark"] .driver-documents-view .driver-documents-agreement-card .driver-documents-card-header{border-bottom-color: rgba(173,195,230,0.18)}html[data-theme-mode="dark"] .driver-documents-view :is(.driver-documents-sign-link,.driver-documents-download){border-color: rgba(173,195,230,0.22);background: rgba(31,45,66,0.88);color: #E3ECF8}html[data-theme-mode="dark"] .driver-documents-view :is(.driver-documents-sign-link,.driver-documents-download):hover{border-color: rgba(173,195,230,0.36);background: rgba(42,60,86,0.94);color: #FFFFFF}html[data-theme-mode="dark"] .driver-documents-view .driver-documents-rail-label{color: #C8D5E7}html[data-theme-mode="dark"] .driver-documents-view .driver-documents-rail-hint,html[data-theme-mode="dark"] .driver-documents-view .driver-documents-tab-hint,html[data-theme-mode="dark"] .driver-documents-view .driver-documents-panel-hint{color: #AEBDD2}html[data-theme-mode="dark"] .driver-documents-view .driver-documents-tabs vaadin-tab{border-color: rgba(173,195,230,0.16);background: rgba(28,39,56,0.78)}html[data-theme-mode="dark"] .driver-documents-view .driver-documents-tabs vaadin-tab:hover{border-color: rgba(173,195,230,0.26);background: rgba(36,50,71,0.86);box-shadow: 0 10px 20px rgba(6,10,18,0.24)}html[data-theme-mode="dark"] .driver-documents-view .driver-documents-tabs vaadin-tab[selected]{border-color: rgba(151,177,214,0.32);background: linear-gradient(180deg,rgba(39,56,82,0.98) 0%,rgba(31,46,68,0.96) 100%);box-shadow: 0 16px 28px rgba(6,8,16,0.28)}html[data-theme-mode="dark"] .driver-documents-view .driver-documents-tab-number{border-color: rgba(173,195,230,0.2);background: rgba(19,27,40,0.9);color: #D7E3F4}html[data-theme-mode="dark"] .driver-documents-view .driver-documents-tabs vaadin-tab[selected] .driver-documents-tab-number{background: linear-gradient(180deg,#8DA9CB 0%,#6F87A7 100%);color: #102133}html[data-theme-mode="dark"] .driver-documents-view .driver-documents-tab-title,html[data-theme-mode="dark"] .driver-documents-view .driver-documents-panel-title{color: #F2F6FC}html[data-theme-mode="dark"] .driver-documents-view .driver-documents-step-badge{border-color: rgba(121,146,187,0.3);background: rgba(31,42,60,0.86);color: #D2DDEC}html[data-theme-mode="dark"] .driver-documents-view .driver-documents-content{border-color: rgba(173,195,230,0.24);background: rgba(22,30,45,0.76);box-shadow: 0 20px 36px rgba(6,8,16,0.42)}html[data-theme-mode="dark"] .driver-documents-view .driver-documents-rail{border-color: rgba(173,195,230,0.24);background: rgba(22,30,45,0.76);box-shadow: 0 20px 36px rgba(6,8,16,0.42)}html[data-theme-mode="dark"] .driver-documents-view .onboarding-accordion vaadin-accordion-panel{border-color: rgba(173,195,230,0.26);background: rgba(22,30,45,0.58);box-shadow: 0 16px 32px rgba(6,8,16,0.35)}html[data-theme-mode="dark"] .driver-documents-status-tag.is-neutral{background: #2f3642;color: #ced8e5;border-color: #495466}html[data-theme-mode="dark"] .driver-documents-status-tag.is-warning{background: #534200;color: #ffe7a8;border-color: #7a6308}html[data-theme-mode="dark"] .driver-documents-status-tag.is-success-soft{background: #1f4f34;color: #c0f2cf;border-color: #2f6b49}html[data-theme-mode="dark"] .driver-documents-status-tag.is-success{background: #164f2c;color: #b8efc8;border-color: #2a7650}html[data-theme-mode="dark"] .driver-documents-status-tag.is-danger{background: #5a2121;color: #ffc8c8;border-color: #7f3434}@media (max-width: 640px){.driver-documents-view{padding: var(--vaadin-padding-s)}.driver-documents-view .driver-documents-layout{grid-template-columns: 1fr;gap: 0.8rem}.driver-documents-view .driver-documents-rail{position: static;gap: 0.6rem;padding: 1rem;border-radius: 24px}.driver-documents-view .driver-documents-header,.driver-documents-view .driver-documents-rail-header{display: none}.driver-documents-view .driver-documents-tabs[orientation='vertical']{display: block;width: 100%;overflow: visible}.driver-documents-view .driver-documents-tabs[orientation='vertical']::part(tabs){display: grid;grid-template-columns: 1fr 1fr;gap: 0.5rem;width: 100%;overflow: visible}.driver-documents-view .driver-documents-tabs vaadin-tab{width: 100%;min-height: 2.55rem;padding: 0.62rem 0.85rem;white-space: normal}.driver-documents-view .driver-documents-tabs vaadin-tab:nth-child(5){grid-column: 1 / -1}.driver-documents-view .driver-documents-tab-number{width: 1.8rem;height: 1.8rem;font-size: 0.82rem}.driver-documents-view .driver-documents-tab-hint,.driver-documents-view .driver-documents-panel-title,.driver-documents-view .driver-documents-panel-hint{display: none}.driver-documents-view .driver-documents-content{padding: 1rem;border-radius: 24px}.driver-documents-view .driver-documents-panel{gap: 1rem}.driver-documents-view .driver-documents-panel-title{font-size: 1.45rem}.driver-documents-view .driver-documents-card{padding: 0.95rem;border-radius: 20px}}.driver-appointments-view{box-sizing: border-box;padding: var(--vaadin-padding-m);min-width: 0;overflow-x: clip}.driver-appointments-view .driver-appointments-shell{max-width: 100%;margin: 0;display: flex;flex-direction: column;gap: var(--app-section-gap);min-height: 100%;min-width: 0;box-sizing: border-box;padding: 0;background: transparent;overflow-x: clip}.driver-activities-view .driver-activities-header{display: flex;align-items: flex-start;justify-content: space-between;gap: 0.75rem;margin-bottom: 1rem}.driver-activities-view .driver-activities-header h2{margin: 0}.driver-appointments-view .driver-appointments-title{margin: 0;padding: 0;font-size: clamp(2.3rem,2.4vw + 1.2rem,3.2rem);font-weight: 800;letter-spacing: -0.04em;line-height: 1.04;color: #142030}.driver-appointments-view .driver-appointments-title-row{display: flex;align-items: flex-start;justify-content: space-between;gap: 0.75rem;padding: 0 1.4rem}.driver-appointments-view .driver-appointments-shell>.secondary{margin: 0;padding: 0 1.4rem;max-width: 48rem;color: #44566E;font-size: 1rem;font-weight: 500;line-height: 1.5}.driver-appointments-view .driver-appointments-summary-card{display: block;padding: 0;border: 0;border-radius: 0;background: transparent;backdrop-filter: none;-webkit-backdrop-filter: none;box-shadow: none}.driver-appointments-view .driver-appointments-summary-row{display: grid;grid-template-columns: minmax(19rem,1.38fr) repeat(3,minmax(10.5rem,1fr));gap: 0.9rem;align-items: stretch;width: fit-content;max-width: 100%}.driver-appointments-view .driver-appointments-summary-info{display: flex;flex-direction: column;justify-content: space-between;gap: 0.45rem;min-width: 0;min-height: 8.25rem;padding: 1.15rem 1.25rem;border-radius: 26px;border: 1px solid rgba(83,112,146,0.28);background: radial-gradient(circle at 86% 22%,rgba(125,162,203,0.32) 0%,rgba(125,162,203,0) 30%),linear-gradient(140deg,#32475f 0%,#4f6d89 100%);box-shadow: 0 18px 34px rgba(30,45,67,0.16);color: #F2F7FD;overflow: hidden}.driver-appointments-view .driver-appointments-summary-label{color: rgba(232,240,250,0.78);font-size: 0.78rem;font-weight: 800;letter-spacing: 0.08em;text-transform: uppercase}.driver-appointments-view .driver-appointments-summary-value{font-size: clamp(2.4rem,4vw,3.75rem);font-weight: 300;line-height: 0.92;letter-spacing: -0.05em;color: #FFFFFF}.driver-appointments-view .driver-appointments-summary-meta,.driver-appointments-view .driver-appointments-summary-hint{margin: 0;color: #5F6772;font-size: 0.92rem;line-height: 1.45}.driver-appointments-view .driver-appointments-summary-hint{margin-top: 0.25rem}.driver-appointments-view .driver-appointments-summary-stats{display: contents}.driver-appointments-view .driver-appointments-summary-stat{display: flex;flex-direction: column;justify-content: space-between;gap: 0.55rem;min-width: 0;min-height: 8.25rem;padding: 1rem 1rem 0.95rem;border-radius: 20px;border: 1px solid rgba(223,231,241,0.96);background: rgba(248,251,255,0.94);box-shadow: 0 10px 22px rgba(24,36,56,0.06),inset 0 1px 0 rgba(255,255,255,0.52)}.driver-appointments-view .driver-appointments-summary-stat-label{color: #6B7280;font-size: 0.76rem;font-weight: 700;letter-spacing: 0.06em;line-height: 1.2;text-transform: uppercase}.driver-appointments-view .driver-appointments-summary-stat-value{color: #223244;font-size: 1.16rem;font-weight: 700;line-height: 1.3;word-break: break-word}.driver-appointments-view .driver-appointments-section{display: flex;flex-direction: column;gap: 0.9rem;width: 100%;min-height: 0;min-width: 0;position: relative;isolation: isolate}.driver-appointments-view .driver-appointments-section-heading{display: flex;flex-direction: column;gap: 0.24rem;padding: 0}.driver-appointments-view .driver-appointments-section-title-row{display: flex;align-items: center;gap: 0.55rem;flex-wrap: wrap}.driver-appointments-view .driver-appointments-section-title{color: #1F2B39;font-size: 1.08rem;font-weight: 800;letter-spacing: -0.01em}.driver-appointments-view .driver-appointments-section-count{display: inline-flex;align-items: center;justify-content: center;min-width: 1.8rem;min-height: 1.5rem;padding: 0.08rem 0.5rem;border-radius: 999px;background: rgba(220,228,240,0.9);color: #44566E;font-size: 0.75rem;font-weight: 800;line-height: 1}.driver-appointments-view .driver-appointments-section-hint{margin: 0;color: #5C6D83;font-size: 0.94rem;line-height: 1.45}.driver-appointments-view .driver-appointments-grid-header,.driver-appointments-view .driver-appointments-row-card{display: grid;width: 100%;box-sizing: border-box;grid-template-columns: minmax(0,2.25fr) minmax(0,1.7fr) minmax(0,1.4fr) minmax(9.25rem,1.05fr);gap: 1.15rem;align-items: center}.driver-appointments-view .driver-appointments-grid-header{padding: 0}.driver-appointments-view .driver-appointments-grid-label{color: #5C6D83;font-size: 0.82rem;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase}.driver-appointments-view .driver-appointments-grid-rows{display: flex;flex-direction: column;gap: 0.95rem;min-width: 0}.driver-appointments-view .driver-appointments-row-card{padding: 1rem 1.35rem;border-radius: 22px;position: relative;z-index: 0;border: 0;background: #FFFFFF;box-shadow: 0 16px 34px rgba(15,23,42,0.08),0 4px 10px rgba(15,23,42,0.05);transition: transform 180ms ease-in-out,box-shadow 180ms ease-in-out;will-change: transform,box-shadow}.driver-appointments-view .driver-appointments-row-card:hover{z-index: 2;transform: translateY(-1px);box-shadow: 0 18px 38px rgba(15,23,42,0.1),0 6px 14px rgba(15,23,42,0.06)}.driver-appointments-view .driver-appointments-entry-cell,.driver-appointments-view .driver-appointments-shop-cell,.driver-appointments-view .driver-appointments-details-cell,.driver-appointments-view .driver-appointments-action-cell{display: flex;min-width: 0;padding: 0;border: 0;background: transparent}.driver-appointments-view .driver-appointments-entry-cell{align-items: center;gap: 0.95rem}.driver-appointments-view .driver-appointments-entry-marker{display: inline-flex;flex-direction: column;align-items: center;justify-content: center;width: 3.45rem;height: 3.45rem;border-radius: 18px;flex-shrink: 0;background: linear-gradient(180deg,rgba(236,243,253,0.96) 0%,rgba(221,232,247,0.98) 100%);color: #26496F;box-shadow: inset 0 1px 0 rgba(255,255,255,0.72)}.driver-appointments-view .driver-appointments-entry-marker-month{font-size: 0.68rem;font-weight: 800;letter-spacing: 0.08em;line-height: 1}.driver-appointments-view .driver-appointments-entry-marker-day{font-size: 1.2rem;font-weight: 800;line-height: 1}.driver-appointments-view .driver-appointments-entry-copy,.driver-appointments-view .driver-appointments-shop-cell,.driver-appointments-view .driver-appointments-details-cell,.driver-appointments-view .driver-appointments-action-cell{flex-direction: column;gap: 0.24rem;min-width: 0}.driver-appointments-view .driver-appointments-entry-title-row,.driver-appointments-view .driver-appointments-details-title-row{display: flex;align-items: center;gap: 0.55rem;flex-wrap: wrap;min-width: 0}.driver-appointments-view .driver-appointments-entry-title,.driver-appointments-view .driver-appointments-shop-title,.driver-appointments-view .driver-appointments-details-title{color: #1F2B39;font-size: 1.02rem;font-weight: 800;letter-spacing: -0.02em;line-height: 1.25}.driver-appointments-view .driver-appointments-entry-meta,.driver-appointments-view .driver-appointments-shop-meta,.driver-appointments-view .driver-appointments-details-meta,.driver-appointments-view .driver-appointments-action-note{color: #5F6772;font-size: 0.92rem;line-height: 1.42}.driver-appointments-view .driver-appointments-shop-meta,.driver-appointments-view .driver-appointments-details-meta{max-width: 100%}.driver-appointments-view .driver-appointments-type-badge,.driver-appointments-view .driver-appointments-status-badge{display: inline-flex;align-items: center;min-height: 1.32rem;padding: 0.1rem 0.44rem;border-radius: 999px;border: 1px solid transparent;font-size: 0.66rem;font-weight: 800;line-height: 1;text-transform: uppercase}.driver-appointments-view .driver-appointments-type-badge.type-installation{background: rgba(62,150,104,0.14);color: #236A43;border-color: rgba(62,150,104,0.24)}.driver-appointments-view .driver-appointments-type-badge.type-deinstallation{background: rgba(244,225,186,0.34);color: #8A5B0B;border-color: rgba(201,155,66,0.34)}.driver-appointments-view .driver-appointments-type-badge.type-maintenance,.driver-appointments-view .driver-appointments-type-badge.type-other{background: rgba(170,180,196,0.18);color: #566173;border-color: rgba(120,133,152,0.26)}.driver-appointments-view .driver-appointments-status-badge.status-booked{background: rgba(204,229,255,0.42);color: #225D96;border-color: rgba(94,145,201,0.26)}.driver-appointments-view .driver-appointments-status-badge.status-open{background: rgba(62,150,104,0.14);color: #236A43;border-color: rgba(62,150,104,0.24)}.driver-appointments-view .driver-appointments-status-badge.status-completed{background: rgba(221,232,241,0.66);color: #44566E;border-color: rgba(137,154,180,0.26)}.driver-appointments-view .driver-appointments-status-badge.status-canceled,.driver-appointments-view .driver-appointments-status-badge.status-planned{background: rgba(244,225,186,0.26);color: #7A5700;border-color: rgba(201,155,66,0.28)}.driver-appointments-view vaadin-button.driver-appointments-row-button{--vaadin-button-height: 2.85rem;--vaadin-button-padding: 0 1.05rem;border-radius: 14px;box-shadow: none}.driver-appointments-view vaadin-button.driver-appointments-change-button{color: #304256}.driver-appointments-view vaadin-button.driver-appointments-change-button[disabled]{opacity: 0.55}.driver-appointments-view .driver-appointments-empty-state{display: flex;flex-direction: column;gap: 0.22rem;padding: 1.2rem 1.4rem;border-radius: 20px;background: rgba(255,255,255,0.82);color: #5F6772;box-shadow: 0 12px 24px rgba(15,23,42,0.06)}.driver-appointments-view .driver-appointments-empty-title{color: #233142;font-size: 1rem;font-weight: 700;line-height: 1.35}.driver-appointments-view .driver-appointments-empty-hint{color: #66788E;font-size: 0.92rem;line-height: 1.45}html[data-theme-mode="dark"] .driver-appointments-view .driver-appointments-summary-card{background: transparent;border: 0;box-shadow: none}html[data-theme-mode="dark"] .driver-appointments-view .driver-appointments-summary-info{border-color: rgba(122,153,192,0.3);background: radial-gradient(circle at 86% 22%,rgba(120,160,206,0.24) 0%,rgba(120,160,206,0) 30%),linear-gradient(140deg,#253447 0%,#3f5872 100%);box-shadow: 0 20px 36px rgba(6,8,16,0.32)}html[data-theme-mode="dark"] .driver-appointments-view .driver-appointments-title{color: #F3F7FD}html[data-theme-mode="dark"] .driver-appointments-view .driver-appointments-summary-meta,html[data-theme-mode="dark"] .driver-appointments-view .driver-appointments-summary-hint,html[data-theme-mode="dark"] .driver-appointments-view .driver-appointments-entry-meta,html[data-theme-mode="dark"] .driver-appointments-view .driver-appointments-shop-meta,html[data-theme-mode="dark"] .driver-appointments-view .driver-appointments-details-meta,html[data-theme-mode="dark"] .driver-appointments-view .driver-appointments-action-note,html[data-theme-mode="dark"] .driver-appointments-view .driver-appointments-section-hint,html[data-theme-mode="dark"] .driver-appointments-view .driver-appointments-shell>.secondary{color: #AAB7CC}html[data-theme-mode="dark"] .driver-appointments-view .driver-appointments-summary-label,html[data-theme-mode="dark"] .driver-appointments-view .driver-appointments-grid-label{color: #B8C7DB}html[data-theme-mode="dark"] .driver-appointments-view .driver-appointments-summary-stat{border-color: rgba(173,195,230,0.18);background: rgba(26,36,53,0.84);box-shadow: 0 14px 28px rgba(6,8,16,0.28),inset 0 1px 0 rgba(255,255,255,0.02)}html[data-theme-mode="dark"] .driver-appointments-view .driver-appointments-summary-stat-value,html[data-theme-mode="dark"] .driver-appointments-view .driver-appointments-entry-title,html[data-theme-mode="dark"] .driver-appointments-view .driver-appointments-shop-title,html[data-theme-mode="dark"] .driver-appointments-view .driver-appointments-details-title,html[data-theme-mode="dark"] .driver-appointments-view .driver-appointments-section-title,html[data-theme-mode="dark"] .driver-appointments-view .driver-appointments-empty-title{color: #EFF3FA}html[data-theme-mode="dark"] .driver-appointments-view .driver-appointments-section-count{background: rgba(64,78,101,0.72);color: #D9E4F4}html[data-theme-mode="dark"] .driver-appointments-view .driver-appointments-row-card,html[data-theme-mode="dark"] .driver-appointments-view .driver-appointments-empty-state{background: rgba(23,30,43,0.9);box-shadow: 0 16px 34px rgba(6,8,16,0.34)}html[data-theme-mode="dark"] .driver-appointments-view .driver-appointments-entry-marker{background: linear-gradient(180deg,rgba(41,57,81,0.96) 0%,rgba(32,46,66,0.98) 100%);color: #D4E1F3;box-shadow: inset 0 1px 0 rgba(255,255,255,0.04)}html[data-theme-mode="dark"] .driver-appointments-view .driver-appointments-type-badge.type-installation,html[data-theme-mode="dark"] .driver-appointments-view .driver-appointments-status-badge.status-open{background: rgba(62,150,104,0.2);color: #B8F0D2;border-color: rgba(97,198,143,0.32)}html[data-theme-mode="dark"] .driver-appointments-view .driver-appointments-type-badge.type-deinstallation,html[data-theme-mode="dark"] .driver-appointments-view .driver-appointments-status-badge.status-canceled,html[data-theme-mode="dark"] .driver-appointments-view .driver-appointments-status-badge.status-planned{background: rgba(120,90,21,0.3);color: #F4DCA7;border-color: rgba(173,129,47,0.32)}html[data-theme-mode="dark"] .driver-appointments-view .driver-appointments-type-badge.type-maintenance,html[data-theme-mode="dark"] .driver-appointments-view .driver-appointments-type-badge.type-other,html[data-theme-mode="dark"] .driver-appointments-view .driver-appointments-status-badge.status-completed{background: rgba(91,103,122,0.28);color: #D3DAE6;border-color: rgba(126,139,158,0.32)}html[data-theme-mode="dark"] .driver-appointments-view .driver-appointments-status-badge.status-booked{background: rgba(64,112,176,0.28);color: #C7DEFF;border-color: rgba(103,147,204,0.34)}@media (max-width: 1180px){.driver-appointments-view .driver-appointments-summary-row{grid-template-columns: repeat(2,minmax(0,1fr));width: min(100%,44rem)}.driver-appointments-view .driver-appointments-summary-info{grid-column: 1 / -1}.driver-appointments-view .driver-appointments-grid-header,.driver-appointments-view .driver-appointments-row-card{grid-template-columns: minmax(17rem,2fr) minmax(14rem,1.4fr) minmax(12rem,1.1fr)}.driver-appointments-view .driver-appointments-grid-header>:last-child{display: none}.driver-appointments-view .driver-appointments-action-cell{grid-column: 1 / -1;flex-direction: row;align-items: center;gap: 0.75rem}}@media (max-width: 920px){.driver-appointments-view .driver-appointments-grid-header{display: none}.driver-appointments-view .driver-appointments-row-card{grid-template-columns: 1fr;gap: 1rem}.driver-appointments-view .driver-appointments-action-cell{grid-column: auto;flex-direction: column;align-items: flex-start;gap: 0.35rem}}@media (max-width: 640px){.driver-appointments-view{padding: calc(var(--vaadin-padding-s) + 0.45rem) var(--vaadin-padding-s) var(--vaadin-padding-s);overflow-x: hidden}.driver-appointments-view .driver-appointments-title-row{padding: 0 0.8rem;align-items: center}.driver-appointments-view .driver-appointments-title{font-size: clamp(2rem,8vw,2.55rem);line-height: 0.98}.driver-appointments-view .driver-appointments-shell>.secondary{padding: 0 0.8rem;max-width: 24rem;font-size: 0.95rem;line-height: 1.42}.driver-appointments-view .driver-appointments-summary-card{width: 100%;max-width: 100%;padding: 0;box-sizing: border-box}.driver-appointments-view .driver-appointments-summary-row{grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.7rem;width: 100%;max-width: calc(100vw - 1.6rem);box-sizing: border-box}.driver-appointments-view .driver-appointments-summary-info{grid-column: 1 / -1;min-height: 0;padding: 1rem 1rem 0.95rem;border-radius: 22px;gap: 0.32rem;max-width: 100%;box-sizing: border-box;box-shadow: 0 12px 24px rgba(30,45,67,0.14)}.driver-appointments-view .driver-appointments-summary-value{font-size: clamp(2rem,11vw,2.9rem);line-height: 0.95}.driver-appointments-view .driver-appointments-summary-stat{min-height: 0;padding: 0.85rem 0.9rem;border-radius: 18px;gap: 0.4rem;max-width: 100%;box-sizing: border-box;box-shadow: 0 8px 18px rgba(24,36,56,0.06),inset 0 1px 0 rgba(255,255,255,0.52)}.driver-appointments-view .driver-appointments-summary-stat-value{font-size: 1.05rem}.driver-appointments-view .driver-appointments-summary-row>.driver-appointments-summary-stat:last-child{grid-column: 1 / -1}.driver-appointments-view .driver-appointments-section-heading,.driver-appointments-view .driver-appointments-grid-header{padding: 0}.driver-appointments-view .driver-appointments-section{gap: 0.7rem}.driver-appointments-view .driver-appointments-section-title{font-size: 1rem}.driver-appointments-view .driver-appointments-section-hint{font-size: 0.9rem;line-height: 1.38}.driver-appointments-view .driver-appointments-row-card{width: 100%;max-width: 100%;gap: 0.85rem;padding: 0.95rem;border-radius: 20px;box-sizing: border-box;box-shadow: 0 12px 24px rgba(15,23,42,0.07),0 3px 8px rgba(15,23,42,0.05)}.driver-appointments-view .driver-appointments-entry-cell{gap: 0.8rem}.driver-appointments-view .driver-appointments-entry-marker{width: 3rem;height: 3rem;border-radius: 16px}.driver-appointments-view .driver-appointments-entry-marker-day{font-size: 1.08rem}.driver-appointments-view .driver-appointments-entry-title,.driver-appointments-view .driver-appointments-shop-title,.driver-appointments-view .driver-appointments-details-title{font-size: 0.98rem}.driver-appointments-view .driver-appointments-entry-meta,.driver-appointments-view .driver-appointments-shop-meta,.driver-appointments-view .driver-appointments-details-meta,.driver-appointments-view .driver-appointments-action-note{font-size: 0.88rem;line-height: 1.36}.driver-appointments-view .driver-appointments-action-cell{width: 100%}.driver-appointments-view vaadin-button.driver-appointments-row-button{width: 100%}.driver-appointments-view .driver-appointments-empty-state{width: 100%;max-width: 100%;padding: 0.95rem;border-radius: 18px;box-sizing: border-box}}.earnings-details-view{box-sizing: border-box;padding: var(--vaadin-padding-m)}.earnings-details-view .earnings-shell{max-width: 1240px;margin: 0 auto;display: flex;flex-direction: column;gap: var(--vaadin-gap-m)}.earnings-details-view .earnings-top-grid{display: grid;grid-template-columns: minmax(300px,0.92fr) minmax(0,1.28fr);gap: var(--app-section-gap);align-items: stretch}.earnings-details-view .earnings-card{display: flex;flex-direction: column;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-m);border-radius: 24px;border: 1px solid rgba(255,255,255,0.62);background: rgba(255,255,255,0.52);backdrop-filter: blur(12px) saturate(125%);-webkit-backdrop-filter: blur(12px) saturate(125%);box-shadow: 0 12px 26px rgba(24,36,56,0.08)}.earnings-details-view .earnings-card h3{margin: 0}.earnings-details-view .earnings-header{position: relative;display: grid;grid-template-columns: minmax(0,1fr) auto;align-items: start;gap: 1rem 1.35rem;padding: 0;border: 0;border-radius: 0;background: transparent;box-shadow: none;overflow: visible}.earnings-details-view .earnings-header::before{content: none}.earnings-details-view .earnings-header::after{content: none}.earnings-details-view .earnings-hero-copy{position: relative;z-index: 1;display: flex;flex-direction: column;gap: 0;max-width: 54rem}.earnings-details-view .earnings-eyebrow-row{display: inline-flex;align-items: center;gap: 0.45rem;align-self: flex-start}.earnings-details-view .earnings-eyebrow,.earnings-details-view .earnings-section-eyebrow{display: inline-flex;align-items: center;padding: 0.38rem 0.72rem;border-radius: 999px;border: 1px solid rgba(137,158,183,0.28);background: rgba(228,238,246,0.96);color: #516074;font-size: 0.74rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}.earnings-details-view .earnings-help-trigger{display: inline-flex;align-items: center;justify-content: center;min-width: 1.9rem;width: 1.9rem;height: 1.9rem;padding: 0;border-radius: 999px;background: rgba(255,255,255,0.82);box-shadow: inset 0 0 0 1px rgba(137,158,183,0.26);color: #516074;font-weight: 800;line-height: 1}.earnings-details-view .earnings-help-trigger:hover{background: #FFFFFF;color: #223142;box-shadow: inset 0 0 0 1px rgba(102,120,143,0.32)}.earnings-details-view .earnings-title{margin: 0;max-width: none;color: var(--app-page-title-color);font-family: var(--aura-font-family);font-size: var(--app-page-title-size);line-height: var(--app-page-title-line-height);letter-spacing: var(--app-page-title-letter-spacing);font-weight: var(--app-page-title-weight)}.earnings-details-view .earnings-subtitle{margin: var(--app-page-subtitle-margin-top) 0 0;max-width: 48rem;color: var(--app-page-subtitle-color);font-size: var(--app-page-subtitle-size);line-height: var(--app-page-subtitle-line-height)}.earnings-details-view .earnings-hero-controls{position: relative;z-index: 1;display: inline-flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;justify-self: end;align-self: start;gap: 0.65rem;width: fit-content;max-width: min(100%,34rem);flex: 0 1 auto;margin-top: calc(var(--app-shell-control-size) + 0.15rem);padding: 0.38rem;border-radius: 999px;border: 1px solid rgba(210,222,233,0.78);background: rgba(255,255,255,0.74);box-shadow: 0 12px 26px rgba(18,31,48,0.06);backdrop-filter: blur(12px) saturate(120%);-webkit-backdrop-filter: blur(12px) saturate(120%)}.earnings-details-view .earnings-range-presets{display: inline-flex;flex-wrap: wrap;align-items: center;align-self: flex-start;max-width: 100%;gap: 0.24rem;padding: 0}.earnings-details-view .earnings-range-presets>*{margin: 0}.earnings-details-view .earnings-range-presets vaadin-button.earnings-preset-button{min-height: 2.15rem;border-radius: 999px;--vaadin-button-padding: 0 0.82rem;font-weight: 700;letter-spacing: 0.01em;color: #4f6175;background: transparent;box-shadow: none;transition: background-color 160ms ease,color 160ms ease,box-shadow 160ms ease,transform 160ms ease}.earnings-details-view .earnings-range-presets vaadin-button.earnings-preset-button:hover{background: rgba(255,255,255,0.84);color: #223245;box-shadow: 0 8px 18px rgba(58,76,97,0.08)}.earnings-details-view .earnings-range-presets vaadin-button.earnings-preset-button:focus-visible{box-shadow: 0 0 0 3px rgba(114,131,154,0.18)}.earnings-details-view .earnings-range-presets vaadin-button.earnings-preset-button.is-active{color: #f8fbff;background: linear-gradient(180deg,#72839A 0%,#4D5E73 100%);box-shadow: 0 10px 22px rgba(40,55,74,0.18)}.earnings-details-view .earnings-range-presets vaadin-button.earnings-preset-button.is-active:hover{background: linear-gradient(180deg,#74869d 0%,#53657b 100%);color: #f8fbff;box-shadow: 0 12px 24px rgba(40,55,74,0.2)}.earnings-details-view .earnings-range-presets vaadin-button.earnings-preset-button.is-active:focus-visible{box-shadow: 0 0 0 3px rgba(114,131,154,0.24),0 10px 22px rgba(40,55,74,0.18)}.earnings-details-view .earnings-range-presets vaadin-button.earnings-preset-button::part(label){font-weight: 700}.earnings-details-view .earnings-custom-range{display: flex;flex-wrap: wrap;gap: 0.55rem;align-items: end;width: 100%}.earnings-details-view .earnings-custom-range :is(vaadin-date-picker,vaadin-text-field,vaadin-number-field,vaadin-combo-box){min-width: min(100%,12rem)}.earnings-details-view .earnings-custom-range vaadin-button.earnings-custom-apply{min-height: 2.6rem;border-radius: 16px}.earnings-details-view .earnings-section-header{display: flex;flex-direction: column;gap: 0.42rem}.earnings-details-view .earnings-section-title{margin: 0;color: #18212b;font-family: "Oswald",var(--aura-font-family);font-size: clamp(1.6rem,0.8vw + 1.25rem,2.15rem);line-height: 0.98;letter-spacing: -0.04em}.earnings-details-view .earnings-section-subtitle{margin: 0;color: #5d6b7b;font-size: 0.95rem;line-height: 1.55}.earnings-details-view .overview-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(160px,1fr));gap: 0.8rem}.earnings-details-view .overview-metric{display: flex;flex-direction: column;gap: 0.22rem;border-radius: 20px;padding: 0.95rem 1rem;background: linear-gradient(180deg,rgba(255,255,255,0.96) 0%,rgba(246,249,252,0.98) 100%);border: 1px solid rgba(210,222,233,0.78);box-shadow: 0 12px 28px rgba(18,31,48,0.06)}.earnings-details-view .overview-metric.is-total{grid-column: 1 / -1;padding: 1rem 1.05rem;background: linear-gradient(145deg,#203345 0%,#31495f 55%,#4b6a84 100%);border-color: rgba(255,255,255,0.1);box-shadow: inset 0 1px 0 rgba(255,255,255,0.12),0 20px 40px rgba(18,31,48,0.18)}.earnings-details-view .overview-metric.is-accent{background: linear-gradient(180deg,rgba(239,247,243,0.96) 0%,rgba(231,243,236,0.98) 100%);border-color: rgba(164,207,181,0.75)}.earnings-details-view .overview-label{font-size: 0.75rem;color: #5d6b7b;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}.earnings-details-view .overview-value{font-family: "Oswald",var(--aura-font-family);font-size: clamp(1.75rem,1vw + 1.15rem,2.6rem);line-height: 0.95;letter-spacing: -0.04em;font-weight: 600;color: #18212b}.earnings-details-view .overview-meta{color: #6a7685;font-size: 0.9rem;line-height: 1.45}.earnings-details-view .overview-metric.is-total .overview-label,.earnings-details-view .overview-metric.is-total .overview-meta{color: rgba(243,248,252,0.78)}.earnings-details-view .overview-metric.is-total .overview-value{color: #F8FBFF;font-size: clamp(2.6rem,2vw + 1.4rem,3.8rem)}.earnings-details-view .action-required-row{display: flex;flex-wrap: wrap;align-items: center;gap: var(--vaadin-gap-s)}.earnings-details-view .action-required-text{color: var(--vaadin-text-color)}.earnings-details-view .earnings-chart-container{width: 100%;min-width: 0}.earnings-details-view .earnings-chart-summary{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.8rem}.earnings-details-view .earnings-chart-summary-item{display: flex;flex-direction: column;gap: 0.22rem;min-width: 0;padding: 0.9rem 1rem;border-radius: 18px;background: rgba(245,248,251,0.92);border: 1px solid rgba(210,222,233,0.72)}.earnings-details-view .earnings-chart-summary-label{color: #5d6b7b;font-size: 0.74rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}.earnings-details-view .earnings-chart-summary-value{color: #1a2735;font-family: "Oswald",var(--aura-font-family);font-size: clamp(1.45rem,0.8vw + 1rem,2rem);line-height: 0.96;letter-spacing: -0.035em}.earnings-details-view .earnings-chart-frame{padding: 1rem 1.1rem 0.95rem;border-radius: 24px;background: linear-gradient(180deg,rgba(255,255,255,0.95) 0%,rgba(247,250,252,0.98) 100%);border: 1px solid rgba(210,222,233,0.78);box-shadow: inset 0 1px 0 rgba(255,255,255,0.68)}.earnings-details-view .earnings-chart{display: grid;grid-template-columns: 72px minmax(0,1fr);gap: var(--vaadin-gap-s);align-items: stretch;min-height: 290px}.earnings-details-view .earnings-y-axis{display: grid;grid-template-rows: repeat(5,1fr);align-items: end;justify-items: end;height: 230px}.earnings-details-view .earnings-axis-label{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);line-height: 1.1;white-space: nowrap}.earnings-details-view .earnings-plot{display: flex;flex-direction: column;min-width: 0;justify-content: space-between;overflow: hidden}.earnings-details-view .earnings-bars{flex: 1 1 auto;min-height: 245px;display: flex;align-items: flex-end;gap: 6px;border-bottom: 1px solid color-mix(in srgb,var(--vaadin-text-color-secondary) 24%,transparent);padding: 0 0.15rem 0.4rem}.earnings-details-view .earnings-bar{flex: 1 1 0;min-width: 0;border-radius: 10px 10px 4px 4px;background: linear-gradient(180deg,rgba(157,181,208,0.88) 0%,rgba(109,129,155,0.98) 100%);box-shadow: inset 0 1px 0 rgba(255,255,255,0.28);height: var(--bar-height,4px);min-height: 2px}.earnings-details-view .earnings-x-axis{display: grid;grid-template-columns: repeat(5,minmax(0,1fr));margin-top: 6px;gap: var(--vaadin-gap-xs)}.earnings-details-view .earnings-x-axis .earnings-axis-label{text-align: center}.earnings-details-view .earnings-x-axis .earnings-axis-label:first-child{text-align: left}.earnings-details-view .earnings-x-axis .earnings-axis-label:last-child{text-align: right}.earnings-details-view .transactions-filters{display: grid;grid-template-columns: repeat(auto-fit,minmax(160px,1fr));gap: var(--vaadin-gap-s);align-items: end}.earnings-details-view .reconciliation-grid{display: flex;flex-direction: column;gap: 0.95rem;width: 100%}.earnings-details-view .reconciliation-grid-header,.earnings-details-view .reconciliation-row-card{display: grid;width: 100%;box-sizing: border-box;grid-template-columns: minmax(1.25rem,1fr) minmax(6.75rem,1fr) minmax(6.75rem,1fr) minmax(7.25rem,1.05fr) minmax(6.5rem,0.9fr) minmax(5.5rem,0.7fr);gap: 1.15rem;align-items: center}.earnings-details-view .reconciliation-grid-header{padding: 0 1.4rem}.earnings-details-view .reconciliation-grid-label{color: #5C6D83;font-size: 0.82rem;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase}.earnings-details-view .reconciliation-grid-label--align-end,.earnings-details-view .reconciliation-grid-header .reconciliation-grid-label:not(:first-child){justify-self: end;text-align: right}.earnings-details-view .reconciliation-grid-rows{display: flex;flex-direction: column;gap: 0.95rem}.earnings-details-view .reconciliation-row-card{padding: 1rem 1.35rem;border-radius: 22px;position: relative;z-index: 0;border: 0;background: #FFFFFF;box-shadow: 0 16px 34px rgba(15,23,42,0.08),0 4px 10px rgba(15,23,42,0.05);transition: transform 180ms ease-in-out,box-shadow 180ms ease-in-out;will-change: transform,box-shadow}.earnings-details-view .reconciliation-row-card:hover{z-index: 2;transform: translateY(-1px);box-shadow: 0 18px 38px rgba(15,23,42,0.1),0 6px 14px rgba(15,23,42,0.06)}.earnings-details-view .reconciliation-period-cell,.earnings-details-view .reconciliation-amount-cell,.earnings-details-view .reconciliation-status-cell,.earnings-details-view .reconciliation-action-cell{display: flex;flex-direction: column;gap: 0.2rem;min-width: 0}.earnings-details-view .reconciliation-period-title{color: #18212B;font-weight: 700;line-height: 1.3}.earnings-details-view .reconciliation-amount-cell,.earnings-details-view .reconciliation-status-cell,.earnings-details-view .reconciliation-action-cell{align-items: flex-end;text-align: right}.earnings-details-view .reconciliation-amount{display: inline-block;line-height: 1.16;letter-spacing: -0.015em;padding-block: 0.08em;font-variant-numeric: tabular-nums lining-nums;font-feature-settings: "tnum" 1,"lnum" 1;font-size: clamp(1.05rem,0.4vw + 0.95rem,1.25rem);font-weight: 700}.earnings-details-view .reconciliation-amount.is-positive{color: #2B8A57}.earnings-details-view .reconciliation-amount.is-negative{color: #9A4A4A}.earnings-details-view .reconciliation-amount.is-neutral{color: #44566E}.earnings-details-view .reconciliation-action-placeholder{color: #8A97A8;font-weight: 600}.earnings-details-view .reconciliation-pay-button{align-self: flex-end}.earnings-details-view .reconciliation-cell-kicker{display: none;color: #6B7280;font-size: 0.76rem;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase}.earnings-details-view .transactions-section-heading{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 0.75rem}.earnings-details-view .transactions-count{display: inline-flex;align-items: center;justify-content: center;min-width: 1.8rem;min-height: 1.5rem;padding: 0.08rem 0.5rem;border-radius: 999px;background: rgba(220,228,240,0.9);color: #44566E;font-size: 0.75rem;font-weight: 800;line-height: 1}.earnings-details-view .transactions-grid{display: flex;flex-direction: column;gap: 0.95rem;width: 100%}.earnings-details-view .transactions-grid-header,.earnings-details-view .transactions-row-card{display: grid;width: 100%;box-sizing: border-box;grid-template-columns: minmax(17rem,2.35fr) minmax(9.5rem,1.15fr) minmax(8.5rem,1.05fr) minmax(8.5rem,1.1fr);gap: 1.15rem;align-items: center}.earnings-details-view .transactions-grid-header{padding: 0 1.4rem}.earnings-details-view .transactions-grid-label{color: #5C6D83;font-size: 0.82rem;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase}.earnings-details-view .transactions-grid-label--align-end{justify-self: end;text-align: right}.earnings-details-view .transactions-grid-rows{display: flex;flex-direction: column;gap: 0.95rem}.earnings-details-view .transactions-row-card{padding: 1rem 1.35rem;border-radius: 22px;position: relative;z-index: 0;border: 0;background: #FFFFFF;box-shadow: 0 16px 34px rgba(15,23,42,0.08),0 4px 10px rgba(15,23,42,0.05);transition: transform 180ms ease-in-out,box-shadow 180ms ease-in-out;will-change: transform,box-shadow}.earnings-details-view .transactions-row-card:hover{z-index: 2;transform: translateY(-1px);box-shadow: 0 18px 38px rgba(15,23,42,0.1),0 6px 14px rgba(15,23,42,0.06)}.earnings-details-view .transactions-entry-cell,.earnings-details-view .transactions-amount-cell,.earnings-details-view .transactions-status-cell{display: flex;min-width: 0;padding: 0;border: 0;background: transparent}.earnings-details-view .transactions-entry-cell{align-items: center;gap: 0.95rem}.earnings-details-view .transactions-entry-icon-wrap{display: inline-flex;align-items: center;justify-content: center;width: 2.75rem;height: 2.75rem;border-radius: 999px;flex-shrink: 0}.earnings-details-view .transactions-entry-icon-wrap.is-earning{background: rgba(174,236,202,0.42);color: #2B8A57}.earnings-details-view .transactions-entry-icon-wrap.is-payout{background: rgba(244,169,169,0.28);color: #9A4A4A}.earnings-details-view .transactions-entry-icon{font-size: 1.2rem;font-weight: 800;line-height: 1}.earnings-details-view .transactions-entry-copy,.earnings-details-view .transactions-amount-cell,.earnings-details-view .transactions-status-cell{display: flex;flex-direction: column;gap: 0.2rem;min-width: 0}.earnings-details-view .transactions-entry-title{color: #18212B;font-weight: 700;line-height: 1.3}.earnings-details-view .transactions-entry-meta{overflow: hidden;text-overflow: ellipsis;color: #5C6D83;font-size: 0.88rem;line-height: 1.4;white-space: nowrap}.earnings-details-view .transactions-amount-cell,.earnings-details-view .transactions-status-cell{align-items: flex-end;text-align: right}.earnings-details-view .transactions-amount{display: inline-block;line-height: 1.16;letter-spacing: -0.015em;padding-block: 0.08em;font-variant-numeric: tabular-nums lining-nums;font-feature-settings: "tnum" 1,"lnum" 1;font-size: clamp(1.1rem,0.55vw + 0.95rem,1.45rem);font-weight: 700}.earnings-details-view .transactions-amount.is-positive{color: #2B8A57}.earnings-details-view .transactions-amount.is-negative{color: #9A4A4A}.earnings-details-view .transactions-cell-kicker{display: none;color: #6B7280;font-size: 0.76rem;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase}.earnings-details-view .transactions-empty-state{padding: 1rem 1.2rem;border-radius: 20px;background: rgba(255,255,255,0.72);color: var(--vaadin-text-color-secondary);box-shadow: inset 0 0 0 1px rgba(15,23,42,0.06)}.earnings-details-view .reconciliation-card vaadin-grid,.earnings-details-view .statement-card vaadin-grid{margin-top: var(--vaadin-gap-xs)}.earnings-details-view .statement-empty{display: flex;flex-direction: column;gap: 6px;color: var(--vaadin-text-color-secondary)}html[data-theme-mode="dark"] .earnings-details-view .earnings-card{border-color: rgba(173,195,230,0.26);background: rgba(22,30,45,0.58);box-shadow: 0 16px 32px rgba(6,8,16,0.35)}html[data-theme-mode="dark"] .earnings-details-view .earnings-header{border-color: transparent;background: transparent;box-shadow: none}html[data-theme-mode="dark"] .earnings-details-view .earnings-eyebrow,html[data-theme-mode="dark"] .earnings-details-view .earnings-section-eyebrow{background: rgba(42,56,78,0.96);border-color: rgba(112,139,178,0.28);color: #CDD9EA}html[data-theme-mode="dark"] .earnings-details-view .earnings-title,html[data-theme-mode="dark"] .earnings-details-view .earnings-section-title{color: #F5F8FD}html[data-theme-mode="dark"] .earnings-details-view .earnings-subtitle,html[data-theme-mode="dark"] .earnings-details-view .earnings-section-subtitle{color: #AAB7CC}html[data-theme-mode="dark"] .earnings-details-view .earnings-hero-controls,html[data-theme-mode="dark"] .shop-dashboard-view .earnings-hero-controls{border-color: rgba(100,124,160,0.28);background: linear-gradient(180deg,rgba(29,41,58,0.96) 0%,rgba(25,36,53,0.98) 100%);box-shadow: 0 18px 40px rgba(4,8,14,0.25)}html[data-theme-mode="dark"] .earnings-details-view .earnings-range-presets vaadin-button.earnings-preset-button,html[data-theme-mode="dark"] .shop-dashboard-view .earnings-range-presets vaadin-button.earnings-preset-button{color: #c5d2e4;background: transparent;box-shadow: none}html[data-theme-mode="dark"] .earnings-details-view .earnings-range-presets vaadin-button.earnings-preset-button:hover,html[data-theme-mode="dark"] .shop-dashboard-view .earnings-range-presets vaadin-button.earnings-preset-button:hover{background: rgba(255,255,255,0.06);color: #f2f7fd;box-shadow: 0 8px 18px rgba(4,8,14,0.16)}html[data-theme-mode="dark"] .earnings-details-view .earnings-range-presets vaadin-button.earnings-preset-button:focus-visible,html[data-theme-mode="dark"] .shop-dashboard-view .earnings-range-presets vaadin-button.earnings-preset-button:focus-visible{box-shadow: 0 0 0 3px rgba(148,173,210,0.18)}html[data-theme-mode="dark"] .earnings-details-view .earnings-range-presets vaadin-button.earnings-preset-button.is-active,html[data-theme-mode="dark"] .shop-dashboard-view .earnings-range-presets vaadin-button.earnings-preset-button.is-active{color: #f8fbff;background: linear-gradient(180deg,#7b8da5 0%,#5b6f88 100%);box-shadow: 0 10px 22px rgba(4,8,14,0.24)}html[data-theme-mode="dark"] .earnings-details-view .earnings-range-presets vaadin-button.earnings-preset-button.is-active:hover,html[data-theme-mode="dark"] .shop-dashboard-view .earnings-range-presets vaadin-button.earnings-preset-button.is-active:hover{background: linear-gradient(180deg,#8091a8 0%,#61738b 100%);color: #ffffff;box-shadow: 0 12px 24px rgba(4,8,14,0.26)}html[data-theme-mode="dark"] .earnings-details-view .earnings-range-presets vaadin-button.earnings-preset-button.is-active:focus-visible,html[data-theme-mode="dark"] .shop-dashboard-view .earnings-range-presets vaadin-button.earnings-preset-button.is-active:focus-visible{box-shadow: 0 0 0 3px rgba(148,173,210,0.24),0 10px 22px rgba(4,8,14,0.24)}html[data-theme-mode="dark"] .earnings-details-view .overview-metric{background: rgba(26,36,53,0.86);border-color: rgba(139,167,210,0.26);box-shadow: 0 12px 28px rgba(4,8,14,0.2)}html[data-theme-mode="dark"] .earnings-details-view .overview-metric.is-total{background: linear-gradient(145deg,#1c2d3f 0%,#2a4056 55%,#41617a 100%);border-color: rgba(255,255,255,0.08)}html[data-theme-mode="dark"] .earnings-details-view .overview-metric.is-accent{background: linear-gradient(180deg,rgba(31,55,47,0.94) 0%,rgba(26,47,41,0.98) 100%);border-color: rgba(99,148,120,0.36)}html[data-theme-mode="dark"] .earnings-details-view .overview-label,html[data-theme-mode="dark"] .earnings-details-view .overview-meta,html[data-theme-mode="dark"] .earnings-details-view .earnings-chart-summary-label{color: #AAB7CC}html[data-theme-mode="dark"] .earnings-details-view .overview-value,html[data-theme-mode="dark"] .earnings-details-view .earnings-chart-summary-value{color: #F5F8FD}html[data-theme-mode="dark"] .earnings-details-view .earnings-chart-summary-item,html[data-theme-mode="dark"] .earnings-details-view .earnings-chart-frame{background: rgba(27,38,54,0.92);border-color: rgba(100,124,160,0.28)}html[data-theme-mode="dark"] .earnings-details-view .earnings-bar{background: linear-gradient(180deg,rgba(153,181,214,0.86) 0%,rgba(97,122,149,0.98) 100%)}html[data-theme-mode="dark"] .earnings-details-view .reconciliation-row-card{background: rgba(27,38,54,0.92);box-shadow: 0 12px 24px rgba(4,8,14,0.28),0 2px 8px rgba(4,8,14,0.18)}html[data-theme-mode="dark"] .earnings-details-view .reconciliation-row-card:hover{box-shadow: 0 16px 28px rgba(4,8,14,0.34),0 4px 12px rgba(4,8,14,0.22)}html[data-theme-mode="dark"] .earnings-details-view .reconciliation-period-title{color: #F5F8FD}html[data-theme-mode="dark"] .earnings-details-view .reconciliation-grid-label,html[data-theme-mode="dark"] .earnings-details-view .reconciliation-cell-kicker,html[data-theme-mode="dark"] .earnings-details-view .reconciliation-action-placeholder,html[data-theme-mode="dark"] .earnings-details-view .transactions-count{color: #D6E1F2}html[data-theme-mode="dark"] .earnings-details-view .transactions-count{background: rgba(71,88,120,0.42)}html[data-theme-mode="dark"] .earnings-details-view .transactions-row-card{background: rgba(27,38,54,0.92);box-shadow: 0 12px 24px rgba(4,8,14,0.28),0 2px 8px rgba(4,8,14,0.18)}html[data-theme-mode="dark"] .earnings-details-view .transactions-row-card:hover{box-shadow: 0 16px 28px rgba(4,8,14,0.34),0 4px 12px rgba(4,8,14,0.22)}html[data-theme-mode="dark"] .earnings-details-view .transactions-entry-title{color: #F5F8FD}html[data-theme-mode="dark"] .earnings-details-view .transactions-entry-meta,html[data-theme-mode="dark"] .earnings-details-view .transactions-grid-label,html[data-theme-mode="dark"] .earnings-details-view .transactions-cell-kicker{color: #AAB7CC}html[data-theme-mode="dark"] .earnings-details-view .transactions-entry-icon-wrap.is-earning{background: rgba(38,107,71,0.35);color: #9BE0B6}html[data-theme-mode="dark"] .earnings-details-view .transactions-entry-icon-wrap.is-payout{background: rgba(130,54,54,0.34);color: #F3B4B4}html[data-theme-mode="dark"] .earnings-details-view .transactions-empty-state{background: rgba(28,39,56,0.84);box-shadow: inset 0 0 0 1px rgba(145,173,220,0.14)}@media (max-width: 900px){.earnings-details-view .earnings-header{grid-template-columns: 1fr}.earnings-details-view .earnings-hero-controls{justify-self: start;margin-top: 0.35rem}.earnings-details-view .earnings-top-grid{grid-template-columns: 1fr}.earnings-details-view .earnings-chart{grid-template-columns: 58px minmax(0,1fr);min-height: 230px}.earnings-details-view .earnings-bars,.earnings-details-view .earnings-y-axis{min-height: 190px;height: 190px}.earnings-details-view .earnings-chart-summary{grid-template-columns: repeat(3,minmax(0,1fr))}.earnings-details-view .reconciliation-grid-header,.earnings-details-view .reconciliation-row-card{grid-template-columns: minmax(6.75rem,1.15fr) minmax(6rem,0.95fr) minmax(6rem,0.95fr) minmax(6.75rem,0.95fr) minmax(6rem,0.9fr) minmax(5.25rem,0.7fr)}.earnings-details-view .transactions-grid-header,.earnings-details-view .transactions-row-card{grid-template-columns: minmax(15rem,2fr) minmax(8.5rem,1.05fr) minmax(8rem,0.95fr) minmax(8rem,0.95fr)}}@media (max-width: 640px){.earnings-details-view{padding: var(--vaadin-padding-s)}.shop-dashboard-view{padding: var(--vaadin-padding-s)}.earnings-details-view .earnings-header{padding: 0;border-radius: 0}.shop-dashboard-view .shop-dashboard-header-row{align-items: center;flex-direction: row;flex-wrap: nowrap;gap: 0.65rem}.shop-dashboard-view .shop-dashboard-grid vaadin-dashboard-widget.shop-dashboard-widget.shop-dashboard-widget--earnings::part(header){flex-direction: column;align-items: stretch}.shop-dashboard-view .shop-dashboard-widget--earnings .earnings-range-presets{width: 100%}.earnings-details-view .earnings-hero-controls{min-width: 0;width: 100%;padding: 0.38rem;border-radius: 999px}.shop-dashboard-view .earnings-hero-controls{min-width: 0;width: 100%;padding: 1rem;border-radius: 20px}.earnings-details-view .earnings-range-presets{display: flex;width: 100%}.shop-dashboard-view .earnings-range-presets{display: flex;width: 100%}.earnings-details-view .earnings-card{border-radius: 20px;padding: var(--vaadin-padding-s)}.earnings-details-view .earnings-title{max-width: none}.earnings-details-view .earnings-chart-summary{grid-template-columns: 1fr}.earnings-details-view .overview-grid{grid-template-columns: 1fr}.earnings-details-view .transactions-filters{grid-template-columns: 1fr}.earnings-details-view .reconciliation-grid-header{display: none}.earnings-details-view .reconciliation-row-card{grid-template-columns: minmax(0,1fr);gap: 0.8rem;padding: 1rem 1rem}.earnings-details-view .reconciliation-amount-cell,.earnings-details-view .reconciliation-status-cell,.earnings-details-view .reconciliation-action-cell{align-items: flex-start;text-align: left}.earnings-details-view .reconciliation-cell-kicker{display: inline-flex}.earnings-details-view .transactions-grid-header{display: none}.earnings-details-view .transactions-row-card{grid-template-columns: minmax(0,1fr);gap: 0.8rem;padding: 1rem 1rem}.earnings-details-view .transactions-amount-cell,.earnings-details-view .transactions-status-cell{align-items: flex-start;text-align: left}.earnings-details-view .transactions-cell-kicker{display: inline-flex}.earnings-details-view .transactions-entry-meta{white-space: normal}.earnings-details-view .earnings-bars{gap: 2px}.earnings-details-view .earnings-bar{flex: 1 1 0;min-width: 6px}}@media (max-width: 640px){.earnings-details-view .earnings-range-presets{flex-wrap: nowrap;justify-content: space-between;gap: 0.08rem}.shop-dashboard-view .earnings-range-presets{flex-wrap: nowrap;justify-content: space-between;gap: 0.08rem}.earnings-details-view .earnings-range-presets vaadin-button.earnings-preset-button{min-width: 0;min-height: 1.95rem;--vaadin-button-padding: 0 0.46rem;font-size: 0.82rem;letter-spacing: 0}.shop-dashboard-view .earnings-range-presets vaadin-button.earnings-preset-button{min-width: 0;min-height: 1.95rem;--vaadin-button-padding: 0 0.46rem;font-size: 0.82rem;letter-spacing: 0}}.driver-payouts-view{box-sizing: border-box;padding: var(--app-page-padding-block) var(--app-page-padding-inline)}.driver-payouts-view .driver-payouts-shell{position: relative;width: 100%;max-width: 1180px;margin: 0 auto;display: flex;flex-direction: column;gap: calc(var(--app-section-gap) + 0.35rem)}.driver-payouts-view .driver-payout-hero{display: flex;flex-direction: column;gap: 1rem}.driver-payouts-view .driver-payout-hero-copy{display: flex;flex-direction: column;gap: 0.5rem;max-width: 56rem}.driver-payouts-view .driver-payout-eyebrow-row{display: inline-flex;align-items: center;gap: 0.45rem;align-self: flex-start}.driver-payouts-view .driver-payout-eyebrow,.driver-payouts-view .driver-payout-card-eyebrow{display: inline-flex;align-items: center;padding: 0.38rem 0.72rem;border-radius: 999px;border: 1px solid rgba(137,158,183,0.28);background: rgba(228,238,246,0.96);color: #516074;font-size: 0.74rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}.driver-payouts-view .driver-payout-help-trigger{display: inline-flex;align-items: center;justify-content: center;min-width: 1.9rem;width: 1.9rem;height: 1.9rem;padding: 0;border-radius: 999px;background: rgba(255,255,255,0.82);box-shadow: inset 0 0 0 1px rgba(137,158,183,0.26);color: #516074;font-weight: 800;line-height: 1}.driver-payouts-view .driver-payout-help-trigger:hover{background: #FFFFFF;color: #223142;box-shadow: inset 0 0 0 1px rgba(102,120,143,0.32)}.driver-payouts-view .driver-payout-title{margin: 0;max-width: 18ch;color: #16212d;font-family: "Oswald",var(--aura-font-family);font-size: clamp(2.35rem,2.4vw + 1.4rem,4rem);line-height: 0.96;letter-spacing: -0.045em;font-weight: 700}.driver-payouts-view .driver-payout-subtitle{margin: 0;max-width: 50rem;color: #4d5b6b;font-size: 1rem;line-height: 1.6}.driver-payouts-view .driver-payout-hero-surface{position: relative;display: grid;grid-template-columns: minmax(0,1.15fr) minmax(300px,0.85fr);align-items: stretch;gap: clamp(1rem,1vw + 0.7rem,1.4rem);padding: clamp(1rem,1vw + 0.9rem,1.6rem);border-radius: 30px;border: 1px solid rgba(199,214,229,0.78);background: linear-gradient(135deg,rgba(255,255,255,0.96) 0%,rgba(248,251,253,0.97) 52%,rgba(235,242,247,0.98) 100%);box-shadow: 0 24px 56px rgba(18,31,48,0.09);overflow: hidden}.driver-payouts-view .driver-payout-hero-surface::before{content: "";position: absolute;inset: auto -10% -42% 48%;border-radius: 999px;background: radial-gradient(circle at center,rgba(101,170,219,0.22) 0%,rgba(101,170,219,0) 72%);pointer-events: none}.driver-payouts-view .driver-payout-hero-surface::after{content: "";position: absolute;inset: -24% auto auto -10%;width: 20rem;height: 20rem;border-radius: 999px;background: radial-gradient(circle at center,rgba(167,206,232,0.22) 0%,rgba(167,206,232,0) 76%);pointer-events: none}.driver-payouts-view .driver-payout-balance-card{position: relative;display: grid;grid-template-rows: auto auto auto 1fr auto;gap: 0.85rem;align-self: stretch;min-height: 0;height: 100%;box-sizing: border-box;padding: clamp(1.1rem,1vw + 0.8rem,1.5rem);border-radius: 26px;border: 1px solid rgba(255,255,255,0.1);background: linear-gradient(145deg,#203345 0%,#31495f 55%,#4b6a84 100%);box-shadow: inset 0 1px 0 rgba(255,255,255,0.12),0 20px 40px rgba(18,31,48,0.22);overflow: hidden}.driver-payouts-view .driver-payout-balance-card::after{content: "";position: absolute;top: -4rem;right: -4rem;width: 16rem;height: 16rem;border-radius: 999px;background: radial-gradient(circle at center,rgba(147,208,255,0.28) 0%,rgba(147,208,255,0) 74%);pointer-events: none}.driver-payouts-view .driver-payout-balance-label{position: relative;z-index: 1;color: rgba(243,248,252,0.78);font-size: 0.82rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}.driver-payouts-view .driver-payout-balance-value{position: relative;z-index: 1;display: block;color: #f8fbff;font-family: "Oswald",var(--aura-font-family);font-size: clamp(3rem,3vw + 1.8rem,5rem);line-height: 0.9;letter-spacing: -0.055em;text-wrap: balance}.driver-payouts-view .driver-payout-balance-meta{position: relative;z-index: 1;display: flex;flex-wrap: wrap;align-items: center;gap: 0.65rem}.driver-payouts-view .driver-payout-balance-note{position: relative;z-index: 1;align-self: end;margin: 0;max-width: 32rem;color: rgba(242,247,252,0.78);line-height: 1.55}.driver-payouts-view .driver-payout-connect-account{color: rgba(242,247,252,0.82);font-size: 0.93rem;line-height: 1.45}.driver-payouts-view .driver-payout-stat-grid{position: relative;z-index: 1;display: grid;grid-template-rows: repeat(3,minmax(0,1fr));align-self: stretch;gap: 0.9rem}.driver-payouts-view .driver-payout-stat-card,.driver-payouts-view .driver-payout-card{border-radius: 24px;border: 1px solid rgba(210,222,233,0.78);background: linear-gradient(180deg,rgba(255,255,255,0.93) 0%,rgba(248,251,253,0.98) 100%);box-shadow: 0 18px 40px rgba(18,31,48,0.08)}.driver-payouts-view .driver-payout-stat-card{display: flex;flex-direction: column;gap: 0.4rem;padding: 1.1rem 1.15rem;backdrop-filter: blur(10px) saturate(110%);-webkit-backdrop-filter: blur(10px) saturate(110%)}.driver-payouts-view .driver-payout-stat-label{color: #5d6b7b;font-size: 0.78rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}.driver-payouts-view .driver-payout-stat-value{display: block;color: #1a2735;font-family: "Oswald",var(--aura-font-family);font-size: clamp(1.8rem,1vw + 1.2rem,2.55rem);line-height: 0.95;letter-spacing: -0.04em}.driver-payouts-view .driver-payout-stat-meta{color: #6a7685;font-size: 0.92rem;line-height: 1.5}.driver-payouts-view .driver-payout-content-grid{display: grid;grid-template-columns: minmax(280px,0.82fr) minmax(0,1.18fr);align-items: start;gap: var(--app-section-gap)}.driver-payouts-view .driver-payout-card{display: flex;flex-direction: column;gap: 1rem;padding: clamp(1rem,0.8vw + 0.85rem,1.35rem)}.driver-payouts-view .driver-payout-request-card{gap: 1.15rem}.driver-payouts-view .driver-payout-card-header{display: flex;flex-direction: column;gap: 0.4rem}.driver-payouts-view .driver-payout-card-title{margin: 0;color: #18222e;font-size: clamp(1.28rem,0.6vw + 1.05rem,1.65rem);line-height: 1.08;letter-spacing: -0.03em;font-weight: 700}.driver-payouts-view .driver-payout-card-description{margin: 0;color: #617082;line-height: 1.58}.driver-payouts-view .driver-payout-setup-note,.driver-payouts-view .driver-payout-setup-hint{display: block}.driver-payouts-view .driver-payout-setup-note{padding: 0.95rem 1rem;border-radius: 18px;background: linear-gradient(180deg,#f6f9fc 0%,#eef4f8 100%);border: 1px solid rgba(203,218,232,0.84);color: #202d39;font-weight: 700;line-height: 1.45}.driver-payouts-view .driver-payout-setup-hint{color: #637183;line-height: 1.58}.driver-payouts-view vaadin-button.driver-payout-setup-button{align-self: flex-start}.driver-payouts-view .driver-payout-request-presets{display: flex;flex-wrap: wrap;gap: 0.65rem}.driver-payouts-view vaadin-button.driver-payout-preset-button{border-radius: 999px;background: rgba(236,242,247,0.96);color: #314457;box-shadow: inset 0 1px 0 rgba(255,255,255,0.86)}.driver-payouts-view vaadin-button.driver-payout-preset-button:hover{background: rgba(229,236,243,0.98)}.driver-payouts-view .driver-payout-request-options{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));align-items: start;gap: 0.9rem}.driver-payouts-view .driver-payout-request-option{display: grid;grid-template-rows: auto 1fr auto;gap: 0.8rem;min-width: 0;padding: 1rem 1rem 1.1rem;border-radius: 20px;border: 1px solid rgba(214,224,234,0.84);background: linear-gradient(180deg,#f9fbfd 0%,#f3f7fa 100%)}.driver-payouts-view .driver-payout-request-option-title{min-width: 0;color: #1d2936;font-size: 1rem;font-weight: 700;line-height: 1.2}.driver-payouts-view .driver-payout-request-option-note{margin: 0;min-width: 0;color: #687587;line-height: 1.55}.driver-payouts-view vaadin-button.driver-payout-request-button{width: 100%;margin-top: 0.1rem}.driver-payouts-view vaadin-button.driver-payout-secondary-action{background: linear-gradient(180deg,rgba(240,245,249,0.98) 0%,rgba(229,236,243,0.98) 100%);color: #1f2b38;box-shadow: inset 0 1px 0 rgba(255,255,255,0.92)}.driver-payouts-view vaadin-button.driver-payout-secondary-action:hover{background: linear-gradient(180deg,rgba(234,240,246,0.98) 0%,rgba(223,231,239,0.98) 100%)}.driver-payouts-view .driver-payout-history-header{display: flex;justify-content: space-between;align-items: flex-start;gap: 1rem}.driver-payouts-view .driver-payout-history-meta{align-self: flex-start;white-space: nowrap;padding: 0.45rem 0.78rem;border-radius: 999px;background: rgba(236,243,248,0.98);border: 1px solid rgba(205,219,232,0.9);color: #506073;font-size: 0.8rem;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase}.driver-payouts-view .driver-payout-history-content{min-width: 0;padding-bottom: 0.7rem}.driver-payouts-view .driver-payout-history-desktop{display: block}.driver-payouts-view .driver-payout-history-mobile{display: none}.driver-payouts-view .driver-payout-history-content>vaadin-grid{width: 100%}.driver-payouts-view .driver-payout-mobile-card{display: flex;flex-direction: column;gap: 0.85rem;padding: 1rem 1.05rem;border-radius: 20px;border: 1px solid rgba(210,222,233,0.78);background: linear-gradient(180deg,rgba(249,251,253,0.96) 0%,rgba(243,247,251,0.98) 100%);box-shadow: 0 12px 28px rgba(18,31,48,0.06)}.driver-payouts-view .driver-payout-mobile-card-top{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.75rem;align-items: start}.driver-payouts-view .driver-payout-mobile-field{display: flex;flex-direction: column;gap: 0.28rem;min-width: 0}.driver-payouts-view .driver-payout-mobile-field.is-amount{align-items: flex-end;text-align: right}.driver-payouts-view .driver-payout-mobile-field-label,.driver-payouts-view .driver-payout-mobile-detail-label{color: #6a7788;font-size: 0.72rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}.driver-payouts-view .driver-payout-mobile-field-value{color: #1d2936;font-size: 1.02rem;font-weight: 700;line-height: 1.25}.driver-payouts-view .driver-payout-mobile-field-value.is-amount{font-family: "Oswald",var(--aura-font-family);font-size: 2rem;line-height: 0.95;letter-spacing: -0.04em}.driver-payouts-view .driver-payout-mobile-card-badges{display: flex;flex-wrap: wrap;gap: 0.55rem}.driver-payouts-view .driver-payout-mobile-card-detail{display: flex;flex-direction: column;gap: 0.35rem;padding-top: 0.2rem;border-top: 1px solid rgba(213,224,235,0.72)}.driver-payouts-view .driver-payout-mobile-detail-value{color: #556375;line-height: 1.55}.driver-payouts-view .driver-payout-empty-state{display: flex;flex-direction: column;gap: 0.5rem;padding: 1rem 1.05rem;border-radius: 20px;border: 1px dashed rgba(196,210,224,0.88);background: linear-gradient(180deg,rgba(249,251,253,0.94) 0%,rgba(242,247,251,0.98) 100%)}.driver-payouts-view .driver-payout-empty-title{color: #1f2b38;font-size: 1rem;font-weight: 700}.driver-payouts-view .driver-payout-empty-body{margin: 0;color: #667487;line-height: 1.58}.driver-payouts-view .driver-payout-badge{display: inline-flex;align-items: center;justify-content: center;gap: 0.35rem;min-height: 1.8rem;padding: 0.3rem 0.7rem;border-radius: 999px;font-size: 0.78rem;font-weight: 700;letter-spacing: 0.03em;line-height: 1;white-space: nowrap}.driver-payouts-view .driver-payout-connect-badge{border: 1px solid rgba(255,255,255,0.18);background: rgba(255,255,255,0.12);color: #f6fbff;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px)}.driver-payouts-view .driver-payout-method-pill{border: 1px solid rgba(183,203,222,0.72);background: rgba(234,241,247,0.9);color: #3c4f63}.driver-payouts-view .driver-payout-status-pill.is-paid{border: 1px solid rgba(138,196,160,0.6);background: rgba(227,245,233,0.94);color: #226544}.driver-payouts-view .driver-payout-status-pill.is-processing,.driver-payouts-view .driver-payout-connect-badge.is-warning{border: 1px solid rgba(224,187,117,0.6);background: rgba(255,243,219,0.94);color: #8b5a14}.driver-payouts-view .driver-payout-status-pill.is-danger{border: 1px solid rgba(214,143,143,0.6);background: rgba(252,232,232,0.94);color: #8d3232}.driver-payouts-view .driver-payout-status-pill.is-muted,.driver-payouts-view .driver-payout-connect-badge.is-muted{border: 1px solid rgba(175,191,208,0.56);background: rgba(234,240,246,0.9);color: #556375}.driver-payouts-view .driver-payout-connect-badge.is-connected{border: 1px solid rgba(255,255,255,0.18);background: rgba(194,245,220,0.18);color: #f7fbff}.driver-payouts-view .driver-payout-muted-cell{color: #667487;line-height: 1.5}html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-eyebrow,html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-card-eyebrow{border-color: rgba(94,113,141,0.42);background: rgba(39,49,64,0.96);color: #bfcbda}html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-title{color: #eff4fb}html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-subtitle,html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-card-description,html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-setup-hint,html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-request-option-note,html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-empty-body,html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-muted-cell,html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-stat-meta{color: #bac7d7}html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-hero-surface,html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-stat-card,html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-card{border-color: rgba(84,102,127,0.42);background: linear-gradient(180deg,rgba(21,29,42,0.94) 0%,rgba(16,23,35,0.98) 100%);box-shadow: 0 24px 56px rgba(5,9,17,0.36)}html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-balance-card{background: linear-gradient(145deg,#182635 0%,#24384b 55%,#34556e 100%);box-shadow: inset 0 1px 0 rgba(255,255,255,0.08),0 20px 40px rgba(4,8,14,0.42)}html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-card-title,html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-request-option-title,html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-empty-title,html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-stat-value{color: #eef4fb}html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-setup-note,html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-request-option,html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-empty-state,html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-mobile-card{border-color: rgba(86,105,130,0.42);background: linear-gradient(180deg,rgba(29,39,55,0.96) 0%,rgba(22,31,46,0.98) 100%)}html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-setup-note{color: #f2f6fb}html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-history-meta,html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-method-pill,html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-status-pill.is-muted,html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-connect-badge.is-muted{border-color: rgba(92,111,137,0.46);background: rgba(45,58,76,0.96);color: #cfdae7}html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-mobile-field-label,html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-mobile-detail-label{color: #aebbcf}html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-mobile-field-value{color: #eef4fb}html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-mobile-detail-value{color: #bac7d7}html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-mobile-card-detail{border-top-color: rgba(83,102,128,0.46)}html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-status-pill.is-paid,html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-connect-badge.is-connected{border-color: rgba(70,125,96,0.48);background: rgba(32,82,58,0.92);color: #d6f7e3}html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-status-pill.is-processing,html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-connect-badge.is-warning{border-color: rgba(138,112,57,0.48);background: rgba(91,67,24,0.92);color: #ffe7b7}html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-status-pill.is-danger{border-color: rgba(145,74,74,0.48);background: rgba(92,37,37,0.92);color: #ffd2d2}html[data-theme-mode="dark"] .driver-payouts-view vaadin-button.driver-payout-preset-button,html[data-theme-mode="dark"] .driver-payouts-view vaadin-button.driver-payout-secondary-action{background: linear-gradient(180deg,rgba(47,59,78,0.98) 0%,rgba(36,47,63,0.98) 100%);color: #eef4fb;box-shadow: inset 0 1px 0 rgba(255,255,255,0.08)}@media (max-width: 980px){.driver-payouts-view .driver-payout-hero-surface,.driver-payouts-view .driver-payout-content-grid{grid-template-columns: 1fr}}@media (max-width: 720px){.driver-payouts-view .driver-payout-request-options{grid-template-columns: 1fr}.driver-payouts-view .driver-payout-title{max-width: none}}@media (max-width: 640px){.driver-payouts-view{padding: var(--vaadin-padding-s)}.driver-payouts-view .driver-payout-hero-surface,.driver-payouts-view .driver-payout-card,.driver-payouts-view .driver-payout-stat-card{padding: 1rem;border-radius: 22px}.driver-payouts-view .driver-payout-balance-card{border-radius: 20px}.driver-payouts-view .driver-payout-history-header{flex-direction: column}.driver-payouts-view .driver-payout-history-desktop{display: none}.driver-payouts-view .driver-payout-history-mobile{display: flex;flex-direction: column;gap: 0.8rem}.driver-payouts-view vaadin-button.driver-payout-setup-button{width: 100%}}.panels-view{display: block;height: 100%}.admin-campaigns-view .admin-campaign-creative-cell{display: inline-flex;align-items: center}.admin-campaigns-view .admin-campaign-creative-preview{width: 99px;aspect-ratio: 3 / 1;height: auto;border-radius: 6px;object-fit: cover;border: 1px solid rgba(124,139,160,0.35)}.admin-campaigns-view .admin-campaign-editor-creative-section{display: flex;flex-direction: column;gap: 0.4rem;width: 100%;min-width: 0}.admin-campaigns-view .admin-campaign-editor-creative-strip{display: flex;flex-wrap: wrap;gap: var(--vaadin-gap-xs);align-items: start;width: 100%}vaadin-crud-dialog-overlay::part(overlay){width: min(56rem,92vw)}@media (max-width: 600px){vaadin-crud-dialog-overlay::part(overlay){width: 100vw;max-width: 100vw;margin: 0;border-radius: 0}}.customer-dashboard-view{box-sizing: border-box;padding: var(--vaadin-padding-m)}.customer-dashboard-view .customer-dashboard-shell{max-width: 100%;margin: 0;display: flex;flex-direction: column;gap: var(--vaadin-gap-m)}.customer-dashboard-view .customer-dashboard-header,.customer-campaign-impressions-view .customer-campaign-impressions-intro,.customer-campaigns-view .customer-campaigns-header,.customer-landingpages-view .customer-landingpages-header{display: flex;flex-direction: column;gap: 0;width: 100%;max-width: none}.customer-dashboard-view .customer-dashboard-eyebrow-row{display: inline-flex;align-items: center;gap: 0.45rem;align-self: flex-start}.customer-dashboard-view .customer-dashboard-eyebrow{display: inline-flex;align-items: center;padding: 0.38rem 0.72rem;border-radius: 999px;border: 1px solid rgba(137,158,183,0.28);background: rgba(228,238,246,0.96);color: #516074;font-size: 0.74rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}.customer-dashboard-view .customer-dashboard-help-trigger{display: inline-flex;align-items: center;justify-content: center;min-width: 1.9rem;width: 1.9rem;height: 1.9rem;padding: 0;border-radius: 999px;background: rgba(255,255,255,0.82);box-shadow: inset 0 0 0 1px rgba(137,158,183,0.26);color: #516074;font-weight: 800;line-height: 1}.customer-dashboard-view .customer-dashboard-help-trigger:hover{background: #FFFFFF;color: #223142;box-shadow: inset 0 0 0 1px rgba(102,120,143,0.32)}.customer-page-eyebrow-row{display: inline-flex;align-items: center;gap: 0.45rem;align-self: flex-start}.customer-page-eyebrow{display: inline-flex;align-items: center;padding: 0.38rem 0.72rem;border-radius: 999px;border: 1px solid rgba(137,158,183,0.28);background: rgba(228,238,246,0.96);color: #516074;font-size: 0.74rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}.customer-page-help-trigger{display: inline-flex;align-items: center;justify-content: center;min-width: 1.9rem;width: 1.9rem;height: 1.9rem;padding: 0;border-radius: 999px;background: rgba(255,255,255,0.82);box-shadow: inset 0 0 0 1px rgba(137,158,183,0.26);color: #516074;font-weight: 800;line-height: 1}.customer-page-help-trigger:hover{background: #FFFFFF;color: #223142;box-shadow: inset 0 0 0 1px rgba(102,120,143,0.32)}vaadin-button.app-context-help-trigger{display: inline-flex;align-items: center;justify-content: center;min-width: 1.9rem;width: 1.9rem;height: 1.9rem;padding: 0;border-radius: 999px;background: rgba(255,255,255,0.82);box-shadow: inset 0 0 0 1px rgba(137,158,183,0.26);color: #516074;font-weight: 800;line-height: 1}vaadin-button.app-context-help-trigger:hover{background: #FFFFFF;color: #223142;box-shadow: inset 0 0 0 1px rgba(102,120,143,0.32)}.customer-campaigns-view .customer-campaigns-filter-tabs{width: min(100%,28rem);contain: none !important;overflow: visible !important}.customer-dashboard-view .customer-dashboard-title{margin: 0;max-width: none;color: var(--app-page-title-color);font-family: var(--aura-font-family);font-size: var(--app-page-title-size);line-height: var(--app-page-title-line-height);letter-spacing: var(--app-page-title-letter-spacing);font-weight: var(--app-page-title-weight)}.customer-dashboard-view .customer-dashboard-card{display: flex;flex-direction: column;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-m);border-radius: 24px;border: 1px solid rgba(255,255,255,0.62);background: rgba(255,255,255,0.52);backdrop-filter: blur(12px) saturate(125%);-webkit-backdrop-filter: blur(12px) saturate(125%);box-shadow: 0 12px 26px rgba(24,36,56,0.08)}.customer-dashboard-view .customer-dashboard-actions{flex-wrap: wrap}.customer-dashboard-view .customer-dashboard-actions vaadin-button,.customer-dashboard-view .customer-dashboard-budget-row vaadin-button{background: #FFFFFF;border: 0;box-shadow: 0 10px 24px rgba(15,23,42,0.08),0 3px 8px rgba(15,23,42,0.05)}.customer-dashboard-view .customer-dashboard-actions vaadin-button:hover,.customer-dashboard-view .customer-dashboard-budget-row vaadin-button:hover{background: #F8F8F7;box-shadow: 0 14px 30px rgba(15,23,42,0.1),0 5px 12px rgba(15,23,42,0.06)}.customer-dashboard-view .customer-dashboard-actions vaadin-button[theme~="primary"]{background: linear-gradient(180deg,#72839A 0%,#4D5E73 100%);box-shadow: none}.customer-dashboard-view .customer-dashboard-budget-summary{display: flex;flex-direction: column;gap: 4px}.customer-dashboard-view .customer-dashboard-budget-row{align-items: center}.customer-dashboard-view .customer-dashboard-budget-label{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.customer-dashboard-view .customer-dashboard-budget-value{font-size: clamp(1.25rem,2.4vw,2rem);font-weight: 700;color: #3F7458}.customer-dashboard-view .customer-dashboard-live-list{display: flex;flex-direction: column;gap: 1rem;width: 100%;overflow: visible}.customer-dashboard-view .customer-campaigns-section{display: flex;flex-direction: column;gap: 0.9rem;width: 100%;min-height: 0;position: relative;isolation: isolate}.customer-dashboard-view .customer-campaigns-grid{display: flex;flex-direction: column;gap: 0.9rem;width: 100%;min-height: 0;margin: 0;background: transparent;box-shadow: none}.customer-dashboard-view .customer-campaigns-grid-header{display: grid;grid-template-columns: minmax(12rem,1.6fr) minmax(7rem,0.82fr) minmax(0,1.45fr);gap: 0.75rem;align-items: center;padding: 0 1.4rem}.customer-dashboard-view .customer-campaigns-grid-label{color: #6B7280;font-size: 0.8rem;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase}.customer-dashboard-view .customer-campaigns-grid-rows{display: flex;flex-direction: column;gap: 0.95rem}.customer-dashboard-view .customer-dashboard-live-row{display: flex;flex-direction: column;align-items: stretch;justify-content: flex-start;gap: var(--vaadin-gap-s);padding: 10px 12px;border-radius: 14px;border: 1px solid rgba(128,150,185,0.25);background: rgba(255,255,255,0.45)}.customer-dashboard-view .customer-dashboard-live-preview{flex: 0 0 auto;width: 100%;align-items: center;gap: var(--vaadin-gap-xs)}.customer-dashboard-view .customer-dashboard-live-preview .campaign-creative-preview{aspect-ratio: 3 / 1;height: auto;flex: 0 0 auto;border-radius: 6px;object-fit: cover;border: 1px solid rgba(124,139,160,0.35)}.customer-dashboard-view .customer-dashboard-live-info{display: flex;flex-direction: column;min-width: 0;flex: 1 1 auto}.customer-dashboard-view .customer-dashboard-live-name{color: inherit;text-decoration: none}.customer-dashboard-view .customer-dashboard-live-name:hover{text-decoration: underline;text-decoration-thickness: 1px}.customer-dashboard-view .customer-dashboard-live-name + .customer-dashboard-live-meta{margin-top: 2px}.customer-dashboard-view .customer-dashboard-live-name{font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.customer-dashboard-view .customer-dashboard-live-meta{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-xs)}.customer-dashboard-view .campaign-creative-loading{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-card{border-color: rgba(173,195,230,0.26);background: rgba(22,30,45,0.58);box-shadow: 0 16px 32px rgba(6,8,16,0.35)}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-live-row{border-color: rgba(145,173,220,0.22);background: rgba(35,47,68,0.5)}.customer-budget-view{box-sizing: border-box;padding: var(--vaadin-padding-m)}.customer-budget-view .customer-budget-shell{max-width: 1080px;margin: 0 auto;display: flex;flex-direction: column;gap: var(--vaadin-gap-m);height: 100%}.customer-budget-view .customer-budget-title{margin: 0;font-size: clamp(2.3rem,2.4vw + 1.2rem,3.2rem);line-height: 1.04}.customer-budget-view .customer-budget-total-card{display: flex;flex-direction: column;gap: 4px;padding: var(--vaadin-padding-m);border-radius: 24px;border: 1px solid rgba(255,255,255,0.62);background: rgba(255,255,255,0.52);backdrop-filter: blur(12px) saturate(125%);-webkit-backdrop-filter: blur(12px) saturate(125%);box-shadow: 0 12px 26px rgba(24,36,56,0.08)}.customer-budget-view .customer-budget-total-strip{display: flex;align-items: flex-start;box-sizing: border-box;width: max-content;max-width: 100%;padding: 0;border: 0;background: transparent;box-shadow: none}.customer-budget-view .customer-budget-total-row{align-items: center}.customer-budget-view .customer-budget-total-info{display: flex;flex-direction: column;gap: 0;min-width: 0}.customer-budget-view .customer-budget-total-label{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.customer-budget-view .customer-budget-total-value{font-size: clamp(1.4rem,2.8vw,2.2rem);font-weight: 700;color: #3F7458}.customer-budget-view .customer-budget-grid{display: flex;flex-direction: column;gap: 0.9rem;width: calc(100% + var(--app-page-padding-inline));min-height: 440px;margin-inline-end: calc(var(--app-page-padding-inline) * -1);background: transparent;box-shadow: none}.customer-budget-view .customer-budget-shell{box-sizing: border-box;padding-inline-end: var(--app-page-padding-inline)}.customer-budget-view .customer-budget-total-row{box-sizing: border-box;padding-inline-end: clamp(0.4rem,0.6vw,0.8rem)}.customer-budget-view .customer-budget-row-card{display: grid;grid-template-columns: minmax(17rem,3.5fr) minmax(8rem,1.1fr) minmax(9rem,1.45fr) minmax(8rem,1.15fr) minmax(7rem,0.95fr);gap: 1.2rem;align-items: center}.customer-budget-view .customer-budget-grid-header{display: flex;align-items: center;width: max-content;max-width: 100%}.customer-budget-view .customer-budget-table-actions{display: flex;align-items: center;justify-content: flex-start;gap: 0.65rem;min-width: 0}.customer-budget-view .customer-budget-grid-rows{display: flex;flex-direction: column;gap: 0.95rem}.customer-budget-view .customer-budget-row-card{padding: 1rem 1.35rem;border-radius: 22px;background: #FFFFFF;box-shadow: 0 16px 34px rgba(15,23,42,0.08),0 4px 10px rgba(15,23,42,0.05)}.customer-budget-view .customer-budget-entry-cell{display: flex;align-items: center;gap: 0.95rem;min-width: 0}.customer-budget-view .customer-budget-entry-icon-wrap{display: inline-flex;align-items: center;justify-content: center;width: 2.75rem;height: 2.75rem;border-radius: 999px;flex-shrink: 0}.customer-budget-view .customer-budget-entry-icon-wrap.is-consumption{background: rgba(244,169,169,0.28);color: #9A4A4A}.customer-budget-view .customer-budget-entry-icon-wrap.is-deposit{background: rgba(174,236,202,0.42);color: #2B8A57}.customer-budget-view .customer-budget-entry-icon{font-size: 1.2rem}.customer-budget-view .customer-budget-entry-copy{display: flex;flex-direction: column;gap: 0.18rem;min-width: 0}.customer-budget-view .customer-budget-entry-title{font-size: 1.05rem;font-weight: 700;color: #222B38}.customer-budget-view .customer-budget-entry-meta{color: #5F6772;font-size: 0.92rem}.customer-budget-view .customer-budget-description-cell{min-width: 0}.customer-budget-view .customer-budget-description-text{color: #2F3742;font-size: 0.98rem;line-height: 1.35}.customer-budget-view .customer-budget-reference-cell{min-width: 0}.customer-budget-view .customer-budget-reference-text{color: #6A7280;font-size: 0.92rem;font-weight: 600;white-space: nowrap}.customer-budget-view .customer-budget-status-badge{display: inline-flex;align-items: center;justify-content: center;min-width: 5.2rem;padding: 0.46rem 0.9rem;border-radius: 999px;font-size: 0.78rem;font-weight: 700}.customer-budget-view .customer-budget-status-cell{display: flex;width: 100%;justify-content: flex-start}.customer-budget-view .customer-budget-status-badge.status-booked{background: rgba(66,130,255,0.15);color: #1f4f9f;border: 1px solid rgba(59,117,228,0.3)}.customer-budget-view .customer-budget-status-badge.status-requested{background: var(--app-accent-soft-fill);color: var(--app-accent-ink);border: 1px solid var(--app-accent-soft-border)}.customer-budget-view .customer-budget-amount{font-size: 1.05rem;font-weight: 700;white-space: nowrap}.customer-budget-view .customer-budget-amount-cell{display: flex;justify-content: flex-start}.customer-budget-view .customer-budget-empty-state{padding: 1.2rem 1.4rem;border-radius: 20px;background: rgba(255,255,255,0.82);color: #5F6772;box-shadow: 0 12px 24px rgba(15,23,42,0.06)}.customer-budget-view .customer-budget-amount.is-positive{color: #3F7458}.customer-budget-view .customer-budget-amount.is-negative{color: #8f2e2e}@media (max-width: 640px){.customer-budget-view .customer-budget-row-card{grid-template-columns: 1fr;gap: 0.55rem}.customer-budget-view .customer-budget-amount-cell,.customer-budget-view .customer-budget-status-cell{align-items: flex-start;justify-content: flex-start;text-align: left}.customer-budget-view .customer-budget-description-cell{margin-top: 0.15rem}}html[data-theme-mode="dark"] .customer-budget-view .customer-budget-total-card{border-color: rgba(173,195,230,0.26);background: rgba(22,30,45,0.58);box-shadow: 0 16px 32px rgba(6,8,16,0.35)}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-budget-value,html[data-theme-mode="dark"] .customer-budget-view .customer-budget-total-value,html[data-theme-mode="dark"] .customer-budget-view .customer-budget-amount.is-positive{color: #98C2AC}html[data-theme-mode="dark"] .customer-budget-view .customer-budget-type-badge.type-deposit{background: rgba(62,150,104,0.26);color: #b8f0d2;border-color: rgba(97,198,143,0.42)}html[data-theme-mode="dark"] .customer-budget-view .customer-budget-type-badge.type-consumption{background: rgba(159,64,64,0.34);color: #ffc9c9;border-color: rgba(228,113,113,0.44)}html[data-theme-mode="dark"] .customer-budget-view .customer-budget-status-badge.status-booked{background: rgba(72,124,204,0.28);color: #cde0ff;border-color: rgba(110,156,227,0.42)}html[data-theme-mode="dark"] .customer-budget-view .customer-budget-status-badge.status-requested{background: rgba(130,76,34,0.42);color: #ffd9bc;border-color: rgba(217,128,64,0.45)}html[data-theme-mode="dark"] .customer-budget-view .customer-budget-amount.is-positive{color: #98C2AC}html[data-theme-mode="dark"] .customer-budget-view .customer-budget-amount.is-negative{color: #ffbdbd}.customer-budget-add-dialog-content{display: flex;flex-direction: column;gap: var(--vaadin-gap-m);min-width: min(92vw,340px)}.customer-campaign-impressions-view{--customer-campaign-impressions-card-border: rgba(211,219,229,0.88);--customer-campaign-impressions-card-shadow: 0 18px 40px rgba(32,47,74,0.08),0 2px 6px rgba(22,33,52,0.04);box-sizing: border-box;min-height: 100%;padding: clamp(20px,3vw,40px);background: radial-gradient(circle at top left,rgba(130,164,255,0.18),transparent 28%),radial-gradient(circle at 82% 12%,rgba(255,255,255,0.75),transparent 24%),linear-gradient(180deg,#f7f9fc 0%,#eef3f8 100%)}.customer-campaign-impressions-view .customer-campaign-impressions-shell{max-width: none;margin: 0;display: flex;flex-direction: column;gap: 18px}.customer-campaign-impressions-view .customer-campaign-impressions-intro{display: flex;flex-direction: column;gap: 0}.customer-campaign-impressions-view .customer-campaign-impressions-title{margin: 0;max-width: none;color: var(--app-page-title-color);font-family: var(--aura-font-family);font-size: var(--app-page-title-size);line-height: var(--app-page-title-line-height);letter-spacing: var(--app-page-title-letter-spacing);font-weight: var(--app-page-title-weight)}.customer-campaign-impressions-view .customer-campaign-impressions-subtitle{margin: var(--app-page-subtitle-margin-top) 0 0;max-width: 720px;color: var(--app-page-subtitle-color);font-size: var(--app-page-subtitle-size);line-height: var(--app-page-subtitle-line-height)}.customer-campaign-impressions-view .customer-campaign-impressions-card{display: flex;flex-direction: column;gap: 12px;padding: 20px;border-radius: 26px;border: 1px solid var(--customer-campaign-impressions-card-border);background: rgba(255,255,255,0.92);box-shadow: var(--customer-campaign-impressions-card-shadow)}.customer-campaign-impressions-view .customer-campaign-impressions-filter-card{padding: 18px}.customer-campaign-impressions-view .customer-campaign-impressions-filters{display: grid;grid-template-columns: minmax(240px,2.1fr) repeat(2,minmax(180px,1.15fr)) minmax(150px,0.8fr);gap: 16px;align-items: end}.customer-campaign-impressions-view .customer-campaign-impressions-filter-field{display: flex;flex-direction: column;gap: 8px;min-width: 0}.customer-campaign-impressions-view .customer-campaign-impressions-filter-label{color: #141b2a;font-size: 1rem;font-weight: 600;line-height: 1.15}.customer-campaign-impressions-view .customer-campaign-impressions-filter-action{align-self: end}.customer-campaign-impressions-view vaadin-combo-box,.customer-campaign-impressions-view vaadin-date-picker{width: 100%}.customer-campaign-impressions-view vaadin-combo-box::part(input-field),.customer-campaign-impressions-view vaadin-date-picker::part(input-field){min-height: 50px;padding-inline: 18px;border-radius: 20px;background: #fff;box-shadow: inset 0 0 0 1px rgba(202,211,221,0.96),0 2px 10px rgba(15,23,42,0.03)}.customer-campaign-impressions-view vaadin-combo-box::part(toggle-button),.customer-campaign-impressions-view vaadin-date-picker::part(toggle-button),.customer-campaign-impressions-view vaadin-combo-box::part(clear-button){color: rgba(74,85,104,0.7)}.customer-campaign-impressions-view .customer-campaign-impressions-summary{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 18px}.customer-campaign-impressions-view .customer-campaign-impressions-metric{justify-content: space-between;min-height: 124px;padding: 18px 18px 16px;gap: 18px}.customer-campaign-impressions-view .customer-campaign-impressions-metric-header{display: flex;align-items: flex-start;justify-content: space-between;gap: 16px}.customer-campaign-impressions-view .customer-campaign-impressions-metric-label{color: #141b2a;font-size: 1rem;font-weight: 600;line-height: 1.2}.customer-campaign-impressions-view .customer-campaign-impressions-metric-icon{width: 52px;height: 52px;flex: 0 0 auto;border-radius: 18px;display: inline-flex;align-items: center;justify-content: center;background: linear-gradient(180deg,#f4f7fd 0%,#edf2fb 100%);color: #44516a;box-shadow: inset 0 1px 0 rgba(255,255,255,0.9)}.customer-campaign-impressions-view .customer-campaign-impressions-metric-icon-svg{width: 24px;height: 24px}.customer-campaign-impressions-view .customer-campaign-impressions-metric-value{font-size: clamp(2.5rem,5vw,4rem);line-height: 0.9;letter-spacing: -0.05em;font-weight: 800;color: #0f172a}.customer-campaign-impressions-view .customer-campaign-impressions-chart-card{gap: 18px;min-height: 290px}.customer-campaign-impressions-view .customer-campaign-impressions-chart-title{margin: 0;font-size: 1.15rem;letter-spacing: -0.03em}.customer-campaign-impressions-view .customer-campaign-impressions-chart{width: 100%;min-height: 250px;display: flex;align-items: center;justify-content: center}.customer-campaign-impressions-view .customer-campaign-impressions-bars-layout{display: grid;grid-template-columns: 72px minmax(0,1fr);gap: 18px;align-items: stretch;min-height: 270px;width: 100%}.customer-campaign-impressions-view .customer-campaign-impressions-y-axis{display: grid;grid-template-rows: repeat(5,1fr);align-items: end;justify-items: end;height: 240px;padding-bottom: 30px}.customer-campaign-impressions-view .customer-campaign-impressions-axis-label{font-size: 0.78rem;color: #7b869a;line-height: 1.1;white-space: nowrap}.customer-campaign-impressions-view .customer-campaign-impressions-plot{display: flex;flex-direction: column;min-width: 0;justify-content: space-between;overflow: hidden}.customer-campaign-impressions-view .customer-campaign-impressions-bars{flex: 1 1 auto;min-height: 240px;display: flex;align-items: flex-end;gap: 8px;border-bottom: 1px solid rgba(123,134,154,0.22);padding: 10px 0 8px;background: linear-gradient(180deg,rgba(245,248,253,0.92) 0%,rgba(245,248,253,0.24) 100%);background-image: linear-gradient(180deg,rgba(245,248,253,0.92) 0%,rgba(245,248,253,0.24) 100%),repeating-linear-gradient(180deg,transparent 0,transparent calc(25% - 1px),rgba(123,134,154,0.14) calc(25% - 1px),rgba(123,134,154,0.14) 25%);border-radius: 20px 20px 10px 10px}.customer-campaign-impressions-view .customer-campaign-impressions-bar{flex: 1 1 0;min-width: 0;border-radius: 10px 10px 4px 4px;background: linear-gradient(180deg,#81b7ff 0%,#2b7bf1 100%);height: var(--bar-height,4px);min-height: 2px;box-shadow: inset 0 1px 0 rgba(255,255,255,0.36)}.customer-campaign-impressions-view .customer-campaign-impressions-x-axis{display: grid;grid-template-columns: repeat(5,minmax(0,1fr));margin-top: 12px;gap: 8px}.customer-campaign-impressions-view .customer-campaign-impressions-x-axis .customer-campaign-impressions-axis-label{text-align: center}.customer-campaign-impressions-view .customer-campaign-impressions-x-axis .customer-campaign-impressions-axis-label:first-child{text-align: left}.customer-campaign-impressions-view .customer-campaign-impressions-x-axis .customer-campaign-impressions-axis-label:last-child{text-align: right}.customer-campaign-impressions-view .customer-campaign-impressions-empty{min-height: 240px;width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 12px;text-align: center}.customer-campaign-impressions-view .customer-campaign-impressions-empty-illustration{position: relative;width: 170px;height: 132px}.customer-campaign-impressions-view .customer-campaign-impressions-empty-sheet{position: absolute;left: 24px;top: 8px;width: 108px;height: 88px;border-radius: 18px;border: 1px solid rgba(192,202,214,0.92);background: linear-gradient(180deg,#ffffff 0%,#f5f8fd 100%);box-shadow: 0 14px 24px rgba(30,44,74,0.08)}.customer-campaign-impressions-view .customer-campaign-impressions-empty-sheet-lines{position: absolute;left: 16px;top: 16px;width: 34px;height: 20px;border-radius: 999px;background: linear-gradient(180deg,rgba(177,188,203,0.9) 0 2px,transparent 2px 8px,rgba(177,188,203,0.62) 8px 10px,transparent 10px 16px,rgba(177,188,203,0.46) 16px 18px,transparent 18px 100%)}.customer-campaign-impressions-view .customer-campaign-impressions-empty-chart-icon{position: absolute;right: 14px;bottom: 10px;width: 46px;height: 46px;color: #486383}.customer-campaign-impressions-view .customer-campaign-impressions-empty-calendar{position: absolute;right: 24px;bottom: 6px;width: 64px;height: 64px;border-radius: 18px;border: 1px solid rgba(192,202,214,0.92);background: #fff;display: inline-flex;align-items: center;justify-content: center;box-shadow: 0 12px 22px rgba(30,44,74,0.08)}.customer-campaign-impressions-view .customer-campaign-impressions-empty-calendar-icon{width: 32px;height: 32px;color: #465971}.customer-campaign-impressions-view .customer-campaign-impressions-empty-message{color: #182031;font-size: 1rem;font-weight: 500}html[data-theme-mode="dark"] .customer-campaign-impressions-view .customer-campaign-impressions-card{border-color: rgba(118,134,164,0.36);background: rgba(18,26,38,0.84);box-shadow: 0 18px 36px rgba(5,8,14,0.32)}html[data-theme-mode="dark"] .customer-campaign-impressions-view{background: radial-gradient(circle at top left,rgba(96,139,219,0.2),transparent 30%),linear-gradient(180deg,#121a27 0%,#0d1521 100%)}html[data-theme-mode="dark"] .customer-campaign-impressions-view .customer-campaign-impressions-axis-label{color: rgba(217,225,236,0.7)}html[data-theme-mode="dark"] .customer-campaign-impressions-view .customer-campaign-impressions-subtitle{color: var(--app-page-subtitle-color)}html[data-theme-mode="dark"] .customer-campaign-impressions-view .customer-campaign-impressions-metric-label,html[data-theme-mode="dark"] .customer-campaign-impressions-view .customer-campaign-impressions-empty-message{color: #f3f6fb}html[data-theme-mode="dark"] .customer-campaign-impressions-view .customer-campaign-impressions-metric-value{color: #ffffff}html[data-theme-mode="dark"] .customer-campaign-impressions-view vaadin-combo-box::part(input-field),html[data-theme-mode="dark"] .customer-campaign-impressions-view vaadin-date-picker::part(input-field){background: rgba(17,24,39,0.9);box-shadow: inset 0 0 0 1px rgba(109,123,150,0.74)}html[data-theme-mode="dark"] .customer-campaign-impressions-view .customer-campaign-impressions-empty-sheet,html[data-theme-mode="dark"] .customer-campaign-impressions-view .customer-campaign-impressions-empty-calendar{border-color: rgba(118,134,164,0.44);background: rgba(17,24,39,0.9)}html[data-theme-mode="dark"] .customer-campaign-impressions-view .customer-campaign-impressions-empty-calendar-icon,html[data-theme-mode="dark"] .customer-campaign-impressions-view .customer-campaign-impressions-empty-chart-icon{color: #d7e0ec}.customer-campaign-impressions-view .customer-campaign-impressions-map-section{border-radius: 16px;overflow: hidden;border: 1px solid rgba(255,255,255,0.62);box-shadow: 0 12px 26px rgba(24,36,56,0.08)}.customer-campaign-impressions-view .customer-campaign-impressions-map-header{display: flex;align-items: center;justify-content: space-between;padding: 16px 20px 12px;background: var(--lumo-base-color)}.customer-campaign-impressions-view .customer-campaign-impressions-map-title{margin: 0;font-size: var(--lumo-font-size-l);font-weight: 600}.customer-campaign-impressions-view .customer-campaign-impressions-map-section .panel-status-map{border-radius: 0;border: none;box-shadow: none}@media (max-width: 980px){.customer-campaign-impressions-view .customer-campaign-impressions-filters{grid-template-columns: repeat(2,minmax(0,1fr))}.customer-campaign-impressions-view .customer-campaign-impressions-filter-action{grid-column: span 2}.customer-campaign-impressions-view .customer-campaign-impressions-summary{grid-template-columns: repeat(auto-fit,minmax(220px,1fr))}}@media (max-width: 700px){.customer-campaign-impressions-view{padding: 18px 14px 28px}.customer-campaign-impressions-view .customer-campaign-impressions-filters{grid-template-columns: 1fr;gap: 14px}.customer-campaign-impressions-view .customer-campaign-impressions-filter-action{grid-column: auto}.customer-campaign-impressions-view .customer-campaign-impressions-summary{grid-template-columns: 1fr}.customer-campaign-impressions-view .customer-campaign-impressions-bars-layout{grid-template-columns: 54px minmax(0,1fr)}.customer-campaign-impressions-view .customer-campaign-impressions-chart-card{padding: 18px 16px}}.customer-campaigns-view{box-sizing: border-box;padding: var(--vaadin-padding-m);display: flex;flex-direction: column;gap: var(--vaadin-gap-m)}.customer-campaigns-view .customer-campaigns-title{margin: 0}.customer-campaigns-view .campaigns-grid{flex: 1 1 auto;min-height: 620px}.customer-campaigns-view .campaign-schedule-cell,.customer-campaigns-view .campaign-daypart-cell,.customer-campaigns-view .campaign-creative-cell{display: inline-flex;align-items: center;gap: var(--vaadin-gap-xs)}.customer-campaigns-view .weekday-chip-wrap{display: flex;flex-wrap: wrap;gap: 4px}.customer-campaigns-view .weekday-chip{font-size: 0.72rem;line-height: 1;padding: 4px 6px;border-radius: 999px;border: 1px solid rgba(124,139,160,0.5);color: var(--vaadin-text-color-secondary);background: rgba(235,240,246,0.7)}.customer-campaigns-view .weekday-chip.is-selected{border-color: var(--app-accent-soft-border);color: var(--app-accent-ink);background: var(--app-accent-soft-fill)}.customer-campaigns-view .campaign-daypart-summary{font-size: 0.82rem;color: var(--vaadin-text-color-secondary);max-width: 240px}.customer-campaigns-view .campaign-creative-preview{width: 72px;aspect-ratio: 3 / 1;height: auto;border-radius: 6px;object-fit: cover;background: rgba(235,240,246,0.65);border: 1px solid rgba(124,139,160,0.35)}.customer-campaigns-view .campaign-creative-strip{display: grid;grid-template-columns: repeat(3,72px);align-items: start;gap: var(--vaadin-gap-xs);width: max-content}.customer-campaigns-view .campaign-creative-strip .campaign-creative-preview{width: 72px}.customer-campaigns-view .campaign-creative-preview.is-loading{opacity: 0.55}.customer-campaigns-view .campaign-creative-loading{font-size: 0.72rem;color: var(--vaadin-text-color-secondary)}.customer-campaigns-view .campaign-creative-preview-large{width: 100%;max-width: 100%;aspect-ratio: 3 / 1;height: auto;border-radius: 10px;object-fit: cover;border: 1px solid rgba(124,139,160,0.35)}.customer-campaigns-view .campaign-creative-name{max-width: 150px;font-size: 0.8rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.customer-campaigns-view .campaign-status-badge{display: inline-flex;align-items: center;justify-content: center;border-radius: 999px;padding: 2px 9px;font-size: 0.72rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.02em}.customer-campaigns-view .campaign-status-badge.status-live{background: rgba(85,168,99,0.16);color: #1d6a2a;border: 1px solid rgba(45,129,61,0.4)}.customer-campaigns-view .campaign-status-badge.status-draft{background: rgba(170,180,196,0.22);color: #566173;border: 1px solid rgba(120,133,152,0.45)}.customer-campaigns-view .campaign-status-badge.status-done{background: rgba(53,82,128,0.16);color: #2a4c7b;border: 1px solid rgba(53,82,128,0.38)}.customer-campaigns-view .campaign-status-badge.status-under_review{background: rgba(255,193,7,0.16);color: #8f6a00;border: 1px solid rgba(181,128,0,0.4)}.customer-campaign-edit-view{box-sizing: border-box;padding: var(--vaadin-padding-m);overflow: visible;background: transparent}.customer-campaign-edit-view .campaign-builder-shell{max-width: 1040px;margin: 0 auto;display: flex;flex-direction: column;gap: 0.75rem;overflow: visible}.customer-campaign-edit-view .campaign-builder-header{display: none}.customer-campaign-edit-view .campaign-builder-hero{position: relative;display: grid;grid-template-columns: minmax(0,1fr);gap: 1rem;align-items: start;padding: 0 0 0.95rem;border: 0;border-radius: 0;background: transparent;box-shadow: none;overflow: visible}.customer-campaign-edit-view .campaign-builder-hero::after{content: none}.customer-campaign-edit-view .campaign-builder-hero-copy{position: relative;z-index: 1;display: flex;flex-direction: column;gap: 0.45rem;min-width: 0}.customer-campaign-edit-view .campaign-builder-eyebrow{width: fit-content;font-weight: 800}.customer-campaign-edit-view .campaign-builder-eyebrow.status-live{background: rgba(85,168,99,0.16);border-color: rgba(45,129,61,0.40);color: #1d6a2a}.customer-campaign-edit-view .campaign-builder-eyebrow.status-draft{background: rgba(170,180,196,0.22);border-color: rgba(120,133,152,0.45);color: #566173}.customer-campaign-edit-view .campaign-builder-eyebrow.status-under_review{background: rgba(255,193,7,0.16);border-color: rgba(181,128,0,0.40);color: #8f6a00}.customer-campaign-edit-view .campaign-builder-eyebrow.status-paused{background: rgba(234,134,45,0.14);border-color: rgba(200,100,20,0.38);color: #8a4a10}.customer-campaign-edit-view .campaign-builder-eyebrow.status-done{background: rgba(53,82,128,0.14);border-color: rgba(53,82,128,0.36);color: #2a4c7b}.customer-campaign-edit-view .campaign-builder-eyebrow.status-archived{background: rgba(140,140,150,0.14);border-color: rgba(120,120,130,0.35);color: #5a5a6a}.customer-campaign-edit-view .campaign-builder-title{margin: 0}.customer-campaign-edit-view .campaign-preset-field-wrap{width: 100%;gap: 0.35rem}.customer-campaign-edit-view .campaign-preset-field-label{margin: 0;color: var(--vaadin-input-field-label-color,#374151);font-size: var(--aura-font-size-m);font-weight: 700;width: 100%;line-height: 1.35}.customer-campaign-edit-view .campaign-preset-field-row{width: 100%;align-items: center;gap: 0.45rem;flex-wrap: wrap}.customer-campaign-edit-view .campaign-preset-field-input{width: 5.5rem;flex: 0 0 auto}.customer-campaign-edit-view .campaign-preset-button{--vaadin-button-height: 2.3rem;--vaadin-button-padding: 0 0.8rem}.customer-campaign-edit-view .campaign-duration-field-row{width: 100%;align-items: center;gap: 0.4rem;flex-wrap: wrap}.customer-campaign-edit-view .campaign-duration-field-input{width: 7.6rem;flex: 0 0 auto}.customer-campaign-edit-view .campaign-builder-lead{margin: 0;max-width: 720px;color: #526174;font-size: 1rem;line-height: 1.5}.customer-campaign-assistant-view{box-sizing: border-box;padding: var(--vaadin-padding-m);display: flex;flex-direction: column;gap: var(--vaadin-gap-m);height: 100%;min-height: 0;overflow: hidden}.customer-campaign-assistant-view .customer-campaign-assistant-header{width: 100%}.customer-campaign-assistant-view .customer-campaign-assistant-header-copy,.customer-panel-map-view .customer-panel-map-header-copy{display: flex;flex-direction: column;gap: 0.45rem}.customer-campaign-assistant-view .customer-campaign-assistant-title{margin: 0}.customer-campaign-assistant-view .customer-campaign-assistant-lead,.customer-panel-map-view .customer-panel-map-header-lead{margin: 0;color: var(--vaadin-text-color-secondary);max-width: 40rem}.customer-landingpage-edit-view .landingpage-embed-section{display: flex;flex-direction: column;gap: 0.45rem;width: 100%}.customer-landingpage-edit-view .campaign-builder-header{display: flex;flex-direction: column;gap: 1rem}.customer-campaign-edit-view.customer-landingpage-edit-view{padding: var(--vaadin-padding-m);background: linear-gradient(180deg,rgba(247,250,253,0.52) 0%,rgba(247,248,251,0.84) 48%,#F7F8FB 100%),url("/images/Drive_Customer_Background.png") center top / cover no-repeat,#edf3f8}.customer-campaign-edit-view.customer-landingpage-edit-view .campaign-builder-hero{padding: 0 0 0.95rem;border: 0;border-radius: 0;background: transparent;box-shadow: none;overflow: visible}.customer-campaign-edit-view.customer-landingpage-edit-view .campaign-builder-hero::after{content: none}.customer-campaign-edit-view.customer-landingpage-edit-view .campaign-builder-hero-copy{gap: 0.34rem}.customer-campaign-edit-view.customer-landingpage-edit-view .campaign-builder-title{display: block;max-width: 52rem}.customer-campaign-edit-view.customer-landingpage-edit-view .campaign-builder-lead{display: block;max-width: 44rem;color: #526174;font-size: 0.96rem;line-height: 1.42}html[data-theme-mode="dark"] .customer-campaign-edit-view.customer-landingpage-edit-view{background: linear-gradient(180deg,rgba(21,27,36,0.66) 0%,rgba(21,27,36,0.9) 48%,#151B24 100%),url("/images/Drive_Customer_Background.png") center top / cover no-repeat,#151B24}html[data-theme-mode="dark"] .customer-campaign-edit-view.customer-landingpage-edit-view .campaign-builder-hero{border: 0;background: transparent;box-shadow: none}.customer-landingpage-edit-view .landingpage-embed-toggle-row{width: 100%;margin: 0;gap: 0.55rem}vaadin-checkbox.app-slider-toggle{--vaadin-checkbox-size: 1.32rem;--vaadin-checkbox-gap: 0.72rem;--vaadin-checkbox-border-radius: 999px;--vaadin-checkbox-border-width: 1px;--vaadin-checkbox-border-color: var(--app-slider-toggle-track-border);--vaadin-checkbox-background: var(--app-slider-toggle-track-bg);--vaadin-checkbox-marker-color: transparent;--vaadin-checkbox-marker-size: 100%;--vaadin-checkbox-label-color: var(--app-input-field-value-color);--vaadin-checkbox-label-font-size: 0.95rem;--vaadin-checkbox-label-font-weight: 600;--vaadin-checkbox-label-line-height: 1.35}vaadin-checkbox.app-slider-toggle::part(checkbox){width: 2.35rem;min-width: 2.35rem;height: 1.32rem;padding: 2px;border-radius: 999px;justify-content: flex-start;background: var(--app-slider-toggle-track-bg);border-color: var(--app-slider-toggle-track-border);box-shadow: none;transition: background 160ms ease,border-color 160ms ease,box-shadow 160ms ease}vaadin-checkbox.app-slider-toggle::part(checkbox)::after{width: 0.9rem;height: 0.9rem;border-radius: 999px;background: var(--app-slider-toggle-knob-bg);box-shadow: var(--app-slider-toggle-knob-shadow);mask: none;filter: none;opacity: 1}vaadin-checkbox.app-slider-toggle:is([checked],[indeterminate])::part(checkbox){justify-content: flex-end;background: var(--app-slider-toggle-track-bg-checked);border-color: var(--app-slider-toggle-track-border-checked);box-shadow: none}vaadin-checkbox.app-slider-toggle[focus-ring]::part(checkbox),vaadin-checkbox.app-slider-toggle[focus-ring]:is([checked],[indeterminate])::part(checkbox){box-shadow: var(--app-slider-toggle-focus-shadow)}vaadin-checkbox.app-slider-toggle[active]:not([disabled],[readonly])::part(checkbox){transform: none}@media (any-hover: hover){vaadin-checkbox.app-slider-toggle:hover:not([checked],[indeterminate],[disabled],[readonly],[active])::part(checkbox){background: var(--app-slider-toggle-track-bg-hover);border-color: var(--app-slider-toggle-track-border-hover)}}.customer-campaign-assistant-view .assistant-shell{max-width: 1120px;width: 100%;margin: 0 auto;display: grid;grid-template-columns: minmax(280px,360px) minmax(0,1fr);gap: var(--vaadin-gap-m);align-items: start;flex: 1 1 auto;min-height: 0}.customer-campaign-assistant-view .assistant-shell.assistant-shell-chat-only{max-width: 900px;grid-template-columns: minmax(0,1fr);height: auto;min-height: 0}.customer-campaign-assistant-view .assistant-control-card,.customer-campaign-assistant-view .assistant-chat-card{border-radius: 22px;overflow: hidden;border: 1px solid rgba(255,255,255,0.62);background: rgba(255,255,255,0.54);backdrop-filter: blur(12px) saturate(125%);-webkit-backdrop-filter: blur(12px) saturate(125%);box-shadow: 0 12px 28px rgba(24,36,56,0.10)}.customer-campaign-assistant-view .assistant-control-card{display: flex;flex-direction: column;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-m)}.customer-campaign-assistant-view .assistant-top-actions{flex-wrap: wrap;width: 100%}.customer-campaign-assistant-view .assistant-mode-switch{width: fit-content;border-radius: 999px;background: rgba(246,249,255,0.92);border: 1px solid rgba(104,122,153,0.22);padding: 2px;gap: 2px}.customer-campaign-assistant-view .assistant-mode-btn{border-radius: 999px;min-width: 96px;font-weight: 600;color: #2c3c56}.customer-campaign-assistant-view .assistant-mode-btn.mode-active{background: #1f4f8f;color: #ffffff}.customer-campaign-assistant-view .assistant-flow-steps{display: flex;flex-direction: column;gap: var(--vaadin-gap-xs)}.customer-campaign-assistant-view .assistant-step{display: block;padding: 9px 11px;border-radius: 10px;border: 1px solid rgba(124,139,160,0.25);background: rgba(255,255,255,0.72);font-size: 0.9rem;line-height: 1.35}.customer-campaign-assistant-view .assistant-step.is-waiting{color: #566176}.customer-campaign-assistant-view .assistant-step.is-active{border-color: rgba(44,99,174,0.45);background: rgba(229,240,255,0.82);color: #1f4f8f}.customer-campaign-assistant-view .assistant-step.is-done{border-color: rgba(52,137,87,0.38);background: rgba(223,244,231,0.86);color: #1f6e42}.customer-campaign-assistant-view .assistant-step.is-error{border-color: rgba(196,70,70,0.42);background: rgba(253,232,232,0.88);color: #8f2b2b}.customer-campaign-assistant-view .assistant-chat-card{height: clamp(560px,calc(100dvh - 180px),760px);min-height: 0;max-height: calc(100dvh - 140px);display: flex;flex-direction: column}.customer-campaign-assistant-view .assistant-session-chooser{display: flex;flex-wrap: wrap;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-m);border-bottom: 1px solid rgba(119,138,167,0.24);background: rgba(245,250,255,0.82)}.customer-campaign-assistant-view .assistant-start-option{min-width: 168px;font-weight: 700;border-radius: 12px}.customer-campaign-assistant-view .assistant-start-option-icon{width: 16px;height: 16px}.customer-campaign-assistant-view .assistant-chat-header{display: flex;justify-content: space-between;gap: var(--vaadin-gap-s);align-items: center;padding: var(--vaadin-padding-m);border-bottom: 1px solid rgba(119,138,167,0.24);background: rgba(245,250,255,0.88)}.customer-campaign-assistant-view .assistant-chat-header-left,.customer-campaign-assistant-view .assistant-chat-header-right{display: flex;align-items: center;gap: var(--vaadin-gap-xs)}.customer-campaign-assistant-view .assistant-chat-header-right{flex-wrap: wrap;justify-content: flex-end}.customer-campaign-assistant-view .assistant-agent-title{font-size: 1rem;font-weight: 700;color: #1f2f4a}.customer-campaign-assistant-view .assistant-presence-badge{display: inline-flex;align-items: center;border-radius: 999px;padding: 3px 10px;font-size: 0.76rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.03em;border: 1px solid transparent}.customer-campaign-assistant-view .assistant-presence-badge.is-offline{background: rgba(180,188,201,0.24);color: #556174;border-color: rgba(136,148,166,0.44)}.customer-campaign-assistant-view .assistant-presence-badge.is-connecting{background: rgba(242,207,89,0.28);color: #755600;border-color: rgba(208,171,39,0.42)}.customer-campaign-assistant-view .assistant-presence-badge.is-connected{background: rgba(75,174,103,0.2);color: #1e6d3d;border-color: rgba(51,138,76,0.42)}.customer-campaign-assistant-view .assistant-conversation-id{font-size: 0.76rem;color: var(--vaadin-text-color-secondary)}.customer-campaign-assistant-view .assistant-chat-timeline{flex: 1 1 auto;min-height: 0;overflow-y: auto;overflow-x: hidden;display: flex;flex-direction: column;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-m)}.customer-campaign-assistant-view .assistant-message-row{display: flex;width: 100%}.customer-campaign-assistant-view .assistant-message-row.agent{justify-content: flex-start}.customer-campaign-assistant-view .assistant-message-row.user{justify-content: flex-end}.customer-campaign-assistant-view .assistant-message-row.system{justify-content: center}.customer-campaign-assistant-view .assistant-message-bubble{max-width: min(82%,560px);border-radius: 15px;padding: 10px 12px;line-height: 1.42;font-size: 0.92rem;border: 1px solid rgba(120,137,162,0.25);box-shadow: 0 6px 14px rgba(26,39,64,0.08);white-space: pre-wrap}.customer-campaign-assistant-view .assistant-message-row.agent .assistant-message-bubble{background: rgba(255,255,255,0.92);color: #22324a}.customer-campaign-assistant-view .assistant-message-row.user .assistant-message-bubble{background: #1f4f8f;color: #ffffff;border-color: rgba(22,72,137,0.62)}.customer-campaign-assistant-view .assistant-message-row.system .assistant-message-bubble{background: rgba(244,247,252,0.9);color: #4e5f79;font-size: 0.82rem;border-style: dashed}.customer-campaign-assistant-view .assistant-thinking-row{display: none;align-items: center;gap: var(--vaadin-gap-s);padding: 0 var(--vaadin-padding-m) var(--vaadin-padding-s) var(--vaadin-padding-m)}.customer-campaign-assistant-view .assistant-thinking-row.visible{display: flex}.customer-campaign-assistant-view .assistant-thinking-label{font-size: 0.8rem;color: var(--vaadin-text-color-secondary)}.customer-campaign-assistant-view .assistant-thinking-dots{display: inline-flex;align-items: center;gap: 5px}.customer-campaign-assistant-view .assistant-thinking-dots span{width: 7px;height: 7px;border-radius: 50%;background: #5078b8;opacity: 0.25;animation: assistant-dots 1s infinite ease-in-out}.customer-campaign-assistant-view .assistant-thinking-dots span:nth-child(2){animation-delay: 0.15s}.customer-campaign-assistant-view .assistant-thinking-dots span:nth-child(3){animation-delay: 0.3s}@keyframes assistant-dots{0%,80%,100%{transform: translateY(0);opacity: 0.3}40%{transform: translateY(-3px);opacity: 1}}.customer-campaign-assistant-view .assistant-composer{border-top: 1px solid rgba(119,138,167,0.24);background: rgba(245,250,255,0.86);padding: var(--vaadin-padding-m);gap: var(--vaadin-gap-s)}.customer-campaign-assistant-view .assistant-composer vaadin-text-field::part(input-field){border: 1.5px solid rgba(90,120,170,0.45);background: #fff}.customer-campaign-assistant-view .assistant-finalizing-overlay{position: fixed;inset: 0;display: flex;align-items: center;justify-content: center;z-index: 10000;background: rgba(244,248,255,0.72);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);padding: var(--vaadin-padding-m)}.customer-campaign-assistant-view .assistant-finalizing-card{width: min(560px,calc(100vw - 24px));border-radius: 18px;border: 1px solid rgba(111,137,180,0.32);background: rgba(255,255,255,0.92);box-shadow: 0 18px 42px rgba(16,27,45,0.18);padding: calc(var(--vaadin-padding-m) + 2px);display: flex;flex-direction: column;align-items: center;gap: var(--vaadin-gap-s);text-align: center}.customer-campaign-assistant-view .assistant-finalizing-spinner{width: 38px;height: 38px;border-radius: 50%;border: 3px solid rgba(82,114,166,0.25);border-top-color: #2b5fa8;animation: assistant-spin 0.9s linear infinite}.customer-campaign-assistant-view .assistant-finalizing-title{font-size: 1.03rem;line-height: 1.35;font-weight: 700;color: #1f2f4a}.customer-campaign-assistant-view .assistant-finalizing-message{font-size: 0.92rem;line-height: 1.45;color: #50627e;min-height: 1.45em}@keyframes assistant-spin{to{transform: rotate(360deg)}}.customer-campaign-edit-view .campaign-builder-progress{display: grid;grid-template-columns: repeat(6,minmax(0,1fr));gap: 0.7rem}.customer-campaign-edit-view .campaign-builder-progress-card{display: flex;flex-direction: column;gap: 0.3rem;padding: 1rem 1.1rem 1.1rem;border-radius: 24px;border: 1px solid rgba(229,236,246,0.84);background: rgba(255,255,255,0.78);backdrop-filter: blur(12px) saturate(125%);-webkit-backdrop-filter: blur(12px) saturate(125%);box-shadow: 0 16px 32px rgba(20,32,52,0.07),0 4px 10px rgba(20,32,52,0.04)}.customer-campaign-edit-view .campaign-builder-progress-label{color: #465972;font-size: 0.76rem;font-weight: 800;letter-spacing: 0.08em;text-transform: uppercase}.customer-campaign-edit-view .campaign-builder-progress-hint{margin: 0 0 0.6rem;color: #617186;font-size: 0.9rem;line-height: 1.4}.customer-campaign-edit-view .campaign-builder-progress .campaign-progress-link{min-height: 3.25rem;border-radius: 18px;color: #23344c;border: 1px solid rgba(139,156,181,0.22);box-shadow: none;font-weight: 800;padding: 0.75rem 0.85rem;min-width: 0;justify-content: center;transition: transform 160ms ease-in-out,box-shadow 160ms ease-in-out,background 160ms ease-in-out,color 160ms ease-in-out;height: auto}.customer-campaign-edit-view .campaign-builder-progress .campaign-progress-link::part(label){white-space: normal;text-align: center;line-height: 1.3}.customer-campaign-edit-view .campaign-builder-progress .campaign-progress-link:hover{transform: translateY(-1px);box-shadow: 0 10px 18px rgba(28,39,58,0.08)}.customer-campaign-edit-view .campaign-builder-progress .campaign-progress-link.step-1{background: rgba(238,244,255,0.96)}.customer-campaign-edit-view .campaign-builder-progress .campaign-progress-link.step-2{background: rgba(237,246,255,0.96)}.customer-campaign-edit-view .campaign-builder-progress .campaign-progress-link.step-3{background: rgba(236,248,251,0.96)}.customer-campaign-edit-view .campaign-builder-progress .campaign-progress-link.step-4{background: rgba(240,248,243,0.96)}.customer-campaign-edit-view .campaign-builder-progress .campaign-progress-link.step-5{background: rgba(250,246,236,0.96)}.customer-campaign-edit-view .campaign-builder-progress .campaign-progress-link.step-6{background: rgba(245,242,248,0.96)}.customer-campaign-edit-view .campaign-builder-progress .campaign-progress-link.step-7{background: rgba(239,247,245,0.96)}.customer-campaign-edit-view .campaign-builder-progress .campaign-progress-link.is-active{background: linear-gradient(180deg,#61748d 0%,#47586d 100%);border-color: rgba(71,88,109,0.52);color: #f8fbff;box-shadow: 0 14px 24px rgba(44,60,81,0.18)}.customer-campaign-edit-view .campaign-builder-top-actions,.customer-campaign-edit-view .campaign-builder-bottom-actions{display: flex;justify-content: flex-end;gap: 0.75rem}.customer-campaign-edit-view .campaign-builder-bottom-actions{position: sticky;bottom: 0;z-index: 4;align-items: center;padding: 0.95rem 1.1rem;border-radius: 24px;border: 1px solid rgba(229,236,246,0.88);background: rgba(255,255,255,0.86);backdrop-filter: blur(14px) saturate(135%);-webkit-backdrop-filter: blur(14px) saturate(135%);box-shadow: 0 18px 30px rgba(24,36,56,0.08),0 4px 10px rgba(24,36,56,0.04)}.customer-campaign-edit-view .campaign-builder-action-secondary,.customer-campaign-edit-view .campaign-builder-action-primary,.customer-campaign-edit-view .campaign-builder-delete-button,.customer-campaign-edit-view .campaign-builder-archive-button{border-radius: 15px}.customer-campaign-edit-view .campaign-builder-action-secondary{--vaadin-button-height: 2.95rem;--vaadin-button-padding: 0 1.05rem}.customer-campaign-edit-view .campaign-builder-action-primary{--vaadin-button-height: 3rem;--vaadin-button-padding: 0 1.2rem}.customer-campaign-edit-view .campaign-builder-delete-button{margin-right: auto}.customer-campaign-edit-view .campaign-builder-delete-button,.customer-campaign-edit-view .campaign-builder-archive-button,.customer-campaign-edit-view .campaign-builder-delete-button::part(label),.customer-campaign-edit-view .campaign-builder-archive-button::part(label),.customer-campaign-edit-view .campaign-builder-delete-button[theme~="error"]::part(label),.customer-campaign-edit-view .campaign-builder-archive-button[theme~="error"]::part(label),.customer-campaign-edit-view .campaign-builder-delete-button[theme~="error"] ::slotted(*),.customer-campaign-edit-view .campaign-builder-archive-button[theme~="error"] ::slotted(*){color: #1f2937 !important}.customer-campaign-edit-view .campaign-builder-accordion vaadin-accordion-panel{border: 0;border-radius: 28px;overflow: visible;background: transparent;margin-bottom: 0.8rem;box-shadow: none}.customer-campaign-edit-view .campaign-builder-accordion vaadin-accordion-panel[opened]{overflow: hidden;border: 1px solid rgba(224,230,239,0.96);background: rgba(255,255,255,0.98);box-shadow: 0 14px 28px rgba(26,37,56,0.08),0 4px 10px rgba(26,37,56,0.04)}.customer-campaign-edit-view .campaign-builder-accordion vaadin-accordion-panel::part(summary){font-weight: 700;padding: 0.82rem 1.15rem;border-radius: 999px;background: #FFFFFF;box-shadow: 0 8px 18px rgba(27,38,58,0.08)}.customer-campaign-edit-view .campaign-builder-accordion vaadin-accordion-panel[opened]::part(summary){padding: 0.95rem 1.25rem 0.72rem;border-radius: 28px 28px 0 0;background: transparent;box-shadow: none;border-bottom: 0}.customer-campaign-edit-view .campaign-panel-summary{display: flex;align-items: center;width: 100%;gap: 0.8rem}.customer-campaign-edit-view .campaign-panel-title{color: #1f2c3d;font-size: 0.98rem;font-weight: 800;letter-spacing: -0.01em}.customer-campaign-edit-view .campaign-panel-save-draft{margin-left: 0.2rem;padding: 0.3rem 0.78rem;border-radius: 999px;border: 1px solid rgba(214,221,233,0.96);background: rgba(239,242,248,0.96);color: #4D5D72;font-size: 0.76rem;font-weight: 800;box-shadow: 0 4px 10px rgba(31,42,61,0.08)}.customer-campaign-edit-view .campaign-option-row{display: flex;align-items: center;width: 100%}.customer-campaign-edit-view vaadin-text-field,.customer-campaign-edit-view vaadin-text-area,.customer-campaign-edit-view vaadin-number-field,.customer-campaign-edit-view vaadin-combo-box,.customer-campaign-edit-view vaadin-date-picker,.customer-campaign-edit-view vaadin-multi-select-combo-box{--vaadin-input-field-placeholder-color: rgba(120,132,148,0.64)}.customer-campaign-edit-view .campaign-option-row vaadin-checkbox{flex: 1 1 auto}.customer-campaign-edit-view{--campaign-field-radius: var(--app-input-field-radius);--campaign-field-border: var(--app-input-field-border);--campaign-field-border-hover: var(--app-input-field-border-hover);--campaign-field-border-focus: var(--app-input-field-border-focus);--campaign-field-border-invalid: var(--app-input-field-border-invalid);--campaign-field-surface: var(--app-input-field-surface);--campaign-field-surface-hover: var(--app-input-field-surface-hover);--campaign-field-surface-focus: var(--app-input-field-surface-focus);--campaign-field-shadow: var(--app-input-field-shadow);--campaign-field-shadow-hover: var(--app-input-field-shadow-hover);--campaign-field-shadow-focus: var(--app-input-field-shadow-focus);--campaign-field-label-color: var(--app-input-field-label-color);--campaign-field-value-color: var(--app-input-field-value-color);--campaign-field-helper-color: var(--app-input-field-helper-color);--campaign-checkbox-size: 1.12rem;--campaign-checkbox-radius: var(--app-global-radius);--campaign-checkbox-border: var(--campaign-field-border);--campaign-checkbox-border-hover: var(--campaign-field-border-hover);--campaign-checkbox-surface: var(--campaign-field-surface);--campaign-checkbox-surface-hover: var(--campaign-field-surface-hover);--campaign-checkbox-surface-checked: #5D6F84;--campaign-checkbox-shadow: var(--campaign-field-shadow);--campaign-checkbox-shadow-hover: var(--campaign-field-shadow-hover);--campaign-checkbox-shadow-checked: 0 0 0 1px rgba(84,102,128,0.12);--campaign-checkbox-shadow-focus: var(--campaign-field-shadow-focus)}.customer-campaign-edit-view :where( .campaign-builder-hero,.campaign-builder-drawer,.campaign-builder-step-panel,.campaign-builder-step-link,.campaign-builder-bottom-actions,.campaign-builder-action-secondary,.campaign-builder-action-primary,.campaign-builder-delete-button,.campaign-builder-archive-button,.campaign-slot-card,.campaign-creative-preview-large,.landingpage-preview-placeholder,.landingpage-preview-frame,.landingpage-preview-image,.campaign-ai-briefing-card,.campaign-ai-generation-section,.campaign-ai-text-layer-input-group,.campaign-ai-variant-preview-card,.campaign-ai-variant-text-stage,.campaign-ai-color-picker,.campaign-ai-text-layer-opacity-group,.campaign-ai-color-swatch-button,.campaign-ai-color-swatch-preview ){border-radius: var(--app-global-radius)}.customer-campaign-edit-view :is(vaadin-text-field,vaadin-text-area,vaadin-number-field,vaadin-combo-box,vaadin-date-picker,vaadin-multi-select-combo-box){--vaadin-input-field-border-width: 1px;--vaadin-input-field-border-radius: var(--campaign-field-radius);--vaadin-input-field-background: transparent;--vaadin-input-field-value-color: var(--campaign-field-value-color);--vaadin-input-field-label-color: var(--campaign-field-label-color);--vaadin-input-field-helper-color: var(--campaign-field-helper-color);--vaadin-input-field-error-color: #B35454}.customer-campaign-edit-view :is(vaadin-text-field,vaadin-text-area,vaadin-number-field,vaadin-combo-box,vaadin-date-picker,vaadin-multi-select-combo-box)::part(input-field){background: var(--campaign-field-surface);border: 1px solid var(--campaign-field-border);border-radius: var(--campaign-field-radius);box-shadow: var(--campaign-field-shadow);min-height: 3.05rem;padding-inline: 0.6rem;transition: background 160ms ease,border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease}.customer-campaign-edit-view :is(vaadin-text-field,vaadin-text-area,vaadin-number-field,vaadin-combo-box,vaadin-date-picker,vaadin-multi-select-combo-box):hover::part(input-field){background: var(--campaign-field-surface-hover);border-color: var(--campaign-field-border-hover);box-shadow: var(--campaign-field-shadow-hover)}.customer-campaign-edit-view :is(vaadin-text-field,vaadin-text-area,vaadin-number-field,vaadin-combo-box,vaadin-date-picker,vaadin-multi-select-combo-box)[focused]::part(input-field){background: var(--campaign-field-surface-focus);border-color: var(--campaign-field-border-focus);box-shadow: var(--campaign-field-shadow-focus)}.customer-campaign-edit-view :is(vaadin-text-field,vaadin-text-area,vaadin-number-field,vaadin-combo-box,vaadin-date-picker,vaadin-multi-select-combo-box)[invalid]::part(input-field){border-color: var(--campaign-field-border-invalid);box-shadow: 0 0 0 4px rgba(190,86,86,0.09)}.customer-campaign-edit-view :is(vaadin-text-field,vaadin-text-area,vaadin-number-field,vaadin-combo-box,vaadin-date-picker,vaadin-multi-select-combo-box)[disabled]::part(input-field){background: rgba(243,246,249,0.98);border-color: rgba(224,231,239,0.92);box-shadow: none}.customer-campaign-edit-view :is(vaadin-text-field,vaadin-text-area,vaadin-number-field,vaadin-combo-box,vaadin-date-picker,vaadin-multi-select-combo-box)::part(label){color: var(--campaign-field-label-color);font-size: 0.8rem;font-weight: 800;letter-spacing: 0.02em;margin-bottom: 0.36rem}.customer-campaign-edit-view :is(vaadin-text-field,vaadin-text-area,vaadin-number-field,vaadin-combo-box,vaadin-date-picker,vaadin-multi-select-combo-box)::part(value){color: var(--campaign-field-value-color);font-size: 0.97rem}.customer-campaign-edit-view :is(vaadin-text-field,vaadin-combo-box)::part(prefix){color: #8B93A0;font-size: 0.96rem;padding-inline-end: 0.15rem}.customer-campaign-edit-view :is(vaadin-text-field,vaadin-text-area,vaadin-number-field,vaadin-combo-box,vaadin-date-picker,vaadin-multi-select-combo-box)::part(helper-text){color: var(--campaign-field-helper-color);font-size: 0.77rem;padding-inline: 0.1rem}.customer-campaign-edit-view :is(vaadin-text-field,vaadin-text-area,vaadin-number-field,vaadin-combo-box,vaadin-date-picker,vaadin-multi-select-combo-box)::part(error-message){color: #B35454;font-size: 0.77rem;font-weight: 700;padding-inline: 0.1rem}.customer-campaign-edit-view :is(vaadin-text-field,vaadin-number-field,vaadin-combo-box,vaadin-date-picker,vaadin-multi-select-combo-box)::part(toggle-button),.customer-campaign-edit-view :is(vaadin-text-field,vaadin-number-field,vaadin-combo-box,vaadin-date-picker,vaadin-multi-select-combo-box)::part(clear-button){color: #7A889A}.customer-campaign-edit-view vaadin-text-area::part(input-field){min-height: 8rem;align-items: stretch;padding-top: 0.55rem;padding-bottom: 0.5rem}.customer-campaign-edit-view vaadin-text-area::part(value){line-height: 1.5}.customer-campaign-edit-view .campaign-option-row{gap: 0.7rem;min-height: 2rem;padding: 0.1rem 0}.customer-campaign-edit-view .campaign-ai-text-layer-input-row{align-items: flex-end;flex-wrap: wrap}.customer-campaign-edit-view .campaign-ai-color-opacity-row{display: flex;flex-wrap: wrap;align-items: stretch;gap: 0.7rem;min-height: 100%}.customer-campaign-edit-view .campaign-ai-color-picker,.customer-campaign-edit-view .campaign-ai-text-layer-opacity-group{min-width: 104px;padding: 0.38rem 0.44rem 0.44rem;border: 1px solid rgba(221,228,238,0.92);border-radius: 12px;background: linear-gradient(180deg,rgba(250,252,255,0.98) 0%,rgba(245,248,252,0.96) 100%);box-shadow: inset 0 1px 0 rgba(255,255,255,0.92);transition: border-color 160ms ease,box-shadow 160ms ease}.customer-campaign-edit-view .campaign-ai-color-picker:focus-within,.customer-campaign-edit-view .campaign-ai-text-layer-opacity-group:focus-within{border-color: rgba(84,102,128,0.46);box-shadow: 0 0 0 4px rgba(102,120,143,0.10),inset 0 1px 0 rgba(255,255,255,0.92)}.customer-campaign-edit-view .campaign-ai-color-picker:hover,.customer-campaign-edit-view .campaign-ai-text-layer-opacity-group:hover{border-color: rgba(198,209,223,0.98)}.customer-campaign-edit-view .campaign-ai-text-layer-color-label{color: #5a697d;font-size: 0.7rem;font-weight: 800;letter-spacing: 0.03em;margin-bottom: 0.22rem}.customer-campaign-edit-view .campaign-ai-color-swatch-button{width: 100%;min-height: 2rem;padding: 0.22rem;border: 1px solid rgba(194,204,217,0.95);border-radius: 10px;background: linear-gradient(180deg,rgba(255,255,255,0.98) 0%,rgba(248,250,253,0.98) 100%);box-shadow: inset 0 1px 0 rgba(255,255,255,0.96)}.customer-campaign-edit-view .campaign-ai-color-swatch-button::part(label){width: 100%}.customer-campaign-edit-view .campaign-ai-color-swatch-button:hover{background: linear-gradient(180deg,rgba(255,255,255,0.99) 0%,rgba(243,247,252,0.99) 100%)}.customer-campaign-edit-view .campaign-ai-color-swatch-button:focus-visible{outline: none;box-shadow: 0 0 0 4px rgba(102,120,143,0.10),inset 0 1px 0 rgba(255,255,255,0.96)}.customer-campaign-edit-view .campaign-ai-color-swatch-preview{width: 100%;height: 1.12rem;border-radius: 8px;background: var(--campaign-ai-color-value,#ffffff);box-shadow: inset 0 1px 0 rgba(255,255,255,0.22),0 1px 3px rgba(15,23,42,0.10)}.customer-campaign-edit-view .campaign-ai-text-layer-opacity-group{min-width: 96px}.customer-campaign-edit-view .campaign-ai-text-layer-opacity-group vaadin-integer-field{width: 100%}.customer-campaign-edit-view .campaign-ai-text-layer-opacity-group vaadin-integer-field::part(label){color: #5a697d;font-size: 0.7rem;font-weight: 800;letter-spacing: 0.03em;margin-bottom: 0.22rem}.customer-campaign-edit-view .campaign-ai-text-layer-opacity-group vaadin-integer-field::part(input-field){min-height: 2rem;border-radius: 10px;background: #ffffff}vaadin-popover-overlay[theme~="campaign-ai-color-popover"]::part(overlay){border: 1px solid rgba(209,218,229,0.94);border-radius: 18px;background: rgba(255,255,255,0.98);box-shadow: 0 8px 18px rgba(31,44,61,0.10),0 24px 48px rgba(31,44,61,0.16)}vaadin-popover-overlay[theme~="campaign-ai-color-popover"]::part(content){padding: 0}vaadin-popover-overlay[theme~="campaign-ai-color-popover"]::part(arrow){display: none}.campaign-ai-color-dialog-host{width: min(92vw,430px);max-width: 430px;padding: 0.45rem;box-sizing: border-box}.roofads-color-dialog-shell{display: grid;grid-template-columns: 190px minmax(0,1fr);gap: 0.7rem;align-items: start}.roofads-color-dialog-picker-column{display: flex;align-items: flex-start;justify-content: center}.roofads-color-dialog-picker{width: 100%;display: flex;justify-content: center;padding-top: 0}.roofads-color-dialog-side{display: grid;grid-template-columns: minmax(0,1fr) 3.9rem;gap: 0.55rem 0.6rem;align-items: start;min-width: 0}.roofads-color-dialog-values{display: flex;flex-direction: column;gap: 0.55rem;min-width: 0}.roofads-color-dialog-field-group{display: flex;flex-direction: column;gap: 0.28rem}.roofads-color-dialog-field-title{color: #1f2c3d;font-size: 0.72rem;font-weight: 800;letter-spacing: 0.03em;text-transform: uppercase}.roofads-color-dialog-rgb-row{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.32rem}.roofads-color-dialog-number,.roofads-color-dialog-hex{width: 100%;min-width: 0;min-height: 2.05rem;border: 1px solid rgba(198,209,223,0.95);border-radius: 11px;background: #ffffff;color: #1f2c3d;font-size: 0.84rem;font-weight: 600;padding: 0 0.48rem;box-sizing: border-box;box-shadow: inset 0 1px 0 rgba(255,255,255,0.96);outline: none}.roofads-color-dialog-number{text-align: center}.roofads-color-dialog-number:focus,.roofads-color-dialog-hex:focus{border-color: rgba(84,102,128,0.46);box-shadow: 0 0 0 4px rgba(102,120,143,0.10)}.roofads-color-dialog-preview{width: 100%;min-width: 0;min-height: 3.9rem;border-radius: 14px;background: #6c77c9;border: 1px solid rgba(198,209,223,0.75);box-shadow: inset 0 1px 0 rgba(255,255,255,0.32),0 6px 14px rgba(50,68,103,0.08)}.roofads-color-dialog-apply{grid-column: 1 / -1;min-height: 2.25rem;border: 1px solid rgba(198,209,223,0.95);border-radius: 12px;background: linear-gradient(180deg,#ffffff 0%,#f9fbfd 100%);color: #1f2c3d;font-size: 0.86rem;font-weight: 800;cursor: pointer;transition: transform 160ms ease,box-shadow 160ms ease,border-color 160ms ease}.roofads-color-dialog-apply:hover{transform: translateY(-1px);border-color: rgba(179,192,210,0.98);box-shadow: 0 14px 28px rgba(40,55,84,0.08)}.roofads-color-dialog-picker svg{max-width: 100%;height: auto}@media (max-width: 520px){.campaign-ai-color-dialog-host{width: min(94vw,360px);padding: 0.4rem}.roofads-color-dialog-shell{grid-template-columns: 1fr;gap: 0.75rem}.roofads-color-dialog-picker-column{justify-content: center}.roofads-color-dialog-picker{justify-content: center}}@media (max-width: 400px){.roofads-color-dialog-side{grid-template-columns: 1fr}.roofads-color-dialog-preview{min-height: 3.6rem}}.customer-campaign-edit-view vaadin-checkbox{--vaadin-checkbox-size: var(--campaign-checkbox-size);--vaadin-checkbox-gap: 0.72rem;--vaadin-checkbox-border-radius: var(--campaign-checkbox-radius);--vaadin-checkbox-border-width: 1px;--vaadin-checkbox-border-color: var(--campaign-checkbox-border);--vaadin-checkbox-background: var(--campaign-checkbox-surface);--vaadin-checkbox-marker-color: #F8FBFF;--vaadin-checkbox-marker-size: 72%;--vaadin-checkbox-label-color: var(--campaign-field-value-color);--vaadin-checkbox-label-font-size: 0.93rem;--vaadin-checkbox-label-font-weight: 600;--vaadin-checkbox-label-line-height: 1.35}.customer-campaign-edit-view vaadin-checkbox::part(checkbox){border-radius: var(--campaign-checkbox-radius);box-shadow: var(--campaign-checkbox-shadow);transition: transform 160ms ease,background 160ms ease,border-color 160ms ease,box-shadow 160ms ease}.customer-campaign-edit-view vaadin-checkbox::part(label){color: var(--campaign-field-value-color);transition: color 160ms ease}.customer-campaign-edit-view vaadin-checkbox:is([checked],[indeterminate])::part(checkbox){border-color: var(--campaign-field-border-focus);background: var(--campaign-checkbox-surface-checked);box-shadow: var(--campaign-checkbox-shadow-checked)}.customer-campaign-edit-view vaadin-checkbox:is([checked],[indeterminate])::part(label){color: var(--campaign-field-value-color)}.customer-campaign-edit-view vaadin-checkbox[focus-ring]::part(checkbox){box-shadow: var(--campaign-checkbox-shadow-focus),var(--campaign-checkbox-shadow)}.customer-campaign-edit-view vaadin-checkbox[focus-ring]:is([checked],[indeterminate])::part(checkbox){box-shadow: var(--campaign-checkbox-shadow-focus),var(--campaign-checkbox-shadow-checked)}.customer-campaign-edit-view vaadin-checkbox[active]:not([disabled],[readonly])::part(checkbox){transform: translateY(1px);box-shadow: inset 0 1px 0 rgba(255,255,255,0.16)}@media (any-hover: hover){.customer-campaign-edit-view vaadin-checkbox:hover:not([checked],[indeterminate],[disabled],[readonly],[active])::part(checkbox){border-color: var(--campaign-checkbox-border-hover);background: var(--campaign-checkbox-surface-hover);box-shadow: var(--campaign-checkbox-shadow-hover);transform: translateY(-1px)}}.customer-campaign-edit-view vaadin-checkbox[disabled]{opacity: 0.58}.customer-campaign-edit-view .campaign-option-row vaadin-checkbox{--vaadin-checkbox-gap: 0.7rem;--vaadin-checkbox-label-font-size: 0.95rem;--vaadin-checkbox-label-font-weight: 600}.customer-campaign-edit-view .campaign-option-row vaadin-checkbox::part(checkbox){width: 1.9rem;min-width: 1.9rem;height: 1.12rem;padding: 2px;border-radius: 999px;justify-content: flex-start;background: #D9DEE7;border-color: rgba(197,204,216,0.96);box-shadow: none}.customer-campaign-edit-view .campaign-option-row vaadin-checkbox::part(checkbox)::after{width: 0.82rem;height: 0.82rem;border-radius: 999px;background: #FFFFFF;box-shadow: 0 1px 3px rgba(23,34,53,0.24);mask: none;filter: none;opacity: 1}.customer-campaign-edit-view .campaign-option-row vaadin-checkbox:is([checked],[indeterminate])::part(checkbox){justify-content: flex-end;background: #2F384B;border-color: rgba(56,63,82,0.96);box-shadow: none}.customer-campaign-edit-view .campaign-option-row vaadin-checkbox[focus-ring]::part(checkbox){box-shadow: 0 0 0 4px rgba(102,120,143,0.12)}.customer-campaign-edit-view .campaign-option-row vaadin-checkbox[focus-ring]:is([checked],[indeterminate])::part(checkbox){box-shadow: 0 0 0 4px rgba(102,120,143,0.12)}.customer-campaign-edit-view .campaign-option-row vaadin-checkbox[active]:not([disabled],[readonly])::part(checkbox){transform: none}.customer-campaign-edit-view .campaign-subdomain-row{display: flex;align-items: flex-end;gap: 0.55rem;flex-wrap: wrap;justify-content: flex-start}.customer-campaign-edit-view .campaign-delivery-shell{width: 100%}.customer-campaign-edit-view .campaign-delivery-editor-layout{display: grid;grid-template-columns: minmax(285px,330px) minmax(0,1fr);gap: 1.15rem;align-items: start;width: 100%;max-width: 100%;box-sizing: border-box;padding: 1rem;border: 0;border-radius: 28px;background: linear-gradient(180deg,rgba(248,251,255,0.98) 0%,rgba(242,247,253,0.98) 100%);box-shadow: none}.customer-campaign-edit-view .campaign-delivery-editor-sidebar{display: flex;flex-direction: column;gap: 0.9rem;min-width: 0;padding: 1rem;border: 0;border-radius: 24px;background: linear-gradient(180deg,rgba(244,248,253,0.98) 0%,rgba(236,242,249,0.98) 100%);box-shadow: none}.customer-campaign-edit-view .campaign-delivery-editor-intro{display: flex;flex-direction: column;gap: 0.34rem;padding: 0.05rem 0.14rem 0.7rem;border-bottom: 0}.customer-campaign-edit-view .campaign-delivery-editor-title{color: #1D2735;font-size: 1.18rem;font-weight: 800;letter-spacing: -0.02em;line-height: 1.06}.customer-campaign-edit-view .campaign-delivery-grid{display: grid;grid-template-columns: minmax(0,1fr) minmax(18rem,0.94fr);gap: 0.9rem;align-items: start;width: 100%;max-width: 100%;box-sizing: border-box}.customer-campaign-edit-view .campaign-delivery-overview-grid{grid-template-columns: minmax(0,1fr)}.customer-campaign-edit-view .campaign-delivery-overview-grid .campaign-delivery-card{border: 0}.customer-campaign-edit-view .campaign-delivery-schedule-card{grid-column: 1 / -1}.customer-campaign-edit-view .campaign-delivery-card{display: flex;flex-direction: column;gap: 0.8rem;width: 100%;max-width: 100%;min-width: 0;box-sizing: border-box;padding: 0.9rem 1rem 0.95rem;border: 1px solid rgba(15,23,42,0.06);border-radius: 22px;background: #FFFFFF;box-shadow: 0 1px 2px rgba(15,23,42,0.04)}.customer-campaign-edit-view .campaign-delivery-shell .campaign-delivery-header-start-card,.customer-campaign-edit-view .campaign-delivery-shell .campaign-delivery-start-card,.customer-campaign-edit-view .campaign-delivery-shell .campaign-delivery-chip-block{padding: 0 !important;background: transparent !important;background-image: none !important;border: 0 !important;border-radius: 0 !important;box-shadow: none !important}.customer-campaign-edit-view .campaign-delivery-planner-card .campaign-delivery-calendar-block{padding: 0.8rem 0.85rem 0.88rem;background: linear-gradient(180deg,rgba(255,255,255,0.99) 0%,rgba(244,248,253,0.99) 100%);border-radius: 18px}.customer-campaign-edit-view .campaign-delivery-planner-card{border: 1px solid rgba(15,23,42,0.06);box-shadow: 0 1px 2px rgba(15,23,42,0.04);padding-left: 1.1rem !important;padding-right: 1.1rem !important;margin-top: 1.2rem}.customer-campaign-edit-view .campaign-delivery-card-header{display: flex;flex-direction: column;gap: 0.18rem}.customer-campaign-edit-view .campaign-delivery-card-header-copy{display: flex;flex-direction: column;gap: 0.18rem;min-width: 0}.customer-campaign-edit-view .campaign-delivery-schedule-card-header{display: grid;grid-template-columns: minmax(0,1fr) minmax(14rem,18rem);gap: 1.25rem;align-items: start}.customer-campaign-edit-view .campaign-delivery-header-start-card{justify-self: end;width: 100%;max-width: 18rem;padding: 0}.customer-campaign-edit-view .campaign-delivery-card-title{color: #1D2735;font-size: 1rem;font-weight: 800;letter-spacing: -0.01em;line-height: 1.1}.customer-campaign-edit-view .campaign-delivery-card-hint{color: #627082;font-size: 0.84rem;line-height: 1.38}.customer-campaign-edit-view .campaign-delivery-section-body{display: flex;flex-direction: column;gap: 0.8rem;width: 100%;min-width: 0}.customer-campaign-edit-view .campaign-delivery-field-grid,.customer-campaign-edit-view .campaign-delivery-schedule-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.75rem;width: 100%}.customer-campaign-edit-view .campaign-delivery-start-card{padding: 0.76rem 0.82rem 0.84rem;border: 0;background: linear-gradient(180deg,rgba(255,255,255,0.99) 0%,rgba(243,248,253,0.99) 100%);box-shadow: none}.customer-campaign-edit-view .campaign-delivery-start-card.campaign-delivery-schedule-grid{grid-template-columns: minmax(0,1fr)}.customer-campaign-edit-view .campaign-delivery-chip-block{display: flex;flex-direction: column;gap: 0.62rem;width: 100%;min-width: 0;padding: 0.72rem 0.8rem 0.78rem;border: 0;border-radius: 18px;background: linear-gradient(180deg,rgba(255,255,255,0.97) 0%,rgba(247,250,253,0.97) 100%);box-shadow: none}.customer-campaign-edit-view .campaign-delivery-calendar-block{display: flex;flex-direction: column;gap: 0.65rem;width: 100%;min-width: 0;padding: 0.8rem 0.85rem 0.88rem;border: 0;border-radius: 18px;background: linear-gradient(180deg,rgba(255,255,255,0.99) 0%,rgba(244,248,253,0.99) 100%);box-shadow: none}.customer-campaign-edit-view .campaign-delivery-schedule-helper{margin: 0;color: #6A7B90;font-size: 0.82rem;line-height: 1.45}.customer-campaign-edit-view .campaign-delivery-window-builder{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.65rem;align-items: end;width: 100%}.customer-campaign-edit-view .campaign-delivery-window-field{min-width: 0}.customer-campaign-edit-view .campaign-delivery-window-add{grid-column: 1 / -1;width: 100%;min-height: 2.9rem;padding-inline: 1rem;white-space: nowrap}.customer-campaign-edit-view .campaign-delivery-window-list{display: flex;flex-wrap: wrap;gap: 0.5rem;width: 100%;min-width: 0;max-height: 8.6rem;overflow-y: auto;align-content: flex-start;padding-right: 0.15rem;padding-top: 0.35rem;border-top: 0}.customer-campaign-edit-view .campaign-delivery-window-empty{color: #7D8DA0;font-size: 0.8rem;line-height: 1.4}.customer-campaign-edit-view .campaign-delivery-window-chip{display: inline-flex;align-items: center;gap: 0.28rem;min-height: 2rem;padding: 0.26rem 0.34rem 0.26rem 0.68rem;border: 0;border-radius: 999px;background: linear-gradient(180deg,rgba(255,255,255,0.99) 0%,rgba(245,249,253,0.99) 100%);box-shadow: none}.customer-campaign-edit-view .campaign-delivery-window-chip-label{color: #43576F;font-size: 0.8rem;font-weight: 700;line-height: 1;white-space: nowrap}.customer-campaign-edit-view .campaign-delivery-window-chip-remove{display: inline-flex;align-items: center;justify-content: center;width: 1.55rem;height: 1.55rem;padding: 0;border: 0;border-radius: 999px;background: rgba(235,241,249,0.96);color: #52657D;cursor: pointer}.customer-campaign-edit-view .campaign-delivery-window-chip-remove:hover{background: rgba(224,233,245,0.98)}.customer-campaign-edit-view .campaign-delivery-calendar{display: flex;flex-direction: column;gap: 0.72rem;width: 100%;min-width: 0;overflow-x: auto}.customer-campaign-edit-view .campaign-delivery-calendar-meta{display: flex;flex-wrap: wrap;gap: 0.45rem}.customer-campaign-edit-view .campaign-delivery-calendar-panel{gap: 0.85rem;min-width: 0;padding: 1rem 1.05rem 1.08rem;border: 0;background: linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(247,251,255,1) 100%);box-shadow: none}.customer-campaign-edit-view .campaign-delivery-calendar-meta-chip{display: inline-flex;align-items: center;min-height: 1.85rem;padding: 0.3rem 0.62rem;border: 0;border-radius: 999px;background: linear-gradient(180deg,rgba(247,250,254,0.99) 0%,rgba(241,246,251,0.99) 100%);color: #495E78;font-size: 0.74rem;font-weight: 700;line-height: 1;white-space: nowrap}.customer-campaign-edit-view .campaign-delivery-calendar-board{--campaign-delivery-hour-height: 1.175rem;display: grid;grid-template-columns: minmax(4.8rem,5.1rem) repeat(7,minmax(4.8rem,1fr));grid-template-rows: auto auto;gap: 0;width: 100%;min-width: 40rem}.customer-campaign-edit-view .campaign-delivery-calendar-corner,.customer-campaign-edit-view .campaign-delivery-calendar-header-cell,.customer-campaign-edit-view .campaign-delivery-calendar-row-label,.customer-campaign-edit-view .campaign-delivery-calendar-cell{transition: border-color 140ms ease,background-color 140ms ease,box-shadow 140ms ease,color 140ms ease}.customer-campaign-edit-view .campaign-delivery-calendar-corner{min-height: 3rem;border-bottom: 1px solid rgba(221,228,238,0.92);background: transparent}.customer-campaign-edit-view .campaign-delivery-calendar-corner-label{color: #33485F;font-size: 0.72rem;font-weight: 800;line-height: 1}.customer-campaign-edit-view .campaign-delivery-calendar-corner-hint{color: #8292A4;font-size: 0.62rem;font-weight: 700;line-height: 1}.customer-campaign-edit-view .campaign-delivery-calendar-header-cell{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0.12rem;min-height: 3rem;padding: 0.35rem 0.24rem 0.55rem;border-bottom: 1px solid rgba(221,228,238,0.92);border-left: 1px solid rgba(235,240,246,0.96);background: rgba(255,255,255,0.76)}.customer-campaign-edit-view .campaign-delivery-calendar-header-cell.is-selected-day{background: rgba(246,250,255,0.98)}.customer-campaign-edit-view .campaign-delivery-calendar-header-cell.is-start-day{box-shadow: none}.customer-campaign-edit-view .campaign-delivery-calendar-day-label{color: #3D5168;font-size: 0.75rem;font-weight: 800;line-height: 1}.customer-campaign-edit-view .campaign-delivery-calendar-date-label{color: #8493A5;font-size: 0.68rem;font-weight: 700;line-height: 1}.customer-campaign-edit-view .campaign-delivery-calendar-time-rail{position: relative;height: calc(var(--campaign-delivery-hour-height) * 19);background: transparent}.customer-campaign-edit-view .campaign-delivery-calendar-time-rail::after{content: "";position: absolute;right: 0;bottom: 0;left: 3.25rem;border-top: 1px solid rgba(221,228,238,0.92)}.customer-campaign-edit-view .campaign-delivery-calendar-time-marker{position: absolute;top: calc(var(--delivery-hour-index) * var(--campaign-delivery-hour-height));right: 0;left: 0;height: 0}.customer-campaign-edit-view .campaign-delivery-calendar-time-marker::after{content: "";position: absolute;top: 0;right: 0;left: 3.25rem;border-top: 1px solid rgba(221,228,238,0.92)}.customer-campaign-edit-view .campaign-delivery-calendar-row-label{position: relative;display: flex;align-items: flex-start;justify-content: flex-start;min-height: 1.1rem;padding: 0;border: 0;background: transparent;overflow: visible}.customer-campaign-edit-view .campaign-delivery-calendar-row-label.is-active{color: #456b9d}.customer-campaign-edit-view .campaign-delivery-calendar-row-label.is-active .campaign-delivery-calendar-band-label{color: #456b9d}.customer-campaign-edit-view .campaign-delivery-calendar-row-label.is-custom{border-style: dashed}.customer-campaign-edit-view .campaign-delivery-calendar-row-label::after{content: "";position: absolute;top: 0;right: 0;left: 3.5rem;border-top: 1px solid rgba(221,228,238,0.92)}.customer-campaign-edit-view .campaign-delivery-calendar-band-label{position: relative;top: -0.45rem;display: inline-block;padding-right: 0.5rem;background: rgba(255,255,255,0.82);color: #7A899A;font-size: 0.66rem;font-weight: 700;line-height: 1.1;white-space: nowrap}.customer-campaign-edit-view .campaign-delivery-calendar-band-range{display: none}.customer-campaign-edit-view .campaign-delivery-calendar-day-column{position: relative;height: calc(var(--campaign-delivery-hour-height) * 19);border-left: 1px solid rgba(235,240,246,0.96);border-bottom: 1px solid rgba(221,228,238,0.92);background-color: rgba(255,255,255,0.52);background-image: repeating-linear-gradient( to bottom,transparent 0,transparent calc(var(--campaign-delivery-hour-height) - 1px),rgba(221,228,238,0.92) calc(var(--campaign-delivery-hour-height) - 1px),rgba(221,228,238,0.92) var(--campaign-delivery-hour-height) );cursor: crosshair;overflow: hidden}.customer-campaign-edit-view .campaign-delivery-calendar-day-column.is-selected-day{background-color: rgba(248,251,255,0.94)}.customer-campaign-edit-view .campaign-delivery-calendar-day-column.is-inactive-day{background-color: rgba(249,251,253,0.52);opacity: 0.68}.customer-campaign-edit-view .campaign-delivery-calendar-day-column.is-start-day{box-shadow: none}.customer-campaign-edit-view .campaign-delivery-calendar-event{position: absolute;top: var(--event-top,0%);height: calc(max(0.5rem,var(--event-height,5%)) - 3px);z-index: 1;right: 0.25rem;left: 0.25rem;min-height: 0.5rem;padding: 0.14rem 0.3rem 0.14rem;border-radius: 8px;background: linear-gradient(180deg,rgba(111,168,243,0.96) 0%,rgba(75,129,214,0.98) 100%);box-shadow: none;color: #FFFFFF;cursor: grab;overflow: hidden}.customer-campaign-edit-view .campaign-delivery-calendar-event.is-draft{background: linear-gradient(180deg,rgba(111,168,243,0.28) 0%,rgba(75,129,214,0.4) 100%);border: 0;box-shadow: none;color: #31537B;pointer-events: none}.customer-campaign-edit-view .campaign-delivery-calendar-event.is-compact{border-radius: 6px;padding: 0.08rem 0.24rem 0.08rem}.customer-campaign-edit-view .campaign-delivery-calendar-event.is-tiny{border-radius: 999px;padding: 0.12rem 0.28rem}.customer-campaign-edit-view .campaign-delivery-calendar-event.is-draggable:hover{box-shadow: none;filter: brightness(1.02)}.customer-campaign-edit-view .campaign-delivery-calendar-event.is-dragging{cursor: grabbing;opacity: 0.92;filter: brightness(1.03)}.customer-campaign-edit-view .campaign-delivery-calendar-event-time{display: block;font-size: 0.68rem;font-weight: 800;line-height: 1.2;letter-spacing: 0.01em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.customer-campaign-edit-view .campaign-delivery-calendar-event.is-compact .campaign-delivery-calendar-event-time{font-size: 0.62rem}.customer-campaign-edit-view .campaign-delivery-calendar-event.is-tiny .campaign-delivery-calendar-event-time{font-size: 0.58rem}.customer-campaign-edit-view .campaign-delivery-calendar-cell{position: relative;min-height: 2.2rem;border: 0;background: transparent;box-shadow: inset 1px 0 0 rgba(235,240,246,0.96),inset 0 1px 0 rgba(221,228,238,0.92);overflow: hidden}.customer-campaign-edit-view .campaign-delivery-calendar-cell.is-selected-day{background: rgba(249,252,255,0.82)}.customer-campaign-edit-view .campaign-delivery-calendar-cell.is-active{background: rgba(242,248,255,0.92)}.customer-campaign-edit-view .campaign-delivery-calendar-header-cell.is-clickable:hover,.customer-campaign-edit-view .campaign-delivery-calendar-cell.is-clickable:hover{background: rgba(245,249,255,0.94)}.customer-campaign-edit-view .campaign-delivery-calendar-row-label.is-clickable:hover .campaign-delivery-calendar-band-label{color: #425a77}.customer-campaign-edit-view .campaign-delivery-calendar-corner.is-clickable:focus-visible,.customer-campaign-edit-view .campaign-delivery-calendar-header-cell.is-clickable:focus-visible,.customer-campaign-edit-view .campaign-delivery-calendar-row-label.is-clickable:focus-visible,.customer-campaign-edit-view .campaign-delivery-calendar-cell.is-clickable:focus-visible{outline: 2px solid rgba(109,155,222,0.42);outline-offset: 2px}.customer-campaign-edit-view .campaign-delivery-calendar-cell-fill{position: absolute;inset: 0.18rem 0.2rem;border-radius: 8px;background: linear-gradient(180deg,rgba(125,171,234,0.82) 0%,rgba(90,142,214,0.92) 100%);box-shadow: none}.customer-campaign-edit-view .campaign-delivery-inline-label{color: #5D6D82;font-size: 0.71rem;font-weight: 800;letter-spacing: 0.04em;line-height: 1;text-transform: uppercase}.customer-campaign-edit-view .campaign-delivery-quick-presets{gap: 0.5rem}.customer-campaign-edit-view .campaign-preset-link{display: inline-flex;align-items: center;min-height: 2rem;padding: 0.34rem 0.7rem;border: 0;border-radius: 999px;background: rgba(255,255,255,0.98);box-shadow: none;color: #44617F;font-size: 0.79rem;font-weight: 700;line-height: 1;white-space: nowrap;text-decoration: none;text-underline-offset: 0;transition: transform 160ms ease,border-color 160ms ease,background 160ms ease,box-shadow 160ms ease}.customer-campaign-edit-view .campaign-preset-link:hover{filter: none;transform: translateY(-1px);border-color: transparent;background: rgba(255,255,255,1);box-shadow: none}.customer-campaign-edit-view .campaign-preset-link:focus-visible{outline: 2px solid rgba(111,145,196,0.36);outline-offset: 2px}.customer-campaign-edit-view vaadin-checkbox-group.campaign-delivery-chip-group::part(label),.customer-campaign-edit-view vaadin-radio-group.campaign-delivery-radio-group::part(label){color: #4F5F73;font-size: 0.79rem;font-weight: 800;letter-spacing: 0.02em;margin-bottom: 0.42rem}.customer-campaign-edit-view vaadin-checkbox-group.campaign-delivery-chip-group::part(group-field){gap: 0.5rem 0.55rem;align-items: flex-start}.customer-campaign-edit-view vaadin-checkbox-group.campaign-delivery-chip-group vaadin-checkbox{display: inline-flex;flex: 0 0 auto;align-items: center;margin: 0;padding: 0.32rem 0.68rem;border: 1px solid rgba(221,228,238,0.94);border-radius: 999px;background: rgba(255,255,255,0.98);box-shadow: inset 0 1px 0 rgba(255,255,255,0.92);transition: transform 160ms ease,border-color 160ms ease,background 160ms ease,box-shadow 160ms ease}.customer-campaign-edit-view vaadin-checkbox-group.campaign-delivery-chip-group vaadin-checkbox::part(label){color: #43576F;font-size: 0.8rem;font-weight: 700;line-height: 1;white-space: nowrap}.customer-campaign-edit-view vaadin-checkbox-group.campaign-delivery-chip-group vaadin-checkbox::part(checkbox){width: 0.95rem;min-width: 0.95rem;height: 0.95rem}.customer-campaign-edit-view vaadin-checkbox-group.campaign-delivery-chip-group vaadin-checkbox:is([checked],[indeterminate]){border-color: rgba(119,149,190,0.44);background: linear-gradient(180deg,rgba(239,246,255,0.98) 0%,rgba(228,239,252,0.98) 100%);box-shadow: 0 8px 16px rgba(67,95,137,0.08)}.customer-campaign-edit-view vaadin-checkbox-group.campaign-delivery-chip-group vaadin-checkbox[focus-ring]{box-shadow: 0 0 0 4px rgba(102,120,143,0.10)}.customer-campaign-edit-view vaadin-radio-group.campaign-delivery-radio-group::part(group-field){display: grid;grid-template-columns: repeat(auto-fit,minmax(12.5rem,1fr));gap: 0.55rem}.customer-campaign-edit-view vaadin-radio-group.campaign-delivery-radio-group vaadin-radio-button{margin: 0;padding: 0.58rem 0.72rem;border: 1px solid rgba(221,228,238,0.94);border-radius: 16px;background: rgba(255,255,255,0.98);box-shadow: inset 0 1px 0 rgba(255,255,255,0.92);transition: transform 160ms ease,border-color 160ms ease,background 160ms ease,box-shadow 160ms ease}.customer-campaign-edit-view vaadin-radio-group.campaign-delivery-radio-group vaadin-radio-button::part(label){color: #43576F;font-size: 0.84rem;font-weight: 700;line-height: 1.15;white-space: nowrap}.customer-campaign-edit-view vaadin-radio-group.campaign-delivery-radio-group vaadin-radio-button::part(radio){width: 1rem;min-width: 1rem;height: 1rem;border-color: rgba(177,193,214,0.96);background: rgba(255,255,255,0.96);transition: border-color 160ms ease,background 160ms ease,box-shadow 160ms ease}.customer-campaign-edit-view vaadin-radio-group.campaign-delivery-radio-group vaadin-radio-button[checked]{border-color: rgba(119,149,190,0.44);background: rgba(239,246,255,0.98);box-shadow: 0 6px 12px rgba(67,95,137,0.08)}.customer-campaign-edit-view vaadin-radio-group.campaign-delivery-radio-group vaadin-radio-button[checked]::part(radio){border-color: rgba(78,109,150,0.96);background: #435F83}.customer-campaign-edit-view vaadin-radio-group.campaign-delivery-radio-group vaadin-radio-button[focus-ring]{box-shadow: 0 0 0 4px rgba(102,120,143,0.10)}.customer-campaign-edit-view vaadin-radio-group.campaign-delivery-radio-group vaadin-radio-button[active]:not([disabled]){transform: translateY(1px)}@media (any-hover: hover){.customer-campaign-edit-view vaadin-checkbox-group.campaign-delivery-chip-group vaadin-checkbox:hover:not([checked],[indeterminate],[disabled],[readonly],[active]),.customer-campaign-edit-view vaadin-radio-group.campaign-delivery-radio-group vaadin-radio-button:hover:not([checked],[disabled],[readonly],[active]){transform: translateY(-1px);border-color: rgba(182,199,220,0.98);background: rgba(255,255,255,1);box-shadow: 0 10px 18px rgba(15,23,42,0.06)}}@media (max-width: 980px){.customer-campaign-edit-view .campaign-delivery-editor-layout,.customer-campaign-edit-view .campaign-delivery-grid,.customer-campaign-edit-view .campaign-delivery-field-grid,.customer-campaign-edit-view .campaign-delivery-schedule-grid{grid-template-columns: 1fr}.customer-campaign-edit-view vaadin-radio-group.campaign-delivery-radio-group::part(group-field){grid-template-columns: 1fr}}@media (max-width: 640px){.customer-campaign-edit-view .campaign-delivery-editor-title{font-size: 1.04rem}.customer-campaign-edit-view .campaign-delivery-editor-layout{padding: 0.78rem;border-radius: 22px}.customer-campaign-edit-view .campaign-delivery-editor-sidebar{padding: 0.82rem;border-radius: 20px}.customer-campaign-edit-view .campaign-delivery-card{padding: 0.82rem 0.88rem 0.88rem;border-radius: 18px}.customer-campaign-edit-view .campaign-delivery-chip-block{padding: 0.68rem 0.74rem 0.74rem;border-radius: 16px}.customer-campaign-edit-view .campaign-delivery-calendar-block{padding: 0.72rem 0.76rem 0.78rem;border-radius: 16px}.customer-campaign-edit-view .campaign-delivery-window-builder{grid-template-columns: 1fr}.customer-campaign-edit-view .campaign-delivery-calendar-board{grid-template-columns: minmax(4.5rem,4.9rem) repeat(7,minmax(4rem,1fr));min-width: 34rem}.customer-campaign-edit-view vaadin-checkbox-group.campaign-delivery-chip-group vaadin-checkbox,.customer-campaign-edit-view .campaign-preset-link{width: 100%;justify-content: center}}.customer-campaign-edit-view .campaign-option-info-button{color: #9AA2AE;cursor: pointer;flex: 0 0 auto;min-width: auto;width: 1.35rem;height: 1.35rem;padding: 0;border: 0;background: transparent;box-shadow: none}.customer-campaign-edit-view .campaign-option-info-button:hover,.customer-campaign-edit-view .campaign-option-info-button:active{color: #6E7784;background: transparent;box-shadow: none}.customer-campaign-edit-view .campaign-builder-accordion vaadin-accordion-panel::part(content){padding: 0 1.25rem 1.4rem 1.25rem}.customer-campaign-edit-view .campaign-builder-shell{width: 100%;max-width: none;margin: 0;gap: 1rem}.customer-campaign-edit-view .campaign-builder-header{display: flex;flex-direction: column;gap: 1rem}.customer-campaign-edit-view .campaign-builder-workspace{display: grid;grid-template-columns: minmax(248px,284px) minmax(0,1fr);gap: 1rem;align-items: start;overflow: visible}.customer-campaign-edit-view .campaign-builder-drawer,.customer-campaign-edit-view .campaign-builder-step-panel{border-radius: 28px;border: 1px solid rgba(229,236,246,0.88);background: rgba(255,255,255,0.84);backdrop-filter: blur(14px) saturate(130%);-webkit-backdrop-filter: blur(14px) saturate(130%);box-shadow: 0 18px 34px rgba(20,32,52,0.08),0 4px 10px rgba(20,32,52,0.04)}.customer-campaign-edit-view .campaign-builder-drawer{position: sticky;top: 1rem;display: flex;flex-direction: column;gap: 0.9rem;padding: 0.8rem 1rem 1rem}.customer-campaign-edit-view .campaign-builder-drawer-header{display: flex;flex-direction: column;gap: 0.24rem}.customer-campaign-edit-view .campaign-builder-drawer-label{display: inline-flex;align-items: center;color: #3f526c;font-size: 0.76rem;font-weight: 800;letter-spacing: 0.08em;line-height: 1;text-transform: uppercase}.customer-campaign-edit-view .campaign-builder-drawer-hint{margin: 0;color: #627287;font-size: 0.9rem;line-height: 1.45}.customer-campaign-edit-view .campaign-builder-step-nav{display: flex;flex-direction: column;gap: 0.55rem}.customer-campaign-edit-view .campaign-builder-step-link{display: grid;grid-template-columns: auto minmax(0,1fr);align-items: start;gap: 0.8rem;width: 100%;padding: 0.9rem 0.95rem;border: 1px solid rgba(137,154,180,0.18);border-radius: 20px;background: rgba(252,253,255,0.78);color: inherit;text-align: left;cursor: pointer;transition: transform 160ms ease,border-color 160ms ease,box-shadow 160ms ease,background 160ms ease}.customer-campaign-edit-view .campaign-builder-step-link:hover{transform: translateX(3px);border-color: rgba(118,139,171,0.28);box-shadow: 0 10px 18px rgba(26,37,56,0.08)}.customer-campaign-edit-view .campaign-builder-step-link:focus-visible{outline: none;border-color: rgba(73,110,168,0.38);box-shadow: 0 0 0 4px rgba(96,129,184,0.12)}.customer-campaign-edit-view .campaign-builder-step-link-number{display: inline-flex;align-items: center;justify-content: center;width: 2.1rem;height: 2.1rem;border-radius: 999px;border: 1px solid rgba(140,156,180,0.2);background: rgba(255,255,255,0.98);color: #435772;font-size: 0.92rem;font-weight: 800;box-shadow: inset 0 1px 0 rgba(255,255,255,0.92)}.customer-campaign-edit-view .campaign-builder-step-link-copy{display: flex;flex-direction: column;gap: 0.18rem;min-width: 0}.customer-campaign-edit-view .campaign-builder-step-link-title{color: #1f2d3d;font-size: 0.98rem;font-weight: 800;line-height: 1.2}.customer-campaign-edit-view .campaign-builder-step-link-title-mobile{display: none;color: #1f2d3d;font-size: 0.98rem;font-weight: 800;line-height: 1.2}.customer-campaign-edit-view .campaign-builder-step-link-hint{color: #697a90;font-size: 0.84rem;line-height: 1.45}.customer-campaign-edit-view .campaign-builder-step-link.is-active{border-color: rgba(77,109,161,0.26);background: linear-gradient(180deg,rgba(255,255,255,0.98) 0%,rgba(242,247,255,0.96) 100%);box-shadow: 0 14px 24px rgba(31,48,78,0.12);transform: none}.customer-campaign-edit-view .campaign-builder-step-link.is-active .campaign-builder-step-link-number{border-color: transparent;background: linear-gradient(180deg,#60789d 0%,#475a74 100%);color: #FFFFFF;box-shadow: 0 10px 18px rgba(31,48,78,0.22)}.customer-campaign-edit-view .campaign-builder-step-link.is-active .campaign-builder-step-link-title{color: #162231}.customer-campaign-edit-view .campaign-builder-step-viewport{min-width: 0;overflow: visible}.customer-campaign-edit-view .campaign-builder-step-panel{display: flex;flex-direction: column;gap: 1.2rem;padding: 0.95rem 1.35rem 1.3rem;overflow: visible}.customer-campaign-edit-view .campaign-builder-step-panel-header{display: flex;align-items: flex-start;justify-content: space-between;gap: 1rem;flex-wrap: nowrap}.customer-campaign-edit-view .campaign-builder-step-heading{display: flex;flex-direction: column;gap: 0.42rem;min-width: 0;flex: 1 1 auto}.customer-campaign-edit-view .campaign-panel-save-draft{flex: 0 0 auto;align-self: flex-start;white-space: nowrap}.customer-campaign-edit-view .campaign-builder-step-badge{display: inline-flex;align-items: center;width: fit-content;padding: 0.34rem 0.72rem;border-radius: 999px;background: rgba(234,241,251,0.9);border: 1px solid rgba(122,147,189,0.22);color: #445a76;font-size: 0.74rem;font-weight: 800;letter-spacing: 0.08em;line-height: 1;text-transform: uppercase}.customer-campaign-edit-view .campaign-builder-step-title{margin: 0;color: #1b2431;font-size: clamp(1.55rem,1.2vw + 1rem,2.15rem);line-height: 1;letter-spacing: -0.03em}.customer-campaign-edit-view .campaign-builder-step-hint{margin: 0;max-width: 720px;color: #5a6a7e;font-size: 0.96rem;line-height: 1.5}.customer-campaign-edit-view .campaign-builder-step-panel-body{min-width: 0;overflow: visible}.customer-campaign-edit-view .campaign-builder-step-panel-body>*{width: 100%;overflow: visible}.customer-campaign-edit-view .campaign-ai-step-shell{width: 100%;overflow: visible}.customer-campaign-edit-view .campaign-ai-stage-switcher{width: 100%;gap: 0;padding: 0.22rem 0 0.95rem;overflow: visible}.customer-campaign-edit-view .campaign-ai-stage-tabs{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));width: 100%;max-width: 100%;min-width: 0;gap: 1rem;margin-bottom: 0;overflow: visible;background: transparent;box-shadow: none;min-height: 0;position: relative;z-index: 2}.customer-campaign-edit-view .campaign-ai-variant-tabs{display: grid;grid-template-columns: repeat(auto-fit,minmax(160px,1fr));width: 100%;max-width: 100%;min-width: 0;gap: 0.75rem;padding: 0;margin-bottom: 0;overflow: visible;background: transparent;box-shadow: none;min-height: 0;position: relative;z-index: 2}.customer-campaign-edit-view .campaign-ai-tab-trigger{position: relative;display: block;width: 100%;min-width: 0;margin: 0;padding: 0;border: 0;background: transparent;box-shadow: none;overflow: visible;cursor: pointer;text-align: left;appearance: none;-webkit-appearance: none}.customer-campaign-edit-view .campaign-ai-tab-trigger:focus{outline: none}.customer-campaign-edit-view .campaign-ai-tab-trigger:hover{z-index: 1}.customer-campaign-edit-view .campaign-ai-tab-trigger.is-active{z-index: 2}.customer-campaign-edit-view .campaign-ai-tab-trigger:not(.is-active) .campaign-ai-tab-card{background: rgba(255,255,255,0.72);box-shadow: 0 10px 22px rgba(15,23,42,0.045),0 2px 8px rgba(15,23,42,0.025)}.customer-campaign-edit-view .campaign-ai-tab-trigger:focus-visible .campaign-ai-tab-card{box-shadow: 0 0 0 4px rgba(96,129,184,0.12)}.customer-campaign-edit-view .campaign-ai-tab-card{position: relative;display: flex;width: 100%;min-width: 0;gap: 0.78rem;padding: 0.88rem 0.96rem;border-radius: 18px;border: 0;background: transparent;box-shadow: none;box-sizing: border-box;text-align: left;transition: background-color 180ms ease,box-shadow 180ms ease,transform 180ms ease}.customer-campaign-edit-view .campaign-ai-tab-card::before{content: "";position: absolute;inset: 0 auto 0 0;width: 4px;border-radius: 999px;background: linear-gradient(180deg,var(--app-accent-100) 0%,var(--app-accent-200) 100%);opacity: 0;transform: scaleY(0.72);transform-origin: center;transition: opacity 180ms ease,transform 180ms ease}.customer-campaign-edit-view .campaign-ai-tab-badge{flex: 0 0 auto;display: inline-flex;align-items: center;justify-content: center;min-width: 2rem;height: 2rem;border-radius: 999px;background: rgba(70,118,182,0.1);color: #36597E;font-size: 0.74rem;font-weight: 800;letter-spacing: 0.08em;line-height: 1}.customer-campaign-edit-view .campaign-ai-tab-copy{display: flex;flex-direction: column;gap: 0.16rem;min-width: 0}.customer-campaign-edit-view .campaign-ai-tab-title{color: #1D2735;font-size: 0.96rem;font-weight: 800;line-height: 1.14;letter-spacing: -0.01em}.customer-campaign-edit-view .campaign-ai-tab-hint{color: #68788D;font-size: 0.81rem;line-height: 1.38}.customer-campaign-edit-view .campaign-ai-stage-tab-card{align-items: flex-start;min-height: 4.8rem}.customer-campaign-edit-view .campaign-ai-variant-tab-card{align-items: center;min-height: 3.25rem;padding-top: 0.76rem;padding-bottom: 0.76rem}.customer-campaign-edit-view .campaign-ai-variant-tab-card .campaign-ai-tab-title{font-size: 0.92rem;line-height: 1}.customer-campaign-edit-view .campaign-ai-variant-tab-card .campaign-ai-tab-badge{min-width: 1.85rem;height: 1.85rem;font-size: 0.76rem}.customer-campaign-edit-view .campaign-ai-tab-trigger:hover .campaign-ai-tab-card{background: rgba(255,255,255,0.84);box-shadow: 0 12px 26px rgba(15,23,42,0.055),0 3px 10px rgba(15,23,42,0.03);transform: translateY(-1px)}.customer-campaign-edit-view .campaign-ai-tab-trigger.is-active .campaign-ai-tab-card{border-top-left-radius: 0;border-bottom-left-radius: 0;background: rgba(255,255,255,0.96);box-shadow: 0 16px 30px rgba(15,23,42,0.08);transform: translateY(-1px)}.customer-campaign-edit-view .campaign-ai-tab-trigger.is-active .campaign-ai-tab-card::before{opacity: 1;transform: scaleY(1)}.customer-campaign-edit-view .campaign-ai-tab-trigger.is-active .campaign-ai-tab-badge{background: var(--app-accent-soft-fill);color: var(--app-accent-300)}@media (max-width: 760px){.customer-campaign-edit-view .campaign-ai-stage-tabs,.customer-campaign-edit-view .campaign-ai-variant-tabs{gap: 0.55rem}.customer-campaign-edit-view .campaign-ai-stage-tabs{grid-template-columns: 1fr}.customer-campaign-edit-view .campaign-ai-tab-card{padding: 0.8rem 0.88rem}.customer-campaign-edit-view .campaign-ai-stage-tab-card{min-height: 0}}.customer-campaign-edit-view .campaign-ai-stage-pages{width: 100%;min-width: 0;box-sizing: border-box;overflow: visible;position: relative;z-index: 0}.customer-campaign-edit-view .campaign-ai-stage-page{width: 100%;min-width: 0}.customer-campaign-edit-view .campaign-ai-stage-page>*{width: 100%}.customer-campaign-edit-view .campaign-ai-layout{display: grid;grid-template-columns: minmax(300px,340px) minmax(0,1fr);gap: 1rem;align-items: start}.customer-campaign-edit-view .campaign-ai-sidebar-card{position: sticky;top: 0.2rem;align-self: start}.customer-campaign-edit-view .campaign-ai-workspace-card{display: flex;flex-direction: column;gap: 0.85rem;width: 100%;min-width: 0}.customer-campaign-edit-view .campaign-ai-workspace-header,.customer-campaign-edit-view .campaign-ai-variant-shell-header,.customer-campaign-edit-view .campaign-ai-preview-header,.customer-campaign-edit-view .campaign-ai-text-section-header,.customer-campaign-edit-view .campaign-ai-global-actions-header{display: flex;flex-direction: column;gap: 0.18rem}.customer-campaign-edit-view .campaign-ai-workspace-title,.customer-campaign-edit-view .campaign-ai-variant-shell-title,.customer-campaign-edit-view .campaign-ai-preview-title,.customer-campaign-edit-view .campaign-ai-text-section-title,.customer-campaign-edit-view .campaign-ai-global-actions-title{color: #1D2735;font-size: 1rem;font-weight: 800;letter-spacing: -0.01em;line-height: 1.1}.customer-campaign-edit-view .campaign-ai-workspace-hint,.customer-campaign-edit-view .campaign-ai-variant-shell-hint,.customer-campaign-edit-view .campaign-ai-preview-hint,.customer-campaign-edit-view .campaign-ai-text-section-hint,.customer-campaign-edit-view .campaign-ai-global-actions-hint{color: #627082;font-size: 0.9rem;line-height: 1.45}.customer-campaign-edit-view .campaign-ai-global-actions-card{display: flex;flex-direction: column;gap: 0.7rem;padding: 0.9rem;border: 1px solid rgba(15,23,42,0.06);background: rgba(255,255,255,0.82);box-shadow: inset 0 1px 0 rgba(255,255,255,0.92)}.customer-campaign-edit-view .campaign-ai-global-actions-card{flex-direction: row;align-items: center;justify-content: space-between;width: 100%;max-width: 100%;min-width: 0;box-sizing: border-box;gap: 1rem;padding: 0;border: 0;background: transparent;box-shadow: none}.customer-campaign-edit-view .campaign-ai-global-actions-card .campaign-ai-global-actions-header{flex: 1 1 auto;min-width: 0}.customer-campaign-edit-view .campaign-ai-global-actions{display: flex;flex: 0 0 auto;flex-direction: row;align-items: center;justify-content: flex-end;gap: 0.5rem}.customer-campaign-edit-view .campaign-ai-global-actions vaadin-button{width: auto;min-width: 11.5rem}.customer-campaign-edit-view .campaign-ai-upload-headline{margin: 0;color: #1D2735;font-size: 0.95rem;font-weight: 800;line-height: 1.2}.customer-campaign-edit-view .campaign-ai-briefing-card{display: flex;flex-direction: column;gap: 1rem;width: 100%;box-sizing: border-box;padding: 0.84rem 1rem 1.02rem;border-radius: 22px;border: 0;background: #ffffff;box-shadow: none}.customer-campaign-edit-view .campaign-ai-briefing-header{display: flex;flex-direction: column;gap: 0.2rem}.customer-campaign-edit-view .campaign-ai-briefing-title{display: inline-flex;align-items: center;color: #1d2735;font-size: 1rem;font-weight: 800;letter-spacing: -0.01em;line-height: 1}.customer-campaign-edit-view .campaign-ai-briefing-hint{color: #627082;font-size: 0.9rem;line-height: 1.45}.customer-campaign-edit-view .landingpage-content-grid{display: flex;flex-direction: column;gap: 0.85rem;align-items: start;width: 100%}.customer-campaign-edit-view .landingpage-content-section{display: flex;flex-direction: column;width: 100%;gap: 0.42rem;padding: 0.1rem 0 0.1rem 0}.customer-campaign-edit-view .landingpage-content-section-header{width: 100%}.customer-campaign-edit-view .landingpage-content-section-title{font-size: 0.94rem;font-weight: 700}.customer-campaign-edit-view .landingpage-content-section-hint{color: var(--vaadin-text-color-secondary);font-size: 0.78rem}.customer-campaign-edit-view .landingpage-content-section-helper{color: var(--vaadin-text-color-secondary);font-size: 0.73rem}.customer-campaign-edit-view .landingpage-content-section-grid{width: 100%;border-radius: 10px;border: 1px solid rgba(124,139,160,0.22);box-shadow: none;min-height: 0}.customer-campaign-edit-view .landingpage-content-section-grid .landingpage-grid-remove-btn{min-width: 2.2rem;max-width: 2.2rem;width: 2.2rem;padding: 0}.customer-campaign-edit-view .landingpage-content-section-grid vaadin-grid-pro::part(header-cell):first-child,.customer-campaign-edit-view .landingpage-content-section-grid vaadin-grid-pro vaadin-grid-cell:first-child{min-width: 2.2rem !important;max-width: 2.2rem !important;width: 2.2rem !important}.customer-campaign-edit-view .landingpage-content-section-grid vaadin-grid-pro-cell-content{padding-left: 0.1rem;padding-right: 0.1rem}.customer-campaign-edit-view .landingpage-content-section-grid vaadin-grid-pro{--vaadin-grid-cell-padding: 9px}.customer-campaign-edit-view .campaign-nested-accordion{width: 100%}.customer-campaign-edit-view .campaign-nested-accordion vaadin-accordion-panel{border-radius: 16px;border: 1px solid rgba(124,139,160,0.25);background: #FFFFFF;box-shadow: none}.customer-campaign-edit-view .campaign-nested-accordion vaadin-accordion-panel::part(summary){font-weight: 600;padding: 12px 14px}.customer-campaign-edit-view .campaign-nested-accordion vaadin-accordion-panel::part(content){padding: 0 14px 14px 14px}.customer-campaign-edit-view .campaign-slot-grid{display: grid;width: 100%;grid-template-columns: repeat(auto-fit,minmax(260px,1fr));gap: 1rem;align-items: start}.customer-campaign-edit-view .campaign-slot-card{display: flex;flex-direction: column;gap: var(--vaadin-gap-xs);padding: 12px;border-radius: 14px;border: 1px solid rgba(124,139,160,0.28);background: #FFFFFF}.customer-campaign-edit-view .campaign-creative-slot-card{gap: 0.78rem;padding: 0.95rem;border-radius: 22px;border: 1px solid rgba(196,210,229,0.72);background: linear-gradient(180deg,rgba(255,255,255,0.98) 0%,rgba(247,250,253,0.98) 100%);box-shadow: 0 18px 36px rgba(15,23,42,0.06),inset 0 1px 0 rgba(255,255,255,0.92)}.customer-campaign-edit-view .campaign-creative-preview-large{width: 100%;max-width: 100%;aspect-ratio: 3 / 1;height: auto;box-sizing: border-box;border-radius: 10px;object-fit: contain;border: 1px solid rgba(124,139,160,0.35)}.customer-campaign-edit-view .campaign-creative-preview-large.is-empty{display: block}.customer-campaign-edit-view .campaign-creative-name{display: block;min-width: 0;color: #708194;font-size: 0.77rem;font-weight: 600;line-height: 1.35;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.customer-campaign-edit-view .landingpage-preview-panel{display: flex;flex-direction: column;gap: 0.75rem;width: 100%}.customer-campaign-edit-view .landingpage-preview-actions{display: flex;align-items: center;gap: 0.55rem;flex-wrap: wrap}.customer-campaign-edit-view .landingpage-preview-placeholder{min-height: 420px;width: 100%;border-radius: 14px;border: 1px dashed rgba(124,139,160,0.42);background: linear-gradient(135deg,rgba(239,244,251,0.9) 0%,rgba(227,234,245,0.95) 100%);color: #5F6772;display: flex;align-items: center;justify-content: center;padding: 1rem;text-align: center}.customer-campaign-edit-view .landingpage-preview-frame{width: 100%;min-height: 420px;border: 1px solid rgba(124,139,160,0.35);border-radius: 14px;box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);background: #ffffff}.customer-campaign-edit-view .landingpage-preview-image{width: 100%;aspect-ratio: 16 / 9;min-height: 420px;border: 1px solid rgba(124,139,160,0.35);border-radius: 14px;background: #ffffff;object-fit: cover;object-position: center}.customer-campaign-edit-view .campaign-slot-title{margin: 0;font-size: var(--aura-font-size-s)}.customer-campaign-edit-view .campaign-creative-slot-card .campaign-slot-title{font-size: 1rem;font-weight: 800;letter-spacing: -0.01em;color: #203041}.customer-campaign-edit-view .campaign-creative-slot-card .campaign-slot-header{align-items: flex-start;gap: 0.55rem}.customer-campaign-edit-view .campaign-creative-slot-card .campaign-slot-actions{gap: 0.28rem}.customer-campaign-edit-view .campaign-creative-slot-preview{border-radius: 18px;border-color: rgba(197,211,228,0.85);background: linear-gradient(180deg,rgba(251,253,255,0.98) 0%,rgba(243,248,253,0.98) 100%);box-shadow: inset 0 1px 0 rgba(255,255,255,0.92)}.customer-campaign-edit-view .campaign-creative-slot-card.has-image .campaign-creative-slot-preview{border-color: rgba(174,193,220,0.9);box-shadow: 0 10px 24px rgba(15,23,42,0.08)}.customer-campaign-edit-view .campaign-creative-slot-footer{display: flex;align-items: center;justify-content: space-between;gap: 0.65rem;min-width: 0}.customer-campaign-edit-view .campaign-creative-slot-selected{flex: 0 0 auto}.customer-campaign-edit-view .campaign-creative-slot-selected::part(label){color: #4B5D74;font-size: 0.8rem;font-weight: 700}.customer-campaign-edit-view .campaign-creative-slot-selected[disabled]::part(label){color: #96A4B6}.customer-campaign-edit-view .campaign-creative-slot-selected::part(checkbox){border-color: rgba(180,197,220,0.9);background: rgba(255,255,255,0.96)}.customer-campaign-edit-view .campaign-creative-slot-upload{position: relative;width: 100%;--vaadin-upload-padding: 0.72rem 0.8rem;--vaadin-upload-border-width: 1px;--vaadin-upload-border-color: rgba(196,210,229,0.86);--vaadin-upload-background: linear-gradient(180deg,rgba(252,254,255,0.98) 0%,rgba(246,250,254,0.98) 100%);border-radius: 16px;cursor: pointer;overflow: hidden}.customer-campaign-edit-view .campaign-creative-slot-upload::part(primary-buttons){position: relative;display: flex;align-items: center;justify-content: flex-start;min-height: 3.5rem;text-align: left}.customer-campaign-edit-view .campaign-creative-slot-upload::part(drop-label){display: flex;align-items: center;gap: 0.65rem;text-align: left}.customer-campaign-edit-view .campaign-creative-slot-upload>vaadin-button[slot="add-button"]{position: absolute;inset: 0;width: 100%;height: 100%;margin: 0;padding: 0;opacity: 0;border: 0;box-shadow: none;pointer-events: none}.customer-campaign-edit-view .campaign-creative-slot-upload:focus,.customer-campaign-edit-view .campaign-creative-slot-upload:focus-within{outline: 2px solid rgba(111,145,196,0.38);outline-offset: 2px}.customer-campaign-edit-view .campaign-creative-slot-upload:hover{--vaadin-upload-border-color: rgba(166,187,214,0.92);--vaadin-upload-background: linear-gradient(180deg,rgba(255,255,255,0.99) 0%,rgba(243,248,253,0.99) 100%)}.customer-campaign-edit-view .campaign-creative-slot-upload[dragover-valid]{--vaadin-upload-border-color: rgba(111,155,243,0.9);--vaadin-upload-background: linear-gradient(180deg,rgba(245,250,255,0.99) 0%,rgba(232,242,255,0.99) 100%)}.customer-campaign-edit-view .campaign-creative-slot-upload-icon{width: 2.05rem;height: 2.05rem;padding: 0.58rem;border-radius: 14px;color: #5A8FD6;background: linear-gradient(180deg,rgba(234,242,253,0.98) 0%,rgba(223,235,250,0.98) 100%)}.customer-campaign-edit-view .campaign-creative-slot-upload-copy{display: flex;flex-direction: column;gap: 0.14rem}.customer-campaign-edit-view .campaign-creative-slot-upload-title{color: #2E4057;font-size: 0.9rem;font-weight: 700;line-height: 1.2}.customer-campaign-edit-view .campaign-creative-slot-upload-support{color: #8B99A9;font-size: 0.74rem;font-weight: 700;letter-spacing: 0.03em;text-transform: uppercase}.customer-campaign-edit-view .campaign-creative-slot-card.has-image .campaign-creative-slot-upload{display: none}.customer-campaign-edit-view .campaign-slot-header{display: flex;align-items: center;width: 100%;gap: var(--vaadin-gap-xs)}.customer-campaign-edit-view .campaign-slot-actions{display: flex;align-items: center;gap: 4px;margin-left: auto}.customer-campaign-edit-view .campaign-ai-variant-actions{width: 100%;margin-left: 0;justify-content: flex-end}.customer-campaign-edit-view .campaign-ai-variant-actions vaadin-button{flex: 1 1 0;min-width: 0}.customer-campaign-edit-view .campaign-view-json{color: #FFFFFF}.customer-campaign-edit-view .campaign-slot-remove{margin-left: 0}.customer-campaign-edit-view .campaign-creative-slot-overlay-actions{display: flex;align-items: center;width: 100%}.customer-campaign-edit-view .campaign-creative-slot-overlay-actions .campaign-slot-remove{margin-left: auto;cursor: pointer;display: flex;align-items: center;color: #1e293b;opacity: 0.45;transition: opacity 0.15s;padding: 2px;border-radius: 4px}.customer-campaign-edit-view .campaign-creative-slot-overlay-actions .campaign-slot-remove:hover{opacity: 0.85}.customer-campaign-edit-view .campaign-creative-slot-overlay-actions .campaign-slot-remove vaadin-icon{width: 17px;height: 17px}.customer-campaign-edit-view .campaign-ai-variant-wrapper{width: 100%;min-width: 0;box-sizing: border-box;gap: 0}.customer-campaign-edit-view .campaign-ai-variant-shell{gap: 0.9rem}.customer-campaign-edit-view .campaign-ai-upload-composer{display: flex;flex-direction: column;gap: 0.58rem;width: 100%}.customer-campaign-edit-view .campaign-ai-upload-stage{gap: 1.55rem;width: 100%;align-items: stretch}.customer-campaign-edit-view .campaign-ai-upload-section{display: flex;flex-direction: column;gap: 0.48rem;min-width: 0;width: 100%;box-sizing: border-box;padding: 0.68rem;border: 1px solid rgba(15,23,42,0.06);border-radius: 22px;background: linear-gradient(180deg,rgba(252,253,255,0.98) 0%,rgba(247,250,253,0.98) 100%);box-shadow: inset 0 1px 0 rgba(255,255,255,0.86)}.customer-campaign-edit-view .campaign-ai-logo-upload-section{flex: 0 0 20%;max-width: 20%}.customer-campaign-edit-view .campaign-ai-reference-upload-section{flex: 1 1 0}.customer-campaign-edit-view .campaign-ai-upload-section-header{display: flex;flex-direction: column;gap: 0.16rem;min-height: 2.38rem}.customer-campaign-edit-view .campaign-ai-upload-section-label{color: #4B5D74;font-size: 0.76rem;font-weight: 800;letter-spacing: 0.04em;line-height: 1;text-transform: uppercase}.customer-campaign-edit-view .campaign-ai-upload-section-hint{color: #7A8797;font-size: 0.8rem;line-height: 1.25;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.customer-campaign-edit-view .campaign-ai-upload-toolbar{display: flex;align-items: center;gap: 0.55rem;flex-wrap: wrap;flex: 1 1 auto}.customer-campaign-edit-view .campaign-ai-logo-upload-section .campaign-ai-upload-toolbar{flex-direction: column;align-items: stretch;gap: 0.5rem}.customer-campaign-edit-view .campaign-ai-reference-upload-section .campaign-ai-upload-toolbar{flex-direction: column;align-items: stretch;gap: 0.5rem}:is(.customer-campaign-edit-view,.driver-documents-view) .campaign-ai-attachment-upload{width: auto;min-width: 0;--vaadin-upload-padding: 0}:is(.customer-campaign-edit-view,.driver-documents-view) .campaign-ai-attachment-upload::part(primary-buttons){gap: 0}:is(.customer-campaign-edit-view,.driver-documents-view) .campaign-ai-attachment-upload::part(drop-label){display: none}:is(.customer-campaign-edit-view,.driver-documents-view) .campaign-ai-attachment-upload>vaadin-upload-file-list[slot="file-list"]{display: none}.customer-campaign-edit-view .campaign-ai-attachment-trigger{min-height: 2.35rem}:is(.customer-campaign-edit-view,.driver-documents-view) .campaign-ai-drop-upload{position: relative;width: 100%;min-height: 6.25rem;height: 100%;box-sizing: border-box;flex: 1 1 auto;--vaadin-upload-padding: 0.62rem;--vaadin-upload-border-width: 2px;--vaadin-upload-border-color: rgba(185,203,226,0.82);--vaadin-upload-background: linear-gradient(180deg,rgba(252,253,255,0.98) 0%,rgba(246,249,253,0.98) 100%);border-radius: 22px;cursor: pointer;overflow: hidden}:is(.customer-campaign-edit-view,.driver-documents-view) .campaign-ai-drop-upload::part(primary-buttons){position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0.34rem;text-align: center;min-height: 6.25rem;height: 100%;box-sizing: border-box}:is(.customer-campaign-edit-view,.driver-documents-view) .campaign-ai-drop-upload::part(drop-label){display: flex;flex-direction: column;align-items: center;gap: 0.22rem;text-align: center}:is(.customer-campaign-edit-view,.driver-documents-view) .campaign-ai-drop-upload-icon{width: 1.7rem;height: 1.7rem;color: #5B9BFF;padding: 0.48rem;border-radius: 18px;background: linear-gradient(180deg,rgba(236,244,255,0.98) 0%,rgba(223,236,255,0.98) 100%);box-shadow: inset 0 1px 0 rgba(255,255,255,0.9)}:is(.customer-campaign-edit-view,.driver-documents-view) .campaign-ai-drop-upload-copy{display: flex;flex-direction: column;align-items: center;gap: 0.18rem}:is(.customer-campaign-edit-view,.driver-documents-view) .campaign-ai-drop-upload>vaadin-button[slot="add-button"]{position: absolute;inset: 0;width: 100%;height: 100%;min-height: 0;margin: 0;padding: 0;opacity: 0;border: 0;box-shadow: none;pointer-events: none}:is(.customer-campaign-edit-view,.driver-documents-view) .campaign-ai-drop-upload-title{color: #4B5D74;font-size: 0.88rem;font-weight: 700;line-height: 1.25}:is(.customer-campaign-edit-view,.driver-documents-view) .campaign-ai-drop-upload-support{color: #9AA7B7;font-size: 0.68rem;font-weight: 600;line-height: 1.2;letter-spacing: 0.02em;text-transform: uppercase}:is(.customer-campaign-edit-view,.driver-documents-view) .campaign-ai-drop-upload:focus,:is(.customer-campaign-edit-view,.driver-documents-view) .campaign-ai-drop-upload:focus-within{outline: 2px solid rgba(111,145,196,0.44);outline-offset: 2px}:is(.customer-campaign-edit-view,.driver-documents-view) vaadin-upload.campaign-ai-drop-upload[dragover-valid]{--vaadin-upload-border-color: rgba(111,155,243,0.9);--vaadin-upload-background: linear-gradient(180deg,rgba(245,250,255,0.98) 0%,rgba(232,242,255,0.98) 100%)}.customer-campaign-edit-view .campaign-ai-attachment-strip{display: flex;flex-wrap: wrap;gap: 0.6rem;min-height: 0}.customer-campaign-edit-view .campaign-ai-logo-upload-section .campaign-ai-attachment-strip{width: 100%;justify-content: flex-start}.customer-campaign-edit-view .campaign-ai-logo-preview-field{position: relative;width: 100%;min-height: 6.25rem;display: flex;align-items: center;justify-content: center;padding: 0.85rem 1rem;border: 2px solid rgba(185,203,226,0.82);border-radius: 22px;background: linear-gradient(180deg,rgba(252,253,255,0.98) 0%,rgba(246,249,253,0.98) 100%);cursor: pointer;overflow: hidden}.customer-campaign-edit-view .campaign-ai-logo-preview-image{display: block;max-width: 100%;max-height: 4.1rem;object-fit: contain}.customer-campaign-edit-view .campaign-ai-logo-preview-overlay{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;background: rgba(15,23,42,0.44);opacity: 0;transition: opacity 160ms ease}.customer-campaign-edit-view .campaign-ai-logo-preview-field:hover .campaign-ai-logo-preview-overlay,.customer-campaign-edit-view .campaign-ai-logo-preview-field:focus-visible .campaign-ai-logo-preview-overlay{opacity: 1}.customer-campaign-edit-view .campaign-ai-logo-preview-field:focus-visible{outline: 2px solid rgba(111,145,196,0.44);outline-offset: 2px}.customer-campaign-edit-view .campaign-ai-logo-preview-hint{color: #FFFFFF;font-size: 0.86rem;font-weight: 700;line-height: 1.2}.customer-campaign-edit-view .campaign-ai-attachment-card{position: relative;width: 4.5rem;height: 4.5rem;overflow: hidden;border-radius: 18px;border: 1px solid rgba(15,23,42,0.08);background: linear-gradient(180deg,rgba(246,249,253,0.96) 0%,rgba(234,240,247,0.98) 100%);box-shadow: 0 10px 22px rgba(15,23,42,0.08)}.customer-campaign-edit-view .campaign-ai-attachment-image{width: 100%;height: 100%;display: block;object-fit: cover}.customer-campaign-edit-view .campaign-ai-attachment-overlay{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;background: rgba(15,23,42,0.52);opacity: 0;transition: opacity 160ms ease}.customer-campaign-edit-view .campaign-ai-attachment-card:hover .campaign-ai-attachment-overlay,.customer-campaign-edit-view .campaign-ai-attachment-card:focus-within .campaign-ai-attachment-overlay{opacity: 1}.customer-campaign-edit-view .campaign-ai-attachment-remove{display: inline-flex;align-items: center;justify-content: center;width: 2rem;height: 2rem;padding: 0;border: 0;border-radius: 999px;background: rgba(255,255,255,0.96);color: #1D2735;cursor: pointer;box-shadow: 0 8px 20px rgba(15,23,42,0.18);transition: transform 140ms ease,background-color 140ms ease,color 140ms ease}.customer-campaign-edit-view .campaign-ai-attachment-remove:hover{transform: scale(1.04)}.customer-campaign-edit-view .campaign-ai-attachment-remove:focus-visible{outline: 2px solid rgba(111,145,196,0.44);outline-offset: 2px}.customer-campaign-edit-view .campaign-ai-attachment-remove vaadin-icon{width: 0.92rem;height: 0.92rem}@media (max-width: 960px){.customer-campaign-edit-view .campaign-ai-upload-stage{flex-direction: column}.customer-campaign-edit-view .campaign-ai-logo-upload-section,.customer-campaign-edit-view .campaign-ai-reference-upload-section{flex: 1 1 auto;max-width: none;width: 100%}.customer-campaign-edit-view .campaign-ai-upload-section-header{min-height: 0}}.customer-campaign-edit-view .campaign-ai-variant-tabs{width: 100%;max-width: 100%;min-width: 0;margin-bottom: 0;overflow: visible;background: transparent;box-shadow: none;min-height: 0;--_lumo-tabs-overflow-mask-image: none;position: relative;z-index: 2}.customer-campaign-edit-view .campaign-ai-variant-pages{width: 100%;min-width: 0;box-sizing: border-box;overflow: visible;position: relative;z-index: 0}.customer-campaign-edit-view .campaign-ai-section-title{display: inline-flex;align-items: center;font-size: 0.96rem;font-weight: 800;color: #1D2735;letter-spacing: -0.01em}.customer-campaign-edit-view .campaign-ai-section-hint{display: block;margin-top: -0.2rem;color: #627082;font-size: 0.9rem;line-height: 1.45}.customer-campaign-edit-view .campaign-ai-generation-section{padding: 1rem 1rem 1.05rem;border-radius: 20px;border: 0;background: linear-gradient(180deg,rgba(250,252,254,0.96) 0%,rgba(245,248,252,0.98) 100%);box-shadow: none}.customer-campaign-edit-view .campaign-ai-variant-content{width: 100%;min-width: 0;box-sizing: border-box;gap: 1rem}.customer-campaign-edit-view .campaign-ai-variant-workbench{display: grid;grid-template-columns: minmax(0,1.16fr) minmax(290px,0.84fr);gap: 1rem;align-items: start}.customer-campaign-edit-view .campaign-ai-controls-column,.customer-campaign-edit-view .campaign-ai-preview-column,.customer-campaign-edit-view .campaign-ai-text-section-shell{display: flex;flex-direction: column;gap: 0.85rem;min-width: 0}.customer-campaign-edit-view .campaign-ai-preview-column{position: sticky;top: 0.2rem}.customer-campaign-edit-view .campaign-ai-preview-ratio-strip{display: flex;align-items: center;gap: 0.45rem;flex-wrap: wrap}.customer-campaign-edit-view vaadin-button.campaign-ai-preview-ratio-button{--vaadin-button-background: rgba(241,245,250,0.9);--vaadin-button-text-color: #415366;--vaadin-button-border-radius: 999px;margin: 0}.customer-campaign-edit-view vaadin-button.campaign-ai-preview-ratio-button.is-active{--vaadin-button-background: rgba(72,96,127,0.14);--vaadin-button-text-color: #1F3247}.customer-campaign-edit-view .campaign-ai-variant-content vaadin-text-area{width: 100%;min-width: 0;box-sizing: border-box}.customer-campaign-edit-view .campaign-ai-text-sections{gap: 0.65rem}.customer-campaign-edit-view .campaign-ai-generation-actions{width: 100%;min-width: 0;display: flex;align-items: center;justify-content: flex-start;gap: 0.75rem;flex-wrap: wrap}.customer-campaign-edit-view .campaign-ai-generation-actions vaadin-button{flex: 0 0 auto;min-width: 12rem}.customer-campaign-edit-view .campaign-ai-generation-actions vaadin-button::part(label){overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.customer-campaign-edit-view .campaign-ai-variant-a-workspace{width: 100%;align-items: flex-start;gap: var(--vaadin-gap-s)}.customer-campaign-edit-view .campaign-ai-variant-a-text-section{width: 100%;min-width: 0;max-width: 100%}.customer-campaign-edit-view .campaign-ai-text-layer-input-group{width: 100%;gap: 0.58rem;padding: 0.72rem 0.82rem 0.78rem;border-radius: 14px;border: 1px solid rgba(15,23,42,0.06);background: linear-gradient(180deg,rgba(255,255,255,0.98) 0%,rgba(249,251,254,0.98) 100%);box-shadow: none}.customer-campaign-edit-view .campaign-ai-text-layer-header{display: flex;align-items: center;justify-content: space-between;gap: 0.55rem}.customer-campaign-edit-view .campaign-ai-text-layer-header-copy{display: flex;align-items: baseline;flex-wrap: wrap;gap: 0.32rem}.customer-campaign-edit-view .campaign-ai-text-layer-title{font-size: 0.92rem;font-weight: 800;color: #1D2735;line-height: 1.1}.customer-campaign-edit-view .campaign-ai-text-layer-hint{color: #718093;font-size: 0.74rem;line-height: 1.2}.customer-campaign-edit-view .campaign-ai-text-style-trigger-wrap{display: inline-flex;align-items: center;flex: 0 0 auto}.customer-campaign-edit-view .campaign-ai-text-style-trigger{min-width: 2.35rem;height: 2.35rem;padding: 0;border-radius: 12px;border: 1px solid rgba(198,209,223,0.92);background: linear-gradient(180deg,rgba(255,255,255,0.98) 0%,rgba(244,248,252,0.98) 100%);color: #243244;box-shadow: inset 0 1px 0 rgba(255,255,255,0.94);font-size: 0.95rem;font-weight: 800;letter-spacing: -0.04em}.customer-campaign-edit-view .campaign-ai-text-style-trigger:hover{border-color: rgba(170,186,205,0.96);background: linear-gradient(180deg,rgba(255,255,255,0.99) 0%,rgba(239,245,251,0.99) 100%)}.customer-campaign-edit-view .campaign-ai-text-style-trigger:focus-visible{outline: none;box-shadow: 0 0 0 4px rgba(102,120,143,0.10),inset 0 1px 0 rgba(255,255,255,0.94)}.customer-campaign-edit-view .campaign-ai-text-layer-basics-grid{display: grid;grid-template-columns: minmax(180px,1.85fr) repeat(3,minmax(74px,0.44fr));gap: 0.55rem;align-items: end}.customer-campaign-edit-view .campaign-ai-text-layer-basics-grid>*{min-width: 0}.customer-campaign-edit-view .campaign-ai-color-opacity-grid{display: grid;grid-template-columns: repeat(2,minmax(108px,max-content)) minmax(96px,max-content);gap: 0.55rem;align-items: end}.customer-campaign-edit-view .campaign-ai-color-opacity-grid>*{min-width: 0}vaadin-popover-overlay[theme~="campaign-ai-style-popover"]::part(overlay){border: 1px solid rgba(209,218,229,0.94);border-radius: 18px;background: rgba(255,255,255,0.98);box-shadow: 0 10px 22px rgba(31,44,61,0.12),0 28px 54px rgba(31,44,61,0.18)}vaadin-popover-overlay[theme~="campaign-ai-style-popover"]::part(content){padding: 0}vaadin-popover-overlay[theme~="campaign-ai-style-popover"]::part(arrow){display: none}.customer-campaign-edit-view .campaign-ai-text-style-popover-shell{width: min(23rem,calc(100vw - 2rem));gap: 0.72rem;padding: 0.85rem}.customer-campaign-edit-view .campaign-ai-text-style-popover-header{display: flex;flex-direction: column;gap: 0.18rem}.customer-campaign-edit-view .campaign-ai-text-style-popover-title{color: #1D2735;font-size: 0.92rem;font-weight: 800;line-height: 1.15}.customer-campaign-edit-view .campaign-ai-text-style-popover-hint{color: #718093;font-size: 0.74rem;line-height: 1.25}.customer-campaign-edit-view .campaign-ai-text-style-basics-grid{display: grid;grid-template-columns: minmax(0,1fr) minmax(88px,max-content) minmax(74px,max-content);gap: 0.55rem;align-items: end}.customer-campaign-edit-view .campaign-ai-text-style-basics-grid>*{min-width: 0}.customer-campaign-edit-view .campaign-ai-text-style-popover-shell .campaign-ai-color-opacity-grid{grid-template-columns: repeat(3,minmax(0,1fr))}.customer-campaign-edit-view .campaign-ai-text-style-popover-shell .campaign-ai-color-picker,.customer-campaign-edit-view .campaign-ai-text-style-popover-shell .campaign-ai-text-layer-opacity-group{width: 100%}@media (max-width: 900px){.customer-campaign-edit-view .campaign-ai-variant-a-text-section{min-width: 0}}.customer-campaign-edit-view .campaign-ai-text-layer-input-row{width: 100%;align-items: flex-start;flex-wrap: wrap;row-gap: 0.85rem}.customer-campaign-edit-view .campaign-ai-text-layer-input-row vaadin-horizontal-layout{width: auto;min-width: min(100%,400px);flex: 1 1 400px}.customer-campaign-edit-view .campaign-ai-text-layer-input-row>*{min-width: 0}.customer-campaign-edit-view .campaign-ai-color-opacity-row{width: auto;justify-content: flex-start}.customer-campaign-edit-view .campaign-ai-color-opacity-row>*{flex: 1 1 118px;min-width: 118px}.customer-campaign-edit-view .campaign-ai-text-layer-input-row .campaign-ai-text-layer-input-text{flex: 2 1 320px;width: min(100%,360px);min-width: 240px}.customer-campaign-edit-view .campaign-ai-text-layer-input-row vaadin-integer-field{min-width: 88px;width: 88px}.customer-campaign-edit-view .campaign-ai-text-layer-input-row vaadin-number-field{min-width: 78px;width: 78px}.customer-campaign-edit-view .campaign-ai-text-layer-input-row vaadin-number-field.campaign-ai-text-layer-pos-field{width: 78px;min-width: 78px}.customer-campaign-edit-view .campaign-ai-text-layer-input-row vaadin-number-field.campaign-ai-text-layer-width-field{width: 88px;min-width: 88px}.customer-campaign-edit-view .campaign-ai-text-layer-input-row vaadin-text-field{width: 100%;min-width: 0}.customer-campaign-edit-view .campaign-ai-text-layer-input-row vaadin-integer-field.campaign-ai-text-layer-size-field{width: 88px;min-width: 88px}.customer-campaign-edit-view .campaign-ai-text-layer-input-row vaadin-number-field.campaign-ai-text-layer-opacity-field{width: 98px;min-width: 98px}.customer-campaign-edit-view .campaign-ai-text-layer-input-row vaadin-combo-box{width: 100%;min-width: 0}.customer-campaign-edit-view .campaign-ai-font-family-field{width: 156px;min-width: 156px;flex: 1 1 156px}@media (max-width: 1380px){.customer-campaign-edit-view .campaign-ai-text-layer-input-row{align-items: flex-start}.customer-campaign-edit-view .campaign-ai-text-layer-input-row .campaign-ai-text-layer-input-text{flex-basis: 100%;width: 100%}.customer-campaign-edit-view .campaign-ai-text-layer-input-row vaadin-horizontal-layout,.customer-campaign-edit-view .campaign-ai-text-layer-input-row vaadin-text-field{min-width: 0}}@media (max-width: 1180px){.customer-campaign-edit-view .campaign-ai-text-layer-input-row vaadin-horizontal-layout{flex-basis: 100%;width: 100%;min-width: 0}}@media (max-width: 760px){.customer-campaign-edit-view .campaign-ai-text-layer-input-row .campaign-ai-text-layer-input-text,.customer-campaign-edit-view .campaign-ai-text-layer-input-row vaadin-horizontal-layout,.customer-campaign-edit-view .campaign-ai-font-family-field{flex-basis: 100%;width: 100%;min-width: 0}}.customer-campaign-edit-view .campaign-ai-text-layer-input-row .campaign-ai-text-layer-color-label{display: inline-flex;font-size: var(--vaadin-font-size-s);color: var(--campaign-field-label-color);margin-bottom: 2px}.customer-campaign-edit-view .campaign-ai-font-family-label-row{line-height: 1;min-height: 1rem}.customer-campaign-edit-view .campaign-ai-font-family-label{font-size: var(--vaadin-font-size-s);color: var(--campaign-field-label-color)}.customer-campaign-edit-view .campaign-ai-font-family-label-row vaadin-button{margin: 0;min-width: 20px;height: 20px;padding: 0}.customer-campaign-edit-view .campaign-ai-text-layer-input-row .campaign-ai-color-picker{width: auto;min-width: 104px}.customer-campaign-edit-view .campaign-ai-text-layer-input-row .campaign-ai-text-layer-bold-field{width: 72px;min-width: 72px;flex: 0 0 72px}.customer-campaign-edit-view .campaign-ai-text-layer-bold-field{width: auto;min-width: 0;flex: 0 0 auto;align-items: flex-start;gap: 0.22rem}.customer-campaign-edit-view .campaign-ai-text-layer-input-row .campaign-ai-text-layer-bold-label{font-size: var(--vaadin-font-size-s);color: var(--campaign-field-label-color);line-height: 1.1}.customer-campaign-edit-view .campaign-ai-text-layer-bold-label{font-size: 0.72rem;color: #718093;line-height: 1.1}.customer-campaign-edit-view .campaign-ai-text-layer-input-group vaadin-text-field,.customer-campaign-edit-view .campaign-ai-text-layer-input-group vaadin-number-field,.customer-campaign-edit-view .campaign-ai-text-layer-input-group vaadin-integer-field,.customer-campaign-edit-view .campaign-ai-text-layer-input-group vaadin-combo-box{--vaadin-input-field-height: 2.3rem}.customer-campaign-edit-view .campaign-ai-text-layer-input-group vaadin-text-field::part(label),.customer-campaign-edit-view .campaign-ai-text-layer-input-group vaadin-number-field::part(label),.customer-campaign-edit-view .campaign-ai-text-layer-input-group vaadin-integer-field::part(label),.customer-campaign-edit-view .campaign-ai-text-layer-input-group vaadin-combo-box::part(label){color: #5A697D;font-size: 0.72rem;font-weight: 700;letter-spacing: 0.02em;margin-bottom: 0.24rem}.customer-campaign-edit-view .campaign-ai-text-layer-bold-checkbox{display: inline-flex;align-items: center;padding: 0;margin: 0;min-width: 0}.customer-campaign-edit-view .campaign-ai-text-layer-bold-checkbox::part(checkbox){display: none}.customer-campaign-edit-view .campaign-ai-text-layer-bold-checkbox::part(label){margin-inline-start: 0;min-width: 2.35rem;height: 2.35rem;display: inline-flex;align-items: center;justify-content: center;padding: 0 0.78rem;border-radius: 12px;border: 1px solid var(--app-accent-soft-border);background: #FFFFFF;color: var(--app-accent-300);font-size: 0.94rem;font-weight: 800;line-height: 1;letter-spacing: -0.03em;box-shadow: inset 0 1px 0 rgba(255,255,255,0.94);cursor: pointer;transition: background-color 160ms ease,color 160ms ease,border-color 160ms ease,box-shadow 160ms ease}.customer-campaign-edit-view .campaign-ai-text-layer-bold-checkbox:hover::part(label){border-color: rgba(102,120,143,0.34);background: var(--app-accent-soft-fill)}.customer-campaign-edit-view .campaign-ai-text-layer-bold-checkbox:focus-within::part(label){box-shadow: 0 0 0 4px rgba(102,120,143,0.14),inset 0 1px 0 rgba(255,255,255,0.94)}.customer-campaign-edit-view .campaign-ai-text-layer-bold-checkbox[checked]::part(label){background: var(--app-accent-200);color: #FFFFFF;border-color: var(--app-accent-200);box-shadow: inset 0 1px 0 rgba(255,255,255,0.08)}.customer-campaign-edit-view .campaign-ai-variant-preview-card{width: 100%;max-width: 100%;border-radius: 20px;border: 0;background: linear-gradient(180deg,rgba(250,252,254,0.96) 0%,rgba(245,248,252,0.98) 100%);gap: 0.85rem;position: relative}.customer-campaign-edit-view .campaign-ai-variant-preview-card .ai-generating-overlay{display: none;position: absolute;inset: 0;z-index: 10;border-radius: 20px;background: rgba(10,20,40,0.74);backdrop-filter: blur(3px);flex-direction: column;align-items: center;justify-content: center;gap: 0.7rem}.customer-campaign-edit-view .campaign-ai-variant-preview-card.is-generating .ai-generating-overlay{display: flex}.customer-campaign-edit-view .campaign-ai-variant-preview-card .ai-generating-spinner{width: 40px;height: 40px;border-radius: 50%;border: 3px solid rgba(255,255,255,0.22);border-top-color: #ffffff;animation: assistant-spin 0.9s linear infinite}.customer-campaign-edit-view .campaign-ai-variant-preview-card .ai-generating-text{font-size: 1rem;font-weight: 600;color: #ffffff}.customer-campaign-edit-view .campaign-ai-variant-preview-card .ai-generating-hint{font-size: 0.82rem;color: rgba(255,255,255,0.65)}.customer-campaign-edit-view .campaign-ai-variant-preview-card vaadin-button{align-self: flex-start}.customer-campaign-edit-view .campaign-ai-variant-text-stage{width: 100%;max-width: 100%;aspect-ratio: 3 / 1;height: auto;box-sizing: border-box;border-radius: 10px;border: 1px solid rgba(124,139,160,0.35);background: rgba(236,241,247,0.6);overflow: hidden;background-size: contain;background-position: center;background-repeat: no-repeat}.customer-campaign-edit-view .campaign-ai-variant-text-stage.is-empty{display: flex;align-items: center;justify-content: center;border-style: dashed;background: linear-gradient(135deg,rgba(245,248,252,0.96) 0%,rgba(237,243,250,0.98) 100%)}.customer-campaign-edit-view .campaign-ai-variant-text-stage.is-empty::before{content: attr(data-empty-message);max-width: 20rem;padding: 0 1rem;color: #6B7A8D;font-size: 0.92rem;font-weight: 700;line-height: 1.45;text-align: center}.customer-campaign-edit-view .campaign-builder-hero,.customer-campaign-edit-view .campaign-builder-progress-card,.customer-campaign-edit-view .campaign-builder-bottom-actions,.customer-campaign-edit-view .campaign-builder-drawer,.customer-campaign-edit-view .campaign-builder-step-panel,.customer-campaign-edit-view .campaign-builder-step-link,.customer-campaign-edit-view .campaign-slot-card,.customer-campaign-edit-view .campaign-creative-preview-large,.customer-campaign-edit-view .landingpage-preview-placeholder,.customer-campaign-edit-view .landingpage-preview-frame,.customer-campaign-edit-view .landingpage-preview-image,.customer-campaign-edit-view .campaign-ai-briefing-card,.customer-campaign-edit-view .campaign-ai-generation-section,.customer-campaign-edit-view .campaign-ai-text-layer-input-group,.customer-campaign-edit-view .campaign-ai-color-picker,.customer-campaign-edit-view .campaign-ai-text-layer-opacity-group,.customer-campaign-edit-view .campaign-ai-color-swatch-button,.customer-campaign-edit-view .campaign-ai-color-swatch-preview,.customer-campaign-edit-view .campaign-ai-variant-preview-card,.customer-campaign-edit-view .campaign-ai-variant-text-stage{border-radius: var(--app-global-radius)}.customer-campaign-edit-view .campaign-builder-progress .campaign-progress-link{border-radius: var(--app-global-radius)}.customer-campaign-edit-view .campaign-builder-action-secondary,.customer-campaign-edit-view .campaign-builder-action-primary,.customer-campaign-edit-view .campaign-builder-delete-button,.customer-campaign-edit-view .campaign-builder-archive-button{border-radius: var(--app-global-radius)}.customer-campaign-edit-view .campaign-ai-text-layer-opacity-group vaadin-integer-field::part(input-field){border-radius: var(--app-global-radius)}@media (max-width: 1240px){.customer-campaign-edit-view .campaign-ai-layout{grid-template-columns: 1fr}.customer-campaign-edit-view .campaign-ai-sidebar-card,.customer-campaign-edit-view .campaign-ai-preview-column{position: static}.customer-campaign-edit-view .campaign-ai-variant-workbench{grid-template-columns: 1fr}.customer-campaign-edit-view .campaign-ai-text-layer-basics-grid{grid-template-columns: minmax(160px,1.5fr) repeat(3,minmax(72px,0.42fr))}}@media (max-width: 980px){.customer-campaign-edit-view .campaign-ai-text-layer-basics-grid{grid-template-columns: minmax(0,1fr) repeat(3,minmax(68px,0.42fr))}}@media (max-width: 760px){.customer-campaign-edit-view .campaign-ai-generation-actions vaadin-button{flex: 1 1 100%;min-width: 0}.customer-campaign-edit-view .campaign-ai-text-layer-header{align-items: flex-start}.customer-campaign-edit-view .campaign-ai-text-layer-basics-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.customer-campaign-edit-view .campaign-ai-text-layer-basics-grid>:first-child{grid-column: 1 / -1}.customer-campaign-edit-view .campaign-ai-text-style-popover-shell .campaign-ai-color-opacity-grid,.customer-campaign-edit-view .campaign-ai-text-style-basics-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.customer-campaign-edit-view .campaign-ai-text-style-basics-grid>:first-child{grid-column: 1 / -1}}@media (max-width: 560px){.customer-campaign-edit-view .campaign-ai-generation-section,.customer-campaign-edit-view .campaign-ai-text-layer-input-group{padding: 0.9rem;border-radius: 16px}.customer-campaign-edit-view .campaign-ai-text-layer-header{flex-direction: row;align-items: flex-start;justify-content: space-between;width: 100%}.customer-campaign-edit-view .campaign-ai-text-layer-basics-grid{grid-template-columns: repeat(3,minmax(0,1fr))}.customer-campaign-edit-view .campaign-ai-text-layer-basics-grid>:first-child{grid-column: 1 / -1}.customer-campaign-edit-view .campaign-ai-text-layer-pos-field,.customer-campaign-edit-view .campaign-ai-text-layer-width-field{width: 100% !important;min-width: 0 !important}.customer-campaign-edit-view .campaign-ai-text-style-trigger-wrap{margin-left: auto}.customer-campaign-edit-view .campaign-ai-variant-actions{flex-direction: column;align-items: stretch}.customer-campaign-edit-view .campaign-ai-variant-actions vaadin-button{width: 100%;min-width: 0;flex: 0 0 auto}}.customer-campaign-edit-view .campaign-ai-text-layer{line-height: 1.15;color: #ffffff;text-shadow: 0 2px 4px rgba(0,0,0,0.65);padding: 1px 6px;border-radius: 4px;user-select: none;background: transparent;overflow-wrap: break-word}.customer-campaign-edit-view .campaign-creative-text-layer{min-width: 1px;min-height: 1px}.customer-campaign-edit-view .campaign-day-presets{display: flex;flex-wrap: wrap;gap: 0.5rem}.customer-campaign-edit-view vaadin-checkbox-group.campaign-compact-checkbox-group::part(group-field){display: flex;flex-direction: row !important;flex-wrap: wrap;gap: 0.45rem 0.95rem}.customer-campaign-edit-view vaadin-checkbox-group.campaign-compact-checkbox-group vaadin-checkbox{margin: 0}.customer-campaign-edit-view .campaign-review-shell{width: 100%}.customer-campaign-edit-view .campaign-review-summary{display: flex;flex-direction: column;gap: 2rem;width: 100%;min-width: 0;padding: 0;border: 0;background: transparent;box-shadow: none}.customer-campaign-edit-view .campaign-review-intro-card,.customer-campaign-edit-view .campaign-review-card-surface{display: flex;flex-direction: column;gap: 0.65rem;width: 100%;min-width: 0;padding: 0.84rem 1rem 1.02rem;border-radius: 22px;border: 0;background: #ffffff;box-shadow: none;box-sizing: border-box}.customer-campaign-edit-view .campaign-review-intro-card{display: grid;grid-template-columns: minmax(380px,460px) minmax(0,1fr);align-items: stretch;gap: 0.85rem;background: transparent}.customer-campaign-edit-view .campaign-review-intro-header,.customer-campaign-edit-view .campaign-review-card-header{display: flex;flex-direction: column;gap: 0.14rem}.customer-campaign-edit-view .campaign-review-intro-title,.customer-campaign-edit-view .campaign-review-card-title{color: #1D2735;font-size: 1rem;font-weight: 800;line-height: 1.1;letter-spacing: -0.01em}.customer-campaign-edit-view .campaign-review-intro-hint,.customer-campaign-edit-view .campaign-review-card-hint{color: #627082;font-size: 0.84rem;line-height: 1.42}.customer-campaign-edit-view .campaign-review-readiness{display: grid;grid-template-columns: auto auto minmax(0,1fr);align-items: center;gap: 0.65rem;width: 100%;min-height: 4.55rem;padding: 0.82rem 0.92rem;border-radius: 16px;border: 1px solid rgba(213,223,235,0.9);background: rgba(244,248,252,0.92);box-sizing: border-box}.customer-campaign-edit-view .campaign-review-readiness-label,.customer-campaign-edit-view .campaign-review-metric-label{color: #7B889A;font-size: 0.68rem;font-weight: 800;letter-spacing: 0.08em;line-height: 1.2;text-transform: uppercase}.customer-campaign-edit-view .campaign-review-readiness-value{display: inline-flex;align-items: center;justify-content: center;min-width: 2.65rem;height: 2.65rem;padding: 0 0.65rem;border-radius: 13px;background: var(--app-accent-soft-fill);color: var(--app-accent-300);font-size: 1rem;font-weight: 800;line-height: 1;letter-spacing: -0.03em}.customer-campaign-edit-view .campaign-review-readiness-hint{color: #4E6077;font-size: 0.8rem;line-height: 1.42}.customer-campaign-edit-view .campaign-review-status-strip{display: grid;grid-template-columns: repeat(auto-fit,minmax(150px,1fr));grid-auto-rows: 1fr;align-items: stretch;gap: 0.6rem;width: 100%;min-height: 4.55rem;height: 100%}.customer-campaign-edit-view .campaign-review-status-chip{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem;min-height: 100%;height: 100%;min-width: 0;padding: 0.72rem 0.86rem;border-radius: 14px;border: 1px solid rgba(216,224,234,0.9);background: rgba(255,255,255,0.82);box-sizing: border-box}.customer-campaign-edit-view .campaign-review-status-chip.is-ready{border-color: rgba(114,163,132,0.24);background: linear-gradient(180deg,rgba(242,249,244,0.98) 0%,rgba(236,246,239,0.95) 100%)}.customer-campaign-edit-view .campaign-review-status-label{color: #2E4056;font-size: 0.8rem;font-weight: 700;line-height: 1.2}.customer-campaign-edit-view .campaign-review-status-state{flex: 0 0 auto;color: #8D6D46;font-size: 0.62rem;font-weight: 800;letter-spacing: 0.08em;line-height: 1;text-transform: uppercase}.customer-campaign-edit-view .campaign-review-status-chip.is-ready .campaign-review-status-state{color: #4C7A5E}.customer-campaign-edit-view .campaign-review-grid{display: grid;grid-template-columns: minmax(0,1.12fr) minmax(0,0.88fr);column-gap: 2rem;row-gap: 2.35rem;width: 100%;align-items: start}.customer-campaign-edit-view .campaign-review-forecast-card{grid-column: 1 / -1}.customer-campaign-edit-view .campaign-review-card-list{display: flex;flex-direction: column;width: 100%}.customer-campaign-edit-view .campaign-review-row{display: grid;grid-template-columns: minmax(0,0.9fr) minmax(0,1.1fr);align-items: start;gap: 0.9rem;padding: 0.74rem 0;border-bottom: 1px solid rgba(223,230,239,0.95);background: transparent;border-radius: 0;border-top: 0;border-right: 0;border-left: 0}.customer-campaign-edit-view .campaign-review-card-list .campaign-review-row:first-child{padding-top: 0.02rem}.customer-campaign-edit-view .campaign-review-card-list .campaign-review-row:last-child{padding-bottom: 0;border-bottom: 0}.customer-campaign-edit-view .campaign-review-label{margin: 0;color: #7B889A;font-size: 0.66rem;font-weight: 800;letter-spacing: 0.08em;line-height: 1.25;text-transform: uppercase}.customer-campaign-edit-view .campaign-review-value{color: #1D2735;font-size: 0.88rem;font-weight: 700;line-height: 1.3;text-align: right;justify-self: end}.customer-campaign-edit-view .campaign-review-metrics{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 0.78rem;width: 100%}.customer-campaign-edit-view .campaign-review-metric{display: flex;flex-direction: column;gap: 0.28rem;min-width: 0;padding: 0.88rem 0.94rem;border-radius: 16px;border: 1px solid rgba(216,224,234,0.92);background: rgba(244,248,252,0.88);box-sizing: border-box}.customer-campaign-edit-view .campaign-review-metric-value{color: #1D2735;font-size: 1.18rem;font-weight: 800;line-height: 1;letter-spacing: -0.03em}.customer-campaign-edit-view .campaign-review-metric-hint{color: #68788D;font-size: 0.74rem;line-height: 1.38}.customer-campaign-edit-view .campaign-details-shell{display: flex;flex-direction: column;gap: 0.75rem;width: 100%}.customer-campaign-edit-view .campaign-details-intro-card{display: flex;flex-direction: column;gap: 0.12rem;width: 100%}.customer-campaign-edit-view .campaign-details-intro-header,.customer-campaign-edit-view .campaign-details-flow-card,.customer-campaign-edit-view .campaign-details-section-header{display: flex;flex-direction: column;gap: 0.12rem}.customer-campaign-edit-view .campaign-details-intro-title,.customer-campaign-edit-view .campaign-details-section-title{color: #1D2735;font-size: 1rem;font-weight: 800;line-height: 1.1;letter-spacing: -0.01em}.customer-campaign-edit-view .campaign-details-intro-hint,.customer-campaign-edit-view .campaign-details-section-hint{color: #627082;font-size: 0.84rem;line-height: 1.38}.customer-campaign-edit-view .campaign-details-flow-card{min-width: 0;padding: 0.62rem 0.78rem;border: 1px solid rgba(216,224,234,0.92);border-radius: 16px;background: rgba(244,248,252,0.88);box-sizing: border-box}.customer-campaign-edit-view .campaign-details-flow-label{color: #7B889A;font-size: 0.68rem;font-weight: 800;letter-spacing: 0.08em;line-height: 1.2;text-transform: uppercase}.customer-campaign-edit-view .campaign-details-flow-pills{display: flex;flex-wrap: wrap;gap: 0.36rem}.customer-campaign-edit-view .campaign-details-flow-pill{display: inline-flex;align-items: center;min-height: 1.7rem;padding: 0.26rem 0.56rem;border-radius: 999px;background: rgba(255,255,255,0.92);color: #40556C;font-size: 0.76rem;font-weight: 700;line-height: 1.2}.customer-campaign-edit-view .campaign-details-primary-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.85rem;width: 100%;align-items: start}.customer-campaign-edit-view .campaign-details-section-card{display: flex;flex-direction: column;gap: 0.42rem;min-width: 0}.customer-campaign-edit-view .campaign-details-section-body{gap: 0.42rem}.customer-campaign-edit-view .campaign-details-toggle-list{display: flex;flex-direction: column;gap: 0.18rem;width: 100%}.customer-campaign-edit-view .campaign-details-toggle-row{gap: 0.36rem;margin: 0}.customer-campaign-edit-view .campaign-details-subdomain-row{gap: 0.45rem;flex-wrap: wrap}@media (max-width: 980px){.customer-campaign-edit-view .campaign-details-primary-grid{grid-template-columns: 1fr}}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-details-intro-title,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-details-section-title{color: #EFF4FB}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-details-intro-hint,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-details-section-hint{color: #AFC0D6}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-details-flow-card{border-color: rgba(173,195,230,0.18);background: rgba(25,34,50,0.74)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-details-flow-label{color: #9FB1C8}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-details-flow-pill{background: rgba(35,48,69,0.92);color: #D7E2F1}@media (max-width: 980px){.customer-campaign-edit-view .campaign-review-intro-card{grid-template-columns: 1fr}.customer-campaign-edit-view .campaign-review-grid{grid-template-columns: 1fr}.customer-campaign-edit-view .campaign-review-metrics{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.customer-campaign-edit-view .campaign-review-readiness{grid-template-columns: 1fr}.customer-campaign-edit-view .campaign-review-value{text-align: left;justify-self: start}.customer-campaign-edit-view .campaign-review-row{grid-template-columns: 1fr;gap: 0.35rem}}@media (max-width: 560px){.customer-campaign-edit-view .campaign-review-metrics{grid-template-columns: 1fr}}html[data-theme-mode="dark"] .customer-campaign-edit-view{background: linear-gradient(180deg,rgba(21,27,36,0.66) 0%,rgba(21,27,36,0.9) 48%,#151B24 100%),url("/images/Drive_Customer_Background.png") center top / cover no-repeat,#151B24}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-builder-progress-card,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-builder-bottom-actions{border-color: rgba(173,195,230,0.24);background: rgba(22,30,45,0.72);box-shadow: 0 20px 36px rgba(6,8,16,0.42)}html[data-theme-mode="dark"] .customer-campaign-edit-view .landingpage-preview-placeholder{background: linear-gradient(135deg,rgba(35,44,61,0.92) 0%,rgba(29,38,53,0.95) 100%);border-color: rgba(118,141,180,0.35);color: #C8D2E2}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-builder-eyebrow{border-color: rgba(121,146,187,0.3);background: rgba(31,42,60,0.86);color: #d2ddec}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-builder-eyebrow.status-live{background: rgba(74,222,128,0.10);border-color: rgba(74,222,128,0.30);color: #6ee7a0}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-builder-eyebrow.status-draft{background: rgba(120,133,152,0.18);border-color: rgba(150,163,180,0.35);color: #aab7cc}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-builder-eyebrow.status-under_review{background: rgba(251,191,36,0.12);border-color: rgba(251,191,36,0.32);color: #fbbf24}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-builder-eyebrow.status-paused{background: rgba(251,146,60,0.12);border-color: rgba(251,146,60,0.30);color: #fb923c}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-builder-eyebrow.status-done{background: rgba(96,130,200,0.14);border-color: rgba(96,130,200,0.32);color: #93b4e8}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-builder-eyebrow.status-archived{background: rgba(140,140,155,0.14);border-color: rgba(160,160,175,0.28);color: #9ca3af}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-builder-progress .campaign-progress-link.is-active{background: linear-gradient(180deg,#8da9cb 0%,#6f87a7 100%);color: #102133;border-color: rgba(151,177,214,0.4)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-builder-title,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-panel-title{color: #f2f6fc}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-builder-lead,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-builder-progress-hint{color: #aebdd2}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-builder-progress-label{color: #c5d3e6}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-builder-progress .campaign-progress-link{border-color: rgba(173,195,230,0.24);color: #d7e3f4}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-builder-accordion vaadin-accordion-panel::part(summary){background: rgba(22,30,45,0.92);box-shadow: 0 8px 18px rgba(4,7,14,0.28)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-builder-accordion vaadin-accordion-panel{border: 0;background: transparent;box-shadow: none}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-builder-accordion vaadin-accordion-panel[opened]{border: 1px solid rgba(173,195,230,0.22);background: rgba(22,30,45,0.82);box-shadow: 0 16px 32px rgba(6,8,16,0.38)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-builder-drawer,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-builder-step-panel{border-color: rgba(173,195,230,0.24);background: rgba(22,30,45,0.76);box-shadow: 0 20px 36px rgba(6,8,16,0.42)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-builder-drawer-label{color: #c8d5e7}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-builder-drawer-hint,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-builder-step-link-hint,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-builder-step-hint,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-briefing-hint,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-workspace-hint,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-variant-shell-hint,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-preview-hint,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-text-section-hint,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-global-actions-hint{color: #aebdd2}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-tab-card{background: transparent;box-shadow: none}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-tab-trigger:not(.is-active) .campaign-ai-tab-card{background: rgba(30,42,60,0.62);box-shadow: 0 12px 24px rgba(6,10,18,0.2),0 3px 10px rgba(6,10,18,0.14)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-tab-title{color: #F2F6FC}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-tab-hint{color: #B1C0D4}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-tab-badge{background: rgba(98,129,176,0.24);color: #DDE9F9}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-tab-trigger:hover .campaign-ai-tab-card{background: rgba(36,50,71,0.86);box-shadow: 0 14px 28px rgba(6,10,18,0.24),0 4px 12px rgba(6,10,18,0.16)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-tab-trigger.is-active .campaign-ai-tab-card{background: linear-gradient(180deg,rgba(47,63,86,0.98) 0%,rgba(37,52,74,1) 100%);box-shadow: 0 20px 34px rgba(6,10,18,0.34)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-tab-trigger.is-active .campaign-ai-tab-badge{background: rgba(178,190,207,0.18);color: #E8EDF3}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-builder-step-link{border-color: rgba(173,195,230,0.16);background: rgba(28,39,56,0.78)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-builder-step-link:hover{border-color: rgba(173,195,230,0.26);box-shadow: 0 10px 20px rgba(6,10,18,0.24)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-builder-step-link-number{border-color: rgba(173,195,230,0.2);background: rgba(19,27,40,0.9);color: #d7e3f4}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-builder-step-link-title,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-builder-step-title,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-builder-step-link-title-mobile,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-briefing-title,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-workspace-title,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-variant-shell-title,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-preview-title,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-text-section-title,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-global-actions-title{color: #f2f6fc}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-builder-step-link.is-active{border-color: rgba(151,177,214,0.32);background: linear-gradient(180deg,rgba(39,56,82,0.98) 0%,rgba(31,46,68,0.96) 100%);box-shadow: 0 16px 28px rgba(6,8,16,0.28)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-builder-step-link.is-active .campaign-builder-step-link-number{background: linear-gradient(180deg,#8da9cb 0%,#6f87a7 100%);color: #102133}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-builder-step-badge{border-color: rgba(121,146,187,0.3);background: rgba(31,42,60,0.86);color: #d2ddec}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-briefing-card{border: 0;background: linear-gradient(180deg,rgba(30,41,59,0.84) 0%,rgba(23,32,47,0.90) 100%);box-shadow: none}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-attachment-card{border-color: rgba(173,195,230,0.18);background: linear-gradient(180deg,rgba(37,50,71,0.94) 0%,rgba(28,39,56,0.96) 100%);box-shadow: 0 12px 24px rgba(6,10,18,0.28)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-upload-section-label{color: #C8D5E7}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-upload-section{border-color: rgba(173,195,230,0.18);background: linear-gradient(180deg,rgba(31,42,60,0.86) 0%,rgba(24,34,49,0.92) 100%);box-shadow: inset 0 1px 0 rgba(255,255,255,0.03)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-upload-section-hint{color: #A6B4C8}html[data-theme-mode="dark"] :is(.customer-campaign-edit-view,.driver-documents-view) .campaign-ai-drop-upload{--vaadin-upload-border-color: rgba(126,156,198,0.34);--vaadin-upload-background: linear-gradient(180deg,rgba(30,41,59,0.9) 0%,rgba(24,33,47,0.96) 100%)}html[data-theme-mode="dark"] :is(.customer-campaign-edit-view,.driver-documents-view) .campaign-ai-drop-upload-icon{color: #8AB6FF;background: linear-gradient(180deg,rgba(53,80,120,0.52) 0%,rgba(41,63,98,0.62) 100%);box-shadow: inset 0 1px 0 rgba(255,255,255,0.06)}html[data-theme-mode="dark"] :is(.customer-campaign-edit-view,.driver-documents-view) .campaign-ai-drop-upload-title{color: #E7EEF8}html[data-theme-mode="dark"] :is(.customer-campaign-edit-view,.driver-documents-view) .campaign-ai-drop-upload-support{color: #9FB1C8}html[data-theme-mode="dark"] :is(.customer-campaign-edit-view,.driver-documents-view) vaadin-upload.campaign-ai-drop-upload[dragover-valid]{--vaadin-upload-border-color: rgba(131,176,255,0.8);--vaadin-upload-background: linear-gradient(180deg,rgba(38,54,79,0.94) 0%,rgba(31,45,66,0.98) 100%)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-logo-preview-field{border-color: rgba(126,156,198,0.34);background: linear-gradient(180deg,rgba(30,41,59,0.9) 0%,rgba(24,33,47,0.96) 100%)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-logo-preview-overlay{background: rgba(5,10,18,0.52)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-attachment-overlay{background: rgba(5,10,18,0.58)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-attachment-remove{background: rgba(17,27,41,0.94);color: #EEF4FD;box-shadow: 0 8px 20px rgba(6,10,18,0.32)}html[data-theme-mode="dark"] .customer-campaign-edit-view .landingpage-content-grid{gap: 0.75rem}html[data-theme-mode="dark"] .customer-campaign-edit-view .landingpage-content-section-grid{border-color: rgba(173,195,230,0.24);background: rgba(25,34,50,0.72)}html[data-theme-mode="dark"] .customer-campaign-edit-view .landingpage-content-section-title{color: #f2f6fc}html[data-theme-mode="dark"] .customer-campaign-edit-view .landingpage-content-section-hint,html[data-theme-mode="dark"] .customer-campaign-edit-view .landingpage-content-section-helper{color: #AAB7CC}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-variant-wrapper{background: rgba(25,34,50,0.68);border-color: rgba(173,195,230,0.2)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-section-title,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-text-layer-title,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-text-style-popover-title{color: #EDF3FB}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-section-hint,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-text-layer-hint,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-text-layer-bold-label,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-text-style-popover-hint{color: #AAB7CC}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-generation-section,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-text-layer-input-group,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-variant-preview-card{border-color: rgba(173,195,230,0.18);background: linear-gradient(180deg,rgba(30,41,59,0.84) 0%,rgba(23,32,47,0.90) 100%);box-shadow: none}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-generation-section,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-variant-preview-card{border: 0}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-text-layer-input-group{box-shadow: inset 0 1px 0 rgba(255,255,255,0.03)}html[data-theme-mode="dark"] vaadin-popover-overlay[theme~="campaign-ai-style-popover"]::part(overlay){border-color: rgba(139,160,192,0.24);background: rgba(24,33,47,0.98);box-shadow: 0 12px 26px rgba(0,0,0,0.34),0 28px 58px rgba(0,0,0,0.42)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-text-style-trigger{border-color: rgba(139,160,192,0.24);background: linear-gradient(180deg,rgba(37,49,69,0.96) 0%,rgba(29,39,56,0.98) 100%);color: #EDF3FB;box-shadow: inset 0 1px 0 rgba(255,255,255,0.04)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-text-style-trigger:hover{border-color: rgba(162,183,214,0.34);background: linear-gradient(180deg,rgba(42,55,76,0.98) 0%,rgba(33,44,62,0.99) 100%)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-text-layer-bold-checkbox::part(label){border-color: rgba(139,160,192,0.24);background: rgba(255,255,255,0.06);color: #C8D3E1;box-shadow: inset 0 1px 0 rgba(255,255,255,0.04)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-text-layer-bold-checkbox:hover::part(label){border-color: rgba(162,183,214,0.34);background: rgba(102,120,143,0.24)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-text-layer-bold-checkbox:focus-within::part(label){box-shadow: 0 0 0 4px rgba(102,120,143,0.2),inset 0 1px 0 rgba(255,255,255,0.05)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-text-layer-bold-checkbox[checked]::part(label){background: var(--app-accent-200);color: #FFFFFF;border-color: var(--app-accent-200)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-variant-text-stage.is-empty{border-color: rgba(173,195,230,0.24);background: linear-gradient(135deg,rgba(33,44,62,0.96) 0%,rgba(28,38,54,0.98) 100%)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-ai-variant-text-stage.is-empty::before{color: #b7c7dc}html[data-theme-mode="dark"] .customer-campaign-assistant-view .assistant-control-card,html[data-theme-mode="dark"] .customer-campaign-assistant-view .assistant-chat-card{border-color: rgba(173,195,230,0.25);background: rgba(22,30,45,0.62);box-shadow: 0 16px 32px rgba(6,8,16,0.34)}html[data-theme-mode="dark"] .customer-campaign-assistant-view .assistant-chat-header,html[data-theme-mode="dark"] .customer-campaign-assistant-view .assistant-composer{background: rgba(22,32,48,0.82);border-color: rgba(145,173,220,0.22)}html[data-theme-mode="dark"] .customer-campaign-assistant-view .assistant-composer vaadin-text-field::part(input-field){border: 1.5px solid rgba(145,173,220,0.45);background: rgba(30,44,66,0.9)}html[data-theme-mode="dark"] .customer-campaign-assistant-view .assistant-session-chooser{background: rgba(22,32,48,0.82);border-color: rgba(145,173,220,0.22)}html[data-theme-mode="dark"] .customer-campaign-assistant-view .assistant-agent-title{color: #e7efff}html[data-theme-mode="dark"] .customer-campaign-assistant-view .assistant-mode-switch{background: rgba(31,43,66,0.9);border-color: rgba(147,174,221,0.24)}html[data-theme-mode="dark"] .customer-campaign-assistant-view .assistant-mode-btn{color: #d8e5ff}html[data-theme-mode="dark"] .customer-campaign-assistant-view .assistant-message-row.agent .assistant-message-bubble,html[data-theme-mode="dark"] .customer-campaign-assistant-view .assistant-message-row.system .assistant-message-bubble,html[data-theme-mode="dark"] .customer-campaign-assistant-view .assistant-step{background: rgba(25,34,50,0.78);border-color: rgba(173,195,230,0.22);color: #dbe8ff}html[data-theme-mode="dark"] .customer-campaign-assistant-view .assistant-step.is-active{background: rgba(33,57,93,0.84);border-color: rgba(95,143,222,0.5);color: #d9e9ff}html[data-theme-mode="dark"] .customer-campaign-assistant-view .assistant-step.is-done{background: rgba(26,71,49,0.7);border-color: rgba(73,168,110,0.46);color: #d1f8df}html[data-theme-mode="dark"] .customer-campaign-assistant-view .assistant-step.is-error{background: rgba(88,36,36,0.72);border-color: rgba(209,93,93,0.44);color: #ffd9d9}html[data-theme-mode="dark"] .customer-campaign-assistant-view .assistant-finalizing-overlay{background: rgba(8,12,20,0.62)}html[data-theme-mode="dark"] .customer-campaign-assistant-view .assistant-finalizing-card{border-color: rgba(137,167,218,0.34);background: rgba(20,29,44,0.94);box-shadow: 0 18px 42px rgba(2,5,10,0.56)}html[data-theme-mode="dark"] .customer-campaign-assistant-view .assistant-finalizing-title{color: #e3eeff}html[data-theme-mode="dark"] .customer-campaign-assistant-view .assistant-finalizing-message{color: #b9cdf0}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-nested-accordion vaadin-accordion-panel{border-color: rgba(173,195,230,0.18);background: rgba(26,35,52,0.72)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-slot-card,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-review-row{background: rgba(25,34,50,0.68);border-color: rgba(173,195,230,0.2)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-review-intro-card,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-review-card-surface{border: 0;background: transparent;box-shadow: none}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-review-intro-title,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-review-card-title,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-review-value,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-review-metric-value{color: #EFF4FB}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-review-intro-hint,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-review-card-hint,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-review-readiness-hint,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-review-metric-hint{color: #AFC0D6}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-review-readiness,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-review-metric,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-review-status-chip{border-color: rgba(173,195,230,0.18);background: rgba(25,34,50,0.74)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-review-status-chip.is-ready{border-color: rgba(130,186,149,0.24);background: linear-gradient(180deg,rgba(35,56,43,0.82) 0%,rgba(28,47,37,0.92) 100%)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-review-readiness-label,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-review-label,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-review-metric-label{color: #9FB1C8}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-review-status-label{color: #D7E2F1}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-review-status-state{color: #D9BA86}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-review-status-chip.is-ready .campaign-review-status-state{color: #9FD0AF}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-review-row{background: transparent;border-color: rgba(173,195,230,0.16)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-creative-slot-card{background: linear-gradient(180deg,rgba(29,39,57,0.88) 0%,rgba(23,31,46,0.92) 100%);border-color: rgba(173,195,230,0.24);box-shadow: 0 20px 34px rgba(6,10,18,0.22),inset 0 1px 0 rgba(255,255,255,0.03)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-creative-slot-card .campaign-slot-title{color: #EFF4FB}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-creative-slot-preview{border-color: rgba(120,147,186,0.34);background: linear-gradient(180deg,rgba(35,48,69,0.9) 0%,rgba(28,39,56,0.94) 100%)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-creative-name{color: #AFC0D6}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-creative-slot-selected::part(label){color: #D6E1F0}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-creative-slot-selected[disabled]::part(label){color: #7E92AD}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-creative-slot-selected::part(checkbox){border-color: rgba(135,161,202,0.42);background: rgba(26,36,52,0.9)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-creative-slot-upload{--vaadin-upload-border-color: rgba(126,156,198,0.34);--vaadin-upload-background: linear-gradient(180deg,rgba(31,42,60,0.92) 0%,rgba(24,34,49,0.96) 100%)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-creative-slot-upload:hover{--vaadin-upload-border-color: rgba(146,177,222,0.46);--vaadin-upload-background: linear-gradient(180deg,rgba(36,49,71,0.94) 0%,rgba(28,39,56,0.98) 100%)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-creative-slot-upload-icon{color: #95BFFF;background: linear-gradient(180deg,rgba(56,79,114,0.52) 0%,rgba(43,63,94,0.62) 100%)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-creative-slot-upload-title{color: #E7EEF8}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-creative-slot-upload-support{color: #9FB1C8}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-card{border-color: rgba(173,195,230,0.22);background: rgba(30,41,59,0.84);box-shadow: 0 10px 24px rgba(6,10,18,0.18),inset 0 1px 0 rgba(255,255,255,0.03)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-card-title{color: #EDF3FB}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-editor-title{color: #EDF3FB}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-editor-layout{border: 0;background: linear-gradient(180deg,rgba(18,27,40,0.94) 0%,rgba(15,23,34,0.96) 100%);box-shadow: none}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-editor-sidebar{border: 0;background: linear-gradient(180deg,rgba(26,37,53,0.96) 0%,rgba(21,31,45,0.97) 100%);box-shadow: none}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-editor-intro{border-bottom: 0}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-card-hint,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-inline-label{color: #AAB7CC}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-chip-block{border: 0;background: linear-gradient(180deg,rgba(32,44,62,0.9) 0%,rgba(28,39,56,0.92) 100%);box-shadow: none}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-block{border: 0;background: linear-gradient(180deg,rgba(34,47,66,0.92) 0%,rgba(29,40,58,0.94) 100%);box-shadow: none}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-start-card{border: 0;background: linear-gradient(180deg,rgba(36,49,69,0.94) 0%,rgba(30,42,60,0.96) 100%);box-shadow: none}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-panel{border: 0;background: linear-gradient(180deg,rgba(37,51,73,0.97) 0%,rgba(31,43,61,0.98) 100%);box-shadow: none}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-helper,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-window-empty{color: #9FB1C8}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-window-chip{border: 0;background: linear-gradient(180deg,rgba(31,43,61,0.96) 0%,rgba(26,36,52,0.98) 100%);box-shadow: none}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-window-list{border-top: 0}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-window-chip-label{color: #D6E1F0}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-window-chip-remove{background: rgba(40,55,77,0.94);color: #B8C9DE}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-window-chip-remove:hover{background: rgba(53,71,98,0.96)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-meta-chip,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-corner,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-header-cell,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-row-label,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-cell{border-color: rgba(126,156,198,0.24);background: transparent}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-meta-chip{color: #B8C9DE;border: 0;background: linear-gradient(180deg,rgba(33,45,64,0.95) 0%,rgba(27,38,54,0.97) 100%)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-corner-label{color: #E6EEF8}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-corner-hint{color: #9FB1C8}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-corner,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-header-cell{border-bottom-color: rgba(126,156,198,0.24)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-header-cell{border-left-color: rgba(91,118,156,0.2);background: rgba(28,39,56,0.68)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-time-rail::after,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-time-marker::after{border-top-color: rgba(126,156,198,0.24)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-header-cell.is-selected-day,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-cell.is-selected-day{background: rgba(34,47,68,0.74)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-header-cell.is-start-day{box-shadow: none}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-day-label,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-band-label{color: #E6EEF8}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-date-label,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-band-range{color: #9FB1C8}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-row-label::after{border-top-color: rgba(126,156,198,0.24)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-band-label{color: #A7B9D0;background: rgba(25,35,50,0.72)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-day-column{border-left-color: rgba(91,118,156,0.2);border-bottom-color: rgba(126,156,198,0.24);background-color: rgba(28,39,56,0.48);background-image: repeating-linear-gradient( to bottom,transparent 0,transparent calc(var(--campaign-delivery-hour-height) - 1px),rgba(126,156,198,0.24) calc(var(--campaign-delivery-hour-height) - 1px),rgba(126,156,198,0.24) var(--campaign-delivery-hour-height) )}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-day-column.is-selected-day{background-color: rgba(34,47,68,0.72)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-day-column.is-inactive-day{background-color: rgba(28,39,56,0.36)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-day-column.is-start-day{box-shadow: none}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-event{background: linear-gradient(180deg,rgba(100,151,224,0.96) 0%,rgba(71,116,191,0.98) 100%);box-shadow: none}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-event.is-draft{background: linear-gradient(180deg,rgba(100,151,224,0.24) 0%,rgba(71,116,191,0.34) 100%);border: 0;color: #DCE8F8;box-shadow: none}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-event.is-draggable:hover{box-shadow: none}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-event.is-dragging{filter: brightness(1.04)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-cell{box-shadow: inset 1px 0 0 rgba(91,118,156,0.2),inset 0 1px 0 rgba(126,156,198,0.24)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-row-label.is-active .campaign-delivery-calendar-band-label{color: #D6E1F0}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-cell.is-active{background: rgba(35,49,72,0.78);box-shadow: inset 1px 0 0 rgba(91,118,156,0.2),inset 0 1px 0 rgba(126,156,198,0.24)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-header-cell.is-clickable:hover,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-cell.is-clickable:hover{background: rgba(34,47,68,0.88)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-row-label.is-clickable:hover .campaign-delivery-calendar-band-label{color: #D6E1F0}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-header-cell.is-clickable:focus-visible,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-row-label.is-clickable:focus-visible,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-cell.is-clickable:focus-visible{outline-color: rgba(136,170,222,0.36)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-calendar-cell-fill{background: linear-gradient(180deg,rgba(112,154,220,0.84) 0%,rgba(84,129,198,0.94) 100%)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-preset-link{border: 0;background: rgba(28,39,56,0.92);color: #B7D2FF;box-shadow: none}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-preset-link:hover{border-color: transparent;background: rgba(34,47,68,0.96);box-shadow: none}html[data-theme-mode="dark"] .customer-campaign-edit-view vaadin-checkbox-group.campaign-delivery-chip-group::part(label),html[data-theme-mode="dark"] .customer-campaign-edit-view vaadin-radio-group.campaign-delivery-radio-group::part(label){color: #C8D5E7}html[data-theme-mode="dark"] .customer-campaign-edit-view vaadin-checkbox-group.campaign-delivery-chip-group vaadin-checkbox,html[data-theme-mode="dark"] .customer-campaign-edit-view vaadin-radio-group.campaign-delivery-radio-group vaadin-radio-button{border-color: rgba(126,156,198,0.3);background: rgba(28,39,56,0.92);box-shadow: inset 0 1px 0 rgba(255,255,255,0.03)}html[data-theme-mode="dark"] .customer-campaign-edit-view vaadin-checkbox-group.campaign-delivery-chip-group vaadin-checkbox::part(label),html[data-theme-mode="dark"] .customer-campaign-edit-view vaadin-radio-group.campaign-delivery-radio-group vaadin-radio-button::part(label){color: #D6E1F0}html[data-theme-mode="dark"] .customer-campaign-edit-view vaadin-checkbox-group.campaign-delivery-chip-group vaadin-checkbox::part(checkbox),html[data-theme-mode="dark"] .customer-campaign-edit-view vaadin-radio-group.campaign-delivery-radio-group vaadin-radio-button::part(radio){border-color: rgba(135,161,202,0.42);background: rgba(20,29,44,0.96)}html[data-theme-mode="dark"] .customer-campaign-edit-view vaadin-checkbox-group.campaign-delivery-chip-group vaadin-checkbox:is([checked],[indeterminate]),html[data-theme-mode="dark"] .customer-campaign-edit-view vaadin-radio-group.campaign-delivery-radio-group vaadin-radio-button[checked]{border-color: rgba(140,177,230,0.42);background: rgba(44,61,88,0.94);box-shadow: 0 8px 16px rgba(6,10,18,0.16)}html[data-theme-mode="dark"] .customer-campaign-edit-view vaadin-radio-group.campaign-delivery-radio-group vaadin-radio-button[checked]::part(radio){border-color: rgba(168,196,238,0.56);background: #89AEE6}html[data-theme-mode="dark"] .customer-campaign-edit-view vaadin-text-field,html[data-theme-mode="dark"] .customer-campaign-edit-view vaadin-text-area,html[data-theme-mode="dark"] .customer-campaign-edit-view vaadin-number-field,html[data-theme-mode="dark"] .customer-campaign-edit-view vaadin-combo-box,html[data-theme-mode="dark"] .customer-campaign-edit-view vaadin-date-picker,html[data-theme-mode="dark"] .customer-campaign-edit-view vaadin-multi-select-combo-box{--campaign-field-border: rgba(94,112,140,0.48);--campaign-field-border-hover: rgba(118,139,171,0.56);--campaign-field-border-focus: rgba(154,180,221,0.5);--campaign-field-border-invalid: rgba(204,111,111,0.46);--campaign-field-surface: rgba(25,34,49,0.96);--campaign-field-surface-hover: rgba(30,40,57,0.98);--campaign-field-surface-focus: rgba(34,44,61,0.98);--campaign-field-shadow: none;--campaign-field-shadow-hover: none;--campaign-field-shadow-focus: 0 0 0 4px rgba(116,147,198,0.16);--campaign-field-label-color: #B9C7DA;--campaign-field-value-color: #EFF3FA;--campaign-field-helper-color: #9FB0C7;--vaadin-input-field-placeholder-color: rgba(191,205,226,0.5)}html[data-theme-mode="dark"] .customer-campaign-edit-view{--campaign-field-label-color: #C4D0E0;--campaign-field-value-color: #F0F4FB;--campaign-field-helper-color: #A8B7CB;--campaign-checkbox-border: rgba(94,112,140,0.48);--campaign-checkbox-border-hover: rgba(118,139,171,0.56);--campaign-checkbox-surface: rgba(25,34,49,0.96);--campaign-checkbox-surface-hover: rgba(30,40,57,0.98);--campaign-checkbox-surface-checked: rgba(98,120,152,0.98);--campaign-checkbox-shadow: none;--campaign-checkbox-shadow-hover: none;--campaign-checkbox-shadow-checked: 0 0 0 1px rgba(154,180,221,0.18);--campaign-checkbox-shadow-focus: 0 0 0 4px rgba(116,147,198,0.16)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-option-row vaadin-checkbox::part(checkbox){background: rgba(101,116,140,0.36);border-color: rgba(121,139,169,0.4);box-shadow: none}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-option-row vaadin-checkbox:is([checked],[indeterminate])::part(checkbox){background: rgba(117,137,169,0.98);border-color: rgba(154,180,221,0.36)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-option-row vaadin-checkbox::part(checkbox)::after{background: #FFFFFF}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-option-info-button{color: #A8B2C3}.customer-campaign-edit-view .campaign-delivery-schedule-card{--campaign-field-surface: transparent;--campaign-field-surface-hover: transparent;--campaign-field-surface-focus: transparent;--lumo-contrast-5pct: transparent;--lumo-contrast-10pct: transparent;--lumo-primary-color: transparent;--lumo-primary-color-10pct: transparent;--lumo-primary-color-50pct: transparent;--lumo-primary-contrast-color: #43576F}.customer-campaign-edit-view .campaign-delivery-schedule-card,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-editor-layout,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-editor-sidebar,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-start-card,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-chip-block,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-block,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-panel,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-meta-chip,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-chip,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-chip-remove,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-chip-remove:hover,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-preset-link,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-preset-link:hover,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-header-cell,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-header-cell.is-selected-day,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-cell,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-cell.is-selected-day,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-cell.is-active,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-header-cell.is-clickable:hover,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-cell.is-clickable:hover,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-band-label,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event.is-draft,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-cell-fill,.customer-campaign-edit-view .campaign-delivery-schedule-card vaadin-button,.customer-campaign-edit-view .campaign-delivery-schedule-card vaadin-date-picker::part(input-field),.customer-campaign-edit-view .campaign-delivery-schedule-card vaadin-time-picker::part(input-field){background: transparent;background-color: transparent;background-image: none}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-day-column,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-day-column.is-selected-day,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-day-column.is-inactive-day{background-color: transparent}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event,.customer-campaign-edit-view .campaign-delivery-schedule-card vaadin-button{color: #43576F}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card{--lumo-primary-contrast-color: #D6E1F0}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card vaadin-button{color: #D6E1F0}.customer-campaign-edit-view .campaign-delivery-schedule-card{--campaign-calendar-grid-line: rgba(102,120,143,0.18);--campaign-calendar-grid-line-soft: rgba(102,120,143,0.10);--campaign-calendar-grid-label: #7A8797;--campaign-calendar-grid-strong: #3D5168;--campaign-calendar-event-bg: linear-gradient(135deg,var(--app-accent-200) 0%,#596B80 54%,var(--app-accent-300) 100%);--campaign-calendar-event-bg-hover: linear-gradient(135deg,#70849C 0%,var(--app-accent-200) 48%,var(--app-accent-300) 100%);--campaign-calendar-event-rail: rgba(34,49,66,0.62);--campaign-calendar-event-shine: rgba(255,255,255,0.16);--campaign-calendar-event-shadow: 0 14px 26px rgba(71,88,109,0.24),0 3px 8px rgba(15,23,42,0.13),inset 0 1px 0 rgba(255,255,255,0.18);--campaign-calendar-event-shadow-hover: 0 18px 32px rgba(71,88,109,0.28),0 5px 12px rgba(15,23,42,0.16),inset 0 1px 0 rgba(255,255,255,0.2);--campaign-calendar-event-text: #FFFFFF;--campaign-calendar-event-muted-text: rgba(255,255,255,0.78);--campaign-calendar-event-draft-bg: rgba(102,120,143,0.16);--campaign-calendar-event-draft-text: var(--app-accent-300);padding-right: 0;padding-left: 0}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-editor-layout{display: flex;flex-direction: column;gap: 1.35rem;padding: 0;overflow: visible}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-editor-sidebar{padding: 0 1.15rem 0 0}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-editor-intro{max-width: 54rem;padding-bottom: 0}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-control-strip{display: flex;flex-direction: column;gap: 1rem;width: 100%;min-width: 0;overflow: visible}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-entry-card{min-width: 0}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-quick-group{display: flex;flex-direction: column;gap: 0.42rem;min-width: 0}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-quick-group-label{color: #7A8797;font-size: 0.68rem;font-weight: 800;line-height: 1;letter-spacing: 0.04em;text-transform: uppercase}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-quick-button-row{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.46rem;min-width: 0}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-day-button-row{grid-template-columns: repeat(3,minmax(0,1fr))}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-time-button-row{grid-template-columns: repeat(4,minmax(0,1fr))}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-quick-button{display: inline-flex;align-items: center;justify-content: center;width: 100%;min-height: 2.35rem;padding: 0.48rem 0.66rem;border: 0;border-radius: 8px;background: rgba(255,255,255,0.96);box-shadow: 0 8px 18px rgba(15,23,42,0.08),0 1px 4px rgba(15,23,42,0.05);color: var(--app-accent-300);cursor: pointer;font: inherit;font-size: 0.76rem;font-weight: 800;line-height: 1.1;letter-spacing: 0;transition: background 160ms ease,box-shadow 160ms ease,transform 160ms ease}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-quick-button:hover{background: #FFFFFF;box-shadow: 0 12px 24px rgba(15,23,42,0.12),0 3px 8px rgba(15,23,42,0.07);transform: translateY(-1px)}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-full-coverage-button{background: linear-gradient(135deg,var(--app-accent-200) 0%,var(--app-accent-300) 100%);box-shadow: 0 12px 24px rgba(71,88,109,0.22),0 2px 8px rgba(15,23,42,0.12);color: #FFFFFF}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-full-coverage-button:hover{background: linear-gradient(135deg,#70849C 0%,var(--app-accent-300) 100%);box-shadow: 0 16px 30px rgba(71,88,109,0.26),0 4px 12px rgba(15,23,42,0.14)}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-quick-button:focus-visible{outline: 3px solid rgba(102,120,143,0.22);outline-offset: 2px}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-quick-toggle-button.is-active{background: linear-gradient(135deg,var(--app-accent-200) 0%,var(--app-accent-300) 100%);box-shadow: inset 0 2px 5px rgba(15,23,42,0.18),0 1px 3px rgba(15,23,42,0.08);color: #FFFFFF;transform: translateY(1px)}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-quick-toggle-button.is-active:hover{background: linear-gradient(135deg,#70849C 0%,var(--app-accent-300) 100%);box-shadow: inset 0 2px 5px rgba(15,23,42,0.22),0 1px 3px rgba(15,23,42,0.08);transform: translateY(1px)}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-builder{grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto;align-items: end}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-add{grid-column: auto;width: auto;min-width: 8.75rem;min-height: 2.75rem}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-workspace{display: flex;flex-direction: column;gap: 1.65rem;align-items: start;width: 100%;min-width: 0;overflow: visible}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-list-card{padding-right: 0.22rem;overflow: visible}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-panel{gap: 0.7rem;padding: 0.72rem 0 0}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar{gap: 0.58rem}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-meta{gap: 0.38rem}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-meta-chip{min-height: 1.55rem;padding: 0.2rem 0.48rem;color: var(--campaign-calendar-grid-label);font-size: 0.7rem}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-board{--campaign-delivery-hour-height: 2.16rem;grid-template-columns: minmax(3.85rem,4.2rem) repeat(7,minmax(4.8rem,1fr));min-width: 37.5rem}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-corner,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-header-cell{min-height: 2.45rem;border-bottom-color: var(--campaign-calendar-grid-line)}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-header-cell{gap: 0.1rem;padding: 0.28rem 0.2rem 0.42rem;border-left-color: var(--campaign-calendar-grid-line-soft)}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-day-label{color: var(--campaign-calendar-grid-strong);font-size: 0.72rem}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-date-label{color: var(--campaign-calendar-grid-label);font-size: 0.64rem}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-time-rail::after,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-time-marker::after,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-row-label::after{left: 2.75rem;border-top-color: var(--campaign-calendar-grid-line)}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-time-marker::after,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-row-label::after{border-top-color: var(--campaign-calendar-grid-line-soft)}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-band-label{top: -0.38rem;padding-right: 0.35rem;color: var(--campaign-calendar-grid-label);font-size: 0.62rem;font-weight: 700;letter-spacing: 0}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-day-column{border-left-color: var(--campaign-calendar-grid-line-soft);border-bottom-color: var(--campaign-calendar-grid-line);background-image: repeating-linear-gradient( to bottom,transparent 0,transparent calc(var(--campaign-delivery-hour-height) - 1px),var(--campaign-calendar-grid-line-soft) calc(var(--campaign-delivery-hour-height) - 1px),var(--campaign-calendar-grid-line-soft) var(--campaign-delivery-hour-height) )}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-day-column.is-inactive-day{opacity: 0.42}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-cell{box-shadow: none}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event{display: flex;flex-direction: column;justify-content: flex-start;gap: 0.24rem;right: 0.32rem;left: 0.32rem;min-height: 1.05rem;padding: 0.54rem 0.62rem 0.5rem 0.78rem;border-radius: 7px;background: var(--campaign-calendar-event-bg);box-shadow: var(--campaign-calendar-event-shadow);color: var(--campaign-calendar-event-text);filter: none;isolation: isolate}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event::before,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event::after{content: "";position: absolute;pointer-events: none}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event::before{inset: 0 auto 0 0;width: 5px;background: var(--campaign-calendar-event-rail)}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event::after{inset: 0;background: linear-gradient(180deg,var(--campaign-calendar-event-shine) 0%,rgba(255,255,255,0) 48%)}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event.is-draft{background: var(--campaign-calendar-event-draft-bg);box-shadow: none;color: var(--campaign-calendar-event-draft-text)}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event.is-draggable:hover{background: var(--campaign-calendar-event-bg-hover);box-shadow: var(--campaign-calendar-event-shadow-hover);filter: none;transform: translateY(-1px)}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event.is-resize-start-hover,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event.is-resize-end-hover,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event.is-resizing-start,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event.is-resizing-end{cursor: ns-resize}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event.is-resizing{box-shadow: var(--campaign-calendar-event-shadow-hover);transform: none}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event.is-dragging{box-shadow: var(--campaign-calendar-event-shadow-hover)}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event-time,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event-duration{position: relative;z-index: 1;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event-time{font-size: 0.66rem;font-weight: 800;line-height: 1.15;letter-spacing: 0}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event-duration{color: var(--campaign-calendar-event-muted-text);font-size: 0.58rem;font-weight: 700;line-height: 1;letter-spacing: 0}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event.is-compact{justify-content: center;gap: 0;padding: 0.25rem 0.48rem 0.27rem 0.68rem;border-radius: 6px}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event.is-compact .campaign-delivery-calendar-event-duration,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event.is-tiny .campaign-delivery-calendar-event-duration{display: none}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event.is-tiny{justify-content: center;padding: 0.14rem 0.38rem 0.15rem 0.55rem;border-radius: 5px}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card{--campaign-calendar-grid-line: rgba(178,190,207,0.24);--campaign-calendar-grid-line-soft: rgba(178,190,207,0.13);--campaign-calendar-grid-label: #AAB7CC;--campaign-calendar-grid-strong: #E6EEF8;--campaign-calendar-event-bg: linear-gradient(135deg,var(--app-accent-100) 0%,#C4CDD9 54%,var(--app-accent-050) 100%);--campaign-calendar-event-bg-hover: linear-gradient(135deg,#D5DCE6 0%,var(--app-accent-100) 52%,var(--app-accent-050) 100%);--campaign-calendar-event-rail: rgba(34,49,66,0.72);--campaign-calendar-event-shine: rgba(255,255,255,0.24);--campaign-calendar-event-shadow: 0 16px 30px rgba(4,8,14,0.34),0 3px 10px rgba(4,8,14,0.22),inset 0 1px 0 rgba(255,255,255,0.26);--campaign-calendar-event-shadow-hover: 0 20px 36px rgba(4,8,14,0.42),0 5px 14px rgba(4,8,14,0.26),inset 0 1px 0 rgba(255,255,255,0.3);--campaign-calendar-event-text: var(--app-accent-ink);--campaign-calendar-event-muted-text: rgba(34,49,66,0.72);--campaign-calendar-event-draft-bg: rgba(178,190,207,0.20);--campaign-calendar-event-draft-text: #E8EDF3}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-corner,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-header-cell{border-bottom-color: var(--campaign-calendar-grid-line);background: transparent}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-header-cell{border-left-color: var(--campaign-calendar-grid-line-soft)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-header-cell.is-selected-day,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-cell.is-selected-day,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-cell.is-active{background: transparent}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-time-rail::after,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-time-marker::after,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-row-label::after{border-top-color: var(--campaign-calendar-grid-line-soft)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-day-column,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-day-column.is-selected-day,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-day-column.is-inactive-day{border-left-color: var(--campaign-calendar-grid-line-soft);border-bottom-color: var(--campaign-calendar-grid-line);background-color: transparent;background-image: repeating-linear-gradient( to bottom,transparent 0,transparent calc(var(--campaign-delivery-hour-height) - 1px),var(--campaign-calendar-grid-line-soft) calc(var(--campaign-delivery-hour-height) - 1px),var(--campaign-calendar-grid-line-soft) var(--campaign-delivery-hour-height) )}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-cell,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-cell.is-active{box-shadow: none}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event{background: var(--campaign-calendar-event-bg);color: var(--campaign-calendar-event-text)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event.is-draft{background: var(--campaign-calendar-event-draft-bg);color: var(--campaign-calendar-event-draft-text)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event.is-draggable:hover{background: var(--campaign-calendar-event-bg-hover)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-quick-group-label{color: #AAB7CC}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-quick-button{background: rgba(27,38,54,0.96);box-shadow: 0 10px 22px rgba(4,8,14,0.28),0 2px 8px rgba(4,8,14,0.18);color: #E8EDF3}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-quick-button:hover{background: rgba(32,44,62,0.98);box-shadow: 0 14px 28px rgba(4,8,14,0.36),0 4px 12px rgba(4,8,14,0.22)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-full-coverage-button{background: linear-gradient(135deg,var(--app-accent-100) 0%,var(--app-accent-050) 100%);box-shadow: 0 14px 28px rgba(4,8,14,0.34),0 2px 8px rgba(4,8,14,0.22);color: var(--app-accent-ink)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-full-coverage-button:hover{background: linear-gradient(135deg,#D5DCE6 0%,var(--app-accent-050) 100%);box-shadow: 0 18px 34px rgba(4,8,14,0.42),0 4px 12px rgba(4,8,14,0.24)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-quick-toggle-button.is-active{background: linear-gradient(135deg,var(--app-accent-100) 0%,var(--app-accent-050) 100%);box-shadow: inset 0 2px 5px rgba(4,8,14,0.32),0 1px 3px rgba(4,8,14,0.18);color: var(--app-accent-ink);transform: translateY(1px)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-quick-toggle-button.is-active:hover{background: linear-gradient(135deg,#D5DCE6 0%,var(--app-accent-050) 100%);box-shadow: inset 0 2px 5px rgba(4,8,14,0.38),0 1px 3px rgba(4,8,14,0.18);transform: translateY(1px)}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-list{flex-direction: column;flex-wrap: nowrap;gap: 0.58rem;max-height: none;overflow: visible;padding: 0.18rem 0.26rem 0.3rem 0.04rem;align-content: stretch}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-card,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-card .campaign-delivery-window-list,.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-editor-sidebar{overflow: visible}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-chip{display: grid;grid-template-columns: 3rem minmax(0,1fr) 2.05rem;align-items: center;gap: 0.72rem;width: 100%;min-height: 3.45rem;padding: 0.5rem 0.54rem 0.5rem 0.5rem;border-radius: 8px;background: rgba(255,255,255,0.96);box-shadow: 0 12px 28px rgba(15,23,42,0.11),0 2px 8px rgba(15,23,42,0.06);box-sizing: border-box;transition: box-shadow 160ms ease,transform 160ms ease,background-color 160ms ease}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-chip:hover{background: #FFFFFF;box-shadow: 0 16px 34px rgba(15,23,42,0.14),0 4px 12px rgba(15,23,42,0.08);transform: translateY(-1px)}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-chip-day{display: inline-flex;align-items: center;justify-content: center;width: 3rem;height: 2.42rem;border-radius: 6px;background: var(--app-accent-200);color: #FFFFFF;box-shadow: 0 8px 16px rgba(71,88,109,0.22);font-size: 0.7rem;font-weight: 800;line-height: 1;letter-spacing: 0}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-chip-copy{display: flex;flex-direction: column;gap: 0.25rem;min-width: 0}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-chip-range{color: #27384B;font-size: 0.9rem;font-weight: 800;line-height: 1;letter-spacing: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-chip-duration{color: #7A8797;font-size: 0.7rem;font-weight: 700;line-height: 1;letter-spacing: 0}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-chip-remove{width: 2.05rem;height: 2.05rem;border-radius: 6px;background: rgba(102,120,143,0.11);box-shadow: 0 6px 14px rgba(15,23,42,0.08);color: var(--app-accent-300)}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-chip-remove:hover{background: rgba(102,120,143,0.18);box-shadow: 0 8px 18px rgba(15,23,42,0.12);color: var(--app-accent-ink)}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-empty{padding: 0.55rem 0.2rem;color: #7A8797}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-empty-state{display: flex;flex-direction: column;gap: 0.72rem;width: 100%;padding: 0.22rem 0.08rem 0.34rem;border: 0;border-radius: 0;background: transparent;box-sizing: border-box}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-empty-title{color: #32465C;font-size: 0.8rem;font-weight: 800;line-height: 1.2;letter-spacing: 0.01em}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-empty-hint{color: #7A8797;font-size: 0.76rem;line-height: 1.45;max-width: 19rem}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-empty-slots{display: flex;flex-direction: column;gap: 0.58rem;width: 100%}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-chip-placeholder{pointer-events: none;border: 1px dashed rgba(122,135,151,0.22);background: rgba(255,255,255,0.82);box-shadow: none}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-chip-placeholder:hover{background: rgba(255,255,255,0.82);box-shadow: none;transform: none}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-chip-day-placeholder{background: rgba(102,120,143,0.12);color: #7A8797;box-shadow: none}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-chip-copy-placeholder{justify-content: center}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-placeholder-bar{width: var(--campaign-delivery-placeholder-width,72%);height: 0.62rem;border-radius: 999px;background: linear-gradient(90deg,rgba(102,120,143,0.18) 0%,rgba(102,120,143,0.1) 100%)}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-placeholder-bar.is-duration{height: 0.46rem}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-chip-remove-placeholder{justify-self: end;width: 2.05rem;height: 2.05rem;border: 1px dashed rgba(122,135,151,0.24);border-radius: 6px;background: rgba(102,120,143,0.06);box-sizing: border-box}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-chip{background: rgba(27,38,54,0.96);box-shadow: 0 14px 30px rgba(4,8,14,0.34),0 2px 8px rgba(4,8,14,0.22)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-chip:hover{background: rgba(32,44,62,0.98);box-shadow: 0 18px 38px rgba(4,8,14,0.42),0 4px 12px rgba(4,8,14,0.24)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-chip-day{background: var(--app-accent-100);color: var(--app-accent-ink);box-shadow: 0 10px 20px rgba(4,8,14,0.22)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-chip-range{color: #E8EDF3}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-chip-duration,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-empty{color: #AAB7CC}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-empty-state{background: transparent}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-empty-title{color: #E6EEF8}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-empty-hint{color: #AAB7CC}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-chip-placeholder,html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-chip-placeholder:hover{border-color: rgba(178,190,207,0.18);background: rgba(24,34,48,0.72);box-shadow: none}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-chip-day-placeholder{background: rgba(178,190,207,0.14);color: #C6D2E2;box-shadow: none}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-placeholder-bar{background: linear-gradient(90deg,rgba(178,190,207,0.24) 0%,rgba(178,190,207,0.12) 100%)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-chip-remove-placeholder{border-color: rgba(178,190,207,0.22);background: rgba(178,190,207,0.08)}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-chip-remove{background: rgba(178,190,207,0.14);box-shadow: 0 8px 16px rgba(4,8,14,0.24);color: #E8EDF3}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-chip-remove:hover{background: rgba(178,190,207,0.22);box-shadow: 0 10px 20px rgba(4,8,14,0.3);color: #FFFFFF}@media (max-width: 1180px){.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-control-strip{grid-template-columns: repeat(2,minmax(0,1fr))}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-entry-card{grid-column: 1 / -1}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-calendar-workspace{gap: 1.2rem}}@media (max-width: 900px){.customer-campaign-edit-view .campaign-delivery-schedule-card-header{grid-template-columns: 1fr}.customer-campaign-edit-view .campaign-delivery-header-start-card{justify-self: stretch;max-width: none}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-control-strip{grid-template-columns: 1fr}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-builder{grid-template-columns: repeat(2,minmax(0,1fr))}.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-add{grid-column: 1 / -1;width: 100%}}@media (max-width: 640px){.customer-campaign-edit-view .campaign-delivery-schedule-card .campaign-delivery-window-builder{grid-template-columns: 1fr}}@media (max-width: 960px){.customer-campaign-edit-view .campaign-builder-hero{grid-template-columns: 1fr}.customer-campaign-edit-view .campaign-builder-workspace{grid-template-columns: 1fr}.customer-campaign-edit-view .campaign-builder-drawer{position: static}.customer-campaign-edit-view .campaign-builder-step-nav{display: grid;grid-template-columns: repeat(2,minmax(0,1fr))}.customer-campaign-edit-view .landingpage-content-grid{gap: 0.75rem}}@media (max-width: 640px){.customer-campaign-edit-view .campaign-builder-shell{min-height: 100dvh}.customer-budget-view{padding: var(--vaadin-padding-s)}.customer-campaign-edit-view{padding: var(--vaadin-padding-s)}.customer-campaign-edit-view.customer-landingpage-edit-view{padding: var(--vaadin-padding-s)}.customer-campaign-edit-view .campaign-builder-progress-card,.customer-campaign-edit-view .campaign-builder-bottom-actions{padding: 0.9rem 1rem 1rem;border-radius: 20px}.customer-campaign-edit-view .campaign-builder-hero{padding: 0 0 1rem;border-radius: 0}.customer-campaign-edit-view .campaign-builder-drawer,.customer-campaign-edit-view .campaign-builder-step-panel{padding: 0.82rem 1rem 1rem;border-radius: 20px}.customer-campaign-assistant-view{padding: var(--vaadin-padding-s)}.customer-campaign-assistant-view .assistant-chat-card{height: calc(100dvh - 128px);min-height: 460px;max-height: calc(100dvh - 96px)}.customer-campaign-assistant-view .assistant-chat-header{align-items: flex-start;flex-direction: column}.customer-campaign-assistant-view .assistant-top-actions>*{flex: 1 1 100%}.customer-campaign-assistant-view .assistant-finalizing-card{width: 100%;border-radius: 14px}.customer-campaign-edit-view .campaign-builder-step-nav{grid-template-columns: repeat(auto-fill,minmax(8rem,1fr));gap: 0.45rem}.customer-campaign-edit-view .campaign-builder-bottom-actions{position: static;flex-wrap: wrap;justify-content: flex-end;align-items: center;margin-top: auto}.customer-campaign-edit-view .campaign-builder-title,.customer-campaign-edit-view .campaign-builder-lead,.customer-campaign-edit-view .campaign-builder-drawer-label,.customer-campaign-edit-view .campaign-builder-drawer-hint,.customer-campaign-edit-view .campaign-builder-step-link-number,.customer-campaign-edit-view .campaign-builder-step-link-hint,.customer-campaign-edit-view .campaign-builder-step-link-title{display: none}.customer-campaign-edit-view .campaign-builder-step-hint-step-4,.customer-campaign-edit-view .campaign-builder-step-link-hint-step-4{display: none}.customer-campaign-edit-view .campaign-builder-step-link-title-mobile{display: block}.customer-campaign-edit-view .campaign-builder-step-link{grid-template-columns: minmax(0,1fr);gap: 0.32rem;padding: 0.72rem 0.82rem}.customer-campaign-edit-view .campaign-builder-step-link-copy{gap: 0}.customer-campaign-edit-view .campaign-builder-bottom-actions>*{flex: 0 1 auto;white-space: nowrap}.customer-campaign-edit-view .campaign-subdomain-row{align-items: stretch}.customer-campaign-edit-view .campaign-slot-grid{grid-template-columns: 1fr}}@media (max-width: 980px){.customer-campaign-assistant-view .assistant-shell{grid-template-columns: 1fr}}@media (min-width: 641px) and (max-width: 980px){.customer-campaign-edit-view .campaign-slot-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (min-width: 981px){.customer-campaign-edit-view .campaign-slot-grid{grid-template-columns: repeat(3,minmax(0,1fr))}}.city-matrix-view{box-sizing: border-box;padding: var(--vaadin-padding-m)}.city-matrix-view .city-matrix-shell{max-width: 1220px;margin: 0 auto;display: flex;flex-direction: column;gap: var(--vaadin-gap-m)}.city-matrix-view .city-matrix-title{margin: 0}.city-matrix-view .city-matrix-toolbar,.city-matrix-view .city-matrix-settings-card,.city-matrix-view .city-matrix-entries-card{border-radius: 22px;border: 1px solid rgba(255,255,255,0.62);background: rgba(255,255,255,0.56);backdrop-filter: blur(12px) saturate(125%);-webkit-backdrop-filter: blur(12px) saturate(125%);box-shadow: 0 12px 26px rgba(24,36,56,0.08)}.city-matrix-view .city-matrix-toolbar{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-m)}.city-matrix-view .city-matrix-toolbar-left{display: flex;flex-direction: column;gap: var(--vaadin-gap-xs)}.city-matrix-view .city-matrix-selected-city{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-xs)}.city-matrix-view .city-matrix-toolbar-actions{align-items: center;flex-wrap: wrap}.city-matrix-view .city-matrix-settings-card,.city-matrix-view .city-matrix-entries-card{padding: var(--vaadin-padding-m);display: flex;flex-direction: column;gap: var(--vaadin-gap-m)}.city-matrix-view .city-matrix-card-title{margin: 0;font-size: var(--aura-font-size-l)}.city-matrix-view .city-matrix-card-subtitle{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-xs)}.city-matrix-view .city-matrix-entries-card vaadin-crud{min-height: 800px}html[data-theme-mode="dark"] .city-matrix-view .city-matrix-toolbar,html[data-theme-mode="dark"] .city-matrix-view .city-matrix-settings-card,html[data-theme-mode="dark"] .city-matrix-view .city-matrix-entries-card{border-color: rgba(173,195,230,0.26);background: rgba(22,30,45,0.58);box-shadow: 0 16px 32px rgba(6,8,16,0.35)}@media (max-width: 800px){.city-matrix-view .city-matrix-toolbar{flex-direction: column;align-items: stretch}.city-matrix-view .city-matrix-toolbar-actions{justify-content: flex-start}.city-matrix-view .city-matrix-toolbar-left vaadin-combo-box{width: 100% !important}}@media (max-width: 640px){.city-matrix-view{padding: var(--vaadin-padding-s)}}.geo-zone-rules-view{box-sizing: border-box;padding: var(--vaadin-padding-m)}.geo-zone-rules-view vaadin-crud{border-radius: 22px;border: 1px solid rgba(255,255,255,0.62);background: rgba(255,255,255,0.56);backdrop-filter: blur(12px) saturate(125%);-webkit-backdrop-filter: blur(12px) saturate(125%);box-shadow: 0 12px 26px rgba(24,36,56,0.08)}.geo-zone-rules-view .geo-zone-rules-toolbar{align-items: end;gap: var(--vaadin-gap-s)}.geo-zone-rules-view .geo-zone-rules-toolbar vaadin-combo-box{max-width: 22rem}.geo-zone-rules-view .geo-zone-rules-map-card{display: flex;flex-direction: column;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-m);border-radius: 22px;border: 1px solid rgba(255,255,255,0.62);background: rgba(255,255,255,0.56);backdrop-filter: blur(12px) saturate(125%);-webkit-backdrop-filter: blur(12px) saturate(125%);box-shadow: 0 12px 26px rgba(24,36,56,0.08)}.geo-zone-rules-view .geo-zone-rules-map-title{margin: 0}.geo-zone-rules-view .geo-zone-rules-map{border-radius: 16px;overflow: hidden;border: 1px solid rgba(255,255,255,0.62);box-shadow: 0 8px 20px rgba(24,36,56,0.12)}html[data-theme-mode="dark"] .geo-zone-rules-view vaadin-crud{border-color: rgba(173,195,230,0.26);background: rgba(22,30,45,0.58);box-shadow: 0 16px 32px rgba(6,8,16,0.35)}html[data-theme-mode="dark"] .geo-zone-rules-view .geo-zone-rules-map-card{border-color: rgba(173,195,230,0.26);background: rgba(22,30,45,0.58);box-shadow: 0 16px 32px rgba(6,8,16,0.35)}html[data-theme-mode="dark"] .geo-zone-rules-view .geo-zone-rules-map{border-color: rgba(173,195,230,0.26);box-shadow: 0 12px 24px rgba(6,8,16,0.30)}@media (max-width: 640px){.geo-zone-rules-view{padding: var(--vaadin-padding-s)}.geo-zone-rules-view .geo-zone-rules-toolbar{align-items: stretch}.geo-zone-rules-view .geo-zone-rules-toolbar vaadin-combo-box{max-width: 100%;width: 100%}}.panel-billing-admin-view{box-sizing: border-box;padding: var(--vaadin-padding-m)}.panel-billing-admin-view .panel-billing-admin-shell{max-width: 1420px;margin: 0 auto;display: flex;flex-direction: column;gap: var(--vaadin-gap-m)}.panel-billing-admin-view .panel-billing-admin-title{margin: 0}.panel-billing-admin-view .panel-billing-admin-card{display: flex;flex-direction: column;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-m);border-radius: 24px;border: 1px solid rgba(255,255,255,0.62);background: rgba(255,255,255,0.52);backdrop-filter: blur(12px) saturate(125%);-webkit-backdrop-filter: blur(12px) saturate(125%);box-shadow: 0 12px 26px rgba(24,36,56,0.08)}.panel-billing-admin-view .panel-billing-admin-filter-row{flex-wrap: wrap;align-items: end;gap: var(--vaadin-gap-s)}.panel-billing-admin-view .panel-billing-admin-apply{margin-top: auto}.panel-billing-admin-view .panel-billing-admin-summary-card{display: grid;grid-template-columns: repeat(auto-fit,minmax(160px,1fr));gap: var(--vaadin-gap-s)}.panel-billing-admin-view .panel-billing-admin-metric{display: flex;flex-direction: column;gap: 2px;border-radius: 14px;padding: 10px 12px;background: rgba(255,255,255,0.44);border: 1px solid rgba(255,255,255,0.48)}.panel-billing-admin-view .panel-billing-admin-metric-label{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.panel-billing-admin-view .panel-billing-admin-metric-value{font-size: var(--aura-font-size-l);font-weight: 600}.panel-billing-admin-view .panel-billing-admin-grid-card vaadin-grid{min-height: 520px}html[data-theme-mode="dark"] .panel-billing-admin-view .panel-billing-admin-card{border-color: rgba(173,195,230,0.26);background: rgba(22,30,45,0.58);box-shadow: 0 16px 32px rgba(6,8,16,0.35)}html[data-theme-mode="dark"] .panel-billing-admin-view .panel-billing-admin-metric{background: rgba(26,37,57,0.52);border-color: rgba(145,173,220,0.22)}.admin-panel-playback-view{box-sizing: border-box;padding: var(--vaadin-padding-m)}.admin-panel-playback-view .admin-panel-playback-shell{max-width: 1460px;margin: 0 auto;display: flex;flex-direction: column;gap: var(--vaadin-gap-m)}.admin-panel-playback-view .admin-panel-playback-title{margin: 0}.admin-panel-playback-view .admin-panel-playback-card{display: flex;flex-direction: column;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-m);border-radius: 24px;border: 1px solid rgba(255,255,255,0.62);background: rgba(255,255,255,0.52);backdrop-filter: blur(12px) saturate(125%);-webkit-backdrop-filter: blur(12px) saturate(125%);box-shadow: 0 12px 26px rgba(24,36,56,0.08)}.admin-panel-playback-view .admin-panel-playback-filter-row{flex-wrap: wrap;align-items: end;gap: var(--vaadin-gap-s)}.admin-panel-playback-view .admin-panel-playback-refresh{margin-top: auto}.admin-panel-playback-view .admin-panel-playback-summary-card{display: grid;grid-template-columns: repeat(auto-fit,minmax(160px,1fr));gap: var(--vaadin-gap-s)}.admin-panel-playback-view .admin-panel-playback-metric{display: flex;flex-direction: column;gap: 2px;border-radius: 14px;padding: 10px 12px;background: rgba(255,255,255,0.44);border: 1px solid rgba(255,255,255,0.48)}.admin-panel-playback-view .admin-panel-playback-metric-label{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.admin-panel-playback-view .admin-panel-playback-metric-value{font-size: var(--aura-font-size-l);font-weight: 600;overflow-wrap: anywhere}.admin-panel-playback-view .admin-panel-playback-slots{display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));gap: var(--vaadin-gap-s)}.admin-panel-playback-view .admin-panel-playback-slot-card{display: flex;flex-direction: column;gap: 0.85rem;min-height: 100%;padding: 1rem;border-radius: 18px;background: rgba(255,255,255,0.46);border: 1px solid rgba(255,255,255,0.52)}.admin-panel-playback-view .admin-panel-playback-slot-header{display: flex;flex-direction: column;gap: 0.2rem}.admin-panel-playback-view .admin-panel-playback-slot-title{font-size: 1rem;font-weight: 700}.admin-panel-playback-view .admin-panel-playback-slot-meta{font-size: 0.84rem;color: #708093}.admin-panel-playback-view .admin-panel-playback-frames{display: flex;flex-direction: column;gap: 0.75rem}.admin-panel-playback-view .admin-panel-playback-frame-card{display: grid;grid-template-columns: 128px minmax(0,1fr);gap: 0.75rem;align-items: center}.admin-panel-playback-view .admin-panel-playback-frame-preview{width: 128px;height: 72px;border-radius: 14px;background: rgba(210,219,229,0.44);border: 1px solid rgba(127,145,168,0.18);overflow: hidden;display: flex;align-items: center;justify-content: center}.admin-panel-playback-view .admin-panel-playback-frame-image{width: 128px;height: 72px;object-fit: cover;border-radius: 14px}.admin-panel-playback-view .admin-panel-playback-frame-info{display: flex;flex-direction: column;gap: 0.18rem;min-width: 0}.admin-panel-playback-view .admin-panel-playback-frame-title{font-size: 0.94rem;font-weight: 700}.admin-panel-playback-view .admin-panel-playback-frame-meta{font-size: 0.82rem;color: #708093}.admin-panel-playback-view .admin-panel-playback-frame-placeholder{font-size: 0.82rem;color: #708093}.admin-panel-playback-view .admin-panel-playback-empty,.admin-panel-playback-view .admin-panel-playback-empty-state{color: #708093;font-size: 0.92rem}.admin-panel-playback-view .admin-panel-playback-empty-state{padding: 1rem;border-radius: 18px;background: rgba(246,249,252,0.72);border: 1px dashed rgba(96,116,139,0.24)}html[data-theme-mode="dark"] .admin-panel-playback-view .admin-panel-playback-card{border-color: rgba(173,195,230,0.26);background: rgba(22,30,45,0.58);box-shadow: 0 16px 32px rgba(6,8,16,0.35)}html[data-theme-mode="dark"] .admin-panel-playback-view .admin-panel-playback-metric,html[data-theme-mode="dark"] .admin-panel-playback-view .admin-panel-playback-slot-card{background: rgba(26,37,57,0.52);border-color: rgba(145,173,220,0.22)}html[data-theme-mode="dark"] .admin-panel-playback-view .admin-panel-playback-frame-preview{background: rgba(38,53,78,0.54);border-color: rgba(145,173,220,0.22)}html[data-theme-mode="dark"] .admin-panel-playback-view .admin-panel-playback-slot-meta,html[data-theme-mode="dark"] .admin-panel-playback-view .admin-panel-playback-frame-meta,html[data-theme-mode="dark"] .admin-panel-playback-view .admin-panel-playback-frame-placeholder,html[data-theme-mode="dark"] .admin-panel-playback-view .admin-panel-playback-empty,html[data-theme-mode="dark"] .admin-panel-playback-view .admin-panel-playback-empty-state{color: #9EADBE}html[data-theme-mode="dark"] .admin-panel-playback-view .admin-panel-playback-empty-state{background: rgba(24,31,42,0.72);border-color: rgba(120,146,176,0.24)}@media (max-width: 640px){.panel-billing-admin-view{padding: var(--vaadin-padding-s)}.panel-billing-admin-view .panel-billing-admin-card{border-radius: 18px}.panel-billing-admin-view .panel-billing-admin-grid-card vaadin-grid{min-height: 420px}.admin-panel-playback-view{padding: var(--vaadin-padding-s)}.admin-panel-playback-view .admin-panel-playback-card{border-radius: 18px}.admin-panel-playback-view .admin-panel-playback-frame-card{grid-template-columns: 1fr}.admin-panel-playback-view .admin-panel-playback-frame-preview,.admin-panel-playback-view .admin-panel-playback-frame-image{width: 100%;height: auto;aspect-ratio: 16 / 9}}:where(.driver-view,.panel-status-view,.documents-admin-view,.driver-documents-view,.earnings-details-view,.customer-dashboard-view,.customer-budget-view,.customer-campaigns-view,.customer-campaign-edit-view,.customer-landingpages-view,.customer-campaign-assistant-view,.city-matrix-view,.geo-zone-rules-view,.panel-billing-admin-view,.shop-dashboard-view,.shop-panels-view,.shop-jobs-view,.shop-calendar-view,.panels-view,.admin-campaigns-view,.support-view,.payouts-view){box-sizing: border-box;width: 100%;padding: var(--app-page-padding-block) var(--app-page-padding-inline)}:where(.driver-view,.panel-status-view,.shop-dashboard-view,.shop-panels-view,.shop-jobs-view,.shop-calendar-view,.customer-campaigns-view,.customer-landingpages-view,.geo-zone-rules-view,.panels-view,.admin-campaigns-view,.support-view,.payouts-view){width: 100%;max-width: 100%;margin-inline: 0}:where(.documents-admin-view .onboarding-shell,.driver-documents-view .driver-documents-shell,.customer-dashboard-view .customer-dashboard-shell,.customer-budget-view .customer-budget-shell,.customer-campaign-edit-view .campaign-builder-shell,.customer-campaigns-view .customer-campaigns-shell,.customer-landingpages-view .customer-landingpages-shell){width: 100%;max-width: 100%;gap: var(--app-section-gap)}:where(.earnings-details-view .earnings-shell,.city-matrix-view .city-matrix-shell,.customer-campaign-assistant-view .assistant-shell){width: 100%;max-width: 100%;gap: var(--app-section-gap)}:where(.panel-billing-admin-view .panel-billing-admin-shell){width: 100%;max-width: 100%;gap: var(--app-section-gap)}:is(.app-view-title,.app-page-title,.panel-status-title,.driver-dashboard-title,.shop-dashboard-title,.shop-calendar-title,.shop-jobs-title,.shop-panels-title,.earnings-title,.customer-dashboard-title,.customer-budget-title,.customer-campaigns-title,.customer-campaign-impressions-title,.customer-landingpages-title,.campaign-builder-title,.city-matrix-title,.panel-billing-admin-title){margin: 0;font-family: var(--aura-font-family);font-size: var(--app-page-title-size);line-height: var(--app-page-title-line-height);letter-spacing: var(--app-page-title-letter-spacing);font-weight: var(--app-page-title-weight);color: var(--app-page-title-color)}.app-view-title,.app-page-title,.app-view-padding .app-view-title,.app-view-padding .app-page-title{margin-top: var(--app-view-title-margin-top)}.app-view-header{display: flex;flex-direction: column;gap: 0;width: 100%;max-width: none}.admin-view-shell{box-sizing: border-box;width: 100%;max-width: none;min-height: 100%;display: flex;flex-direction: column;gap: var(--app-section-gap)}.admin-view-shell>:is(vaadin-crud,vaadin-grid,vaadin-dashboard){flex: 1 1 auto;min-height: 0}.app-view-subtitle,.app-page-subtitle,.app-view-padding .app-view-subtitle,.app-view-padding .app-page-subtitle{margin: var(--app-page-subtitle-margin-top) 0 0;max-width: 720px;color: var(--app-page-subtitle-color);font-size: var(--app-page-subtitle-size);line-height: var(--app-page-subtitle-line-height)}:where(.secondary,.section-subtitle,.customer-dashboard-live-meta,.panel-status-key,.metric-label,.overview-label,.panel-billing-admin-metric-label,.customer-dashboard-budget-label,.customer-budget-total-label,.city-matrix-card-subtitle,.customer-campaign-assistant-view .assistant-conversation-id){line-height: 1.5}:where(.driver-view .widget-content,.shop-dashboard .widget-content,.customer-dashboard-view .customer-dashboard-card,.customer-budget-view .customer-budget-total-card,.panel-billing-admin-view .panel-billing-admin-card,.earnings-details-view .earnings-card,.driver-documents-view .driver-documents-card,.city-matrix-view .city-matrix-settings-card,.city-matrix-view .city-matrix-entries-card,.geo-zone-rules-view .geo-zone-rules-map-card,.customer-campaign-assistant-view .assistant-control-card,.customer-campaign-edit-view .campaign-review-summary,.customer-campaign-edit-view .campaign-ai-variant-wrapper){gap: var(--app-card-gap)}:where(.panel-status-view .panel-status-summary,.documents-admin-view .onboarding-accordion vaadin-accordion-panel,.driver-documents-view .driver-documents-card,.earnings-details-view .earnings-card,.customer-dashboard-view .customer-dashboard-card,.customer-budget-view .customer-budget-total-card,.customer-campaign-assistant-view .assistant-control-card,.customer-campaign-assistant-view .assistant-chat-card,.city-matrix-view .city-matrix-toolbar,.city-matrix-view .city-matrix-settings-card,.city-matrix-view .city-matrix-entries-card,.geo-zone-rules-view vaadin-crud,.geo-zone-rules-view .geo-zone-rules-map-card,.panel-billing-admin-view .panel-billing-admin-card,.customer-campaign-edit-view .campaign-slot-card,.customer-campaign-edit-view .campaign-review-summary,.customer-campaign-edit-view .campaign-ai-variant-wrapper){border-radius: var(--app-card-radius);border: 1px solid var(--app-surface-border-light);background: var(--app-surface-light);box-shadow: var(--app-surface-shadow-light);backdrop-filter: none;-webkit-backdrop-filter: none}:where(.panel-status-view .panel-status-summary,.driver-documents-view .driver-documents-card,.earnings-details-view .earnings-card,.customer-dashboard-view .customer-dashboard-card,.customer-budget-view .customer-budget-total-card,.customer-campaign-assistant-view .assistant-control-card,.city-matrix-view .city-matrix-toolbar,.city-matrix-view .city-matrix-settings-card,.city-matrix-view .city-matrix-entries-card,.geo-zone-rules-view .geo-zone-rules-map-card,.panel-billing-admin-view .panel-billing-admin-card,.customer-campaign-edit-view .campaign-slot-card,.customer-campaign-edit-view .campaign-review-summary,.customer-campaign-edit-view .campaign-ai-variant-wrapper){padding: var(--app-card-padding)}:where(.documents-admin-view .onboarding-accordion vaadin-accordion-panel,.driver-documents-view .onboarding-accordion vaadin-accordion-panel)::part(summary){padding: var(--app-card-padding)}:where(.documents-admin-view .onboarding-accordion vaadin-accordion-panel,.driver-documents-view .onboarding-accordion vaadin-accordion-panel)::part(content){padding: 0 var(--app-card-padding) var(--app-card-padding) var(--app-card-padding)}:where(.panel-status-view .panel-status-map,.geo-zone-rules-view .geo-zone-rules-map,.customer-campaign-edit-view .campaign-creative-preview-large,.customer-campaigns-view .campaign-creative-preview){border-radius: var(--app-card-radius-inner);border: 1px solid rgba(15,23,42,0.08)}:where(.driver-view .actions,.shop-dashboard .actions,.customer-dashboard-view .customer-dashboard-actions,.earnings-details-view .earnings-custom-range,.panel-billing-admin-view .panel-billing-admin-filter-row,.city-matrix-view .city-matrix-toolbar,.city-matrix-view .city-matrix-toolbar-actions,.geo-zone-rules-view .geo-zone-rules-toolbar,.customer-campaign-edit-view .campaign-builder-bottom-actions,.customer-campaign-assistant-view .assistant-top-actions){gap: var(--app-toolbar-gap);row-gap: var(--app-toolbar-gap)}:where(.earnings-details-view .earnings-custom-range,.panel-billing-admin-view .panel-billing-admin-filter-row,.geo-zone-rules-view .geo-zone-rules-toolbar) :is(vaadin-text-field,vaadin-number-field,vaadin-combo-box,vaadin-date-picker,vaadin-select){min-width: min(100%,13rem)}:where(.city-matrix-view .city-matrix-toolbar-left) :is(vaadin-combo-box,vaadin-select,vaadin-text-field){min-width: min(100%,16rem)}:where(.driver-view .metric,.earnings-details-view .overview-metric,.panel-billing-admin-view .panel-billing-admin-metric,.customer-dashboard-view .customer-dashboard-budget-summary,.customer-budget-view .customer-budget-total-info){gap: var(--app-metric-gap)}:where(.earnings-details-view .overview-metric,.panel-billing-admin-view .panel-billing-admin-metric){padding: 0.95rem 1rem;border-radius: var(--app-card-radius-inner);background: var(--app-surface-muted-light);border: 1px solid rgba(15,23,42,0.06)}:where(.customer-dashboard-view .customer-dashboard-live-row,.driver-view .list-row,.panel-status-view .panel-status-row){padding: 0.9rem 1rem;border-radius: var(--app-card-radius-inner);background: var(--app-surface-muted-light);border: 1px solid rgba(15,23,42,0.06)}.panel-status-view .panel-status-row{align-items: center}:where(.customer-dashboard-view .customer-dashboard-budget-value,.customer-budget-view .customer-budget-total-value){font-size: clamp(2rem,2.2vw + 0.9rem,3rem)}:where(.stat-value,.driver-view .metric-value,.earnings-details-view .overview-value,.panel-billing-admin-view .panel-billing-admin-metric-value,.customer-dashboard-view .customer-dashboard-budget-value,.customer-budget-view .customer-budget-total-value,.customer-budget-view .customer-budget-amount,.panel-status-view .panel-status-value){display: inline-block;line-height: 1.16;letter-spacing: -0.015em;padding-block: 0.08em;font-variant-numeric: tabular-nums lining-nums;font-feature-settings: "tnum" 1,"lnum" 1}:where(.driver-view .metric-value,.earnings-details-view .overview-value,.panel-billing-admin-view .panel-billing-admin-metric-value,.stat-value){font-size: clamp(1.35rem,1vw + 1rem,2rem)}:where(.customer-dashboard-view .customer-dashboard-budget-value,.customer-budget-view .customer-budget-total-value,.customer-budget-view .customer-budget-amount,.panel-status-view .panel-status-value){line-height: 1.2;letter-spacing: -0.01em;padding-block: 0.12em}:where(.driver-view .metric-label,.earnings-details-view .overview-label,.panel-billing-admin-view .panel-billing-admin-metric-label,.customer-dashboard-view .customer-dashboard-budget-label,.customer-budget-view .customer-budget-total-label){font-size: var(--app-kicker-size);letter-spacing: var(--app-kicker-tracking);text-transform: uppercase}:where(.customer-dashboard-view .customer-dashboard-live-list,.driver-view .list){gap: 0.8rem}.support-view .support-view-shell{display: flex;flex-direction: column;align-items: flex-start;gap: 1.35rem}.support-view .support-view-header{display: flex;flex-direction: column;gap: 0;max-width: 54rem}.support-view vaadin-button.support-view-action{width: auto;min-width: 12rem}:where(.driver-view,.panel-status-view,.documents-admin-view,.driver-documents-view,.earnings-details-view,.customer-dashboard-view,.customer-budget-view,.customer-campaigns-view,.customer-campaign-edit-view,.customer-campaign-assistant-view,.city-matrix-view,.geo-zone-rules-view,.panel-billing-admin-view,.shop-dashboard-view,.shop-panels-view,.shop-jobs-view,.shop-calendar-view,.panels-view,.admin-campaigns-view,.support-view,.payouts-view){background: transparent !important}.customer-campaign-edit-view .campaign-slot-grid{gap: var(--app-section-gap)}.customer-campaign-edit-view .campaign-slot-card{min-height: 100%;gap: 0.85rem}.customer-campaign-edit-view .campaign-slot-header{gap: 0.75rem}.customer-campaign-edit-view .campaign-ai-variant-tabs{margin-bottom: 0}.customer-campaign-edit-view .campaign-ai-variant-pages{overflow: visible}.customer-campaign-edit-view .campaign-creatives-content{width: 100%;max-width: 100%;min-width: 0;overflow-x: hidden}.customer-campaign-edit-view .campaign-creatives-note{margin: 0;color: #5D6D82;font-size: 0.86rem;line-height: 1.4}.customer-campaign-edit-view .campaign-creatives-content .campaign-slot-grid{grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.82rem;width: 100%;max-width: 100%;min-width: 0;box-sizing: border-box}.customer-campaign-edit-view .campaign-creatives-content .campaign-creative-slot-card{min-width: 0;min-height: 0;max-width: 100%;gap: 0.56rem;padding: 0.72rem;border: 0;border-radius: 8px;background: rgba(255,255,255,0.96);box-shadow: 0 10px 22px rgba(15,23,42,0.07),0 2px 8px rgba(15,23,42,0.04);box-sizing: border-box;overflow: hidden}.customer-campaign-edit-view .campaign-creatives-content .campaign-slot-header{min-width: 0;gap: 0.45rem}.customer-campaign-edit-view .campaign-creatives-content .campaign-slot-title{min-width: 0;font-size: 0.92rem;line-height: 1.1}.customer-campaign-edit-view .campaign-creatives-content .campaign-slot-actions{flex: 0 0 auto}.customer-campaign-edit-view .campaign-creatives-content .campaign-creative-slot-card.is-empty .campaign-creative-slot-preview{display: none}.customer-campaign-edit-view .campaign-creatives-content .campaign-creative-slot-preview{border: 0;border-radius: 8px;box-shadow: none}.customer-campaign-edit-view .campaign-creatives-content .campaign-creative-slot-upload{box-sizing: border-box;border-radius: 8px;--vaadin-upload-padding: 0.52rem;--vaadin-upload-border-width: 1px}.customer-campaign-edit-view .campaign-creatives-content .campaign-creative-slot-upload::part(primary-buttons){min-height: 5.6rem;justify-content: center}.customer-campaign-edit-view .campaign-creatives-content .campaign-creative-slot-upload::part(drop-label){justify-content: center}.customer-campaign-edit-view .campaign-creatives-content .campaign-creative-slot-upload-icon{width: 1.65rem;height: 1.65rem;padding: 0.46rem;border-radius: 8px}.customer-campaign-edit-view .campaign-creatives-content .campaign-creative-slot-upload-title{font-size: 0.86rem}.customer-campaign-edit-view .campaign-creatives-content .campaign-creative-slot-upload-support{font-size: 0.68rem}.customer-campaign-edit-view .campaign-creatives-content .campaign-creative-slot-footer{display: grid;grid-template-columns: minmax(0,1fr) auto;align-items: center;gap: 0.48rem;min-width: 0}.customer-campaign-edit-view .campaign-creatives-content .campaign-creative-name{font-size: 0.72rem}.customer-campaign-edit-view .campaign-creatives-content .campaign-creative-slot-selected::part(label){font-size: 0.72rem;white-space: nowrap}@media (max-width: 1180px){.customer-campaign-edit-view .campaign-creatives-content .campaign-slot-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.customer-campaign-edit-view .campaign-creatives-content .campaign-slot-grid{grid-template-columns: 1fr}}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-creatives-note{color: #AAB7CC}html[data-theme-mode="dark"] .customer-campaign-edit-view .campaign-creatives-content .campaign-creative-slot-card{background: rgba(27,38,54,0.92);box-shadow: 0 12px 24px rgba(4,8,14,0.28),0 2px 8px rgba(4,8,14,0.18)}.customer-campaign-assistant-view .assistant-shell{align-items: stretch;gap: calc(var(--app-section-gap) + 0.2rem)}.customer-campaign-assistant-view .assistant-chat-card{box-shadow: var(--app-surface-shadow-strong-light)}.customer-campaign-assistant-view .assistant-session-chooser,.customer-campaign-assistant-view .assistant-chat-header{padding: 1rem 1.1rem;background: #FBFCFD}:where(vaadin-grid,vaadin-grid-pro){--vaadin-grid-cell-padding: 0.35rem 1rem}:where(vaadin-grid,vaadin-grid-pro)::part(header-cell){padding-block: 0.5rem;padding-inline: 1rem;font-size: 0.78rem;letter-spacing: 0.03em;text-transform: uppercase}:where(vaadin-grid,vaadin-grid-pro)::part(body-cell){padding-block: 0.35rem;padding-inline: 1rem}@media (max-width: 640px){:where(vaadin-grid,vaadin-grid-pro){--vaadin-grid-cell-padding: 0.35rem 0.42rem}:where(vaadin-grid,vaadin-grid-pro)::part(header-cell),:where(vaadin-grid,vaadin-grid-pro)::part(body-cell){padding-inline: 0.45rem}}.customer-budget-view .customer-budget-grid::part(body-cell){border-bottom: 0;padding-block: 1rem;padding-inline: 1rem}.customer-budget-view .customer-budget-grid::part(odd-row),.customer-budget-view .customer-budget-grid::part(even-row){background: transparent}:where(.customer-campaigns-view .campaigns-grid,.customer-budget-view .customer-budget-grid,.panel-billing-admin-view .panel-billing-admin-grid-card vaadin-grid,.city-matrix-view .city-matrix-entries-card vaadin-crud){min-height: 560px}@media (max-width: 980px){:where(.driver-view,.panel-status-view,.documents-admin-view,.driver-documents-view,.earnings-details-view,.customer-dashboard-view,.customer-budget-view,.customer-campaigns-view,.customer-campaign-edit-view,.customer-landingpages-view,.customer-campaign-assistant-view,.city-matrix-view,.geo-zone-rules-view,.panel-billing-admin-view,.shop-dashboard-view,.shop-panels-view,.shop-jobs-view,.shop-calendar-view,.panels-view,.admin-campaigns-view,.support-view,.payouts-view){padding-inline: clamp(0.9rem,3vw,1.25rem)}}@media (max-width: 640px){:where(.panel-status-view .panel-status-summary,.driver-documents-view .driver-documents-card,.earnings-details-view .earnings-card,.customer-dashboard-view .customer-dashboard-card,.customer-budget-view .customer-budget-total-card,.customer-campaign-assistant-view .assistant-control-card,.city-matrix-view .city-matrix-toolbar,.city-matrix-view .city-matrix-settings-card,.city-matrix-view .city-matrix-entries-card,.geo-zone-rules-view .geo-zone-rules-map-card,.panel-billing-admin-view .panel-billing-admin-card,.customer-campaign-edit-view .campaign-slot-card,.customer-campaign-edit-view .campaign-review-summary,.customer-campaign-edit-view .campaign-ai-variant-wrapper){padding: 1rem;border-radius: 20px}:where(.customer-dashboard-view .customer-dashboard-live-row,.driver-view .list-row,.panel-status-view .panel-status-row,.earnings-details-view .overview-metric,.panel-billing-admin-view .panel-billing-admin-metric){padding: 0.8rem 0.9rem}:is(.app-view-title,.app-page-title,.panel-status-title,.driver-dashboard-title,.shop-dashboard-title,.shop-calendar-title,.shop-jobs-title,.shop-panels-title,.earnings-title,.customer-dashboard-title,.customer-budget-title,.customer-campaigns-title,.customer-campaign-impressions-title,.customer-landingpages-title,.campaign-builder-title,.city-matrix-title,.panel-billing-admin-title){font-size: var(--app-page-title-mobile-size)}.app-view-padding :is(.app-view-title,.app-page-title,.panel-status-title,.driver-dashboard-title,.shop-dashboard-title,.shop-calendar-title,.shop-jobs-title,.shop-panels-title,.earnings-title,.customer-dashboard-title,.customer-budget-title,.customer-campaigns-title,.customer-campaign-impressions-title,.customer-landingpages-title,.campaign-builder-title,.city-matrix-title,.panel-billing-admin-title){font-size: var(--app-page-title-mobile-size)}}.customer-dashboard-view .customer-dashboard-shell{width: 100%;max-width: 100%;margin: 0;gap: 1.35rem}.customer-dashboard-view .customer-dashboard-title{font-size: var(--app-page-title-size);line-height: var(--app-page-title-line-height)}.customer-dashboard-view .customer-dashboard-subtitle{margin: var(--app-page-subtitle-margin-top) 0 0;max-width: 720px;color: var(--app-page-subtitle-color);font-size: var(--app-page-subtitle-size);line-height: var(--app-page-subtitle-line-height)}.customer-dashboard-view .customer-dashboard-card{position: relative;overflow: hidden;gap: 1.05rem;padding: 1.45rem 1.55rem;border: 1px solid rgba(255,255,255,0.82);border-radius: 30px;background: rgba(255,255,255,0.92);box-shadow: 0 20px 48px rgba(18,28,45,0.08),0 6px 14px rgba(18,28,45,0.05);backdrop-filter: blur(16px) saturate(128%);-webkit-backdrop-filter: blur(16px) saturate(128%)}.customer-dashboard-view .customer-dashboard-card h3{font-size: 1.02rem;font-weight: 800;letter-spacing: -0.01em}.customer-dashboard-view .customer-dashboard-actions-card::after,.customer-dashboard-view .customer-dashboard-budget-card::after{content: "";position: absolute;inset: auto -8% -38% auto;width: 22rem;height: 12rem;background: radial-gradient(circle,rgba(174,239,223,0.42) 0%,rgba(194,238,255,0.28) 38%,rgba(255,255,255,0) 72%);pointer-events: none}.customer-dashboard-view .customer-dashboard-actions{gap: 0.8rem;flex-wrap: wrap}.customer-dashboard-view .customer-dashboard-action-button{--vaadin-button-height: 3.25rem;--vaadin-button-padding: 0 1.25rem;min-width: 0;border-radius: 999px;font-weight: 700;box-shadow: none}.customer-dashboard-view .customer-dashboard-action-button[theme~="primary"]{background: linear-gradient(180deg,#72839A 0%,#4D5E73 100%);box-shadow: 0 16px 28px rgba(77,94,115,0.26),0 4px 10px rgba(53,67,84,0.16)}.customer-dashboard-view .customer-dashboard-action-button:not([theme~="primary"]){background: #EEF2F5;color: #202733;border: 1px solid rgba(15,23,42,0.06);box-shadow: inset 0 1px 0 rgba(255,255,255,0.8)}.customer-dashboard-view .customer-dashboard-action-button:not([theme~="primary"]):hover,.customer-dashboard-view .customer-dashboard-budget-button:hover,.customer-dashboard-view .customer-dashboard-live-open:hover{background: #E7EDF2;box-shadow: inset 0 1px 0 rgba(255,255,255,0.84)}.customer-dashboard-view .customer-dashboard-live-card{min-height: auto;position: static;overflow: visible;padding: 1.25rem 1.55rem;border: 0;border-radius: 0;background: transparent;box-shadow: none;backdrop-filter: none;-webkit-backdrop-filter: none}.customer-dashboard-view .customer-dashboard-live-card-empty{gap: 0.95rem}.customer-dashboard-view .customer-dashboard-campaigns-card .customer-campaigns-section{display: flex;flex-direction: column;gap: 0.9rem;width: 100%;min-height: 0;position: relative;isolation: isolate}.customer-dashboard-view .customer-dashboard-campaigns-card .customer-campaigns-grid{display: flex;flex-direction: column;gap: 0.9rem;width: 100%;margin: 0;background: transparent;box-shadow: none}.customer-dashboard-view .customer-dashboard-campaigns-card .customer-campaigns-grid-header,.customer-dashboard-view .customer-dashboard-campaigns-card .customer-dashboard-campaign-row-card{display: grid;grid-template-columns: minmax(12rem,1.6fr) minmax(7rem,0.82fr) minmax(0,1.45fr);gap: 1.2rem;align-items: center}.customer-dashboard-view .customer-dashboard-campaigns-card .customer-campaigns-grid-header{padding: 0 1.4rem}.customer-dashboard-view .customer-dashboard-campaigns-card .customer-dashboard-campaign-row-card{width: 100%;box-sizing: border-box}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpages-section{display: flex;flex-direction: column;gap: 0.9rem;width: 100%;min-height: 0;position: relative;isolation: isolate}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpages-grid{display: flex;flex-direction: column;gap: 0.9rem;width: 100%;min-height: 0;margin: 0;background: transparent;box-shadow: none}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpages-grid-header,.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpages-row-card{display: grid;grid-template-columns: minmax(18rem,3.05fr) minmax(11rem,1.35fr) minmax(10rem,1.15fr);gap: 1.2rem;align-items: center}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpages-grid-header{padding: 0 1.4rem}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpages-grid-label{color: #6B7280;font-size: 0.8rem;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpages-grid-rows{display: flex;flex-direction: column;gap: 0.95rem}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpages-row-card{padding: 1rem 1.35rem;border-radius: 22px;position: relative;z-index: 0;border: 0;background: #FFFFFF;box-shadow: 0 16px 34px rgba(15,23,42,0.08),0 4px 10px rgba(15,23,42,0.05);transform: scale(1);transform-origin: center;transition: transform 180ms ease-in-out,box-shadow 180ms ease-in-out;will-change: transform,box-shadow}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpages-row-card:hover,.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpages-row-card.is-hovered{z-index: 2;transform: scale(1.02);box-shadow: 0 18px 38px rgba(15,23,42,0.1),0 6px 14px rgba(15,23,42,0.06)}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-entry-cell,.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-extras-cell,.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-preview-cell{display: flex;align-items: center;min-width: 0;padding: 0;border: 0;background: transparent}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-entry-cell{gap: 0.95rem}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-entry-marker{display: inline-flex;align-items: center;justify-content: center;width: 3.35rem;height: 3.35rem;border-radius: 999px;flex-shrink: 0;font-size: 1.2rem;font-weight: 800}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-entry-marker.status-live{background: rgba(174,236,202,0.42);color: #2B8A57}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-entry-marker.status-draft{background: rgba(215,223,233,0.72);color: #5F6876}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-entry-copy{display: flex;flex-direction: column;gap: 0.22rem;min-width: 0}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-entry-title-row{display: flex;align-items: center;gap: 0.55rem;flex-wrap: wrap;min-width: 0}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-entry-title,.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-entry-title:any-link{color: #1F2B39;font-size: 1.1rem;font-weight: 800;letter-spacing: -0.02em;text-decoration: none}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-entry-title:any-link:hover{color: #1F4F9F}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-entry-meta-row{display: flex;flex-wrap: wrap;align-items: center;gap: 0.24rem 0.65rem}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-entry-updated,.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-extras-meta{color: #667281;font-size: 0.92rem}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-entry-updated{color: #5F6772;line-height: 1.35}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-extras-cell,.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-preview-cell{justify-content: center}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-preview-cell{justify-content: flex-start}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpages-grid-header>:nth-child(2){justify-self: start}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-state-badge{display: inline-flex;align-items: center;min-height: 1.32rem;padding: 0.1rem 0.44rem;border-radius: 999px;font-size: 0.66rem;font-weight: 800;line-height: 1}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-state-badge.is-ready{background: rgba(62,150,104,0.14);color: #236A43;border: 1px solid rgba(62,150,104,0.24)}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-state-badge.is-draft{background: rgba(170,180,196,0.18);color: #566173;border: 1px solid rgba(120,133,152,0.26);text-transform: uppercase}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-preview-frame{position: relative;width: 152px;aspect-ratio: 3 / 1;border-radius: 4px;overflow: hidden;border: 0;background: transparent;box-shadow: none}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-preview,.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-preview-placeholder{width: 100%;height: 100%;border-radius: inherit}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-preview{display: block;object-fit: cover;background: rgba(235,240,246,0.65);border: 1px solid rgba(124,139,160,0.35);box-shadow: inset 0 1px 0 rgba(255,255,255,0.4)}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-preview.is-loading{opacity: 0.55}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-preview-placeholder{display: flex;align-items: center;justify-content: center;padding: 0.35rem 0.55rem;box-sizing: border-box;max-width: 100%;max-height: 100%;overflow: hidden;background: linear-gradient(135deg,rgba(239,244,251,0.9) 0%,rgba(227,234,245,0.95) 100%);border: 1px dashed rgba(124,139,160,0.45);color: #687282;font-size: 0.88rem;font-weight: 600;text-align: center;line-height: 1.2}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-loading{position: absolute;left: 0.5rem;bottom: 0.5rem;padding: 0.2rem 0.46rem;border-radius: 999px;background: rgba(255,255,255,0.9);color: #566173;font-size: 0.68rem;font-weight: 700;line-height: 1}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-extras-cell{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;gap: 0.2rem}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-extras-title{color: #222B38;font-size: 1.02rem;font-weight: 700}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-extras-meta{color: #5F6772;font-size: 0.92rem;line-height: 1.4;max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.customer-dashboard-view .customer-dashboard-empty-state{display: grid;grid-template-columns: minmax(0,1.3fr) minmax(12rem,16rem);align-items: center;gap: 1.4rem;position: relative;overflow: visible;padding: 0.25rem 0 0 0.45rem;border-radius: 0;border: 0;background: transparent;box-shadow: none}.customer-dashboard-view .customer-dashboard-empty-state::before{content: none}.customer-dashboard-view .customer-dashboard-empty-copy{display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: 0.8rem;min-height: 0;position: relative;z-index: 1}.customer-dashboard-view .customer-dashboard-empty-eyebrow{display: inline-flex;align-items: center;padding: 0;border-radius: 0;background: transparent;color: #416D5A;font-size: 0.76rem;font-weight: 800;letter-spacing: 0.04em;text-transform: uppercase}.customer-dashboard-view .customer-dashboard-empty-message{margin: 0;color: #404A57;font-size: 1.02rem;line-height: 1.55;max-width: 34rem}.customer-dashboard-view .customer-dashboard-empty-visual{position: relative;display: flex;align-items: center;justify-content: center;min-width: 0;min-height: 10rem;z-index: 1}.customer-dashboard-view .customer-dashboard-empty-frame{position: relative;display: flex;align-items: center;justify-content: center;width: min(100%,15rem);min-height: 10rem;border-radius: 0;border: 0;background: transparent;box-shadow: none;overflow: visible}.customer-dashboard-view .customer-dashboard-empty-frame::before,.customer-dashboard-view .customer-dashboard-empty-frame::after{content: "";position: absolute;border-radius: 999px;pointer-events: none}.customer-dashboard-view .customer-dashboard-empty-frame::before{right: 1.1rem;bottom: 1.55rem;width: 7rem;height: 1px;background: linear-gradient(90deg,rgba(83,121,145,0),rgba(83,121,145,0.26),rgba(83,121,145,0))}.customer-dashboard-view .customer-dashboard-empty-frame::after{top: 1.35rem;left: 1rem;width: 1px;height: 6.5rem;background: linear-gradient(180deg,rgba(83,121,145,0),rgba(83,121,145,0.22),rgba(83,121,145,0))}.customer-dashboard-view .customer-dashboard-empty-tag{position: absolute;top: 0.8rem;left: 0.9rem;display: inline-flex;align-items: center;padding: 0.34rem 0.72rem;border-radius: 999px;background: rgba(255,255,255,0.76);border: 1px solid rgba(212,224,232,0.7);color: #C47A38;font-size: 0.74rem;font-weight: 800;letter-spacing: 0.04em;text-transform: uppercase;box-shadow: none}.customer-dashboard-view .customer-dashboard-empty-orbit{position: absolute;width: 7.75rem;height: 7.75rem;border-radius: 999px;border: 1px dashed rgba(112,164,147,0.42)}.customer-dashboard-view .customer-dashboard-empty-halo{display: flex;align-items: center;justify-content: center;position: relative;width: 5.25rem;height: 5.25rem;border-radius: 999px;background: linear-gradient(180deg,#F4FBF7 0%,#D9F1E9 100%);box-shadow: 0 18px 30px rgba(70,120,104,0.16),inset 0 1px 0 rgba(255,255,255,0.92)}.customer-dashboard-view .customer-dashboard-empty-halo::after{content: "";position: absolute;top: 0.7rem;right: 0.7rem;width: 0.65rem;height: 0.65rem;border-radius: 999px;background: #F3B06A;box-shadow: 0 0 0 0.22rem rgba(255,255,255,0.8)}.customer-dashboard-view .customer-dashboard-empty-icon{display: inline-flex;align-items: center;justify-content: center;font-size: 2.1rem;color: #E3924B}.customer-dashboard-view .customer-dashboard-empty-action{margin-top: 0.1rem}.customer-dashboard-view .customer-dashboard-live-row{display: flex;flex-direction: row;flex-wrap: nowrap;width: 100%;box-sizing: border-box;align-items: center;justify-content: flex-start;gap: 1.25rem;padding: 1.6rem 1.8rem;border-radius: 28px;position: relative;z-index: 0;background: rgba(255,255,255,0.96);border: 0;box-shadow: 0 16px 34px rgba(60,115,142,0.12),0 3px 10px rgba(17,24,39,0.05);transform: scale(1);transform-origin: center;transition: transform 180ms ease-in-out,box-shadow 180ms ease-in-out;will-change: transform,box-shadow}.customer-dashboard-view .customer-dashboard-live-row:hover,.customer-dashboard-view .customer-dashboard-live-row.is-hovered{z-index: 2;transform: scale(1.02);box-shadow: 0 18px 38px rgba(60,115,142,0.16),0 6px 14px rgba(17,24,39,0.08)}.customer-dashboard-view .customer-dashboard-live-body{display: grid;grid-template-columns: minmax(0,1fr) auto;align-items: center;gap: 1rem;min-width: 0;flex: 1 1 auto;margin-right: auto}.customer-dashboard-view .customer-dashboard-live-creative-cell{display: flex;align-items: flex-start;justify-content: flex-end;min-width: 0}.customer-dashboard-view .customer-dashboard-live-creative-strip{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));min-width: 0;align-items: start;gap: var(--vaadin-gap-xs);width: 100%;max-width: min(456px,100%);overflow-y: hidden;overflow-x: hidden}.customer-dashboard-view .customer-dashboard-live-creative-preview,.customer-dashboard-view .customer-dashboard-live-creative-placeholder{width: 100%;max-width: 152px;aspect-ratio: 3 / 1;height: auto;border-radius: 0;flex: 0 1 auto}.customer-dashboard-view .customer-dashboard-live-creative-preview{display: block;object-fit: cover;background: rgba(235,240,246,0.65);border: 1px solid rgba(124,139,160,0.35);box-shadow: inset 0 1px 0 rgba(255,255,255,0.4)}.customer-dashboard-view .customer-dashboard-live-creative-preview.is-loading{opacity: 0.55}.customer-dashboard-view .customer-dashboard-live-creative-placeholder{display: inline-flex;align-items: center;justify-content: center;background: linear-gradient(135deg,rgba(239,244,251,0.9) 0%,rgba(227,234,245,0.95) 100%);border: 1px dashed rgba(124,139,160,0.45);color: #687282;font-size: 0.88rem;font-weight: 600}.customer-dashboard-view .customer-dashboard-live-creative-loading{font-size: 0.78rem;color: #6B7280}.customer-dashboard-view .customer-dashboard-live-content{display: flex;flex-direction: column;align-items: flex-start;min-width: 0}.customer-dashboard-view .customer-dashboard-live-name{display: block;font-size: 1rem;font-weight: 800;color: #1D2530}.customer-dashboard-view .customer-dashboard-live-meta{display: block;margin-top: 0.2rem;font-size: 0.88rem;color: #5D6876}.customer-dashboard-view .campaign-status-badge{display: inline-flex;align-items: center;justify-content: center;white-space: nowrap;border-radius: 999px;min-height: 1.9rem;padding: 0.16rem 0.9rem;font-size: 0.74rem;font-weight: 800;text-transform: uppercase;letter-spacing: 0.03em}.customer-dashboard-view .campaign-status-badge.status-live{background: #E3F0E8;color: #3C6450;border: 1px solid rgba(95,135,110,0.16)}.customer-dashboard-view .campaign-status-badge.status-draft{background: #E7EBF1;color: #556273;border: 1px solid rgba(141,152,169,0.18)}.customer-dashboard-view .campaign-status-badge.status-under_review{background: #F2E7CE;color: #86642C;border: 1px solid rgba(173,131,49,0.16)}.customer-dashboard-view .campaign-status-badge.status-paused,.customer-dashboard-view .campaign-status-badge.status-done,.customer-dashboard-view .campaign-status-badge.status-archived{background: #E8EDF4;color: #4C5B70;border: 1px solid rgba(121,138,164,0.16)}.customer-dashboard-view .customer-dashboard-live-open,.customer-dashboard-view .customer-dashboard-budget-button{--vaadin-button-height: 3rem;--vaadin-button-padding: 0 1.15rem;border-radius: 999px;border: 1px solid rgba(15,23,42,0.06);background: #EEF2F5;color: #1D2530;font-weight: 700;box-shadow: inset 0 1px 0 rgba(255,255,255,0.82),0 8px 18px rgba(15,23,42,0.05)}.customer-dashboard-view .customer-dashboard-live-open{background: linear-gradient(180deg,#2A436E 0%,#1F3456 100%);color: #F8FAFC;border: 0;box-shadow: 0 12px 24px rgba(31,52,86,0.22),0 4px 10px rgba(20,34,58,0.14)}.customer-dashboard-view .customer-dashboard-live-open:hover{background: linear-gradient(180deg,#314C79 0%,#243B61 100%);box-shadow: 0 14px 28px rgba(31,52,86,0.24),0 5px 12px rgba(20,34,58,0.16)}.customer-dashboard-view .customer-dashboard-budget-row{align-items: center;gap: 1rem}.customer-dashboard-view .customer-dashboard-budget-chart-section{display: flex;flex-direction: column;gap: 0.7rem;min-width: 0}.customer-dashboard-view .customer-dashboard-budget-chart-title{color: #516072;font-size: 0.82rem;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase}.customer-dashboard-view .customer-dashboard-budget-chart-meta{color: #708093;font-size: 0.93rem}.customer-dashboard-view .customer-dashboard-budget-chart{min-height: 24rem}.customer-dashboard-view .customer-dashboard-budget-chart-empty{display: flex;align-items: center;justify-content: center;min-height: 12rem;padding: 1rem 1.25rem;border-radius: 20px;border: 1px dashed rgba(96,116,139,0.24);background: rgba(246,249,252,0.72)}.customer-dashboard-view .customer-dashboard-budget-chart-empty-message{color: #708093;font-size: 0.95rem;text-align: center;max-width: 26rem}.customer-dashboard-view .customer-dashboard-budget-label{color: #7A838F;font-size: 0.78rem;font-weight: 700;letter-spacing: 0.05em;text-transform: uppercase}.customer-dashboard-view .customer-dashboard-budget-value{font-size: clamp(2.15rem,2vw + 1.25rem,3rem);line-height: 1.04;color: #3F7458}.customer-dashboard-view .customer-dashboard-budget-value.is-negative{color: #8f2e2e}.customer-dashboard-view .customer-dashboard-budget-status-hint{color: #8f2e2e;font-size: var(--aura-font-size-xs)}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-action-button:not([theme~="primary"]),html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-live-open,html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-budget-button{background: rgba(40,51,67,0.92);color: #E6EDF7;border-color: rgba(138,160,192,0.22);box-shadow: inset 0 1px 0 rgba(255,255,255,0.04)}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-live-row{background: rgba(26,34,46,0.96);border: 0;box-shadow: 0 18px 34px rgba(5,10,18,0.28),0 0 0 1px rgba(102,179,205,0.10)}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-budget-chart-title{color: #B4C0CF}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-budget-value.is-negative{color: #ffbdbd}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-budget-status-hint{color: #ffbdbd}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-budget-chart-meta,html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-budget-chart-empty-message{color: #9EADBE}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-budget-chart-empty{border-color: rgba(120,146,176,0.24);background: rgba(24,31,42,0.72)}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpages-row-card{border-color: transparent;background: rgba(23,30,43,0.9);box-shadow: 0 16px 34px rgba(6,8,16,0.34)}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-my-domains-card .customer-dashboard-my-domain-row,html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-my-domains-card .customer-dashboard-my-domain-redirect-row{background: rgba(23,30,43,0.9);box-shadow: 0 16px 34px rgba(6,8,16,0.34)}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-my-domains-card .customer-dashboard-my-domain-link,html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-my-domains-card .customer-my-domain-link{color: #EEF3FA}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-my-domains-card .customer-my-domain-lp-label{color: #AAB7CC}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-my-domains-card .customer-my-domains-section-label{background: rgba(82,121,98,0.34);color: #C7DFD0}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-live-name{color: #EEF3FA}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-entry-title,html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-entry-title:any-link,html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-extras-title{color: #EFF3FA}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-live-meta{color: #B9C4D3}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-live-creative-loading,html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-live-creative-placeholder{color: #AAB7CC}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-entry-updated,html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-extras-meta,html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-loading{color: #AAB7CC}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-live-creative-placeholder{background: linear-gradient(135deg,rgba(35,44,61,0.92) 0%,rgba(29,38,53,0.95) 100%);border-color: rgba(118,141,180,0.35);color: #C8D2E2}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-preview-placeholder{background: linear-gradient(135deg,rgba(35,44,61,0.92) 0%,rgba(29,38,53,0.95) 100%);border-color: rgba(118,141,180,0.35);color: #C8D2E2}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-loading{background: rgba(18,25,37,0.88)}html[data-theme-mode="dark"] .customer-dashboard-view .campaign-status-badge.status-live{background: rgba(82,121,98,0.34);color: #C7DFD0;border-color: rgba(98,163,126,0.2)}html[data-theme-mode="dark"] .customer-dashboard-view .campaign-status-badge.status-draft{background: rgba(92,104,124,0.38);color: #D9E1EC;border-color: rgba(126,139,158,0.18)}html[data-theme-mode="dark"] .customer-dashboard-view .campaign-status-badge.status-under_review{background: rgba(146,112,46,0.38);color: #F1D394;border-color: rgba(196,149,57,0.18)}html[data-theme-mode="dark"] .customer-dashboard-view .campaign-status-badge.status-paused,html[data-theme-mode="dark"] .customer-dashboard-view .campaign-status-badge.status-done,html[data-theme-mode="dark"] .customer-dashboard-view .campaign-status-badge.status-archived{background: rgba(84,102,129,0.34);color: #D3DCE9;border-color: rgba(112,130,158,0.18)}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-state-badge.is-ready{background: rgba(62,150,104,0.2);color: #B8F0D2;border-color: rgba(97,198,143,0.32)}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-state-badge.is-draft{background: rgba(91,103,122,0.28);color: #D3DAE6;border-color: rgba(126,139,158,0.32)}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-entry-marker.status-live{background: rgba(62,150,104,0.22);color: #b8f0d2}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-entry-marker.status-draft{background: rgba(91,103,122,0.34);color: #D3DAE6}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-live-open{background: linear-gradient(180deg,#345384 0%,#253C62 100%);box-shadow: 0 14px 28px rgba(12,22,38,0.32)}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-empty-state{background: transparent;border-color: transparent;box-shadow: none}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-empty-eyebrow{background: transparent;color: #B9E2CF}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-empty-message{color: #C8D3E1}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-empty-frame{background: transparent}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-empty-tag{background: rgba(28,38,52,0.72);border-color: rgba(94,120,142,0.46);color: #F0B77A}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-empty-orbit{border-color: rgba(126,177,160,0.28)}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-empty-halo{background: linear-gradient(180deg,rgba(67,105,96,0.98) 0%,rgba(48,82,76,0.98) 100%);box-shadow: 0 18px 30px rgba(8,15,24,0.28),inset 0 1px 0 rgba(255,255,255,0.07)}html[data-theme-mode="dark"] .customer-dashboard-view .customer-dashboard-empty-icon{color: #F1B26D}@media (max-width: 1120px){.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpages-grid-header,.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpages-row-card{grid-template-columns: minmax(18rem,2.4fr) minmax(13rem,1.1fr)}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpages-grid-header>:last-child{display: none}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-extras-cell{grid-column: 1 / -1;padding-top: 0.15rem}}@media (max-width: 960px){.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpages-grid-header{display: none}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpages-row-card{grid-template-columns: 1fr;gap: 1rem}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-preview-cell{justify-content: flex-start}}@media (max-width: 820px){.customer-dashboard-view .customer-dashboard-actions{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.7rem;width: 100%}.customer-dashboard-view .customer-dashboard-action-button{width: 100%}.customer-dashboard-view .customer-dashboard-empty-state{grid-template-columns: 1fr;align-items: flex-start;gap: 0.9rem;padding-left: 0.55rem}.customer-dashboard-view .customer-dashboard-empty-visual{align-self: stretch}.customer-dashboard-view .customer-dashboard-empty-frame{width: 100%}.customer-dashboard-view .customer-dashboard-live-body{width: 100%}.customer-dashboard-view .customer-dashboard-budget-row{flex-direction: column;align-items: flex-start}.customer-dashboard-view .customer-dashboard-landing-group{gap: 0.95rem}.customer-dashboard-view .customer-dashboard-my-domains-card .customer-my-domains-heading-row{flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 0.45rem}.customer-dashboard-view .customer-dashboard-my-domains-card .customer-dashboard-my-domain-add-button{margin-left: 0}.customer-dashboard-view .customer-dashboard-my-domains-card .customer-dashboard-my-domain-row,.customer-dashboard-view .customer-dashboard-my-domains-card .customer-dashboard-my-domain-redirect-row{grid-template-columns: 1fr !important;gap: 0.45rem}.customer-dashboard-view .customer-dashboard-my-domains-card .customer-dashboard-my-domain-row,.customer-dashboard-view .customer-dashboard-my-domains-card .customer-dashboard-my-domain-redirect-row{text-align: center}.customer-dashboard-view .customer-dashboard-my-domains-card .customer-dashboard-my-domain-link,.customer-dashboard-view .customer-dashboard-my-domains-card .customer-my-domain-link,.customer-dashboard-view .customer-dashboard-my-domains-card .customer-my-domain-lp-label,.customer-dashboard-view .customer-dashboard-my-domains-card .customer-my-domain-redirect-info{white-space: normal;overflow: visible;text-overflow: initial;justify-self: stretch;width: 100%;max-width: 100%;text-align: center}.customer-dashboard-view .customer-dashboard-my-domains-card .customer-dashboard-my-domain-row vaadin-button,.customer-dashboard-view .customer-dashboard-my-domains-card .customer-dashboard-my-domain-link,.customer-dashboard-view .customer-dashboard-my-domains-card .customer-my-domain-link{min-width: 0}}@media (max-width: 640px){.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpages-grid{width: 100%;margin: 0}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpages-row-card{padding: 0.95rem}.customer-dashboard-view .customer-dashboard-landingpages-card .customer-landingpage-preview-frame{width: min(100%,240px)}}.customer-campaigns-view{gap: 1.2rem;overflow: visible}.customer-campaigns-view .customer-campaigns-shell{max-width: 100%;margin: 0;display: flex;flex-direction: column;gap: var(--app-section-gap);min-height: 100%;box-sizing: border-box;padding: 0;overflow: visible}.customer-campaigns-view .customer-campaigns-title{margin: 0;max-width: none;color: var(--app-page-title-color);font-family: var(--aura-font-family);font-size: var(--app-page-title-size);line-height: var(--app-page-title-line-height);letter-spacing: var(--app-page-title-letter-spacing);font-weight: var(--app-page-title-weight)}.customer-campaigns-view .customer-campaigns-subtitle{margin: var(--app-page-subtitle-margin-top) 0 0;max-width: 720px;color: var(--app-page-subtitle-color);font-size: var(--app-page-subtitle-size);line-height: var(--app-page-subtitle-line-height)}.customer-campaigns-view .customer-campaigns-shell>.secondary{margin: 0}.customer-campaigns-view .customer-campaigns-summary-strip{display: flex;align-items: flex-start;box-sizing: border-box;width: max-content;max-width: 100%;padding: 0;border: 0;background: transparent;box-shadow: none}.customer-campaigns-view .customer-campaigns-summary-info{display: flex;flex-direction: column;gap: 0;min-width: 0}.customer-campaigns-view .customer-campaigns-new-button{--vaadin-button-height: 3.2rem;--vaadin-button-padding: 0 1.25rem;border-radius: 16px;box-shadow: none}.customer-campaigns-view .customer-campaigns-section{display: flex;flex-direction: column;gap: 0.9rem;width: 100%;min-height: 0;position: relative;isolation: isolate}.customer-campaigns-view .customer-campaigns-section-title{margin: 0;color: #2f3c4f;font-size: 1rem;font-weight: 700;letter-spacing: 0.02em}.customer-campaigns-view .customer-campaigns-section--archived{margin-top: 0.9rem;padding-top: 0.4rem;border-top: 1px solid rgba(148,163,184,0.24);z-index: 0}.customer-campaigns-view .customer-campaigns-grid{display: flex;flex-direction: column;gap: 0.9rem;width: 100%;min-height: 440px;margin: 0;background: transparent;box-shadow: none}.customer-campaigns-view .customer-campaign-row-card{display: grid;grid-template-columns: minmax(0,1.6fr) minmax(0,0.82fr) minmax(0,1.45fr);gap: 0.75rem;align-items: center}.customer-campaigns-view .customer-campaigns-grid-header{display: flex;align-items: center;width: max-content;max-width: 100%}.customer-campaigns-view .customer-campaigns-table-actions{display: flex;align-items: center;justify-content: flex-start;gap: 0.65rem;min-width: 0}.customer-campaigns-view .customer-campaigns-grid-rows{display: flex;flex-direction: column;gap: 0.95rem}.customer-campaigns-view .customer-campaign-row-card{padding: 1rem 1.35rem;border-radius: 22px;position: relative;z-index: 0;background: #FFFFFF;box-shadow: 0 16px 34px rgba(15,23,42,0.08),0 4px 10px rgba(15,23,42,0.05);transform: scale(1);transform-origin: center;transition: transform 180ms ease-in-out,box-shadow 180ms ease-in-out;will-change: transform,box-shadow}.customer-campaigns-view .customer-campaign-row-card:hover,.customer-campaigns-view .customer-campaign-row-card.is-hovered{z-index: 2;transform: scale(1.02);box-shadow: 0 18px 38px rgba(15,23,42,0.1),0 6px 14px rgba(15,23,42,0.06)}.customer-dashboard-view .customer-campaign-row-card{display: grid;grid-template-columns: minmax(0,1.6fr) minmax(0,0.82fr) minmax(0,1.45fr);gap: 0.75rem;align-items: center;padding: 1rem 1.35rem;border-radius: 22px;position: relative;z-index: 0;background: #FFFFFF;box-shadow: 0 16px 34px rgba(15,23,42,0.08),0 4px 10px rgba(15,23,42,0.05);transform: scale(1);transform-origin: center;transition: transform 180ms ease-in-out,box-shadow 180ms ease-in-out;will-change: transform,box-shadow}.customer-dashboard-view .customer-campaign-row-card:hover,.customer-dashboard-view .customer-campaign-row-card.is-hovered{z-index: 2;transform: scale(1.02);box-shadow: 0 18px 38px rgba(15,23,42,0.1),0 6px 14px rgba(15,23,42,0.06)}.customer-campaigns-view .customer-campaign-entry-cell{display: flex;align-items: center;gap: 0.95rem;min-width: 0}.customer-dashboard-view .customer-campaign-entry-cell{display: flex;align-items: center;gap: 0.95rem;min-width: 0}.customer-campaigns-view .customer-campaign-budget-cell,.customer-dashboard-view .customer-campaign-budget-cell{display: flex;align-items: center;min-width: 0}.customer-campaigns-view .customer-campaign-budget-copy,.customer-dashboard-view .customer-campaign-budget-copy{display: flex;flex-direction: column;gap: 0.2rem;min-width: 0}.customer-campaigns-view .customer-campaign-budget-total,.customer-dashboard-view .customer-campaign-budget-total{color: #222B38;font-size: 1.1rem;font-weight: 700;line-height: 1.2}.customer-campaigns-view .customer-campaign-budget-breakdown,.customer-dashboard-view .customer-campaign-budget-breakdown{display: flex;align-items: center;flex-wrap: wrap;gap: 0;font-size: 0.92rem;line-height: 1.35}.customer-campaigns-view .customer-campaign-budget-used,.customer-dashboard-view .customer-campaign-budget-used{color: #BE3D2A}.customer-campaigns-view .customer-campaign-budget-separator,.customer-dashboard-view .customer-campaign-budget-separator{color: #5F6772}.customer-campaigns-view .customer-campaign-budget-full,.customer-dashboard-view .customer-campaign-budget-full{color: #2B8A57}.customer-campaigns-view .customer-campaign-entry-marker{display: inline-flex;align-items: center;justify-content: center;width: 3.35rem;height: 3.35rem;border-radius: 999px;flex-shrink: 0;font-size: 1.2rem;font-weight: 800}.customer-dashboard-view .customer-campaign-entry-marker{display: inline-flex;align-items: center;justify-content: center;width: 3.35rem;height: 3.35rem;border-radius: 999px;flex-shrink: 0;font-size: 1.2rem;font-weight: 800}.customer-campaigns-view .customer-campaign-entry-marker.status-live{background: rgba(174,236,202,0.42);color: #2B8A57}.customer-dashboard-view .customer-campaign-entry-marker.status-live{background: rgba(174,236,202,0.42);color: #2B8A57}.customer-campaigns-view .customer-campaign-entry-marker.status-draft{background: rgba(215,223,233,0.72);color: #5F6876}.customer-dashboard-view .customer-campaign-entry-marker.status-draft{background: rgba(215,223,233,0.72);color: #5F6876}.customer-campaigns-view .customer-campaign-entry-marker.status-under_review{background: rgba(254,233,166,0.56);color: #8f6a00}.customer-dashboard-view .customer-campaign-entry-marker.status-under_review{background: rgba(254,233,166,0.56);color: #8f6a00}.customer-campaigns-view .customer-campaign-entry-marker.status-paused,.customer-campaigns-view .customer-campaign-entry-marker.status-done,.customer-campaigns-view .customer-campaign-entry-marker.status-archived{background: rgba(222,229,243,0.76);color: #4B5C77}.customer-dashboard-view .customer-campaign-entry-marker.status-paused,.customer-dashboard-view .customer-campaign-entry-marker.status-done,.customer-dashboard-view .customer-campaign-entry-marker.status-archived{background: rgba(222,229,243,0.76);color: #4B5C77}.customer-campaigns-view .customer-campaign-entry-copy{display: flex;flex-direction: column;gap: 0.2rem;min-width: 0}.customer-dashboard-view .customer-campaign-entry-copy{display: flex;flex-direction: column;gap: 0.2rem;min-width: 0}.customer-campaigns-view .customer-campaign-entry-title-row{display: flex;align-items: center;gap: 0.55rem;flex-wrap: wrap;min-width: 0}.customer-dashboard-view .customer-campaign-entry-title-row{display: flex;align-items: center;gap: 0.55rem;flex-wrap: wrap;min-width: 0}.customer-campaigns-view .customer-campaign-entry-title{color: #222B38;font-size: 1.1rem;font-weight: 700}.customer-dashboard-view .customer-campaign-entry-title{color: #222B38;font-size: 1.1rem;font-weight: 700}.customer-campaigns-view .customer-campaign-entry-meta,.customer-campaigns-view .customer-campaign-entry-meta{color: #5F6772;font-size: 0.92rem;line-height: 1.35}.customer-dashboard-view .customer-campaign-entry-meta,.customer-dashboard-view .customer-campaign-entry-meta{color: #5F6772;font-size: 0.92rem;line-height: 1.35}.customer-campaigns-view .customer-campaign-creative-cell{display: flex;align-items: center;min-width: 0}.customer-dashboard-view .customer-campaign-creative-cell{display: flex;align-items: center;min-width: 0}.customer-campaigns-view .customer-campaign-creative-strip{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));min-width: 0;align-items: start;gap: var(--vaadin-gap-xs);width: 100%;max-width: 100%;overflow-y: hidden;overflow-x: hidden}.customer-campaigns-view .customer-campaign-creative-strip>*:nth-child(n+7){display: none}.customer-dashboard-view .customer-campaign-creative-strip{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));min-width: 0;align-items: start;gap: var(--vaadin-gap-xs);width: 100%;max-width: 100%;overflow-y: hidden;overflow-x: hidden}.customer-dashboard-view .customer-campaign-creative-strip>*:nth-child(n+7){display: none}.customer-campaigns-view .customer-campaign-creative-preview,.customer-campaigns-view .customer-campaign-creative-placeholder{width: 100%;max-width: 152px;aspect-ratio: 3 / 1;height: auto;border-radius: 4px;flex: 0 1 auto}.customer-dashboard-view .customer-campaign-creative-preview,.customer-dashboard-view .customer-campaign-creative-placeholder{width: 100%;max-width: 152px;aspect-ratio: 3 / 1;height: auto;border-radius: 4px;flex: 0 1 auto}.customer-campaigns-view .customer-campaign-creative-preview{display: block;object-fit: cover;background: rgba(235,240,246,0.65);border: 1px solid rgba(124,139,160,0.35);box-shadow: inset 0 1px 0 rgba(255,255,255,0.4)}.customer-dashboard-view .customer-campaign-creative-preview{display: block;object-fit: cover;background: rgba(235,240,246,0.65);border: 1px solid rgba(124,139,160,0.35);box-shadow: inset 0 1px 0 rgba(255,255,255,0.4)}.customer-campaigns-view .customer-campaign-creative-preview.is-loading{opacity: 0.55}.customer-dashboard-view .customer-campaign-creative-preview.is-loading{opacity: 0.55}.customer-campaigns-view .customer-campaign-creative-placeholder{display: inline-flex;align-items: center;justify-content: center;background: linear-gradient(135deg,rgba(239,244,251,0.9) 0%,rgba(227,234,245,0.95) 100%);border: 1px dashed rgba(124,139,160,0.45);color: #687282;font-size: 0.88rem;font-weight: 600}.customer-dashboard-view .customer-campaign-creative-placeholder{display: inline-flex;align-items: center;justify-content: center;background: linear-gradient(135deg,rgba(239,244,251,0.9) 0%,rgba(227,234,245,0.95) 100%);border: 1px dashed rgba(124,139,160,0.45);color: #687282;font-size: 0.88rem;font-weight: 600}.customer-campaigns-view .customer-campaign-creative-loading{font-size: 0.78rem;color: #6B7280}.customer-dashboard-view .customer-campaign-creative-loading{font-size: 0.78rem;color: #6B7280}.customer-campaigns-view .campaign-status-badge{display: inline-flex;align-items: center;justify-content: center;min-height: 1.32rem;padding: 0.1rem 0.44rem;border-radius: 999px;font-size: 0.66rem;font-weight: 800;line-height: 1}.customer-dashboard-view .campaign-status-badge{display: inline-flex;align-items: center;justify-content: center;min-height: 1.32rem;padding: 0.1rem 0.44rem;border-radius: 999px;font-size: 0.66rem;font-weight: 800;line-height: 1}.customer-campaigns-view .campaign-status-badge.status-live{background: rgba(62,150,104,0.16);color: #1f6d46;border: 1px solid rgba(62,150,104,0.3)}.customer-dashboard-view .campaign-status-badge.status-live{background: rgba(62,150,104,0.16);color: #1f6d46;border: 1px solid rgba(62,150,104,0.3)}.customer-campaigns-view .campaign-status-badge.status-draft{background: rgba(170,180,196,0.22);color: #566173;border: 1px solid rgba(120,133,152,0.34)}.customer-dashboard-view .campaign-status-badge.status-draft{background: rgba(170,180,196,0.22);color: #566173;border: 1px solid rgba(120,133,152,0.34)}.customer-campaigns-view .campaign-status-badge.status-under_review{background: rgba(255,193,7,0.16);color: #8f6a00;border: 1px solid rgba(181,128,0,0.34)}.customer-dashboard-view .campaign-status-badge.status-under_review{background: rgba(255,193,7,0.16);color: #8f6a00;border: 1px solid rgba(181,128,0,0.34)}.customer-campaigns-view .campaign-status-badge.status-paused{background: rgba(59,117,228,0.15);color: #1f4f9f;border: 1px solid rgba(59,117,228,0.3)}.customer-dashboard-view .campaign-status-badge.status-paused{background: rgba(59,117,228,0.15);color: #1f4f9f;border: 1px solid rgba(59,117,228,0.3)}.customer-campaigns-view .campaign-status-badge.status-done,.customer-campaigns-view .campaign-status-badge.status-archived{background: rgba(71,90,128,0.14);color: #37527d;border: 1px solid rgba(71,90,128,0.26)}.customer-dashboard-view .campaign-status-badge.status-done,.customer-dashboard-view .campaign-status-badge.status-archived{background: rgba(71,90,128,0.14);color: #37527d;border: 1px solid rgba(71,90,128,0.26)}.customer-campaigns-view .customer-campaigns-empty-state{padding: 1.2rem 1.4rem;border-radius: 20px;background: rgba(255,255,255,0.82);color: #5F6772;box-shadow: 0 12px 24px rgba(15,23,42,0.06)}html[data-theme-mode="dark"] .customer-campaigns-view .customer-campaign-row-card,html[data-theme-mode="dark"] .customer-campaigns-view .customer-campaigns-empty-state{background: rgba(23,30,43,0.9);box-shadow: 0 16px 34px rgba(6,8,16,0.34)}html[data-theme-mode="dark"] .customer-dashboard-view .customer-campaign-row-card,html[data-theme-mode="dark"] .customer-dashboard-view .customer-campaigns-empty-state{background: rgba(23,30,43,0.9);box-shadow: 0 16px 34px rgba(6,8,16,0.34)}html[data-theme-mode="dark"] .customer-campaigns-view .customer-campaign-entry-title{color: #EFF3FA}html[data-theme-mode="dark"] .customer-dashboard-view .customer-campaign-entry-title{color: #EFF3FA}html[data-theme-mode="dark"] .customer-campaigns-view .customer-campaign-budget-total,html[data-theme-mode="dark"] .customer-dashboard-view .customer-campaign-budget-total{color: #EFF3FA}html[data-theme-mode="dark"] .customer-campaigns-view .customer-campaign-entry-meta,html[data-theme-mode="dark"] .customer-campaigns-view .customer-campaign-creative-loading{color: #AAB7CC}html[data-theme-mode="dark"] .customer-dashboard-view .customer-campaign-entry-meta,html[data-theme-mode="dark"] .customer-dashboard-view .customer-campaign-creative-loading,html[data-theme-mode="dark"] .customer-dashboard-view .customer-campaigns-summary-meta{color: #AAB7CC}html[data-theme-mode="dark"] .customer-campaigns-view .customer-campaign-budget-breakdown,html[data-theme-mode="dark"] .customer-dashboard-view .customer-campaign-budget-breakdown{color: #AAB7CC}html[data-theme-mode="dark"] .customer-campaigns-view .customer-campaign-budget-used,html[data-theme-mode="dark"] .customer-dashboard-view .customer-campaign-budget-used{color: #FF9B8F}html[data-theme-mode="dark"] .customer-campaigns-view .customer-campaign-budget-separator,html[data-theme-mode="dark"] .customer-dashboard-view .customer-campaign-budget-separator{color: #AAB7CC}html[data-theme-mode="dark"] .customer-campaigns-view .customer-campaign-budget-full,html[data-theme-mode="dark"] .customer-dashboard-view .customer-campaign-budget-full{color: #8EE2AE}html[data-theme-mode="dark"] .customer-campaigns-view .customer-campaign-creative-placeholder{background: linear-gradient(135deg,rgba(35,44,61,0.92) 0%,rgba(29,38,53,0.95) 100%);border-color: rgba(118,141,180,0.35);color: #C8D2E2}html[data-theme-mode="dark"] .customer-dashboard-view .customer-campaign-creative-placeholder{background: linear-gradient(135deg,rgba(35,44,61,0.92) 0%,rgba(29,38,53,0.95) 100%);border-color: rgba(118,141,180,0.35);color: #C8D2E2}html[data-theme-mode="dark"] .customer-campaigns-view .campaign-status-badge.status-live{background: rgba(62,150,104,0.22);color: #b8f0d2;border-color: rgba(97,198,143,0.42)}html[data-theme-mode="dark"] .customer-dashboard-view .campaign-status-badge.status-live{background: rgba(62,150,104,0.22);color: #b8f0d2;border-color: rgba(97,198,143,0.42)}html[data-theme-mode="dark"] .customer-campaigns-view .campaign-status-badge.status-draft{background: rgba(91,103,122,0.34);color: #D3DAE6;border-color: rgba(126,139,158,0.38)}html[data-theme-mode="dark"] .customer-dashboard-view .campaign-status-badge.status-draft{background: rgba(91,103,122,0.34);color: #D3DAE6;border-color: rgba(126,139,158,0.38)}html[data-theme-mode="dark"] .customer-campaigns-view .campaign-status-badge.status-under_review{background: rgba(170,118,29,0.3);color: #FFE1A2;border-color: rgba(222,165,62,0.38)}html[data-theme-mode="dark"] .customer-dashboard-view .campaign-status-badge.status-under_review{background: rgba(170,118,29,0.3);color: #FFE1A2;border-color: rgba(222,165,62,0.38)}html[data-theme-mode="dark"] .customer-campaigns-view .campaign-status-badge.status-paused{background: rgba(72,124,204,0.28);color: #CDE0FF;border-color: rgba(110,156,227,0.42)}html[data-theme-mode="dark"] .customer-dashboard-view .campaign-status-badge.status-paused{background: rgba(72,124,204,0.28);color: #CDE0FF;border-color: rgba(110,156,227,0.42)}@media (max-width: 960px){.customer-dashboard-view .customer-campaigns-grid-header{display: none}.customer-campaigns-view .customer-campaign-row-card{grid-template-columns: minmax(0,1.35fr) minmax(0,0.95fr);gap: 1rem}.customer-dashboard-view .customer-campaign-row-card{grid-template-columns: minmax(12rem,1.35fr) minmax(0,0.95fr);gap: 1rem}.customer-dashboard-view .customer-campaign-entry-marker{display: none}.customer-campaigns-view .customer-campaign-creative-cell,.customer-dashboard-view .customer-campaign-creative-cell{grid-column: 1 / -1}.customer-dashboard-view .customer-campaign-creative-strip>*:nth-child(n+3){display: none}.customer-dashboard-view .customer-campaign-creative-strip{grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.05rem;padding-right: 1.5rem;box-sizing: border-box}}@media (max-width: 640px){.customer-campaigns-view .customer-campaigns-grid{width: 100%;margin: 0}.customer-campaigns-view .customer-campaign-row-card{grid-template-columns: 1fr}.customer-dashboard-view .customer-campaign-row-card{grid-template-columns: 1fr}}.customer-landingpages-view{box-sizing: border-box;padding: var(--vaadin-padding-m);display: flex;flex-direction: column;gap: 1.2rem;background: transparent}.customer-landingpages-view .customer-landingpages-shell{max-width: 100%;margin: 0;display: flex;flex-direction: column;gap: var(--app-section-gap);min-height: 100%;box-sizing: border-box;padding: 0;background: transparent}.customer-landingpages-view .customer-landingpages-title{margin: 0;max-width: none;color: var(--app-page-title-color);font-family: var(--aura-font-family);font-size: var(--app-page-title-size);line-height: var(--app-page-title-line-height);letter-spacing: var(--app-page-title-letter-spacing);font-weight: var(--app-page-title-weight)}.customer-landingpages-view .customer-landingpages-subtitle{margin: var(--app-page-subtitle-margin-top) 0 0;max-width: 720px;color: var(--app-page-subtitle-color);font-size: var(--app-page-subtitle-size);line-height: var(--app-page-subtitle-line-height)}.customer-landingpages-view .customer-landingpages-shell>.secondary{margin: 0}.customer-landingpages-view .customer-landingpages-summary-strip{display: flex;align-items: flex-start;box-sizing: border-box;width: max-content;max-width: 100%;padding: 0;border: 0;background: transparent;box-shadow: none}.customer-landingpages-view .customer-landingpages-summary-info{display: flex;flex-direction: column;gap: 0;min-width: 0}.customer-landingpages-view .customer-landingpages-new-button{--vaadin-button-height: 3.2rem;--vaadin-button-padding: 0 1.25rem;border-radius: 16px;box-shadow: none}.customer-landingpages-view .customer-landingpages-section{display: flex;flex-direction: column;gap: 0.9rem;width: 100%;min-height: 0;position: relative;isolation: isolate}.customer-landingpages-view .customer-landingpages-section-title{margin: 0;color: #2f3c4f;font-size: 1rem;font-weight: 700;letter-spacing: 0.02em}.customer-landingpages-view .customer-landingpages-grid{display: flex;flex-direction: column;gap: 0.9rem;width: 100%;min-height: 440px;margin: 0;background: transparent;box-shadow: none}.customer-landingpages-view .customer-landingpages-row-card{display: grid;grid-template-columns: minmax(18rem,3.05fr) minmax(11rem,1.35fr) minmax(10rem,1.15fr);gap: 1.2rem;align-items: center}.customer-landingpages-view .customer-landingpages-grid-header{display: flex;align-items: center;width: max-content;max-width: 100%}.customer-landingpages-view .customer-landingpages-table-actions{display: flex;align-items: center;justify-content: flex-start;gap: 0.65rem;min-width: 0}.customer-landingpages-view .customer-landingpages-grid-rows{display: flex;flex-direction: column;gap: 0.95rem}.customer-landingpages-view .customer-landingpages-row-card{padding: 1rem 1.35rem;border-radius: 22px;position: relative;z-index: 0;border: 0;background: #FFFFFF;box-shadow: 0 16px 34px rgba(15,23,42,0.08),0 4px 10px rgba(15,23,42,0.05);transform: scale(1);transform-origin: center;transition: transform 180ms ease-in-out,box-shadow 180ms ease-in-out;will-change: transform,box-shadow}.customer-landingpages-view .customer-landingpages-row-card:hover,.customer-landingpages-view .customer-landingpages-row-card.is-hovered{z-index: 2;transform: scale(1.02);box-shadow: 0 18px 38px rgba(15,23,42,0.1),0 6px 14px rgba(15,23,42,0.06)}.customer-landingpages-view .customer-landingpage-entry-cell,.customer-landingpages-view .customer-landingpage-extras-cell,.customer-landingpages-view .customer-landingpage-preview-cell{display: flex;align-items: center;min-width: 0;padding: 0;border: 0;background: transparent}.customer-landingpages-view .customer-landingpage-entry-cell{gap: 0.95rem}.customer-landingpages-view .customer-landingpage-entry-marker{display: inline-flex;align-items: center;justify-content: center;width: 3.35rem;height: 3.35rem;border-radius: 999px;flex-shrink: 0;font-size: 1.2rem;font-weight: 800}.customer-landingpages-view .customer-landingpage-entry-marker.status-live{background: rgba(174,236,202,0.42);color: #2B8A57}.customer-landingpages-view .customer-landingpage-entry-marker.status-draft{background: rgba(215,223,233,0.72);color: #5F6876}.customer-landingpages-view .customer-landingpage-entry-copy{display: flex;flex-direction: column;gap: 0.22rem;min-width: 0}.customer-landingpages-view .customer-landingpage-entry-title-row{display: flex;align-items: center;gap: 0.55rem;flex-wrap: wrap;min-width: 0}.customer-landingpages-view .customer-landingpage-entry-title:any-link,.customer-landingpages-view .customer-landingpage-entry-title{color: #1F2B39;font-size: 1.1rem;font-weight: 800;letter-spacing: -0.02em;text-decoration: none}.customer-landingpages-view .customer-landingpage-entry-title:any-link:hover{color: #1F4F9F}.customer-landingpages-view .customer-landingpage-state-badge{display: inline-flex;align-items: center;min-height: 1.32rem;padding: 0.1rem 0.44rem;border-radius: 999px;font-size: 0.66rem;font-weight: 800;line-height: 1}.customer-landingpages-view .customer-landingpage-state-badge.is-ready{background: rgba(62,150,104,0.14);color: #236A43;border: 1px solid rgba(62,150,104,0.24)}.customer-landingpages-view .customer-landingpage-state-badge.is-draft{background: rgba(170,180,196,0.18);color: #566173;border: 1px solid rgba(120,133,152,0.26);text-transform: uppercase}.customer-landingpages-view .customer-landingpage-entry-meta-row{display: flex;flex-wrap: wrap;align-items: center;gap: 0.24rem 0.65rem}.customer-landingpages-view .customer-landingpage-entry-updated{color: #5F6772;font-size: 0.92rem;line-height: 1.35}.customer-landingpages-view .customer-landingpage-extras-cell,.customer-landingpages-view .customer-landingpage-preview-cell{justify-content: center}.customer-landingpages-view .customer-landingpage-preview-cell{justify-content: flex-start}.customer-landingpages-view .customer-landingpage-preview-frame{position: relative;width: 152px;aspect-ratio: 3 / 1;border-radius: 4px;overflow: hidden;border: 0;background: transparent;box-shadow: none}.customer-landingpages-view .customer-landingpage-preview,.customer-landingpages-view .customer-landingpage-preview-placeholder{width: 100%;height: 100%;border-radius: inherit}.customer-landingpages-view .customer-landingpage-preview{display: block;object-fit: cover;background: rgba(235,240,246,0.65);border: 1px solid rgba(124,139,160,0.35);box-shadow: inset 0 1px 0 rgba(255,255,255,0.4)}.customer-landingpages-view .customer-landingpage-preview.is-loading{opacity: 0.55}.customer-landingpages-view .customer-landingpage-preview-placeholder{display: flex;align-items: center;justify-content: center;padding: 0.35rem 0.55rem;box-sizing: border-box;max-width: 100%;max-height: 100%;overflow: hidden;background: linear-gradient(135deg,rgba(239,244,251,0.9) 0%,rgba(227,234,245,0.95) 100%);border: 1px dashed rgba(124,139,160,0.45);color: #687282;font-size: 0.88rem;font-weight: 600;text-align: center;line-height: 1.2}.customer-landingpages-view .customer-landingpage-loading{position: absolute;left: 0.5rem;bottom: 0.5rem;padding: 0.2rem 0.46rem;border-radius: 999px;background: rgba(255,255,255,0.9);color: #566173;font-size: 0.68rem;font-weight: 700;line-height: 1}.customer-landingpages-view .customer-landingpage-extras-cell{flex-direction: column;align-items: flex-start;justify-content: center;gap: 0.2rem}.customer-landingpages-view .customer-landingpage-extras-title{color: #222B38;font-size: 1.02rem;font-weight: 700}.customer-landingpages-view .customer-landingpage-extras-meta{color: #5F6772;font-size: 0.92rem;line-height: 1.4;max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.customer-landingpages-view .customer-landingpages-empty-state{padding: 1.2rem 1.4rem;border-radius: 20px;background: rgba(255,255,255,0.82);color: #5F6772;box-shadow: 0 12px 24px rgba(15,23,42,0.06)}html[data-theme-mode="dark"] .customer-landingpages-view .customer-landingpages-row-card,html[data-theme-mode="dark"] .customer-landingpages-view .customer-landingpages-empty-state{border-color: transparent;background: rgba(23,30,43,0.9);box-shadow: 0 16px 34px rgba(6,8,16,0.34)}html[data-theme-mode="dark"] .customer-landingpages-view .customer-landingpage-entry-title,html[data-theme-mode="dark"] .customer-landingpages-view .customer-landingpage-entry-title:any-link,html[data-theme-mode="dark"] .customer-landingpages-view .customer-landingpage-extras-title{color: #EFF3FA}html[data-theme-mode="dark"] .customer-landingpages-view .customer-landingpage-loading{color: #AAB7CC}html[data-theme-mode="dark"] .customer-landingpages-view .customer-landingpage-entry-updated{color: #AAB7CC}html[data-theme-mode="dark"] .customer-landingpages-view .customer-landingpage-state-badge.is-ready{background: rgba(62,150,104,0.2);color: #B8F0D2;border-color: rgba(97,198,143,0.32)}html[data-theme-mode="dark"] .customer-landingpages-view .customer-landingpage-state-badge.is-draft{background: rgba(91,103,122,0.28);color: #D3DAE6;border-color: rgba(126,139,158,0.32)}html[data-theme-mode="dark"] .customer-landingpages-view .customer-landingpage-preview-placeholder{background: linear-gradient(135deg,rgba(35,44,61,0.92) 0%,rgba(29,38,53,0.95) 100%);border-color: rgba(118,141,180,0.35);color: #C8D2E2}html[data-theme-mode="dark"] .customer-landingpages-view .customer-landingpage-loading{background: rgba(18,25,37,0.88)}html[data-theme-mode="dark"] .customer-landingpages-view .customer-landingpage-extras-meta{color: #AAB7CC}html[data-theme-mode="dark"] .customer-landingpages-view .customer-landingpage-entry-marker.status-live{background: rgba(62,150,104,0.22);color: #b8f0d2}html[data-theme-mode="dark"] .customer-landingpages-view .customer-landingpage-entry-marker.status-draft{background: rgba(91,103,122,0.34);color: #D3DAE6}@media (max-width: 1120px){.customer-landingpages-view .customer-landingpages-row-card{grid-template-columns: minmax(18rem,2.4fr) minmax(13rem,1.1fr)}.customer-landingpages-view .customer-landingpage-extras-cell{grid-column: 1 / -1;padding-top: 0.15rem}}@media (max-width: 960px){.customer-landingpages-view .customer-landingpages-row-card{grid-template-columns: 1fr;gap: 1rem}.customer-landingpages-view .customer-landingpage-preview-cell{justify-content: flex-start}}@media (max-width: 640px){.customer-landingpages-view .customer-landingpages-grid{width: 100%;margin: 0}.customer-landingpages-view .customer-landingpages-new-button{width: 100%}.customer-landingpages-view .customer-landingpages-row-card{grid-template-columns: 1fr}.customer-landingpages-view .customer-landingpages-row-card{padding: 0.95rem}.customer-landingpages-view .customer-landingpage-preview-frame{width: min(100%,240px)}}.register-view,.login-view{--register-brand-blue: #4d759e;--register-brand-blue-deep: #334a66;--register-brand-blue-soft: #6c84a0;--register-brand-blue-pale: #dfe9f5;--register-brand-navy: #334459;--register-brand-navy-deep: #253447;--register-brand-navy-soft: #5b6877;position: relative;min-height: 100dvh;box-sizing: border-box;overflow-x: hidden;overflow-y: auto;background: #edf3f8 url("/images/Drive_Customer_Background.png") center top / cover no-repeat}.register-view::before,.login-view::before{content: "";position: fixed;inset: 0;background: radial-gradient(circle at top center,rgba(255,255,255,0.34) 0%,rgba(241,246,251,0.48) 42%,rgba(235,241,248,0.62) 100%),linear-gradient(135deg,rgba(77,117,158,0.12) 0%,rgba(51,74,102,0.16) 100%);opacity: 1;pointer-events: none;z-index: 0}.login-view__shell{position: relative;z-index: 1;width: min(100%,24.5rem);box-sizing: border-box;padding: 2.45rem 2.2rem 1.9rem;display: flex;flex-direction: column;align-items: stretch;gap: 0.7rem;text-align: center;border: 1px solid rgba(197,208,221,0.7);border-radius: 1.75rem;background: linear-gradient(135deg,rgba(255,255,255,0.86) 0%,rgba(241,245,250,0.76) 52%,rgba(233,239,246,0.72) 100%);box-shadow: 0 22px 46px rgba(71,91,114,0.18),inset 0 1px 0 rgba(255,255,255,0.45);backdrop-filter: blur(14px)}.login-view__title,.login-view__hint,.login-view__register{margin: 0}.login-view__title{font-size: clamp(2rem,3vw,2.45rem);line-height: 1.02;letter-spacing: -0.035em}.login-view__title-brand{font-weight: 800;color: #495b72}.login-view__title-copy{font-weight: 500;color: #1d2733}.login-view__hint{color: #5e6f82;font-size: 1.02rem}.login-view__register{margin-bottom: 0.3rem;color: #4f6074;font-size: 0.99rem}.login-view__register-link{color: #243348;font-weight: 600;text-decoration: none}.login-view__register-link:hover{text-decoration: underline}.login-view__form{--vaadin-login-form-background: transparent;--vaadin-login-form-border-radius: 0;--vaadin-login-form-gap: 0.92rem;--vaadin-login-form-padding: 0;--vaadin-login-form-width: 100%;display: block}.login-view__form::part(form){padding: 0;gap: 0.92rem;background: transparent;box-shadow: none}.login-view__form::part(form-title),.login-view__form::part(footer){display: none}.login-view__form::part(error-message){margin-bottom: 0.15rem;padding: 0.8rem 0.95rem;border-radius: 0.95rem;background: rgba(255,240,242,0.88);color: #8e2f3a;font-size: 0.92rem;line-height: 1.45}.login-view__form form{display: flex;flex-direction: column;gap: 0.9rem}.login-view__form vaadin-text-field,.login-view__form vaadin-password-field{width: 100%}.login-view__form vaadin-text-field::part(label),.login-view__form vaadin-password-field::part(label){font-size: 1rem;font-weight: 600;color: #27374a;margin-bottom: 0.28rem}.login-view__form vaadin-text-field::part(input-field),.login-view__form vaadin-password-field::part(input-field){min-height: 3.45rem;padding-inline: 0.92rem;background: rgba(255,255,255,0.88);border: 1px solid rgba(114,135,157,0.26);border-radius: 0.82rem;box-shadow: inset 0 1px 0 rgba(255,255,255,0.7),0 7px 18px rgba(88,109,131,0.08)}.login-view__form vaadin-text-field:hover::part(input-field),.login-view__form vaadin-password-field:hover::part(input-field),.login-view__form vaadin-text-field[focused]::part(input-field),.login-view__form vaadin-password-field[focused]::part(input-field){border-color: rgba(69,95,127,0.5);box-shadow: inset 0 1px 0 rgba(255,255,255,0.75),0 10px 22px rgba(78,102,127,0.11)}.login-view__form vaadin-text-field::part(value),.login-view__form vaadin-password-field::part(value){color: #243348;font-size: 1rem}.login-view__form vaadin-password-field::part(reveal-button){color: #43556d}.login-view__form vaadin-button[theme~="submit"]{width: 100%;min-height: 3.2rem;margin-top: 0.22rem;border-radius: 0.88rem;background: linear-gradient(180deg,#4f627b 0%,#344659 100%);box-shadow: 0 14px 28px rgba(49,67,88,0.22);color: #ffffff;font-size: 1rem;font-weight: 600}.login-view__form vaadin-button[theme~="submit"]:hover{background: linear-gradient(180deg,#5a6d86 0%,#3a4d62 100%)}.login-view__form vaadin-button[slot="forgot-password"]{margin: 0 auto;color: #253548;font-size: 0.98rem}.login-view__form vaadin-button[slot="forgot-password"]::part(label){font-weight: 500}.reset-password-view__shell{gap: 0.78rem}.reset-password-view__status{margin: 0;padding: 0.8rem 0.95rem;border-radius: 0.95rem;background: rgba(255,240,242,0.88);color: #8e2f3a;font-size: 0.92rem;line-height: 1.45;text-align: left}.reset-password-view__form{width: 100%;margin-top: 0.05rem}.reset-password-view__form vaadin-password-field{width: 100%}.reset-password-view__form vaadin-password-field::part(label){font-size: 1rem;font-weight: 600;color: #27374a;margin-bottom: 0.28rem}.reset-password-view__form vaadin-password-field::part(input-field){min-height: 3.45rem;padding-inline: 0.92rem;background: rgba(255,255,255,0.88);border: 1px solid rgba(114,135,157,0.26);border-radius: 0.82rem;box-shadow: inset 0 1px 0 rgba(255,255,255,0.7),0 7px 18px rgba(88,109,131,0.08)}.reset-password-view__form vaadin-password-field:hover::part(input-field),.reset-password-view__form vaadin-password-field[focused]::part(input-field){border-color: rgba(69,95,127,0.5);box-shadow: inset 0 1px 0 rgba(255,255,255,0.75),0 10px 22px rgba(78,102,127,0.11)}.reset-password-view__form vaadin-password-field::part(value){color: #243348;font-size: 1rem}.reset-password-view__form vaadin-password-field::part(reveal-button){color: #43556d}.reset-password-view__submit{width: 100%;min-height: 3.2rem;margin-top: 0.22rem;border-radius: 0.88rem;background: linear-gradient(180deg,#4f627b 0%,#344659 100%);box-shadow: 0 14px 28px rgba(49,67,88,0.22);color: #ffffff;font-size: 1rem;font-weight: 600}.reset-password-view__submit:hover{background: linear-gradient(180deg,#5a6d86 0%,#3a4d62 100%)}.forgot-password-view__shell{width: min(100%,28rem);padding-inline: 1.85rem;gap: 0.96rem}.forgot-password-view__shell .login-view__hint,.forgot-password-view__shell .login-view__register{max-width: none;white-space: nowrap}.forgot-password-view__status{margin: 0;padding: 0.8rem 0.95rem;border-radius: 0.95rem;font-size: 0.92rem;line-height: 1.45;text-align: left}.forgot-password-view__status.is-error{background: rgba(255,240,242,0.88);color: #8e2f3a}.forgot-password-view__status.is-success{background: rgba(235,247,239,0.92);color: #2d6841}.forgot-password-view__form{width: 100%;margin-top: 0.05rem}.forgot-password-view__form vaadin-text-field{width: 100%}.forgot-password-view__form vaadin-text-field::part(label){font-size: 1rem;font-weight: 600;color: #27374a;margin-bottom: 0.28rem}.forgot-password-view__form vaadin-text-field::part(input-field){min-height: 3.45rem;padding-inline: 0.92rem;background: rgba(255,255,255,0.88);border: 1px solid rgba(114,135,157,0.26);border-radius: 0.82rem;box-shadow: inset 0 1px 0 rgba(255,255,255,0.7),0 7px 18px rgba(88,109,131,0.08)}.forgot-password-view__form vaadin-text-field:hover::part(input-field),.forgot-password-view__form vaadin-text-field[focused]::part(input-field){border-color: rgba(69,95,127,0.5);box-shadow: inset 0 1px 0 rgba(255,255,255,0.75),0 10px 22px rgba(78,102,127,0.11)}.forgot-password-view__form vaadin-text-field::part(value){color: #243348;font-size: 1rem}.forgot-password-view__submit{width: 100%;min-height: 3.2rem;margin-top: 0.22rem;border-radius: 0.88rem;background: linear-gradient(180deg,#4f627b 0%,#344659 100%);box-shadow: 0 14px 28px rgba(49,67,88,0.22);color: #ffffff;font-size: 1rem;font-weight: 600}.forgot-password-view__submit:hover{background: linear-gradient(180deg,#5a6d86 0%,#3a4d62 100%)}@media (max-width: 520px){.login-view{padding: calc(env(safe-area-inset-top) + 0.95rem) 0.9rem calc(env(safe-area-inset-bottom) + 1rem);background-position: 62% top}.login-view__shell{width: 100%;max-width: 22rem;padding: 1.85rem 1.15rem 1.45rem;border-radius: 1.45rem;gap: 0.55rem}.login-view__title{font-size: 1.9rem}.login-view__hint{font-size: 0.96rem}.login-view__register{margin-bottom: 0.15rem;font-size: 0.93rem}.login-view__form::part(error-message){padding: 0.72rem 0.82rem;font-size: 0.88rem}.login-view__form vaadin-text-field::part(input-field),.login-view__form vaadin-password-field::part(input-field){min-height: 3.2rem}.login-view__form vaadin-button[theme~="submit"]{min-height: 3.05rem}.login-view__form vaadin-button[slot="forgot-password"]{font-size: 0.92rem}.reset-password-view__status{padding: 0.72rem 0.82rem;font-size: 0.88rem}.reset-password-view__form vaadin-password-field::part(input-field){min-height: 3.2rem}.reset-password-view__submit{min-height: 3.05rem}.forgot-password-view__status{padding: 0.72rem 0.82rem;font-size: 0.88rem}.forgot-password-view__shell{width: 100%;max-width: 24rem;padding-inline: 1.2rem;gap: 0.72rem}.forgot-password-view__shell .login-view__hint,.forgot-password-view__shell .login-view__register{white-space: normal}.forgot-password-view__form vaadin-text-field::part(input-field){min-height: 3.2rem}.forgot-password-view__submit{min-height: 3.05rem}}@media (max-width: 420px){.login-view{padding-inline: 0.75rem}.login-view__shell{padding: 1.6rem 0.95rem 1.25rem;border-radius: 1.25rem}.login-view__title{font-size: 1.72rem}}.register-view__shell{position: relative;z-index: 1;width: min(100%,78rem);box-sizing: border-box;margin: 0 auto;padding: clamp(2.5rem,5vw,4.75rem) clamp(1rem,2vw,1.5rem) 3rem;display: flex;flex-direction: column;align-items: center;gap: 1.6rem}.register-view__hero{width: min(100%,52rem);box-sizing: border-box;display: flex;flex-direction: column;align-items: center;gap: 0.45rem;text-align: center}.register-view__brand{display: inline-flex;align-items: center;gap: 0.65rem;padding: 0.7rem 1rem;border-radius: 999px;background: rgba(255,255,255,0.9);box-shadow: 0 12px 28px rgba(37,52,71,0.09)}.register-view__brand-logo{height: 2rem;width: auto}.register-view__brand-tag{margin: 0;font-size: 0.92rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--register-brand-blue-deep)}.register-view__headline{margin: 0.35rem 0 0;font-size: clamp(2rem,4vw,3rem);line-height: 1.05;letter-spacing: -0.03em;color: var(--register-brand-navy-deep)}.register-view__subhead{margin: 0;max-width: 42rem;color: var(--register-brand-blue-soft);font-size: 1rem;line-height: 1.6}.register-view__role-strip{width: min(100%,72rem);box-sizing: border-box;display: grid;grid-template-columns: minmax(0,1fr) 6.5rem minmax(0,1fr);align-items: stretch}.register-view__role-option{min-height: 10.75rem;box-sizing: border-box;display: flex;align-items: center;justify-content: center;gap: 1.2rem;padding: 1.5rem 1.8rem;cursor: pointer;user-select: none;transition: transform 160ms ease,box-shadow 160ms ease,background-color 160ms ease,color 160ms ease;background: rgba(248,251,255,0.78);color: var(--register-brand-navy);box-shadow: inset 0 0 0 1px rgba(77,117,158,0.12)}.register-view__role-option:first-child{border-radius: 1.75rem 0 0 1.75rem}.register-view__role-option:last-child{border-radius: 0 1.75rem 1.75rem 0}.register-view__role-option:hover{transform: translateY(-1px)}.register-view__role-option.is-selected{background: linear-gradient(135deg,rgba(114,160,205,0.94) 0%,var(--register-brand-blue) 45%,var(--register-brand-blue-deep) 100%);color: #ffffff;box-shadow: 0 18px 36px rgba(61,96,136,0.22)}.register-view__role-option.is-selected .register-view__role-kicker,.register-view__role-option.is-selected .register-view__role-title,.register-view__role-option.is-selected .register-view__role-icon{color: #ffffff}.register-view__role-option:focus-visible{outline: 3px solid rgba(77,117,158,0.26);outline-offset: 4px}.register-view__role-icon{flex: 0 0 auto;font-size: 3.3rem;color: var(--register-brand-navy)}.register-view__role-copy{display: flex;flex-direction: column;gap: 0.1rem}.register-view__role-kicker,.register-view__role-title{margin: 0}.register-view__role-kicker{font-size: 0.95rem;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;color: #72849a}.register-view__role-title{font-size: clamp(1.9rem,3vw,2.8rem);font-weight: 700;letter-spacing: -0.035em;line-height: 0.98;text-transform: uppercase;color: var(--register-brand-navy-deep)}.register-view__role-divider{position: relative;display: flex;align-items: center;justify-content: center}.register-view__role-divider::before{content: "";width: 0.85rem;height: 100%;border-radius: 999px;background: linear-gradient(180deg,var(--register-brand-blue) 0%,var(--register-brand-blue-deep) 100%);box-shadow: inset 0 0 0 1px rgba(255,255,255,0.3)}.register-view__role-divider-badge{position: absolute;display: flex;align-items: center;justify-content: center;width: 3.2rem;height: 3.2rem;border-radius: 50%;background: linear-gradient(180deg,#ffffff 0%,var(--register-brand-blue-pale) 100%);box-shadow: 0 10px 24px rgba(37,52,71,0.18);color: var(--register-brand-blue)}.register-view__role-divider-badge.is-small{top: 0.85rem;width: 2rem;height: 2rem;transform: translateY(-50%);background: linear-gradient(180deg,#7aa7d4 0%,var(--register-brand-blue) 100%);color: #ffffff;box-shadow: none}.register-view__card{width: min(100%,31rem);box-sizing: border-box;padding: 1.5rem 1.7rem 1.7rem;border-radius: 1.35rem;background: rgba(255,255,255,0.94);box-shadow: 0 22px 40px rgba(37,52,71,0.12),0 6px 14px rgba(37,52,71,0.08);backdrop-filter: blur(10px)}.register-view__card-kicker,.register-view__card-copy{margin: 0}.register-view__card-kicker{color: var(--register-brand-blue);font-size: 0.8rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}.register-view__card-copy{margin-top: 0.35rem;margin-bottom: 0.9rem;color: var(--register-brand-blue-soft);line-height: 1.5}.register-view__form{gap: 0.7rem 1.15rem;margin-bottom: 1.2rem}.register-view__form vaadin-text-field,.register-view__form vaadin-password-field{width: 100%}.register-view__form vaadin-text-field::part(label),.register-view__form vaadin-password-field::part(label){font-size: 0.93rem;font-weight: 600;color: var(--register-brand-navy)}.register-view__form vaadin-text-field::part(input-field),.register-view__form vaadin-password-field::part(input-field){background: transparent;border: 0;border-bottom: 1px solid rgba(77,117,158,0.24);border-radius: 0;box-shadow: none;padding-inline: 0;min-height: 2.9rem}.register-view__form vaadin-text-field:hover::part(input-field),.register-view__form vaadin-password-field:hover::part(input-field),.register-view__form vaadin-text-field[focused]::part(input-field),.register-view__form vaadin-password-field[focused]::part(input-field){border-bottom-color: rgba(77,117,158,0.85)}.register-view__form vaadin-text-field::part(value),.register-view__form vaadin-password-field::part(value){color: var(--register-brand-navy-deep)}.register-view__form vaadin-text-field::part(helper-text),.register-view__form vaadin-password-field::part(helper-text){color: #75879a}.register-view__field-icon{color: var(--register-brand-blue);font-size: 1rem}.register-view__terms-consent{margin: 0.5rem 0 1rem;display: flex;align-items: center;gap: 0.4rem;flex-wrap: wrap}.register-view__terms-consent-label{margin-top: 0.12rem;color: var(--register-brand-navy);font-size: 0.92rem;line-height: 1.25}.register-view__terms-consent-checkbox{margin: 0}vaadin-button.register-view__submit{width: 100%;min-height: 3.05rem;border-radius: 0.75rem;background: linear-gradient(180deg,#6f9bc6 0%,var(--register-brand-blue) 45%,var(--register-brand-blue-deep) 100%);box-shadow: none;text-transform: uppercase;letter-spacing: 0.08em;font-weight: 700}vaadin-button.register-view__submit:hover{background: linear-gradient(180deg,#7ba6d1 0%,#5f86b0 45%,#3d5879 100%);box-shadow: none}.register-view__footer{display: flex;flex-direction: column;align-items: center;gap: 0.15rem;text-align: center}.register-view__footer-line,.register-view__footer-meta{margin: 0}.register-view__footer-line{color: var(--register-brand-navy)}.register-view__footer-link{color: var(--register-brand-blue);font-weight: 600;text-decoration: none}.register-view__footer-link:hover{text-decoration: underline}.register-view__footer-meta{color: #718196;font-size: 0.9rem}@media (max-width: 860px){.register-view__role-strip{grid-template-columns: 1fr;gap: 0.85rem}.register-view__role-option:first-child,.register-view__role-option:last-child{border-radius: 1.5rem}.register-view__role-divider{display: none}}@media (max-width: 640px){.register-view{background-position: 60% top}.register-view__shell{width: 100%;gap: 1.1rem;padding: calc(env(safe-area-inset-top) + 1.2rem) 0.9rem calc(env(safe-area-inset-bottom) + 1.25rem)}.register-view__hero{width: 100%;align-items: center;gap: 0.65rem;text-align: center}.register-view__brand{gap: 0.5rem;padding: 0.58rem 0.88rem}.register-view__brand-logo{height: 1.75rem}.register-view__headline{font-size: clamp(1.85rem,9vw,2.35rem)}.register-view__subhead{font-size: 0.95rem;line-height: 1.5}.register-view__role-strip{width: 100%;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.65rem}.register-view__card{width: 100%;padding: 1.2rem 1rem 1.2rem;border-radius: 1.15rem}.register-view__role-option{position: relative;flex-direction: column;justify-content: center;align-items: center;min-height: 7.4rem;padding: 0.95rem 0.55rem 0.8rem;gap: 0.55rem;text-align: center}.register-view__role-option:first-child,.register-view__role-option:last-child{border-radius: 1.25rem}.register-view__role-option.is-selected::after{content: "\2713";position: absolute;top: 0.55rem;right: 0.7rem;color: #ffffff;font-size: 1.1rem;font-weight: 700;line-height: 1}.register-view__role-icon{display: inline-flex;align-items: center;justify-content: center;width: 2.75rem;height: 2.75rem;padding: 0.4rem;border-radius: 999px;background: rgba(77,117,158,0.1);font-size: 1.55rem;line-height: 1;color: currentColor}.register-view__role-option.is-selected .register-view__role-icon{background: rgba(255,255,255,0.14)}.register-view__role-kicker{display: none}.register-view__role-title{font-size: 0.98rem;line-height: 1.05;letter-spacing: -0.015em;text-transform: none}.register-view__role-copy{flex: 0 0 auto;align-items: center;justify-content: center;min-height: auto;padding-right: 0}.register-view__card-copy{margin-bottom: 0.75rem;text-align: center}.register-view__card-kicker{text-align: center}.register-view__form{gap: 0.55rem 1rem;margin-bottom: 1rem}.register-view__form vaadin-text-field::part(label),.register-view__form vaadin-password-field::part(label){font-size: 0.9rem}.register-view__form vaadin-text-field::part(input-field),.register-view__form vaadin-password-field::part(input-field){min-height: 3.05rem}vaadin-button.register-view__submit{min-height: 3.2rem}.register-view__footer-meta{font-size: 0.82rem}}@media (max-width: 420px){.register-view__shell{padding-inline: 0.75rem}.register-view__brand{width: 100%;justify-content: center}.register-view__card{padding-inline: 0.9rem}.register-view__role-option{min-height: 6.9rem;padding-inline: 0.45rem}.register-view__role-title{font-size: 0.92rem}}.customer-dashboard-view .customer-dashboard-landing-group{display: flex;flex-direction: column;gap: 0.75rem}.customer-dashboard-view .customer-dashboard-landing-group .customer-dashboard-card + .customer-dashboard-card{border-top: none;border-radius: 30px}.customer-dashboard-view .customer-dashboard-landing-group .customer-dashboard-card:first-child{border-radius: 30px}.customer-dashboard-view .customer-dashboard-landing-group .customer-dashboard-my-domains-card{border: 1px solid rgba(255,255,255,0.82);border-radius: 30px}.customer-dashboard-view .customer-dashboard-my-domains-card .customer-my-domains-heading-row{display: flex;align-items: center;justify-content: space-between;gap: 0.8rem}.customer-dashboard-view .customer-dashboard-my-domains-card .customer-dashboard-my-domain-add-button{--vaadin-button-height: 2.1rem;--vaadin-button-padding: 0 0.95rem;min-width: 0;font-weight: 700;letter-spacing: -0.01em;border-radius: 999px}.customer-dashboard-view .customer-dashboard-my-domains-card .customer-my-domains-empty{color: #667281;font-size: 0.94rem}.customer-dashboard-view .customer-dashboard-my-domains-card .customer-my-domains-list{display: flex;flex-direction: column;gap: 0.7rem}.customer-dashboard-view .customer-dashboard-my-domains-card .customer-dashboard-my-domain-row,.customer-dashboard-view .customer-dashboard-my-domains-card .customer-dashboard-my-domain-redirect-row{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,0.9fr);align-items: center;gap: 0.65rem;padding: 0.88rem 1rem;border-radius: 18px;background: #FFFFFF;box-shadow: 0 16px 34px rgba(15,23,42,0.08),0 4px 10px rgba(15,23,42,0.05);border: 0;transition: transform 180ms ease-in-out,box-shadow 180ms ease-in-out}.customer-dashboard-view .customer-dashboard-my-domains-card .customer-dashboard-my-domain-redirect-row{grid-template-columns: minmax(0,1fr) auto}.customer-dashboard-view .customer-dashboard-my-domains-card .customer-dashboard-my-domain-row:hover,.customer-dashboard-view .customer-dashboard-my-domains-card .customer-dashboard-my-domain-redirect-row:hover{transform: translateY(-1px);box-shadow: 0 18px 38px rgba(15,23,42,0.1),0 6px 14px rgba(15,23,42,0.06)}.customer-dashboard-view .customer-dashboard-my-domains-card .customer-dashboard-my-domain-link,.customer-dashboard-view .customer-dashboard-my-domains-card .customer-my-domain-link{justify-self: start;color: #1f2b39;text-decoration: none;font-weight: 800;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.customer-dashboard-view .customer-dashboard-my-domains-card .customer-dashboard-my-domain-link:hover,.customer-dashboard-view .customer-dashboard-my-domains-card .customer-my-domain-link:hover{text-decoration: underline}.customer-dashboard-view .customer-dashboard-my-domains-card .customer-my-domain-lp-label{color: #667281;font-size: 0.88rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;justify-self: stretch}.customer-dashboard-view .customer-dashboard-my-domains-card .customer-my-domain-redirected-label{color: #236a43;font-weight: 500}.customer-dashboard-view .customer-dashboard-my-domains-card .customer-my-domains-redirects{margin-top: 0.4rem;display: flex;flex-direction: column;gap: 0.55rem}.customer-dashboard-view .customer-dashboard-my-domains-card .customer-my-domains-section-label{width: fit-content;display: inline-flex;align-items: center;padding: 0.22rem 0.6rem;border-radius: 999px;background: rgba(62,150,104,0.14);color: #236a43;font-size: 0.74rem;font-weight: 800;letter-spacing: 0.05em;text-transform: uppercase;line-height: 1}.customer-dashboard-view .customer-dashboard-my-domains-card .customer-my-domain-redirect-info{color: #667281;font-size: 0.88rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;min-width: 0}vaadin-button.app-button,vaadin-button.app-button-default{--vaadin-button-height: var(--app-button-height);--vaadin-button-padding: var(--app-button-padding);--vaadin-button-font-size: var(--app-button-font-size);--vaadin-button-font-weight: var(--app-button-font-weight);border: 0;border-radius: var(--app-button-radius);background: var(--app-button-bg);color: var(--app-button-text);box-shadow: var(--app-button-shadow)}vaadin-button.app-button:hover,vaadin-button.app-button-default:hover{background: var(--app-button-bg-hover);box-shadow: var(--app-button-shadow-hover)}vaadin-button.app-button-primary,vaadin-button.app-button[theme~="primary"],vaadin-button.app-button-default[theme~="primary"]{background: var(--app-button-primary-bg);color: var(--app-button-primary-text);box-shadow: var(--app-button-primary-shadow)}vaadin-button.app-button-primary::part(label),vaadin-button.app-button-primary ::slotted(*){color: var(--app-button-primary-text)}vaadin-button.app-button-primary:hover,vaadin-button.app-button[theme~="primary"]:hover,vaadin-button.app-button-default[theme~="primary"]:hover{background: var(--app-button-primary-bg-hover);box-shadow: var(--app-button-primary-shadow)}.app-container-box.app-container-box{border: 0;border-radius: var(--app-container-box-radius);background: var(--app-container-box-bg);box-shadow: var(--app-container-box-shadow);backdrop-filter: none;-webkit-backdrop-filter: none}.app-container-box.app-container-box:hover{box-shadow: var(--app-container-box-shadow-hover)}.app-action-box.app-action-box{border: 0;border-radius: var(--app-container-box-radius);background: var(--app-action-box-bg);box-shadow: var(--app-action-box-shadow);backdrop-filter: var(--app-action-box-backdrop);-webkit-backdrop-filter: var(--app-action-box-backdrop)}.app-blue-stat-display.app-blue-stat-display{--app-blue-stat-display-width: min(100%,19rem);--app-blue-stat-display-min-height: 8.25rem;--app-blue-stat-display-padding: 1.15rem 1.25rem;--app-blue-stat-display-border: 1px solid rgba(83,112,146,0.28);--app-blue-stat-display-radius: 26px;--app-blue-stat-display-bg: radial-gradient(circle at 86% 22%,rgba(125,162,203,0.32) 0%,rgba(125,162,203,0) 30%),linear-gradient(140deg,#32475F 0%,#4F6D89 100%);--app-blue-stat-display-shadow: 0 18px 34px rgba(30,45,67,0.16);display: inline-flex;flex-direction: column;align-items: flex-start;justify-content: space-between;gap: 1.1rem;min-width: 0;width: var(--app-blue-stat-display-width);max-width: 100%;min-height: var(--app-blue-stat-display-min-height);padding: var(--app-blue-stat-display-padding) !important;border: var(--app-blue-stat-display-border) !important;border-radius: var(--app-blue-stat-display-radius) !important;background: var(--app-blue-stat-display-bg) !important;box-shadow: var(--app-blue-stat-display-shadow) !important;color: #F2F7FD !important;overflow: hidden}.app-blue-stat-copy.app-blue-stat-copy{display: inline-flex;align-items: center;justify-content: space-between;gap: 0.7rem;order: 1;width: 100%;min-width: 0;flex-wrap: wrap}.app-blue-stat-label.app-blue-stat-label{color: rgba(244,248,253,0.78) !important;font-size: 0.78rem;font-weight: 800;letter-spacing: 0;line-height: 1.1;text-transform: uppercase}.app-blue-stat-value.app-blue-stat-value{display: inline-flex;align-items: center;justify-content: center;flex: 0 0 auto;order: 2;width: auto;height: auto;border-radius: 0;background: transparent !important;box-shadow: none !important;color: #FFFFFF !important;font-size: var(--app-blue-stat-value-font-size,3.55rem);font-weight: 300;font-variant-numeric: tabular-nums lining-nums;letter-spacing: 0;line-height: 0.92}.app-blue-stat-meta.app-blue-stat-meta{display: inline-flex;align-items: center;min-height: 1.75rem;max-width: 100%;padding: 0.28rem 0.62rem;border: 1px solid rgba(255,255,255,0.18) !important;border-radius: 999px;background: rgba(255,255,255,0.12) !important;color: #F5F8FC !important;font-size: 0.82rem;font-weight: 700;line-height: 1.15;overflow-wrap: anywhere;white-space: normal}html[data-theme-mode="dark"] .app-blue-stat-display.app-blue-stat-display{--app-blue-stat-display-bg: radial-gradient(circle at 78% 22%,rgba(255,255,255,0.08) 0%,rgba(255,255,255,0) 38%),linear-gradient(135deg,#3F5873 0%,#293B52 100%);--app-blue-stat-display-shadow: 0 16px 32px rgba(5,10,18,0.34),inset 0 1px 0 rgba(255,255,255,0.07)}html[data-theme-mode="dark"] .app-blue-stat-label.app-blue-stat-label{color: #E5ECF7 !important}html[data-theme-mode="dark"] .app-blue-stat-value.app-blue-stat-value{background: transparent !important;box-shadow: none !important;color: #FFFFFF !important}html[data-theme-mode="dark"] .app-blue-stat-meta.app-blue-stat-meta{border-color: rgba(139,163,198,0.24) !important;background: rgba(49,66,92,0.5) !important;color: #C8D4E5 !important}@media (max-width: 820px){.app-blue-stat-display.app-blue-stat-display{--app-blue-stat-display-min-height: 7.5rem;--app-blue-stat-display-padding: 1rem 1.1rem;--app-blue-stat-display-radius: 22px}.app-blue-stat-value.app-blue-stat-value{--app-blue-stat-value-font-size: 2.75rem}}.crm-dashboard-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view,.job-billing-view{overflow: auto}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-dashboard-shell{display: flex;flex-direction: column;gap: 1rem;width: 100%;max-width: 1240px;margin-inline: auto;padding: 1.5rem;box-sizing: border-box}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-card{display: flex;flex-direction: column;gap: 0.55rem;min-width: 0;padding: 1.1rem 1.2rem 1.2rem;border-radius: 24px;background: #FFFFFF;border: 1px solid rgba(197,213,224,0.56);box-shadow: 0 16px 34px rgba(18,28,45,0.06),inset 0 1px 0 rgba(255,255,255,0.76);text-decoration: none}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-card-head{display: flex;flex-direction: column;gap: 0.1rem}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-card-head-row{display: flex;align-items: flex-start;justify-content: space-between;gap: 0.8rem;flex-wrap: wrap}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-card-title{font-size: 0.78rem;font-weight: 800;letter-spacing: 0.04em;text-transform: uppercase;color: #516072}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-card-subtitle{font-size: 0.88rem;color: #708093}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-card-empty{display: flex;align-items: center;justify-content: center;min-height: 9rem;padding: 1rem;border: 1px dashed rgba(96,116,139,0.24);border-radius: 16px;background: rgba(246,249,252,0.72);color: #708093;font-size: 0.92rem;text-align: center}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-dashboard-kpis{display: grid;grid-template-columns: repeat(6,minmax(0,1fr));gap: 0.75rem}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-kpi-card{gap: 0.35rem;padding: 1rem 1.15rem 1.05rem;cursor: pointer;transition: transform 160ms ease,box-shadow 160ms ease}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-kpi-card:hover{transform: translateY(-2px);box-shadow: 0 20px 40px rgba(18,28,45,0.1),inset 0 1px 0 rgba(255,255,255,0.76)}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-kpi-label{font-size: 0.72rem;font-weight: 800;letter-spacing: 0.05em;text-transform: uppercase;color: #667281}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-kpi-value{font-size: 2.3rem;font-weight: 300;line-height: 1;color: #1F2B39;font-variant-numeric: tabular-nums lining-nums}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-kpi-meta{align-self: flex-start;max-width: 100%;padding: 0.2rem 0.55rem;border-radius: 999px;background: rgba(102,114,129,0.09);color: #667281;font-size: 0.74rem;font-weight: 700;line-height: 1.2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-kpi-meta--up{background: rgba(12,163,12,0.12);color: #006300}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-kpi-card--hero.crm-kpi-card--hero{border-color: rgba(83,112,146,0.28) !important;background: radial-gradient(circle at 86% 22%,rgba(125,162,203,0.32) 0%,rgba(125,162,203,0) 30%),linear-gradient(140deg,#32475F 0%,#4F6D89 100%) !important;box-shadow: 0 18px 34px rgba(30,45,67,0.16) !important}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-kpi-card--hero .crm-kpi-label{color: rgba(244,248,253,0.78) !important}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-kpi-card--hero .crm-kpi-value{color: #FFFFFF !important}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-kpi-card--hero .crm-kpi-meta,:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-kpi-card--hero .crm-kpi-meta--up{border: 1px solid rgba(255,255,255,0.18) !important;background: rgba(255,255,255,0.14) !important;color: #F5F8FC !important}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-dashboard-charts{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.75rem}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-card--wide{grid-column: 1 / -1}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-dashboard-chart{width: 100%}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-recent-list{display: flex;flex-direction: column}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-recent-row{display: grid;grid-template-columns: minmax(0,1fr) auto auto;align-items: center;gap: 0.8rem;padding: 0.6rem 0.5rem;border-bottom: 1px solid rgba(197,213,224,0.45);border-radius: 12px;text-decoration: none;transition: background 120ms ease}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-recent-row:last-child{border-bottom: none}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-recent-row:hover{background: rgba(96,116,139,0.06)}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-recent-identity{display: flex;flex-direction: column;min-width: 0}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-recent-name{font-weight: 700;color: #1F2B39;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-recent-secondary{font-size: 0.82rem;color: #708093;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-recent-time{font-size: 0.82rem;color: #8593A5;white-space: nowrap}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-status-chip{padding: 0.18rem 0.6rem;border-radius: 999px;font-size: 0.74rem;font-weight: 800;white-space: nowrap}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-status-chip--waitlist{background: rgba(42,120,214,0.12);color: #1c5cab}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-status-chip--contacted{background: rgba(237,161,0,0.16);color: #8a5d00}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-status-chip--converted{background: rgba(0,131,0,0.12);color: #006300}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-status-chip--archived{background: rgba(102,114,129,0.12);color: #52616f}html[data-theme-mode="dark"] :is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-card{background: #1B2836;border-color: rgba(139,163,198,0.22);box-shadow: 0 16px 32px rgba(5,10,18,0.34),inset 0 1px 0 rgba(255,255,255,0.05)}html[data-theme-mode="dark"] :is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-card-title{color: #B4C0CF}html[data-theme-mode="dark"] :is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-card-subtitle,html[data-theme-mode="dark"] :is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-recent-secondary{color: #9EADBE}html[data-theme-mode="dark"] :is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-card-empty{background: rgba(20,30,44,0.5);border-color: rgba(139,163,198,0.2);color: #9EADBE}html[data-theme-mode="dark"] :is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-kpi-label{color: #9EADBE}html[data-theme-mode="dark"] :is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-kpi-value,html[data-theme-mode="dark"] :is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-recent-name{color: #E5ECF7}html[data-theme-mode="dark"] :is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-kpi-meta{background: rgba(49,66,92,0.5);border: 1px solid rgba(139,163,198,0.24);color: #C8D4E5}html[data-theme-mode="dark"] :is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-kpi-meta--up{background: rgba(12,163,12,0.2);color: #4fc36a}html[data-theme-mode="dark"] :is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-kpi-card--hero.crm-kpi-card--hero{background: radial-gradient(circle at 78% 22%,rgba(255,255,255,0.08) 0%,rgba(255,255,255,0) 38%),linear-gradient(135deg,#3F5873 0%,#293B52 100%) !important;box-shadow: 0 16px 32px rgba(5,10,18,0.34),inset 0 1px 0 rgba(255,255,255,0.07) !important}html[data-theme-mode="dark"] :is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-recent-row{border-bottom-color: rgba(139,163,198,0.14)}html[data-theme-mode="dark"] :is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-recent-row:hover{background: rgba(255,255,255,0.04)}html[data-theme-mode="dark"] :is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-status-chip--waitlist{background: rgba(57,135,229,0.22);color: #86b6ef}html[data-theme-mode="dark"] :is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-status-chip--contacted{background: rgba(201,133,0,0.24);color: #eda100}html[data-theme-mode="dark"] :is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-status-chip--converted{background: rgba(27,175,122,0.2);color: #1baf7a}html[data-theme-mode="dark"] :is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-status-chip--archived{background: rgba(113,134,163,0.22);color: #C8D4E5}@media (max-width: 1100px){:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-dashboard-kpis{grid-template-columns: repeat(3,minmax(0,1fr))}}@media (max-width: 820px){:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-dashboard-shell{padding: 1rem}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-dashboard-kpis{grid-template-columns: repeat(2,minmax(0,1fr))}:is(.crm-dashboard-view,.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-dashboard-charts{grid-template-columns: minmax(0,1fr)}}:is(.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-dashboard-shell{max-width: 1560px}:is(.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-kpi-card{cursor: default}:is(.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-kpi-card:hover{transform: none}:is(.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .job-billing-filter-row{display: flex;flex-wrap: wrap;align-items: flex-end;gap: 0.7rem 0.9rem}:is(.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .job-billing-filter-row vaadin-combo-box,:is(.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .job-billing-filter-row vaadin-date-picker{min-width: 0}:is(.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .job-billing-grid{--vaadin-grid-cell-padding: 0.55rem 1rem;border: none;border-radius: 14px;overflow: hidden}:is(.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .job-billing-grid::part(header-cell){padding-block: 0.7rem;color: #6B7280;font-size: 0.78rem;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;background: linear-gradient(180deg,rgba(252,253,255,1) 0%,rgba(246,249,252,1) 100%)}:is(.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .job-billing-grid::part(body-cell){border-bottom-color: rgba(224,232,239,0.72);padding-block: 0.75rem;background: transparent}:is(.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .job-billing-grid::part(row):hover{background: rgba(239,244,248,0.74)}html[data-theme-mode="dark"] :is(.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .job-billing-grid::part(header-cell){background: linear-gradient(180deg,rgba(34,46,63,0.96) 0%,rgba(28,40,56,0.98) 100%);color: #c1cad7}html[data-theme-mode="dark"] :is(.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .job-billing-grid::part(body-cell){border-bottom-color: rgba(73,91,117,0.56)}html[data-theme-mode="dark"] :is(.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .job-billing-grid::part(row):hover{background: rgba(34,46,63,0.74)}:is(.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .job-billing-money{font-weight: 700;font-variant-numeric: tabular-nums lining-nums;color: #1F2B39}:is(.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .job-billing-money--muted{color: #8593A5;font-weight: 500}:is(.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-status-chip--created{background: rgba(42,120,214,0.12);color: #1c5cab}:is(.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-status-chip--completed{background: rgba(0,131,0,0.12);color: #006300}:is(.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-status-chip--canceled{background: rgba(102,114,129,0.12);color: #52616f}:is(.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-status-chip--revision{background: rgba(237,161,0,0.16);color: #8a5d00}html[data-theme-mode="dark"] :is(.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .job-billing-money{color: #E5ECF7}html[data-theme-mode="dark"] :is(.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-status-chip--created{background: rgba(57,135,229,0.22);color: #86b6ef}html[data-theme-mode="dark"] :is(.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-status-chip--completed{background: rgba(27,175,122,0.2);color: #1baf7a}html[data-theme-mode="dark"] :is(.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-status-chip--canceled{background: rgba(113,134,163,0.22);color: #C8D4E5}html[data-theme-mode="dark"] :is(.job-billing-view,.admin-campaigns-view,.admin-business-categories-view,.admin-business-category-edit-view,.admin-driver-list-view,.panels-view,.admin-panel-status-view) .crm-status-chip--revision{background: rgba(201,133,0,0.24);color: #eda100}.admin-campaigns-view .crm-card vaadin-crud{height: min(640px,70vh);width: 100%}.admin-business-categories-view .crm-card vaadin-grid{height: min(640px,70vh);width: 100%;border: none;border-radius: 14px;overflow: hidden}.admin-campaigns-view .crm-status-chip--draft{background: rgba(102,114,129,0.12);color: #52616f}.admin-campaigns-view .crm-status-chip--under_review{background: rgba(237,161,0,0.16);color: #8a5d00}.admin-campaigns-view .crm-status-chip--live{background: rgba(0,131,0,0.12);color: #006300}.admin-campaigns-view .crm-status-chip--paused{background: rgba(74,58,167,0.12);color: #4a3aa7}.admin-campaigns-view .crm-status-chip--done{background: rgba(42,120,214,0.12);color: #1c5cab}.admin-campaigns-view .crm-status-chip--archived{background: rgba(102,114,129,0.12);color: #52616f}html[data-theme-mode="dark"] .admin-campaigns-view .crm-status-chip--draft,html[data-theme-mode="dark"] .admin-campaigns-view .crm-status-chip--archived{background: rgba(113,134,163,0.22);color: #C8D4E5}html[data-theme-mode="dark"] .admin-campaigns-view .crm-status-chip--under_review{background: rgba(201,133,0,0.24);color: #eda100}html[data-theme-mode="dark"] .admin-campaigns-view .crm-status-chip--live{background: rgba(27,175,122,0.2);color: #1baf7a}html[data-theme-mode="dark"] .admin-campaigns-view .crm-status-chip--paused{background: rgba(144,133,233,0.22);color: #9085e9}html[data-theme-mode="dark"] .admin-campaigns-view .crm-status-chip--done{background: rgba(57,135,229,0.22);color: #86b6ef}.app-table-row-design.app-table-row-design{--app-table-row-design-padding: 1.25rem 1.35rem 1.3rem;--app-table-row-design-radius: 26px;--app-table-row-design-border: 1px solid rgba(197,213,224,0.56);--app-table-row-design-bg: linear-gradient(90deg,rgba(255,255,255,0.94) 0%,rgba(247,250,252,0.84) 48%,rgba(232,246,243,0.88) 100%),repeating-linear-gradient(135deg,rgba(94,117,144,0.045) 0 1px,transparent 1px 12px);--app-table-row-design-shadow: 0 16px 34px rgba(18,28,45,0.06),inset 0 1px 0 rgba(255,255,255,0.76);--app-table-row-design-shadow-hover: 0 18px 38px rgba(18,28,45,0.08),inset 0 1px 0 rgba(255,255,255,0.8);--app-table-row-design-rail-bg: linear-gradient(180deg,#6F8097 0%,#55A88C 100%);position: relative;isolation: isolate;overflow: hidden;padding: var(--app-table-row-design-padding) !important;border: var(--app-table-row-design-border) !important;border-radius: var(--app-table-row-design-radius) !important;background: var(--app-table-row-design-bg) !important;box-shadow: var(--app-table-row-design-shadow) !important}.app-table-row-design-compact.app-table-row-design-compact{--app-table-row-design-padding: 1rem 1.35rem 1rem 1.65rem;--app-table-row-design-radius: 22px}.app-table-row-design.app-table-row-design:is(:hover,.is-hovered){box-shadow: var(--app-table-row-design-shadow-hover) !important}.app-table-row-design.app-table-row-design::before{content: "";position: absolute;top: 0;bottom: 0;left: 0;width: 4px;border-radius: var(--app-table-row-design-radius) 0 0 var(--app-table-row-design-radius);background: var(--app-table-row-design-rail-bg);z-index: 0}.app-table-row-design.app-table-row-design>*{position: relative;z-index: 1}html[data-theme-mode="dark"] .app-table-row-design.app-table-row-design{--app-table-row-design-border: 1px solid rgba(97,122,142,0.34);--app-table-row-design-bg: linear-gradient(90deg,rgba(24,32,44,0.92) 0%,rgba(27,37,50,0.9) 52%,rgba(23,47,45,0.9) 100%),repeating-linear-gradient(135deg,rgba(203,219,235,0.045) 0 1px,transparent 1px 12px);--app-table-row-design-shadow: 0 18px 36px rgba(5,10,18,0.28),inset 0 1px 0 rgba(255,255,255,0.04);--app-table-row-design-shadow-hover: 0 20px 40px rgba(5,10,18,0.34),inset 0 1px 0 rgba(255,255,255,0.05);--app-table-row-design-rail-bg: linear-gradient(180deg,#8497B0 0%,#62B596 100%)}@media (max-width: 820px){.app-table-row-design.app-table-row-design:not(.app-table-row-design-compact){--app-table-row-design-padding: 1.05rem;--app-table-row-design-radius: 22px}}.app-container-box-plain.app-container-box-plain{--app-container-box-plain-padding: 1.25rem 1.35rem;--app-container-box-plain-radius: 26px;--app-container-box-plain-border: 1px solid rgba(197,213,224,0.56);--app-container-box-plain-bg: linear-gradient(90deg,rgba(255,255,255,0.94) 0%,rgba(247,250,252,0.84) 48%,rgba(232,246,243,0.88) 100%),repeating-linear-gradient(135deg,rgba(94,117,144,0.045) 0 1px,transparent 1px 12px);--app-container-box-plain-shadow: 0 16px 34px rgba(18,28,45,0.06),inset 0 1px 0 rgba(255,255,255,0.76);--app-container-box-plain-shadow-hover: 0 18px 38px rgba(18,28,45,0.08),inset 0 1px 0 rgba(255,255,255,0.8);position: relative;isolation: isolate;overflow: hidden;padding: var(--app-container-box-plain-padding) !important;border: var(--app-container-box-plain-border) !important;border-radius: var(--app-container-box-plain-radius) !important;background: var(--app-container-box-plain-bg) !important;box-shadow: var(--app-container-box-plain-shadow) !important}.app-container-box-plain.app-container-box-plain:is(:hover,.is-hovered){box-shadow: var(--app-container-box-plain-shadow-hover) !important}html[data-theme-mode="dark"] .app-container-box-plain.app-container-box-plain{--app-container-box-plain-border: 1px solid rgba(97,122,142,0.34);--app-container-box-plain-bg: linear-gradient(90deg,rgba(24,32,44,0.92) 0%,rgba(27,37,50,0.9) 52%,rgba(23,47,45,0.9) 100%),repeating-linear-gradient(135deg,rgba(203,219,235,0.045) 0 1px,transparent 1px 12px);--app-container-box-plain-shadow: 0 18px 36px rgba(5,10,18,0.28),inset 0 1px 0 rgba(255,255,255,0.04);--app-container-box-plain-shadow-hover: 0 20px 40px rgba(5,10,18,0.34),inset 0 1px 0 rgba(255,255,255,0.05)}.basic-list{width: 100%;min-width: 0;overflow: visible}.basic-list-header.basic-list-header{box-sizing: border-box;padding: 0.72rem 1.35rem;border: 0;border-radius: var(--app-container-box-radius);background: #FFFFFF;box-shadow: 0 10px 24px rgba(15,23,42,0.06),0 2px 7px rgba(15,23,42,0.04)}.basic-list-header-label{color: #5F6B7A;font-size: 0.76rem;font-weight: 800;letter-spacing: 0.08em;line-height: 1;text-transform: uppercase}.basic-list-rows{overflow: visible}.basic-list-row.basic-list-row{border: 0;border-radius: var(--app-container-box-radius);background: var(--app-container-box-bg);box-shadow: var(--app-container-box-shadow)}vaadin-grid.basic-list-grid,vaadin-grid-pro.basic-list-grid,.customer-campaign-edit-view vaadin-grid-pro.basic-list-grid.landingpage-content-section-grid{width: 100%;min-width: 0;border: 1px solid rgba(215,224,236,0.96);border-radius: var(--app-container-box-radius);background: #FFFFFF;box-shadow: none;overflow: hidden;--vaadin-grid-cell-padding: 0.68rem 0.95rem}html[data-theme-mode="dark"] .customer-campaign-edit-view vaadin-grid-pro.basic-list-grid.landingpage-content-section-grid{border: 1px solid rgba(102,123,154,0.34);background: rgba(24,34,50,0.94);box-shadow: none}vaadin-grid.basic-list-grid::part(table),vaadin-grid-pro.basic-list-grid::part(table){background: transparent}vaadin-grid.basic-list-grid::part(header-cell),vaadin-grid-pro.basic-list-grid::part(header-cell){border: 0;background: #F6F9FC;color: #637184;font-size: 0.74rem;font-weight: 800;letter-spacing: 0.08em;line-height: 1;text-transform: uppercase;box-shadow: inset 0 -1px 0 rgba(209,220,234,0.88)}vaadin-grid.basic-list-grid::part(body-cell),vaadin-grid-pro.basic-list-grid::part(body-cell){border-top: 1px solid rgba(229,235,244,0.9);border-bottom: 0;background: #FFFFFF;color: #1F2C3D;box-shadow: none}vaadin-grid.basic-list-grid::part(even-row-cell),vaadin-grid-pro.basic-list-grid::part(even-row-cell){background: #FFFFFF}vaadin-grid.basic-list-grid::part(focused-cell),vaadin-grid-pro.basic-list-grid::part(focused-cell){box-shadow: inset 0 0 0 2px rgba(102,120,143,0.13)}vaadin-grid.basic-list-grid::part(row),vaadin-grid-pro.basic-list-grid::part(row){border: 0;background: transparent}vaadin-grid.basic-list-grid::part(first-column-cell),vaadin-grid-pro.basic-list-grid::part(first-column-cell){border-left: 0}vaadin-grid.basic-list-grid::part(last-column-cell),vaadin-grid-pro.basic-list-grid::part(last-column-cell){border-right: 0;text-align: center}vaadin-grid-pro.basic-list-grid vaadin-grid-pro-cell-content{display: block;min-height: 1.6rem;box-sizing: border-box;padding: 0;border-radius: 0;background: transparent;color: #1F2C3D}.customer-campaign-edit-view vaadin-grid-pro.basic-list-grid.landingpage-content-section-grid .landingpage-grid-remove-btn{width: 2.15rem;min-width: 2.15rem;max-width: 2.15rem;height: 2.15rem;min-height: 2.15rem;padding: 0;border-radius: var(--app-global-radius);background: transparent;color: #7C8898;box-shadow: none}.customer-campaign-edit-view vaadin-grid-pro.basic-list-grid.landingpage-content-section-grid .landingpage-grid-remove-btn:hover{background: rgba(254,242,242,0.96);color: #A14A4A;box-shadow: none}html[data-theme-mode="dark"] vaadin-grid.basic-list-grid::part(header-cell),html[data-theme-mode="dark"] vaadin-grid-pro.basic-list-grid::part(header-cell){background: rgba(31,42,59,0.96);color: #C6D2E2;box-shadow: inset 0 -1px 0 rgba(109,130,160,0.32)}html[data-theme-mode="dark"] vaadin-grid.basic-list-grid::part(body-cell),html[data-theme-mode="dark"] vaadin-grid-pro.basic-list-grid::part(body-cell){border-top-color: rgba(91,111,141,0.28);background: rgba(24,34,50,0.94);color: #F0F4FB}html[data-theme-mode="dark"] vaadin-grid.basic-list-grid::part(even-row-cell),html[data-theme-mode="dark"] vaadin-grid-pro.basic-list-grid::part(even-row-cell){background: rgba(25,34,50,0.9)}html[data-theme-mode="dark"] vaadin-grid.basic-list-grid::part(first-column-cell),html[data-theme-mode="dark"] vaadin-grid-pro.basic-list-grid::part(first-column-cell){border-left: 0}html[data-theme-mode="dark"] vaadin-grid.basic-list-grid::part(last-column-cell),html[data-theme-mode="dark"] vaadin-grid-pro.basic-list-grid::part(last-column-cell){border-right: 0}html[data-theme-mode="dark"] vaadin-grid-pro.basic-list-grid vaadin-grid-pro-cell-content{background: transparent;color: #F0F4FB}:is(body,.app-view-padding,.app-dialog,.profile-view,.login-view__form,.register-view__form) :is( vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-number-field,vaadin-integer-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker,vaadin-date-time-picker,vaadin-time-picker,vaadin-select,vaadin-multi-select-combo-box ){--vaadin-input-field-border-width: 1px;--vaadin-input-field-border-radius: var(--app-input-field-radius);--vaadin-input-field-background: transparent;--vaadin-input-field-value-color: var(--app-input-field-value-color);--vaadin-input-field-label-color: var(--app-input-field-label-color);--vaadin-input-field-helper-color: var(--app-input-field-helper-color);--vaadin-input-field-error-color: var(--app-input-field-error-color);--vaadin-input-field-placeholder-color: var(--app-input-field-placeholder-color)}:is(body,.app-view-padding,.app-dialog,.profile-view,.login-view__form,.register-view__form) :is( vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-number-field,vaadin-integer-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker,vaadin-date-time-picker,vaadin-time-picker,vaadin-select,vaadin-multi-select-combo-box )::part(input-field){min-height: var(--app-input-min-height,var(--app-input-field-min-height));padding-inline: var(--app-input-field-padding-inline);border: 1px solid var(--app-input-field-border);border-radius: var(--app-input-field-radius);background: var(--app-input-field-surface);box-shadow: var(--app-input-field-shadow);transition: background 160ms ease,border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease}:is(body,.app-view-padding,.app-dialog,.profile-view,.login-view__form,.register-view__form) :is( vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-number-field,vaadin-integer-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker,vaadin-date-time-picker,vaadin-time-picker,vaadin-select,vaadin-multi-select-combo-box ):hover::part(input-field){border-color: var(--app-input-field-border-hover);background: var(--app-input-field-surface-hover);box-shadow: var(--app-input-field-shadow-hover)}:is(body,.app-view-padding,.app-dialog,.profile-view,.login-view__form,.register-view__form) :is( vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-number-field,vaadin-integer-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker,vaadin-date-time-picker,vaadin-time-picker,vaadin-select,vaadin-multi-select-combo-box )[focused]::part(input-field){border-color: var(--app-input-field-border-focus);background: var(--app-input-field-surface-focus);box-shadow: var(--app-input-field-shadow-focus)}:is(body,.app-view-padding,.app-dialog,.profile-view,.login-view__form,.register-view__form) :is( vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-number-field,vaadin-integer-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker,vaadin-date-time-picker,vaadin-time-picker,vaadin-select,vaadin-multi-select-combo-box )[invalid]::part(input-field){border-color: var(--app-input-field-border-invalid);box-shadow: var(--app-input-field-shadow-invalid)}:is(body,.app-view-padding,.app-dialog,.profile-view,.login-view__form,.register-view__form) :is( vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-number-field,vaadin-integer-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker,vaadin-date-time-picker,vaadin-time-picker,vaadin-select,vaadin-multi-select-combo-box )[disabled]::part(input-field){border-color: var(--app-input-field-border);background: var(--app-input-field-surface-disabled);box-shadow: none}:is(body,.app-view-padding,.app-dialog,.profile-view,.login-view__form,.register-view__form) :is( vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-number-field,vaadin-integer-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker,vaadin-date-time-picker,vaadin-time-picker,vaadin-select,vaadin-multi-select-combo-box )::part(label){color: var(--app-input-field-label-color);font-size: 0.8rem;font-weight: 800;letter-spacing: 0.02em;margin-bottom: 0.36rem}:is(body,.app-view-padding,.app-dialog,.profile-view,.login-view__form,.register-view__form) :is( vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-number-field,vaadin-integer-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker,vaadin-date-time-picker,vaadin-time-picker,vaadin-select,vaadin-multi-select-combo-box )::part(value){color: var(--app-input-field-value-color);font-size: 0.97rem}:is(body,.app-view-padding,.app-dialog,.profile-view,.login-view__form,.register-view__form) :is( vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-number-field,vaadin-integer-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker,vaadin-date-time-picker,vaadin-time-picker,vaadin-select,vaadin-multi-select-combo-box )::part(helper-text){color: var(--app-input-field-helper-color);font-size: 0.77rem;padding-inline: 0.1rem}:is(body,.app-view-padding,.app-dialog,.profile-view,.login-view__form,.register-view__form) :is( vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-number-field,vaadin-integer-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker,vaadin-date-time-picker,vaadin-time-picker,vaadin-select,vaadin-multi-select-combo-box )::part(error-message){color: var(--app-input-field-error-color);font-size: 0.77rem;font-weight: 700;padding-inline: 0.1rem}:is(body,.app-view-padding,.app-dialog,.profile-view,.login-view__form,.register-view__form) :is( vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-number-field,vaadin-integer-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker,vaadin-date-time-picker,vaadin-time-picker,vaadin-select,vaadin-multi-select-combo-box )::part(prefix),:is(body,.app-view-padding,.app-dialog,.profile-view,.login-view__form,.register-view__form) :is( vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-number-field,vaadin-integer-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker,vaadin-date-time-picker,vaadin-time-picker,vaadin-select,vaadin-multi-select-combo-box )::part(suffix){color: var(--app-input-field-prefix-color)}:is(body,.app-view-padding,.app-dialog,.profile-view,.login-view__form,.register-view__form) :is( vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-number-field,vaadin-integer-field,vaadin-combo-box,vaadin-date-picker,vaadin-date-time-picker,vaadin-time-picker,vaadin-select,vaadin-multi-select-combo-box )::part(toggle-button),:is(body,.app-view-padding,.app-dialog,.profile-view,.login-view__form,.register-view__form) :is( vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-number-field,vaadin-integer-field,vaadin-combo-box,vaadin-date-picker,vaadin-date-time-picker,vaadin-time-picker,vaadin-select,vaadin-multi-select-combo-box )::part(clear-button),:is(body,.app-view-padding,.app-dialog,.profile-view,.login-view__form,.register-view__form) vaadin-password-field::part(reveal-button){color: var(--app-input-field-control-color)}:is(body,.app-view-padding,.app-dialog,.profile-view,.login-view__form,.register-view__form) vaadin-text-area::part(input-field){min-height: 8rem;align-items: stretch;padding-top: 0.55rem;padding-bottom: 0.5rem}:is(body,.app-view-padding,.app-dialog,.profile-view,.login-view__form,.register-view__form) vaadin-text-area::part(value){line-height: 1.5}:is(body,.app-view-padding,.app-dialog,.profile-view,.login-view__form,.register-view__form) vaadin-multi-select-combo-box::part(chip){border-radius: var(--app-input-field-radius);background: var(--app-input-field-chip-bg);color: var(--app-input-field-value-color)}:is( .app-page-eyebrow-row,.customer-page-eyebrow-row,.customer-dashboard-view .customer-dashboard-eyebrow-row,.driver-dashboard-view .driver-dashboard-eyebrow-row,.driver-payouts-view .driver-payout-eyebrow-row ){display: inline-flex;align-items: center;min-height: var(--app-shell-control-size);gap: 0.55rem;align-self: flex-start}:is( .app-page-eyebrow,.customer-page-eyebrow,.customer-dashboard-view .customer-dashboard-eyebrow,.driver-dashboard-view .driver-dashboard-eyebrow,.driver-payouts-view .driver-payout-eyebrow ){box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;min-height: var(--app-shell-control-size);height: var(--app-shell-control-size);padding: 0 1.12rem;border-radius: 999px;border: 1px solid var(--app-page-eyebrow-border);background: var(--app-page-eyebrow-bg);color: var(--app-page-eyebrow-color);font-size: 0.74rem;font-weight: 800;letter-spacing: 0.1em;line-height: 1;text-transform: uppercase;white-space: nowrap;box-shadow: inset 0 1px 0 rgba(255,255,255,0.78)}:is( vaadin-button.app-context-help-trigger,.customer-page-help-trigger,.customer-dashboard-view .customer-dashboard-help-trigger,.driver-dashboard-view .driver-dashboard-help-trigger,.driver-payouts-view .driver-payout-help-trigger,.panel-status-view .panel-status-help-trigger ){--vaadin-button-height: var(--app-shell-control-size);--vaadin-button-padding: 0;box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;width: var(--app-shell-control-size);min-width: var(--app-shell-control-size);height: var(--app-shell-control-size);border-radius: 999px;border: 1px solid var(--app-page-help-border);background: var(--app-page-help-bg);color: var(--app-page-help-color);font-size: 0.9rem;font-weight: 800;line-height: 1;box-shadow: inset 0 1px 0 rgba(255,255,255,0.88)}:is( vaadin-button.app-context-help-trigger,.customer-page-help-trigger,.customer-dashboard-view .customer-dashboard-help-trigger,.driver-dashboard-view .driver-dashboard-help-trigger,.driver-payouts-view .driver-payout-help-trigger,.panel-status-view .panel-status-help-trigger ):hover{border-color: var(--app-page-help-border-hover);background: var(--app-page-help-bg-hover);color: var(--app-page-help-color-hover)}:is( vaadin-button.app-context-help-trigger,.customer-page-help-trigger,.customer-dashboard-view .customer-dashboard-help-trigger,.driver-dashboard-view .driver-dashboard-help-trigger,.driver-payouts-view .driver-payout-help-trigger,.panel-status-view .panel-status-help-trigger )::part(label){display: inline-flex;align-items: center;justify-content: center;font-weight: 800;letter-spacing: 0;line-height: 1}.app-modern-tabs::part(tabs){border: 0;border-radius: calc(var(--app-tab-radius) + 8px);background: rgba(243,246,250,0.94);box-shadow: inset 0 1px 0 rgba(255,255,255,0.88);overflow: visible !important}.app-modern-tabs vaadin-tab{border: 0;border-radius: var(--app-tab-radius);color: var(--app-tab-text);letter-spacing: 0;box-shadow: none}.app-modern-tabs vaadin-tab[selected]{border: 0;background: var(--app-tab-bg-selected);color: var(--app-tab-text-selected);box-shadow: var(--app-tab-shadow-selected)}.app-page-tabs{width: 100%;max-width: 100%;min-width: 0;box-sizing: border-box;contain: none !important;overflow: visible !important;margin-block: -0.45rem -1.75rem;--vaadin-tabs-background: transparent;--vaadin-tabs-border-width: 0;--vaadin-tabs-border-color: transparent}.app-page-tabs::part(tabs){display: flex;align-items: stretch;gap: 0.65rem;width: 100%;padding: 0.55rem 0.1rem 2rem;border: 0;background: transparent;box-shadow: none;overflow-x: auto;overflow-y: clip;scrollbar-width: none}.app-page-tabs::part(tabs-container),.app-page-tabs::part(back-button),.app-page-tabs::part(forward-button){overflow: visible !important}.customer-campaigns-view .customer-campaigns-filter-tabs.app-page-tabs{overflow: visible !important}.app-page-tabs::part(tabs)::-webkit-scrollbar{display: none}.app-page-tabs vaadin-tab.app-page-tab{flex: 1 1 12rem;min-width: min(100%,12rem);padding: 0;border: 0;border-radius: var(--app-tab-radius);background: transparent;color: var(--app-tab-text);box-shadow: none}.app-page-tabs.app-page-tabs--distributed vaadin-tab.app-page-tab{flex: 1 1 0}.app-page-tab-content{position: relative;isolation: isolate;display: flex;align-items: center;width: 100%;min-height: 3.2rem;padding: 0.72rem 0.9rem;box-sizing: border-box;border-radius: var(--app-tab-radius);background: var(--app-tab-bg);color: inherit;box-shadow: var(--app-button-shadow);overflow: hidden;transition: background 160ms ease,box-shadow 160ms ease,transform 160ms ease,color 160ms ease}.app-page-tabs vaadin-tab.app-page-tab:hover .app-page-tab-content{background: var(--app-tab-bg-hover);box-shadow: var(--app-button-shadow-hover)}.app-page-tabs vaadin-tab.app-page-tab[selected] .app-page-tab-content{background: var(--app-tab-bg-selected);color: var(--app-tab-text-selected);box-shadow: var(--app-tab-shadow-selected)}.app-page-tab-row{position: relative;z-index: 1;display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;width: 100%;min-width: 0}.app-page-tab-label-block{display: flex;flex-direction: column;gap: 0.16rem;min-width: 0}.app-page-tab-label,.app-page-tab-description{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.app-page-tab-label{color: inherit;font-size: 0.96rem;font-weight: 800;line-height: 1.15}.app-page-tab-description{color: #667281;font-size: 0.78rem;font-weight: 650;line-height: 1.2}.app-page-tab-count-shell{flex: 0 0 auto}.app-page-tab-count{display: inline-flex;align-items: center;justify-content: center;min-width: 1.9rem;height: 1.9rem;padding: 0 0.55rem;border-radius: 999px;background: rgba(250,252,253,0.98);color: var(--app-tab-text);font-size: 0.82rem;font-weight: 800;box-shadow: inset 0 0 0 1px rgba(102,120,143,0.12)}.app-page-tabs vaadin-tab.app-page-tab[selected] .app-page-tab-count{background: var(--app-button-primary-bg);color: var(--app-button-primary-text);box-shadow: var(--app-button-primary-shadow)}.step-based-horizontal-tab-selector.step-based-horizontal-tab-selector::part(tabs),.numeric-horizontal-tab-selector.numeric-horizontal-tab-selector::part(tabs){gap: 0.72rem}.step-based-horizontal-tab-selector vaadin-tab.app-page-tab,.numeric-horizontal-tab-selector vaadin-tab.app-page-tab{min-width: min(100%,13.5rem)}.step-based-horizontal-tab-selector .app-page-tab-content,.numeric-horizontal-tab-selector .app-page-tab-content{min-height: 3.35rem;padding: 0.72rem 0.82rem}.step-based-horizontal-tab-selector .app-page-tab-row,.numeric-horizontal-tab-selector .app-page-tab-row{justify-content: flex-start;gap: 0.72rem}.step-based-horizontal-tab-selector .app-page-tab-count-shell,.numeric-horizontal-tab-selector .app-page-tab-count-shell{order: -1}.step-based-horizontal-tab-selector .app-page-tab-count,.numeric-horizontal-tab-selector .app-page-tab-count{min-width: 2.12rem;height: 2.12rem;padding: 0 0.56rem;background: rgba(255,255,255,0.96);box-shadow: 0 8px 18px rgba(15,23,42,0.07),inset 0 0 0 1px rgba(102,120,143,0.12)}.step-based-horizontal-tab-selector .app-page-tab-label-block,.numeric-horizontal-tab-selector .app-page-tab-label-block{flex: 1 1 auto}.numeric-horizontal-tab-selector .app-page-tab-row{justify-content: space-between}.numeric-horizontal-tab-selector .app-page-tab-count-shell{order: 0;margin-left: auto}.numeric-horizontal-tab-selector .app-page-tab-count{width: 2.08rem;min-width: 2.08rem;height: 2.08rem;padding: 0;border-radius: 999px;background: rgba(240,247,255,0.98);color: #516074;box-shadow: 0 6px 14px rgba(15,23,42,0.04)}.numeric-horizontal-tab-selector.app-page-tabs vaadin-tab.app-page-tab[selected] .app-page-tab-count{background: rgba(235,244,255,0.98);color: #47586D;box-shadow: 0 8px 16px rgba(15,23,42,0.06)}.app-page-tab-wash,.app-page-tab-seam,.app-page-tab-marker,.app-page-tab-orb{display: none}.app-vertical-tabs,.app-vertical-tab-list{width: 100%;--vaadin-tabs-background: transparent;--vaadin-tabs-border-radius: 0;--vaadin-tabs-padding: 0}.app-vertical-tabs::part(tabs){display: flex;flex-direction: column;gap: 0.55rem;width: 100%;padding: 0;border: 0;background: transparent;box-shadow: none;overflow: visible}.app-vertical-tabs::part(tabs-container),.app-vertical-tabs::part(back-button),.app-vertical-tabs::part(forward-button){overflow: visible}:is(.app-vertical-tabs vaadin-tab.app-vertical-tab,.app-vertical-tab-list .app-vertical-tab,vaadin-button.app-vertical-tab,button.app-vertical-tab){display: grid;grid-template-columns: auto minmax(0,1fr);align-items: start;gap: 0.8rem;width: 100%;min-height: 4.1rem;padding: 0.85rem 0.95rem;box-sizing: border-box;border: 0;border-radius: var(--app-tab-radius);background: var(--app-tab-bg);color: inherit;text-align: left;box-shadow: var(--app-button-shadow);transition: transform 160ms ease,background 160ms ease,box-shadow 160ms ease,color 160ms ease}:is(.app-vertical-tabs vaadin-tab.app-vertical-tab:hover,.app-vertical-tab-list .app-vertical-tab:hover,vaadin-button.app-vertical-tab:hover,button.app-vertical-tab:hover){transform: translateX(3px);background: var(--app-tab-bg-hover);box-shadow: var(--app-button-shadow-hover)}:is(.app-vertical-tabs vaadin-tab.app-vertical-tab[selected],.app-vertical-tabs vaadin-tab.app-vertical-tab[aria-selected="true"],.app-vertical-tab-list .app-vertical-tab.is-active,.app-vertical-tab.is-active){transform: none;background: var(--app-tab-bg-selected);color: var(--app-tab-text-selected);box-shadow: var(--app-tab-shadow-selected)}.app-vertical-tab-index{display: inline-flex;align-items: center;justify-content: center;width: 2.1rem;height: 2.1rem;border-radius: 999px;border: 0;background: #FFFFFF;color: var(--app-tab-text);font-size: 0.9rem;font-weight: 800;box-shadow: var(--app-button-shadow)}:is(.app-vertical-tabs vaadin-tab.app-vertical-tab[selected],.app-vertical-tab-list .app-vertical-tab.is-active,.app-vertical-tab.is-active) .app-vertical-tab-index{background: var(--app-button-primary-bg);color: var(--app-button-primary-text);box-shadow: var(--app-button-primary-shadow)}.app-vertical-tab-copy{display: flex;flex-direction: column;gap: 0.18rem;min-width: 0}.app-vertical-tab-copy:first-child:last-child{grid-column: 1 / -1}.app-vertical-tab-title-wrap{display: flex;flex-direction: column;gap: 0.12rem;min-width: 0}.app-vertical-tab-title,.app-vertical-tab-title-mobile{color: #1F2D3D;font-size: 0.98rem;font-weight: 800;line-height: 1.2}.app-vertical-tab-hint,.app-vertical-tab-copy{color: #697A90;font-size: 0.84rem;line-height: 1.45}html[data-theme-mode="dark"] .app-page-tab-description,html[data-theme-mode="dark"] .app-vertical-tab-hint,html[data-theme-mode="dark"] .app-vertical-tab-copy{color: #6B7584}.app-view-content{box-sizing: border-box;width: 100%;max-width: 100%;min-height: 100%;padding: var(--app-page-padding-block) var(--app-page-padding-inline)}.app-view-content--flush{padding: 0}.app-view-padding{box-sizing: border-box;width: 100%;max-width: 100%}.app-view-padding:not(.login-view):not(.register-view){padding: 0 !important}.app-view-padding:not(.login-view):not(.register-view)>:not(.app-bottom-spacer){box-sizing: border-box;width: 100%;max-width: none !important;margin-left: 0 !important;margin-right: 0 !important}:where( [class$="-view"],[class*="-view "],.app-help-center ):not(.login-view):not(.register-view):not(.reset-password-view):not(.forgot-password-view){box-sizing: border-box;width: 100%;max-width: none !important;margin-left: 0 !important;margin-right: 0 !important}:where( .profile-view__shell,.app-help-center,.support-view .support-view-shell,.shop-dashboard-view .shop-dashboard-shell,.shop-calendar-view .shop-calendar-shell,.shop-jobs-view .shop-jobs-shell,.shop-panels-view .shop-panels-shell,.driver-dashboard-view .driver-dashboard-shell,.affiliate-dashboard-view .affiliate-dashboard-shell,.documents-admin-view .onboarding-shell,.driver-documents-view .driver-documents-shell,.driver-appointments-view .driver-appointments-shell,.earnings-details-view .earnings-shell,.driver-payouts-view .driver-payouts-shell,.customer-dashboard-view .customer-dashboard-shell,.customer-budget-view .customer-budget-shell,.customer-campaign-impressions-view .customer-campaign-impressions-shell,.customer-campaign-edit-view .campaign-builder-shell,.customer-campaign-assistant-view .assistant-shell,.customer-campaigns-view .customer-campaigns-shell,.customer-landingpages-view .customer-landingpages-shell,.city-matrix-view .city-matrix-shell,.panel-billing-admin-view .panel-billing-admin-shell,.admin-panel-playback-view .admin-panel-playback-shell,.admin-view-shell ){box-sizing: border-box;width: 100% !important;max-width: none !important;margin-left: 0 !important;margin-right: 0 !important}.app-view-content :where( .app-container-box,.app-action-box,.basic-list-header,.basic-list-row,.app-help-center__content,.app-help-center__context-card,.app-help-center__sidebar,.profile-view__card,[class$="-card"],[class*="-card "],[class$="-surface"],[class*="-surface "],[class$="-panel"],[class*="-panel "],[class$="-toolbar"],[class*="-toolbar "],[class$="-filter-card"],[class*="-filter-card "],[class$="-workspace-card"],[class*="-workspace-card "] ):not(.driver-appointments-summary-card){border: 1px solid var(--app-surface-stroke) !important;border-radius: var(--app-surface-radius) !important;background: var(--app-surface-bg) !important;box-shadow: var(--app-surface-shadow-soft),var(--app-surface-inset-highlight) !important}:where(.login-view__card,.register-view__card){border: 1px solid var(--app-surface-stroke) !important;border-radius: var(--app-surface-radius) !important;background: var(--app-surface-bg) !important;box-shadow: var(--app-surface-shadow),var(--app-surface-inset-highlight) !important}.app-view-content :where( .app-container-box,.app-action-box,[class$="-card"],[class*="-card "],[class$="-surface"],[class*="-surface "],[class$="-panel"],[class*="-panel "] ):where(:hover,.is-hovered){box-shadow: var(--app-surface-shadow-hover),var(--app-surface-inset-highlight) !important}.app-view-content .driver-appointments-summary-card{border: 0 !important;border-radius: 0 !important;background: transparent !important;box-shadow: none !important}.app-view-content :where( .metric,.overview-metric,[class$="-metric"],[class*="-metric "],[class$="-stat"],[class*="-stat "] ){border: 1px solid var(--app-surface-stroke) !important;border-radius: var(--app-surface-radius-inner) !important;background: var(--app-surface-bg-muted) !important;box-shadow: var(--app-row-shadow),var(--app-surface-inset-highlight) !important}.app-view-content :where( .basic-list-row,.app-slim-grid-row,.list-row,[class$="-row-card"],[class*="-row-card "],[class$="-list-row"],[class*="-list-row "] ){border-color: var(--app-surface-stroke) !important;border-radius: var(--app-surface-radius-inner) !important;background: var(--app-surface-row-bg) !important;box-shadow: var(--app-row-shadow),var(--app-surface-inset-highlight) !important}.app-view-content :where(vaadin-grid,vaadin-grid-pro,vaadin-crud){border: 1px solid var(--app-surface-stroke) !important;border-radius: var(--app-surface-radius) !important;background: var(--app-surface-bg) !important;box-shadow: var(--app-surface-shadow-soft),var(--app-surface-inset-highlight) !important;overflow: hidden}.app-view-content :where(vaadin-grid,vaadin-grid-pro)::part(header-cell){border: 0 !important;background: var(--app-surface-bg-muted) !important;box-shadow: inset 0 -1px 0 var(--app-surface-divider) !important}.app-view-content :where(vaadin-grid,vaadin-grid-pro)::part(body-cell){border-top-color: var(--app-surface-divider) !important;border-bottom-color: transparent !important;background: var(--app-surface-bg-strong) !important}.app-view-content vaadin-dashboard-widget{--vaadin-dashboard-widget-background: var(--app-surface-bg) !important;--vaadin-dashboard-widget-border-width: 1px !important;--vaadin-dashboard-widget-border-color: var(--app-surface-stroke) !important;--vaadin-dashboard-widget-border-radius: var(--app-surface-radius) !important;--vaadin-dashboard-widget-shadow: var(--app-surface-shadow-soft) !important;border-radius: var(--app-surface-radius) !important;box-shadow: var(--app-surface-shadow-soft),var(--app-surface-inset-highlight) !important}.app-view-content vaadin-dashboard-widget::part(header),.app-view-content vaadin-dashboard-widget::part(content){background: transparent !important}.app-view-content :where( vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-number-field,vaadin-integer-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker,vaadin-date-time-picker,vaadin-time-picker,vaadin-select,vaadin-multi-select-combo-box )::part(input-field){border-color: rgba(126,149,178,0.14) !important;box-shadow: 0 7px 18px rgba(31,48,78,0.035),var(--app-surface-inset-highlight) !important}:where( .app-view-header,.support-view .support-view-header,.panel-status-view .panel-status-header,.driver-dashboard-view .driver-dashboard-header,.driver-documents-view .driver-documents-header,.customer-dashboard-view .customer-dashboard-header,.customer-campaigns-view .customer-campaigns-header,.customer-landingpages-view .customer-landingpages-header,.customer-campaign-impressions-view .customer-campaign-impressions-intro,.shop-dashboard-view .shop-dashboard-header,.shop-calendar-view .shop-calendar-header,.shop-panels-view .shop-panels-header ){display: flex !important;flex-direction: column !important;align-items: flex-start !important;gap: 0 !important;width: 100% !important;max-width: none !important;margin: 0 !important;padding: 0 !important}:where( .earnings-details-view .earnings-hero-copy,.driver-payouts-view .driver-payout-hero-copy,.driver-dashboard-view .driver-dashboard-hero-copy,.affiliate-dashboard-view .affiliate-dashboard-hero-copy,.shop-dashboard-view .shop-dashboard-hero-copy,.shop-jobs-view .shop-jobs-hero-copy,.customer-campaign-edit-view .campaign-builder-hero-copy,.customer-campaign-assistant-view .customer-campaign-assistant-header-copy,.customer-panel-map-view .customer-panel-map-header-copy ){gap: 0 !important}:where( .app-page-eyebrow-row,.customer-page-eyebrow-row,.driver-dashboard-view .driver-dashboard-eyebrow-row,.driver-payouts-view .driver-payout-eyebrow-row,.earnings-details-view .earnings-eyebrow-row,.shop-dashboard-view .shop-dashboard-header-row,.shop-dashboard-view .shop-dashboard-eyebrow-row,.shop-calendar-view .shop-calendar-header-row,.shop-calendar-view .shop-calendar-eyebrow-row,.shop-panels-view .shop-panels-eyebrow-row,.shop-jobs-view .shop-jobs-eyebrow-row ){display: inline-flex !important;align-items: center !important;min-height: var(--app-shell-control-size) !important;gap: 0.55rem !important;align-self: flex-start !important;margin-top: 0 !important;margin-bottom: 0 !important}:is(.app-view-title,.app-page-title){display: block !important;margin: var(--app-view-title-margin-top) 0 0 !important;max-width: none !important;padding: 0 !important;color: var(--app-page-title-color) !important;font-family: var(--aura-font-family) !important;font-size: var(--app-page-title-size) !important;font-style: normal !important;font-weight: var(--app-page-title-weight) !important;letter-spacing: var(--app-page-title-letter-spacing) !important;line-height: var(--app-page-title-line-height) !important;text-transform: none !important}.panel-status-title-row{margin-top: var(--app-view-title-margin-top) !important}.panel-status-title-row :is(.app-view-title,.app-page-title){margin-top: 0 !important}:is(.app-view-subtitle,.app-page-subtitle){display: block !important;margin: var(--app-page-subtitle-margin-top) 0 0 !important;max-width: 720px !important;padding: 0 !important;color: var(--app-page-subtitle-color) !important;font-family: var(--aura-font-family) !important;font-size: var(--app-page-subtitle-size) !important;font-style: normal !important;font-weight: 400 !important;letter-spacing: 0 !important;line-height: var(--app-page-subtitle-line-height) !important;text-transform: none !important}@media (max-width: 640px){:is(.app-view-title,.app-page-title){font-size: var(--app-page-title-mobile-size) !important}}.customer-campaigns-view .customer-campaigns-table-actions{display: flex !important;align-items: center !important;justify-content: flex-start !important;gap: 0.65rem !important;min-width: 0 !important}.customer-campaigns-view .customer-campaigns-table-actions .customer-campaigns-new-button{--vaadin-button-height: 2.75rem;--vaadin-button-padding: 0 1rem;border-radius: 15px}@media (max-width: 640px){.customer-campaigns-view .customer-campaigns-grid-header{width: 100% !important}.customer-campaigns-view .customer-campaigns-table-actions,.customer-campaigns-view .customer-campaigns-table-actions .customer-campaigns-new-button{width: 100%}}.customer-landingpages-view .customer-landingpages-grid-header{display: flex !important;align-items: center !important;width: max-content !important;max-width: 100% !important}.customer-landingpages-view .customer-landingpages-table-actions{display: flex !important;align-items: center !important;justify-content: flex-start !important;gap: 0.65rem !important;min-width: 0 !important}.customer-landingpages-view .customer-landingpages-table-actions .customer-landingpages-new-button{--vaadin-button-height: 2.75rem;--vaadin-button-padding: 0 1rem;border-radius: 15px}@media (max-width: 640px){.customer-landingpages-view .customer-landingpages-grid-header{width: 100% !important}.customer-landingpages-view .customer-landingpages-table-actions,.customer-landingpages-view .customer-landingpages-table-actions .customer-landingpages-new-button{width: 100%}}.customer-budget-view .customer-budget-grid-header{display: flex !important;align-items: center !important;width: max-content !important;max-width: 100% !important}.customer-budget-view .customer-budget-table-actions{display: flex !important;align-items: center !important;justify-content: flex-start !important;gap: 0.65rem !important;min-width: 0 !important}.customer-budget-view .customer-budget-table-actions .customer-budget-add-button{--vaadin-button-height: 2.75rem;--vaadin-button-padding: 0 1rem;border-radius: 15px}@media (max-width: 640px){.customer-budget-view .customer-budget-grid-header{width: 100% !important}.customer-budget-view .customer-budget-table-actions,.customer-budget-view .customer-budget-table-actions .customer-budget-add-button{width: 100%}}.app-view-content .driver-dashboard-view .driver-dashboard-hero-focus-card,.app-view-content.driver-dashboard-view .driver-dashboard-hero-focus-card{border: 1px solid rgba(255,255,255,0.1) !important;background: radial-gradient(circle at 88% 16%,rgba(147,208,255,0.24) 0%,rgba(147,208,255,0) 32%),repeating-linear-gradient(135deg,rgba(255,255,255,0.055) 0 1px,transparent 1px 12px),linear-gradient(145deg,#203345 0%,#31495F 55%,#4B6A84 100%) !important;box-shadow: inset 0 1px 0 rgba(255,255,255,0.12),0 20px 40px rgba(18,31,48,0.22) !important}html[data-theme-mode="dark"] .app-view-content .driver-dashboard-view .driver-dashboard-hero-focus-card,html[data-theme-mode="dark"] .app-view-content.driver-dashboard-view .driver-dashboard-hero-focus-card{background: radial-gradient(circle at 88% 16%,rgba(147,208,255,0.16) 0%,rgba(147,208,255,0) 34%),repeating-linear-gradient(135deg,rgba(255,255,255,0.045) 0 1px,transparent 1px 12px),linear-gradient(145deg,#182635 0%,#24384B 55%,#34556E 100%) !important;box-shadow: inset 0 1px 0 rgba(255,255,255,0.08),0 20px 40px rgba(4,8,14,0.42) !important}.app-view-content .driver-payouts-view .driver-payout-balance-card,.app-view-content.driver-payouts-view .driver-payout-balance-card{border: 1px solid rgba(255,255,255,0.1) !important;background: radial-gradient(circle at 88% 16%,rgba(147,208,255,0.24) 0%,rgba(147,208,255,0) 32%),repeating-linear-gradient(135deg,rgba(255,255,255,0.055) 0 1px,transparent 1px 12px),linear-gradient(145deg,#203345 0%,#31495F 55%,#4B6A84 100%) !important;box-shadow: inset 0 1px 0 rgba(255,255,255,0.12),0 20px 40px rgba(18,31,48,0.22) !important}html[data-theme-mode="dark"] .app-view-content .driver-payouts-view .driver-payout-balance-card,html[data-theme-mode="dark"] .app-view-content.driver-payouts-view .driver-payout-balance-card{background: radial-gradient(circle at 88% 16%,rgba(147,208,255,0.16) 0%,rgba(147,208,255,0) 34%),repeating-linear-gradient(135deg,rgba(255,255,255,0.045) 0 1px,transparent 1px 12px),linear-gradient(145deg,#182635 0%,#24384B 55%,#34556E 100%) !important;box-shadow: inset 0 1px 0 rgba(255,255,255,0.08),0 20px 40px rgba(4,8,14,0.42) !important}.driver-payouts-view .driver-payout-history-list{display: flex;flex-direction: column;gap: 0.85rem;width: 100%;min-width: 0}.driver-payouts-view .driver-payout-history-grid-header,.driver-payouts-view .driver-payout-history-row{display: grid !important;grid-template-columns: minmax(14rem,1.35fr) minmax(8rem,0.78fr) minmax(8rem,0.78fr) minmax(8rem,0.78fr) minmax(12rem,1fr);gap: 1rem;align-items: center}.driver-payouts-view .driver-payout-history-grid-header{padding: 0 1.1rem}.driver-payouts-view .app-slim-grid-header-label{color: #627083;font-size: 0.74rem;font-weight: 800;letter-spacing: 0.08em;line-height: 1;text-transform: uppercase}.driver-payouts-view .driver-payout-history-rows{display: flex;flex-direction: column;gap: 0.78rem}.driver-payouts-view .driver-payout-history-row{padding: 1rem 1.1rem;border: 1px solid rgba(206,219,232,0.72) !important;border-radius: 22px !important;background: linear-gradient(90deg,rgba(255,255,255,0.98) 0%,rgba(248,251,253,0.94) 58%,rgba(241,247,250,0.9) 100%) !important;box-shadow: 0 12px 28px rgba(31,48,78,0.06),inset 0 1px 0 rgba(255,255,255,0.78) !important}.driver-payouts-view .app-slim-grid-cell{display: flex;flex-direction: column;gap: 0.32rem;min-width: 0}.driver-payouts-view .app-slim-grid-primary-cell{flex-direction: row;align-items: center;gap: 0.8rem}.driver-payouts-view .app-slim-grid-primary-marker{display: inline-flex;align-items: center;justify-content: center;flex: 0 0 auto;width: 2.6rem;height: 2.6rem;border-radius: 999px;background: rgba(226,235,244,0.9);color: #5A6A7D;font-size: 1.1rem;font-weight: 900}.driver-payouts-view .app-slim-grid-primary-marker--negative{background: rgba(232,238,246,0.92);color: #5B6D82}.driver-payouts-view .app-slim-grid-primary-copy{display: flex;flex-direction: column;gap: 0.18rem;min-width: 0}.driver-payouts-view .app-slim-grid-primary-title,.driver-payouts-view .app-slim-grid-value{color: #1D2937;font-size: 1rem;font-weight: 800;line-height: 1.2}.driver-payouts-view .app-slim-grid-primary-meta,.driver-payouts-view .app-slim-grid-text{color: #647286;font-size: 0.92rem;line-height: 1.38}.driver-payouts-view .app-slim-grid-kicker{display: none}.driver-payouts-view .app-slim-grid-cell--align-end{align-items: flex-start}html[data-theme-mode="dark"] .driver-payouts-view .driver-payout-history-row{border-color: rgba(97,122,142,0.34) !important;background: linear-gradient(90deg,rgba(24,32,44,0.94) 0%,rgba(27,37,50,0.92) 58%,rgba(25,43,53,0.88) 100%) !important;box-shadow: 0 14px 30px rgba(4,8,16,0.28),inset 0 1px 0 rgba(255,255,255,0.06) !important}html[data-theme-mode="dark"] .driver-payouts-view .app-slim-grid-header-label,html[data-theme-mode="dark"] .driver-payouts-view .app-slim-grid-primary-meta,html[data-theme-mode="dark"] .driver-payouts-view .app-slim-grid-text{color: #AAB7CC}html[data-theme-mode="dark"] .driver-payouts-view .app-slim-grid-primary-title,html[data-theme-mode="dark"] .driver-payouts-view .app-slim-grid-value{color: #EFF3FA}html[data-theme-mode="dark"] .driver-payouts-view .app-slim-grid-primary-marker{background: rgba(91,103,122,0.34);color: #D3DAE6}@media (max-width: 920px){.driver-payouts-view .driver-payout-history-grid-header{display: none !important}.driver-payouts-view .driver-payout-history-row{grid-template-columns: minmax(0,1fr) minmax(8rem,auto);gap: 0.85rem}.driver-payouts-view .driver-payout-history-row>:nth-child(n+3){grid-column: 1 / -1}.driver-payouts-view .app-slim-grid-kicker{display: inline-flex;color: #718096;font-size: 0.72rem;font-weight: 800;letter-spacing: 0.07em;text-transform: uppercase}}.shop-jobs-view .shop-jobs-list-shell{display: flex;flex-direction: column;gap: 0.9rem;width: 100%;min-width: 0}.shop-jobs-view .shop-jobs-list-filters-details{width: 100%;border-bottom: 1px solid rgba(206,219,232,0.64)}.shop-jobs-view .shop-jobs-list-filters-details::part(summary){display: inline-flex;align-items: center;gap: 0.4rem;width: fit-content;min-height: 2.35rem;padding: 0 0.4rem;color: #243346;font-size: 0.92rem;font-weight: 800}.shop-jobs-view .shop-jobs-list-filters-details::part(content){padding: 0.25rem 0 0.95rem}.shop-jobs-view .shop-jobs-list-filters{display: grid;grid-template-columns: repeat(5,minmax(8.5rem,1fr));gap: 0.75rem;padding: 0.85rem;border: 1px solid rgba(206,219,232,0.72);border-radius: 20px;background: rgba(247,250,253,0.88)}.shop-jobs-view .shop-jobs-list-grid{display: flex;flex-direction: column;gap: 0.78rem;width: 100%;min-width: 0}.shop-jobs-view .shop-jobs-list-header,.shop-jobs-view .shop-jobs-list-row{display: grid !important;gap: 1rem;align-items: center}.shop-jobs-view .shop-jobs-list-grid--open :is(.shop-jobs-list-header,.shop-jobs-list-row){grid-template-columns: minmax(17rem,1.55fr) minmax(8rem,0.68fr) minmax(8rem,0.68fr) minmax(12rem,1fr) minmax(8rem,0.65fr)}.shop-jobs-view .shop-jobs-list-grid--completed :is(.shop-jobs-list-header,.shop-jobs-list-row){grid-template-columns: minmax(17rem,1.55fr) minmax(8rem,0.68fr) minmax(8rem,0.68fr) minmax(8rem,0.68fr) minmax(10rem,0.8fr)}.shop-jobs-view .shop-jobs-list-header{padding: 0 1.1rem}.shop-jobs-view .app-slim-grid-header-label{color: #627083;font-size: 0.74rem;font-weight: 800;letter-spacing: 0.08em;line-height: 1;text-transform: uppercase}.shop-jobs-view .shop-jobs-list-rows{display: flex;flex-direction: column;gap: 0.78rem}.shop-jobs-view .shop-jobs-list-row{position: relative;min-width: 0;padding: 1rem 1.1rem 1rem 1.25rem;border: 1px solid rgba(206,219,232,0.72) !important;border-radius: 22px !important;background: linear-gradient(90deg,rgba(255,255,255,0.98) 0%,rgba(248,251,253,0.94) 58%,rgba(241,247,250,0.9) 100%) !important;box-shadow: 0 12px 28px rgba(31,48,78,0.06),inset 0 1px 0 rgba(255,255,255,0.78) !important;overflow: hidden}.shop-jobs-view .shop-jobs-list-row::before{content: "";position: absolute;inset: 0 auto 0 0;width: 4px;background: linear-gradient(180deg,#55A171 0%,#79B38D 58%,#C9DDA7 100%);pointer-events: none}.shop-jobs-view .shop-jobs-list-grid--completed .shop-jobs-list-row::before{background: linear-gradient(180deg,#6F8EAA 0%,#8FA6BC 58%,#B8C7D5 100%)}.shop-jobs-view .shop-jobs-list-row>*{position: relative;z-index: 1;min-width: 0}.shop-jobs-view .shop-jobs-list-row--interactive{cursor: pointer;transition: transform 150ms ease,border-color 150ms ease,box-shadow 150ms ease}.shop-jobs-view .shop-jobs-list-row--interactive:hover{transform: translateY(-1px);border-color: rgba(117,143,166,0.52) !important;box-shadow: 0 16px 32px rgba(31,48,78,0.09),inset 0 1px 0 rgba(255,255,255,0.86) !important}.shop-jobs-view .app-slim-grid-cell{display: flex;flex-direction: column;gap: 0.32rem;min-width: 0}.shop-jobs-view .app-slim-grid-primary-cell{display: flex;flex-direction: row;align-items: center;gap: 0.85rem}.shop-jobs-view .app-slim-grid-primary-marker{display: inline-flex;align-items: center;justify-content: center;flex: 0 0 auto;width: 2.7rem;height: 2.7rem;border-radius: 999px}.shop-jobs-view .app-slim-grid-primary-copy{display: flex;flex-direction: column;gap: 0.18rem;min-width: 0}.shop-jobs-view .app-slim-grid-primary-title,.shop-jobs-view .app-slim-grid-value{color: #1D2937;font-size: 1rem;font-weight: 800;line-height: 1.22}.shop-jobs-view .app-slim-grid-primary-meta,.shop-jobs-view .app-slim-grid-text{color: #647286;font-size: 0.92rem;line-height: 1.38}.shop-jobs-view .app-slim-grid-kicker{display: none}.shop-jobs-view .shop-jobs-list-empty-state{padding: 1rem 1.1rem;border: 1px dashed rgba(126,149,178,0.42);border-radius: 20px;color: #647286;background: rgba(247,250,253,0.72)}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-list-filters-details{border-bottom-color: rgba(97,122,142,0.34)}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-list-filters-details::part(summary){color: #EFF3FA}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-list-filters{border-color: rgba(97,122,142,0.34);background: rgba(24,32,44,0.84)}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-list-row{border-color: rgba(97,122,142,0.34) !important;background: linear-gradient(90deg,rgba(24,32,44,0.94) 0%,rgba(27,37,50,0.92) 58%,rgba(25,43,53,0.88) 100%) !important;box-shadow: 0 14px 30px rgba(4,8,16,0.28),inset 0 1px 0 rgba(255,255,255,0.06) !important}html[data-theme-mode="dark"] .shop-jobs-view .app-slim-grid-header-label,html[data-theme-mode="dark"] .shop-jobs-view .app-slim-grid-primary-meta,html[data-theme-mode="dark"] .shop-jobs-view .app-slim-grid-text,html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-list-empty-state{color: #AAB7CC}html[data-theme-mode="dark"] .shop-jobs-view .app-slim-grid-primary-title,html[data-theme-mode="dark"] .shop-jobs-view .app-slim-grid-value{color: #EFF3FA}html[data-theme-mode="dark"] .shop-jobs-view .shop-jobs-list-empty-state{border-color: rgba(97,122,142,0.34);background: rgba(24,32,44,0.72)}@media (max-width: 920px){.shop-jobs-view .shop-jobs-list-header{display: none !important}.shop-jobs-view .shop-jobs-list-grid--open .shop-jobs-list-row,.shop-jobs-view .shop-jobs-list-grid--completed .shop-jobs-list-row{grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.85rem}.shop-jobs-view .shop-jobs-list-row>:first-child{grid-column: 1 / -1}.shop-jobs-view .app-slim-grid-kicker{display: inline-flex;color: #718096;font-size: 0.72rem;font-weight: 800;letter-spacing: 0.07em;text-transform: uppercase}}@media (max-width: 640px){.shop-jobs-view .shop-jobs-list-filters{grid-template-columns: 1fr;padding: 0.75rem}.shop-jobs-view .shop-jobs-list-grid--open .shop-jobs-list-row,.shop-jobs-view .shop-jobs-list-grid--completed .shop-jobs-list-row{grid-template-columns: 1fr;padding: 0.95rem 1rem;border-radius: 20px !important}}:is(.app-view-content .earnings-details-view,.app-view-content.earnings-details-view) .overview-metric{justify-content: space-between;min-height: 124px;padding: 18px 18px 16px !important;gap: 18px}:is(.app-view-content .earnings-details-view,.app-view-content.earnings-details-view) .overview-metric-header{display: flex;align-items: flex-start;justify-content: space-between;gap: 16px}:is(.app-view-content .earnings-details-view,.app-view-content.earnings-details-view) .overview-icon{display: inline-flex;align-items: center;justify-content: center;flex: 0 0 auto;width: 52px;height: 52px;border-radius: 18px;background: linear-gradient(180deg,#F4F7FD 0%,#EDF2FB 100%);color: #44516A;box-shadow: inset 0 1px 0 rgba(255,255,255,0.9)}:is(.app-view-content .earnings-details-view,.app-view-content.earnings-details-view) .overview-icon-svg{width: 24px;height: 24px}html[data-theme-mode="dark"] :is(.app-view-content .earnings-details-view,.app-view-content.earnings-details-view) .overview-icon{background: linear-gradient(180deg,rgba(49,63,85,0.98) 0%,rgba(39,52,72,0.98) 100%);color: #D8E4F4;box-shadow: inset 0 1px 0 rgba(255,255,255,0.08)}:is(.app-view-content .earnings-details-view,.app-view-content.earnings-details-view) .overview-metric.is-total{grid-column: 1 / -1;min-height: 10.75rem;padding: 1.35rem 1.45rem !important;border: 1px solid rgba(255,255,255,0.1) !important;border-radius: 26px !important;background: radial-gradient(circle at 88% 16%,rgba(147,208,255,0.24) 0%,rgba(147,208,255,0) 32%),repeating-linear-gradient(135deg,rgba(255,255,255,0.055) 0 1px,transparent 1px 12px),linear-gradient(145deg,#203345 0%,#31495F 55%,#4B6A84 100%) !important;box-shadow: inset 0 1px 0 rgba(255,255,255,0.12),0 20px 40px rgba(18,31,48,0.22) !important;overflow: hidden}:is(.app-view-content .earnings-details-view,.app-view-content.earnings-details-view) .overview-metric.is-total .overview-metric-header{display: flex;align-items: flex-start;justify-content: space-between;gap: 16px}:is(.app-view-content .earnings-details-view,.app-view-content.earnings-details-view) .overview-metric.is-total .overview-label,:is(.app-view-content .earnings-details-view,.app-view-content.earnings-details-view) .overview-metric.is-total .overview-meta{color: rgba(243,248,252,0.78) !important}:is(.app-view-content .earnings-details-view,.app-view-content.earnings-details-view) .overview-metric.is-total .overview-value{color: #F8FBFF !important;font-size: clamp(2.75rem,2.4vw + 1.4rem,4rem);font-weight: 500}:is(.app-view-content .earnings-details-view,.app-view-content.earnings-details-view) .overview-metric.is-total .overview-icon{display: inline-flex;align-items: center;justify-content: center;flex: 0 0 auto;width: 52px;height: 52px;border-radius: 18px;background: rgba(244,247,253,0.14);color: #F8FBFF;box-shadow: inset 0 1px 0 rgba(255,255,255,0.16),inset 0 0 0 1px rgba(255,255,255,0.12)}:is(.app-view-content .earnings-details-view,.app-view-content.earnings-details-view) .overview-metric.is-total .overview-icon-svg{width: 24px;height: 24px}html[data-theme-mode="dark"] :is(.app-view-content .earnings-details-view,.app-view-content.earnings-details-view) .overview-metric.is-total{background: radial-gradient(circle at 88% 16%,rgba(147,208,255,0.16) 0%,rgba(147,208,255,0) 34%),repeating-linear-gradient(135deg,rgba(255,255,255,0.045) 0 1px,transparent 1px 12px),linear-gradient(145deg,#182635 0%,#24384B 55%,#34556E 100%) !important;box-shadow: inset 0 1px 0 rgba(255,255,255,0.08),0 20px 40px rgba(4,8,14,0.42) !important}.app-view-content .driver-dashboard-view .driver-dashboard-hero-surface{padding: 0 !important;border: 0 !important;border-radius: 0 !important;background: transparent !important;box-shadow: none !important;overflow: visible !important}.app-view-content .driver-dashboard-view .driver-dashboard-hero-surface::before,.app-view-content .driver-dashboard-view .driver-dashboard-hero-surface::after{display: none !important}html[data-theme-mode="dark"] .app-view-content .driver-dashboard-view .driver-dashboard-hero-surface{background: transparent !important;box-shadow: none !important}:is(.app-view-content .earnings-details-view,.app-view-content.earnings-details-view) .earnings-top-grid>:is(.overview-card,.chart-card){padding: 0 !important;border: 0 !important;border-radius: 0 !important;background: transparent !important;box-shadow: none !important;backdrop-filter: none !important;-webkit-backdrop-filter: none !important;overflow: visible !important}html[data-theme-mode="dark"] :is(.app-view-content .earnings-details-view,.app-view-content.earnings-details-view) .earnings-top-grid>:is(.overview-card,.chart-card){background: transparent !important;box-shadow: none !important}.app-view-content .driver-payouts-view .driver-payout-hero-surface{padding: 0 !important;border: 0 !important;border-radius: 0 !important;background: transparent !important;box-shadow: none !important;overflow: visible !important}.app-view-content .driver-payouts-view .driver-payout-hero-surface::before,.app-view-content .driver-payouts-view .driver-payout-hero-surface::after{display: none !important}html[data-theme-mode="dark"] .app-view-content .driver-payouts-view .driver-payout-hero-surface{background: transparent !important;box-shadow: none !important}.driver-documents-view .driver-documents-panel,.app-view-content .driver-documents-view .driver-documents-panel{padding: 0 !important;border: 0 !important;border-radius: 0 !important;background: transparent !important;box-shadow: none !important;backdrop-filter: none !important;-webkit-backdrop-filter: none !important;overflow: visible !important}html[data-theme-mode="dark"] .driver-documents-view .driver-documents-panel,html[data-theme-mode="dark"] .app-view-content .driver-documents-view .driver-documents-panel{background: transparent !important;box-shadow: none !important}.app-view-content .driver-documents-view .driver-documents-content{padding: 0 !important;border: 1px solid rgba(215,225,239,0.96) !important;border-radius: 30px !important;background: #FFFFFF !important;box-shadow: 0 22px 44px rgba(24,36,56,0.11),0 5px 12px rgba(24,36,56,0.05) !important;overflow: hidden !important}.app-view-content .driver-documents-view .driver-documents-panel{gap: 0 !important}.app-view-content .driver-documents-view .driver-documents-panel-header{position: relative;isolation: isolate;box-sizing: border-box;min-height: 9.25rem;padding: 1.35rem 1.45rem 1.45rem;justify-content: flex-end;background: radial-gradient(circle at 88% 18%,rgba(147,208,255,0.24) 0%,rgba(147,208,255,0) 34%),repeating-linear-gradient(135deg,rgba(255,255,255,0.055) 0 1px,transparent 1px 12px),linear-gradient(145deg,#203345 0%,#31495F 55%,#4B6A84 100%);overflow: hidden}.app-view-content .driver-documents-view .driver-documents-step-badge{border-color: rgba(255,255,255,0.18);background: rgba(248,251,255,0.14);color: rgba(246,250,255,0.86);box-shadow: inset 0 1px 0 rgba(255,255,255,0.16)}.app-view-content .driver-documents-view .driver-documents-panel-title{color: #FFFFFF;font-size: clamp(1.85rem,2vw,2.55rem);letter-spacing: -0.04em}.app-view-content .driver-documents-view .driver-documents-panel-hint{max-width: 40rem;color: rgba(236,244,253,0.78);font-weight: 500}.app-view-content .driver-documents-view :is(.driver-documents-card,.driver-documents-agreement-card){padding: 1.35rem 1.45rem 1.45rem !important;border: 0 !important;border-radius: 0 !important;background: linear-gradient(180deg,#FFFFFF 0%,#F7FAFE 100%) !important;box-shadow: none !important}.app-view-content .driver-documents-view .driver-documents-card-header{padding-bottom: 0.85rem;border-bottom: 1px solid rgba(126,149,178,0.16)}.app-view-content .driver-documents-view .driver-documents-card-header h3{color: #172235;font-size: 1.08rem;font-weight: 800;letter-spacing: -0.01em}.app-view-content .driver-documents-view .driver-documents-card>.secondary,.app-view-content .driver-documents-view .driver-documents-agreement-card>.secondary{color: #596C84;font-size: 0.96rem}.app-view-content .driver-documents-view .driver-documents-preview-row{box-sizing: border-box;width: fit-content;max-width: 100%;padding: 0.8rem;border: 1px solid rgba(217,226,240,0.9);border-radius: 18px;background: rgba(244,248,253,0.84)}.app-view-content .driver-documents-view .driver-documents-preview-grid{box-sizing: border-box;width: min(100%,48rem);padding: 0.8rem;border: 1px solid rgba(217,226,240,0.9);border-radius: 18px;background: rgba(244,248,253,0.84)}.app-view-content .driver-documents-view .campaign-ai-drop-upload{min-height: 7.25rem;--vaadin-upload-border-color: rgba(113,145,191,0.5);--vaadin-upload-background: repeating-linear-gradient(135deg,rgba(94,131,178,0.045) 0 1px,transparent 1px 12px),linear-gradient(180deg,rgba(250,253,255,0.98) 0%,rgba(239,246,255,0.98) 100%);box-shadow: inset 0 1px 0 rgba(255,255,255,0.86),0 10px 22px rgba(31,48,78,0.07)}.app-view-content .driver-documents-view .campaign-ai-drop-upload-icon{color: #FFFFFF;background: linear-gradient(180deg,#6B8EB8 0%,#4A6686 100%);box-shadow: 0 10px 18px rgba(47,76,112,0.22),inset 0 1px 0 rgba(255,255,255,0.18)}.app-view-content .driver-documents-view .campaign-ai-drop-upload-title{color: #344B67}html[data-theme-mode="dark"] .app-view-content .driver-documents-view .driver-documents-content{border-color: rgba(173,195,230,0.24) !important;background: rgba(20,29,43,0.94) !important;box-shadow: 0 22px 44px rgba(4,8,14,0.42) !important}html[data-theme-mode="dark"] .app-view-content .driver-documents-view .driver-documents-panel-header{background: radial-gradient(circle at 88% 18%,rgba(147,208,255,0.14) 0%,rgba(147,208,255,0) 34%),repeating-linear-gradient(135deg,rgba(255,255,255,0.04) 0 1px,transparent 1px 12px),linear-gradient(145deg,#172332 0%,#223549 55%,#33526C 100%)}html[data-theme-mode="dark"] .app-view-content .driver-documents-view :is(.driver-documents-card,.driver-documents-agreement-card){background: linear-gradient(180deg,rgba(22,30,45,0.94) 0%,rgba(18,26,39,0.96) 100%) !important}html[data-theme-mode="dark"] .app-view-content .driver-documents-view .driver-documents-card-header{border-bottom-color: rgba(173,195,230,0.16)}html[data-theme-mode="dark"] .app-view-content .driver-documents-view .driver-documents-card-header h3{color: #F2F6FC}html[data-theme-mode="dark"] .app-view-content .driver-documents-view .driver-documents-card>.secondary,html[data-theme-mode="dark"] .app-view-content .driver-documents-view .driver-documents-agreement-card>.secondary{color: #AEBDD2}@media (max-width: 640px){.app-view-content .driver-documents-view .driver-documents-panel-header{min-height: 7rem;padding: 1rem}.app-view-content .driver-documents-view .driver-documents-panel-title,.app-view-content .driver-documents-view .driver-documents-panel-hint{display: block}.app-view-content .driver-documents-view .driver-documents-panel-title{font-size: 1.55rem}.app-view-content .driver-documents-view :is(.driver-documents-card,.driver-documents-agreement-card){padding: 1rem !important}}.campaign-slot-canva-logo{width: 1.2em;height: 1.2em}.shop-calendar-view .shop-calendar-delivery-preview-header{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 1.25rem;margin-bottom: 0.85rem}.shop-calendar-view .shop-calendar-delivery-date-controls{display: inline-flex;align-items: center;gap: 0.6rem;flex-wrap: wrap}.shop-calendar-view .shop-calendar-delivery-header-actions{display: inline-flex;align-items: center;gap: 0.85rem;flex-wrap: wrap}.shop-calendar-view .shop-calendar-delivery-title-block{display: inline-flex;align-items: center;gap: 0.55rem;padding: 0.5rem 1rem;border-radius: 999px;background: rgba(255,255,255,0.96);border: 1px solid rgba(126,149,178,0.18);box-shadow: 0 6px 14px rgba(31,48,78,0.06);font-size: 0.92rem;color: #243348;font-weight: 600}.shop-calendar-view .shop-calendar-delivery-title-block .campaign-delivery-inline-label{text-transform: uppercase;letter-spacing: 0.08em;font-size: 0.68rem;color: #66788F;font-weight: 700}.shop-calendar-view .shop-calendar-delivery-date-indicator{color: #243348;font-weight: 600}.shop-calendar-view .shop-calendar-delivery-header-button{appearance: none;-webkit-appearance: none;box-sizing: border-box;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;min-height: 2.5rem;padding: 0.42rem 1.15rem;border: 0;border-radius: 999px;background: linear-gradient(180deg,#43576F 0%,#2E3F54 100%);color: #FFFFFF;font-family: var(--aura-font-family,inherit);font-size: 0.92rem;font-weight: 600;line-height: 1;box-shadow: 0 6px 14px rgba(36,51,72,0.18),inset 0 1px 0 rgba(255,255,255,0.12);transition: background 160ms ease,box-shadow 160ms ease,transform 120ms ease}.shop-calendar-view .shop-calendar-delivery-header-button:hover{background: linear-gradient(180deg,#4E6480 0%,#3A4B61 100%);box-shadow: 0 9px 18px rgba(36,51,72,0.22),inset 0 1px 0 rgba(255,255,255,0.14)}.shop-calendar-view .shop-calendar-delivery-header-button:active{transform: translateY(1px)}.shop-calendar-view .shop-calendar-delivery-header-button:focus-visible{outline: 2px solid rgba(102,120,143,0.45);outline-offset: 2px}.shop-calendar-view .shop-calendar-delivery-date-controls>.shop-calendar-delivery-header-button:nth-of-type(2){background: rgba(255,255,255,0.96);color: #243348;border: 1px solid rgba(126,149,178,0.22);box-shadow: 0 6px 14px rgba(31,48,78,0.06)}.shop-calendar-view .shop-calendar-delivery-date-controls>.shop-calendar-delivery-header-button:nth-of-type(2):hover{background: #F4F7FB;box-shadow: 0 8px 16px rgba(31,48,78,0.08)}.shop-calendar-view .shop-calendar-delivery-add-button{min-width: 2.75rem;width: 2.75rem;height: 2.75rem;padding: 0;border-radius: 50%;font-size: 0;position: relative}.shop-calendar-view .shop-calendar-delivery-add-button::before{content: "+";position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;line-height: 1;font-weight: 600;color: inherit}.shop-calendar-view .shop-calendar-delivery-view-switcher{display: inline-flex;align-items: center;gap: 0.2rem;padding: 0.3rem;border-radius: 999px;background: rgba(231,238,244,0.86);box-shadow: inset 0 0 0 1px rgba(189,204,218,0.5)}.shop-calendar-view .shop-calendar-delivery-view-button{appearance: none;-webkit-appearance: none;box-sizing: border-box;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;min-height: 2rem;padding: 0.35rem 0.95rem;border: 0;border-radius: 999px;background: transparent;color: #43576F;font-family: var(--aura-font-family,inherit);font-size: 0.86rem;font-weight: 600;line-height: 1;transition: background 160ms ease,color 160ms ease,box-shadow 160ms ease}.shop-calendar-view .shop-calendar-delivery-view-button:hover{background: rgba(255,255,255,0.65)}.shop-calendar-view .shop-calendar-delivery-view-button.is-active{background: linear-gradient(180deg,#43576F 0%,#2E3F54 100%);color: #FFFFFF;box-shadow: 0 6px 12px rgba(36,51,72,0.18),inset 0 1px 0 rgba(255,255,255,0.14)}.shop-calendar-view .shop-calendar-delivery-view-button:focus-visible{outline: 2px solid rgba(102,120,143,0.45);outline-offset: 2px}.shop-calendar-view .shop-calendar-delivery-preview-header>div{display: inline-flex;align-items: center;flex-wrap: wrap;gap: 0.85rem}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-delivery-header-button{background: linear-gradient(180deg,#2F4258 0%,#1F2D3F 100%);box-shadow: 0 6px 14px rgba(4,8,16,0.4),inset 0 1px 0 rgba(255,255,255,0.08)}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-delivery-date-controls>.shop-calendar-delivery-header-button:nth-of-type(2){background: rgba(31,43,62,0.92);color: #D6E1F0;border-color: rgba(153,178,214,0.24)}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-delivery-title-block{background: rgba(31,43,62,0.92);border-color: rgba(153,178,214,0.24);color: #D6E1F0}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-delivery-date-indicator,html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-delivery-title-block .campaign-delivery-inline-label{color: #D6E1F0}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-delivery-view-switcher{background: rgba(31,43,62,0.78);box-shadow: inset 0 0 0 1px rgba(139,163,198,0.24)}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-delivery-view-button{color: #B6C4D8}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-delivery-view-button.is-active{background: linear-gradient(180deg,#2F4258 0%,#1F2D3F 100%);color: #FFFFFF}.shop-calendar-view .campaign-delivery-schedule-card .campaign-delivery-calendar-day-column,.shop-calendar-view .campaign-delivery-schedule-card .campaign-delivery-calendar-day-column.is-selected-day,.shop-calendar-view .campaign-delivery-schedule-card .campaign-delivery-calendar-day-column.is-inactive-day{background-color: #FFFFFF;background-image: repeating-linear-gradient( to bottom,transparent 0,transparent calc(var(--campaign-delivery-hour-height) - 1px),rgba(221,228,238,0.92) calc(var(--campaign-delivery-hour-height) - 1px),rgba(221,228,238,0.92) var(--campaign-delivery-hour-height) )}.shop-calendar-view .campaign-delivery-schedule-card .campaign-delivery-calendar-day-column.is-inactive-day{background-color: rgba(249,251,253,0.72)}.shop-calendar-view .campaign-delivery-schedule-card .campaign-delivery-calendar-header-cell{background: #FFFFFF}.shop-calendar-view .campaign-delivery-schedule-card .campaign-delivery-calendar-header-cell.is-selected-day{background: #FFFFFF}.shop-calendar-view .campaign-delivery-schedule-card .campaign-delivery-calendar-header-cell.is-today{background: rgba(231,238,244,0.95)}.shop-calendar-view .campaign-delivery-schedule-card .campaign-delivery-calendar-band-label{background: rgba(255,255,255,0.82)}.shop-calendar-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event{background: linear-gradient(180deg,rgba(247,250,253,0.97) 0%,rgba(232,238,245,0.97) 100%);color: #243348;border: 1px solid rgba(126,149,178,0.24);padding-left: 0.95rem;cursor: pointer;transition: filter 140ms ease}.shop-calendar-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event:hover{filter: brightness(0.97)}.shop-calendar-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event::before{content: "";position: absolute;top: 50%;left: 0.35rem;transform: translateY(-50%);width: 0.4rem;height: 0.4rem;flex: none;border-radius: 999px;background: #6B8AAF}.shop-calendar-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event.shop-calendar-delivery-appointment--open::before{background: #6B8AAF}.shop-calendar-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event.shop-calendar-delivery-appointment--booked::before{background: #D08B3F}.shop-calendar-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event.shop-calendar-delivery-appointment--completed::before{background: #3E9F66}.shop-calendar-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event.shop-calendar-delivery-appointment--cancelled::before,.shop-calendar-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event.shop-calendar-delivery-appointment--canceled::before{background: #B23A48}.shop-calendar-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event.is-tiny::before{display: none}.shop-calendar-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event.is-tiny{padding-left: 0.28rem}.shop-calendar-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event-time{color: #243348}.shop-calendar-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event-duration{color: #66788F}.shop-calendar-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event.is-draft .campaign-delivery-calendar-event-time,.shop-calendar-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event.is-draft .campaign-delivery-calendar-event-duration{color: #66788F}.shop-calendar-view .campaign-delivery-schedule-card .campaign-delivery-calendar-event.is-draft{background: linear-gradient(180deg,rgba(247,250,253,0.55) 0%,rgba(232,238,245,0.55) 100%);color: #66788F;border-style: dashed}.shop-calendar-view .campaign-delivery-schedule-card .campaign-delivery-calendar-meta-chip{background: linear-gradient(180deg,rgba(247,250,254,0.99) 0%,rgba(241,246,251,0.99) 100%)}html[data-theme-mode="dark"] .shop-calendar-view .campaign-delivery-schedule-card .campaign-delivery-calendar-day-column,html[data-theme-mode="dark"] .shop-calendar-view .campaign-delivery-schedule-card .campaign-delivery-calendar-day-column.is-selected-day,html[data-theme-mode="dark"] .shop-calendar-view .campaign-delivery-schedule-card .campaign-delivery-calendar-day-column.is-inactive-day{background-color: rgba(31,43,62,0.32);background-image: repeating-linear-gradient( to bottom,transparent 0,transparent calc(var(--campaign-delivery-hour-height) - 1px),rgba(82,100,124,0.42) calc(var(--campaign-delivery-hour-height) - 1px),rgba(82,100,124,0.42) var(--campaign-delivery-hour-height) )}html[data-theme-mode="dark"] .shop-calendar-view .campaign-delivery-schedule-card .campaign-delivery-calendar-header-cell{background: rgba(31,43,62,0.46)}.shop-calendar-view .shop-calendar-delivery-month-grid{display: grid;grid-template-columns: 3rem repeat(7,minmax(0,1fr));gap: 1px;width: 100%;min-width: 38rem;background: rgba(221,228,238,0.92);border: 1px solid rgba(221,228,238,0.92);border-radius: 14px;overflow: hidden}.shop-calendar-view .shop-calendar-delivery-month-header{padding: 0.6rem 0.7rem;background: rgba(247,250,253,0.96);color: #243348;font-size: 0.78rem;font-weight: 700;text-align: center}.shop-calendar-view .shop-calendar-delivery-month-week-corner{background: rgba(247,250,253,0.96)}.shop-calendar-view .shop-calendar-delivery-month-week{display: flex;align-items: center;justify-content: center;padding: 0.4rem 0.3rem;background: rgba(247,250,253,0.96);color: #66788F;font-size: 0.7rem;font-weight: 700;letter-spacing: 0.04em}.shop-calendar-view .shop-calendar-delivery-month-cell{position: relative;display: flex;flex-direction: column;gap: 0.28rem;min-height: 5.5rem;padding: 0.45rem 0.55rem 0.6rem;background: rgba(255,255,255,0.95);cursor: cell}.shop-calendar-view .shop-calendar-delivery-month-cell.is-muted{background: rgba(247,250,253,0.6)}.shop-calendar-view .shop-calendar-delivery-month-cell.is-muted .shop-calendar-delivery-month-day{color: #B2BBC8;font-weight: 600}.shop-calendar-view .shop-calendar-delivery-month-cell.is-start-day{background: linear-gradient(180deg,rgba(220,235,255,0.55) 0%,rgba(204,223,248,0.45) 100%)}.shop-calendar-view .shop-calendar-delivery-month-cell.is-start-day .shop-calendar-delivery-month-day{display: inline-flex;align-items: center;justify-content: center;min-width: 1.5rem;padding: 0.18rem 0.5rem;border-radius: 999px;background: linear-gradient(180deg,#43576F 0%,#2E3F54 100%);color: #FFFFFF}.shop-calendar-view .shop-calendar-delivery-month-day{align-self: flex-end;color: #43576F;font-size: 0.86rem;font-weight: 700;line-height: 1}.shop-calendar-view .shop-calendar-delivery-month-event,.shop-calendar-view .shop-calendar-delivery-appointment{display: inline-flex;align-items: center;gap: 0.32rem;padding: 0.18rem 0.42rem;border-radius: 6px;background: rgba(247,250,253,0.92);color: #243348;font-size: 0.72rem;font-weight: 600;line-height: 1.2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;cursor: pointer}.shop-calendar-view .shop-calendar-delivery-month-event::before,.shop-calendar-view .shop-calendar-delivery-appointment::before{content: "";width: 0.5rem;height: 0.5rem;flex: 0 0 auto;border-radius: 999px;background: #43576F}.shop-calendar-view .shop-calendar-delivery-appointment--installation::before{background: #2E8B57}.shop-calendar-view .shop-calendar-delivery-appointment--deinstallation::before{background: #B23A48}.shop-calendar-view .shop-calendar-delivery-appointment--open::before{background: #43576F}.shop-calendar-view .shop-calendar-delivery-appointment--booked::before{background: #C77D2A}.shop-calendar-view .shop-calendar-delivery-appointment--completed::before{background: #2E8B57}.shop-calendar-view .shop-calendar-delivery-appointment--cancelled::before,.shop-calendar-view .shop-calendar-delivery-appointment--canceled::before{background: #B23A48}.shop-calendar-view .shop-calendar-delivery-year-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,14rem),1fr));gap: 0.9rem;width: 100%}.shop-calendar-view .shop-calendar-delivery-year-tile{display: flex;flex-direction: column;gap: 0.45rem;padding: 0.85rem 1rem 0.95rem;border-radius: 16px;background: rgba(255,255,255,0.95);border: 1px solid rgba(221,228,238,0.78);box-shadow: 0 6px 16px rgba(31,48,78,0.06)}.shop-calendar-view .shop-calendar-delivery-year-tile.is-current-month{background: linear-gradient(180deg,rgba(220,235,255,0.6) 0%,rgba(204,223,248,0.5) 100%);border-color: rgba(126,149,178,0.32)}.shop-calendar-view .shop-calendar-delivery-year-title{color: #243348;font-size: 0.86rem;font-weight: 800;letter-spacing: 0.04em;text-transform: uppercase}.shop-calendar-view .shop-calendar-delivery-year-meta{color: #66788F;font-size: 0.78rem}.shop-calendar-view .shop-calendar-delivery-year-stack{display: flex;flex-direction: column;gap: 0.3rem}.shop-calendar-view .shop-calendar-delivery-year-more{align-self: flex-start;margin-top: 0.15rem;padding: 0.15rem 0.5rem;border-radius: 999px;background: rgba(228,238,246,0.85);color: #43576F;font-size: 0.72rem;font-weight: 600;cursor: pointer;transition: background 140ms ease}.shop-calendar-view .shop-calendar-delivery-year-more:hover{background: rgba(207,222,235,0.95)}.shop-calendar-view .shop-calendar-delivery-year-window{display: inline-flex;align-items: center;gap: 0.3rem;padding: 0.16rem 0.38rem;border-radius: 6px;background: rgba(247,250,253,0.92);color: #43576F;font-size: 0.72rem;font-weight: 600}.shop-calendar-view .shop-calendar-delivery-list,.shop-calendar-view .shop-calendar-appointment-list{display: flex;flex-direction: column;gap: 0;width: 100%}.shop-calendar-view .shop-calendar-delivery-list-empty{padding: 1.5rem;border-radius: 14px;background: rgba(247,250,253,0.92);color: #66788F;font-size: 0.92rem;text-align: center}.shop-calendar-view .shop-calendar-appointment-list-group-header{display: flex;align-items: baseline;justify-content: space-between;gap: 0.85rem;padding: 0.85rem 0.25rem 0.4rem;margin-top: 0.85rem;border-bottom: 1px solid rgba(202,213,226,0.65)}.shop-calendar-view .shop-calendar-appointment-list-group-header:first-child{margin-top: 0}.shop-calendar-view .shop-calendar-appointment-list-group-date{color: #243348;font-size: 0.95rem;font-weight: 700}.shop-calendar-view .shop-calendar-appointment-list-group-day{color: #66788F;font-size: 0.82rem;font-weight: 600;letter-spacing: 0.02em}.shop-calendar-view .shop-calendar-appointment-list-row{display: grid;grid-template-columns: 11rem minmax(0,1fr);align-items: start;gap: 0.25rem 1.5rem;padding: 0.7rem 0.25rem;border: 0;border-bottom: 1px solid rgba(231,238,244,0.86);border-radius: 0;background: transparent;box-shadow: none;cursor: pointer;transition: background 140ms ease}.shop-calendar-view .shop-calendar-appointment-list-row::before{display: none !important;content: none !important}.shop-calendar-view .shop-calendar-appointment-list-row:hover{background: rgba(247,250,253,0.72)}.shop-calendar-view .shop-calendar-appointment-list-row.is-start-day .shop-calendar-appointment-list-time{color: #243348}.shop-calendar-view .shop-calendar-appointment-list-time-block{display: inline-flex;align-items: center;gap: 0.55rem;color: #43576F;font-variant-numeric: tabular-nums}.shop-calendar-view .shop-calendar-appointment-list-status-dot{flex: 0 0 auto;width: 0.65rem;height: 0.65rem;border-radius: 999px;background: #99A6B6;box-shadow: 0 0 0 3px rgba(153,166,182,0.18)}.shop-calendar-view .shop-calendar-appointment-list-status-dot--open{background: #6B8AAF;box-shadow: 0 0 0 3px rgba(107,138,175,0.18)}.shop-calendar-view .shop-calendar-appointment-list-status-dot--booked{background: #D08B3F;box-shadow: 0 0 0 3px rgba(208,139,63,0.18)}.shop-calendar-view .shop-calendar-appointment-list-status-dot--completed{background: #3E9F66;box-shadow: 0 0 0 3px rgba(62,159,102,0.18)}.shop-calendar-view .shop-calendar-appointment-list-status-dot--cancelled,.shop-calendar-view .shop-calendar-appointment-list-status-dot--canceled{background: #B23A48;box-shadow: 0 0 0 3px rgba(178,58,72,0.18)}.shop-calendar-view .shop-calendar-appointment-list-time{color: #243348;font-size: 0.92rem;font-weight: 600;line-height: 1.3}.shop-calendar-view .shop-calendar-appointment-list-duration{color: #8493A5;font-size: 0.78rem;font-weight: 500}.shop-calendar-view .shop-calendar-appointment-list-duration::before{content: "·";margin-right: 0.4rem;color: #C0CAD7}.shop-calendar-view .shop-calendar-appointment-list-title-block{display: flex;flex-direction: column;gap: 0.15rem;min-width: 0}.shop-calendar-view .shop-calendar-appointment-list-title{color: #243348;font-size: 0.92rem;font-weight: 600;line-height: 1.3;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.shop-calendar-view .shop-calendar-appointment-list-subtitle{color: #8493A5;font-size: 0.8rem;line-height: 1.35;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.shop-calendar-view .shop-calendar-appointment-list-status-badge{display: inline-flex;align-items: center;padding: 0.22rem 0.7rem;border-radius: 999px;background: rgba(228,238,246,0.92);color: #43576F;font-size: 0.7rem;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;white-space: nowrap}.shop-calendar-view .shop-calendar-appointment-list-status-badge--open{background: rgba(228,238,246,0.92);color: #43576F}.shop-calendar-view .shop-calendar-appointment-list-status-badge--booked{background: rgba(248,224,198,0.92);color: #8A5217}.shop-calendar-view .shop-calendar-appointment-list-status-badge--completed{background: rgba(212,235,220,0.92);color: #1F6E40}.shop-calendar-view .shop-calendar-appointment-list-status-badge--cancelled,.shop-calendar-view .shop-calendar-appointment-list-status-badge--canceled{background: rgba(243,215,215,0.92);color: #8B2C2C}@media (max-width: 720px){.shop-calendar-view .shop-calendar-appointment-list-row{grid-template-columns: 1fr auto;gap: 0.45rem 1rem;align-items: flex-start}.shop-calendar-view .shop-calendar-appointment-list-title-block{grid-column: 1 / -1}}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-delivery-month-grid{background: rgba(82,100,124,0.42);border-color: rgba(82,100,124,0.42)}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-delivery-month-header,html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-delivery-month-week-corner,html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-delivery-month-week{background: rgba(31,43,62,0.78);color: #D6E1F0}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-delivery-month-week{color: #98A6BB}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-delivery-year-more{background: rgba(82,100,124,0.42);color: #D6E1F0}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-delivery-year-more:hover{background: rgba(102,124,152,0.55)}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-delivery-month-cell{background: rgba(31,43,62,0.62)}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-delivery-month-cell.is-muted{background: rgba(31,43,62,0.32)}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-delivery-month-day{color: #C5D2E3}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-delivery-year-tile{background: rgba(31,43,62,0.78);border-color: rgba(82,100,124,0.42)}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-delivery-year-title,html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-appointment-list-title,html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-appointment-list-time,html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-appointment-list-group-date{color: #E2EAF6}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-appointment-list-row{background: transparent;border-bottom-color: rgba(82,100,124,0.42)}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-appointment-list-row:hover{background: rgba(31,43,62,0.4)}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-appointment-list-group-header{border-bottom-color: rgba(82,100,124,0.5)}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-appointment-list-subtitle,html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-appointment-list-group-day,html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-appointment-list-duration{color: #98A6BB}.shop-calendar-view .shop-calendar-board-surface,.shop-calendar-view .campaign-delivery-card,.shop-calendar-view .campaign-delivery-schedule-card,.shop-calendar-view .campaign-delivery-calendar-panel,.shop-calendar-view .campaign-delivery-calendar-block,.app-view-content .shop-calendar-view .shop-calendar-board-surface,.app-view-content.shop-calendar-view .shop-calendar-board-surface,.app-view-content .shop-calendar-view .campaign-delivery-card,.app-view-content.shop-calendar-view .campaign-delivery-card,.app-view-content .shop-calendar-view .campaign-delivery-schedule-card,.app-view-content.shop-calendar-view .campaign-delivery-schedule-card,.app-view-content .shop-calendar-view .campaign-delivery-calendar-panel,.app-view-content.shop-calendar-view .campaign-delivery-calendar-panel,.app-view-content .shop-calendar-view .campaign-delivery-calendar-block,.app-view-content.shop-calendar-view .campaign-delivery-calendar-block{padding: 0 !important;border: 0 !important;border-radius: 0 !important;background: transparent !important;background-image: none !important;box-shadow: none !important;backdrop-filter: none !important;-webkit-backdrop-filter: none !important}html[data-theme-mode="dark"] .shop-calendar-view .shop-calendar-board-surface,html[data-theme-mode="dark"] .shop-calendar-view .campaign-delivery-card,html[data-theme-mode="dark"] .shop-calendar-view .campaign-delivery-schedule-card,html[data-theme-mode="dark"] .shop-calendar-view .campaign-delivery-calendar-panel,html[data-theme-mode="dark"] .shop-calendar-view .campaign-delivery-calendar-block{background: transparent !important;box-shadow: none !important}.crm-contact-card:hover{box-shadow: 0 6px 18px rgba(0,0,0,0.10);border-color: var(--lumo-primary-color);transform: translateY(-2px)}html[data-theme-mode="dark"] .crm-contact-card:hover{box-shadow: 0 6px 20px rgba(0,0,0,0.45)}@media (max-width: 820px){.crm-contacts-split{flex-direction: column;overflow: hidden}.crm-contacts-split .crm-contact-list-column{flex: 0 0 auto !important;max-height: 42vh;min-width: 0 !important}.crm-contacts-split .crm-chat-pane{flex: 1 1 auto;min-width: 0 !important;min-height: 280px}}.crm-filter-bar{background: var(--lumo-contrast-5pct);border: 1px solid var(--lumo-contrast-10pct);border-radius: 14px;padding: 0.55rem 0.75rem}.crm-filter-checks vaadin-checkbox{padding: 0.4rem 0.95rem;border-radius: 999px;background: var(--lumo-contrast-10pct);border: 1px solid var(--lumo-contrast-20pct);box-shadow: 0 1px 2px rgba(0,0,0,0.06);cursor: pointer;transition: background 120ms ease,border-color 120ms ease,color 120ms ease,box-shadow 120ms ease,transform 80ms ease}.crm-filter-checks vaadin-checkbox::part(checkbox){display: none}.crm-filter-checks vaadin-checkbox>label{padding: 0;color: var(--lumo-body-text-color);font-size: 0.85rem;font-weight: 600;cursor: pointer}.crm-filter-checks vaadin-checkbox:hover{border-color: var(--lumo-primary-color);background: var(--lumo-primary-color-10pct);box-shadow: 0 2px 6px rgba(0,0,0,0.10)}.crm-filter-checks vaadin-checkbox:active{transform: translateY(1px)}.crm-filter-checks vaadin-checkbox[checked]{background: var(--lumo-primary-color);border-color: var(--lumo-primary-color);box-shadow: 0 2px 8px var(--lumo-primary-color-50pct)}.crm-filter-checks vaadin-checkbox[checked]>label{color: var(--lumo-primary-contrast-color)}.crm-filter-checks vaadin-checkbox[checked]:hover{background: var(--lumo-primary-color);filter: brightness(1.06)}.crm-filter-checks vaadin-checkbox[focus-ring]{box-shadow: 0 0 0 2px var(--lumo-primary-color-50pct);outline: none}html[data-theme-mode="dark"] .crm-filter-checks vaadin-checkbox{background: var(--lumo-contrast-20pct);box-shadow: 0 1px 2px rgba(0,0,0,0.3)}.admin-dashboard-quicklinks{display: flex;flex-wrap: wrap;gap: var(--vaadin-gap-s,0.5rem);padding: 0.25rem 0}.admin-dashboard-quicklink{display: inline-flex;align-items: center;gap: 0.45rem;padding: 0.35rem 0.85rem;border-radius: var(--lumo-border-radius-m,0.25em);background: var(--lumo-primary-color-10pct,rgba(22,118,243,.1));color: var(--lumo-primary-text-color,#1676f3);font-size: var(--lumo-font-size-s,0.875rem);font-weight: 500;text-decoration: none;transition: background 0.15s}.admin-dashboard-quicklink:hover{background: var(--lumo-primary-color-50pct,rgba(22,118,243,.3))}.admin-dashboard-quicklink-icon{width: 1rem;height: 1rem;flex: 0 0 auto}.admin-dashboard-quicklink-label{min-width: 0}.admin-dashboard-review-list{display: flex;flex-direction: column;gap: 0}.admin-dashboard-review-link{display: block;padding: 0.55rem 0.75rem;border-bottom: 1px solid var(--lumo-contrast-10pct,rgba(0,0,0,0.08));color: var(--lumo-primary-text-color,#1676f3);text-decoration: none;font-size: var(--lumo-font-size-s,0.875rem);transition: background 0.12s;border-radius: 0}.admin-dashboard-review-link:first-child{border-top: 1px solid var(--lumo-contrast-10pct,rgba(0,0,0,0.08))}.admin-dashboard-review-link:hover{background: var(--lumo-contrast-5pct,rgba(0,0,0,0.04));color: var(--lumo-primary-color,#1676f3)}