html{color-scheme: light dark;--aura-accent-color-light: hsl(213,100%,48%);--aura-accent-color-dark: hsl(213,85%,65%);--aura-contrast-level: 1;--aura-base-font-size: 14;--aura-base-line-height: 1.4;--aura-base-size: 16;--aura-base-radius: 4;--aura-app-layout-inset: 1.5vmin;--aura-app-layout-radius: 8px;--aura-app-layout-border-width: 1px;--vaadin-overlay-viewport-bottom: 0px}.page-title{margin: 0;font-size: var(--aura-font-size-xl);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color)}.page-subtitle{margin: 0;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.btn-compact{--vaadin-button-font-size: var(--aura-font-size-s);min-height: calc(var(--aura-base-size) * 1px * 2)}.card-surface{--aura-surface-level: 1;padding: var(--vaadin-padding-l);border-radius: var(--vaadin-radius-l)}.status-badge{display: inline-flex;align-items: center;gap: 6px;padding: 2px 10px;border-radius: 999px;font-size: var(--aura-font-size-xs);font-weight: 600;white-space: nowrap;flex-shrink: 0}.status-badge::before{content: "";width: 6px;height: 6px;border-radius: 50%;flex-shrink: 0}.status-badge--new-job,.status-badge--invoiced{background: color-mix(in srgb,var(--aura-accent-color) 12%,transparent);color: var(--aura-accent-color)}.status-badge--new-job::before,.status-badge--invoiced::before{background: var(--aura-accent-color)}.status-badge--estimation,.status-badge--parts-purchase,.status-badge--closed,.status-badge--default{background: color-mix(in srgb,var(--aura-neutral) 12%,transparent);color: var(--vaadin-text-color)}.status-badge--estimation::before,.status-badge--parts-purchase::before,.status-badge--closed::before,.status-badge--default::before{background: var(--vaadin-text-color-secondary)}.status-badge--in-repair{background: color-mix(in srgb,var(--aura-yellow) 15%,transparent);color: var(--aura-yellow-text)}.status-badge--in-repair::before{background: var(--aura-yellow)}.status-badge--completed,.status-badge--approved{background: color-mix(in srgb,var(--aura-green) 12%,transparent);color: var(--aura-green)}.status-badge--completed::before,.status-badge--approved::before{background: var(--aura-green)}.status-badge--scheduled{background: color-mix(in srgb,var(--aura-accent-color) 12%,transparent);color: var(--aura-accent-color)}.status-badge--scheduled::before{background: var(--aura-accent-color)}.status-badge--expired{background: color-mix(in srgb,var(--aura-red) 12%,transparent);color: var(--aura-red)}.status-badge--expired::before{background: var(--aura-red)}.status-badge--cancelled{background: color-mix(in srgb,var(--aura-neutral) 12%,transparent);color: var(--vaadin-text-color)}.status-badge--cancelled::before{background: var(--vaadin-text-color-secondary)}.status-badge--in-stock{background: color-mix(in srgb,var(--aura-green) 12%,transparent);color: var(--aura-green)}.status-badge--in-stock::before{background: var(--aura-green)}.status-badge--low-stock{background: color-mix(in srgb,var(--aura-orange) 12%,transparent);color: var(--aura-orange-text)}.status-badge--low-stock::before{background: var(--aura-orange)}.status-badge--out-of-stock{background: color-mix(in srgb,var(--aura-red) 12%,transparent);color: var(--aura-red)}.status-badge--out-of-stock::before{background: var(--aura-red)}.aura-view{display: flex;flex-direction: column;box-sizing: border-box;margin-block: calc(var(--safe-area-inset-top,0px) * -1) calc(var(--safe-area-inset-bottom,0px) * -1);height: calc(100% + var(--safe-area-inset-top,0px) + var(--safe-area-inset-bottom,0px))}.aura-view>:not(header,footer,.aura-view-header,.aura-view-footer){flex: 1}.aura-view>vaadin-scroller{--vaadin-scroller-padding-inline: max(var(--vaadin-padding-l) - var(--safe-area-inset-left,0px),0px)}.aura-view:not(:has(header,.aura-view-header))>vaadin-scroller{padding-top: var(--safe-area-inset-top,0px)}.aura-view:not(:has(footer,.aura-view-footer))>vaadin-scroller{padding-bottom: var(--safe-area-inset-bottom,0px)}.aura-view>:is(header,footer),:is(.aura-view-header,.aura-view-footer){padding-block: var(--vaadin-padding-m);padding-inline: max(var(--vaadin-padding-m) - var(--safe-area-inset-left,0px),0px);display: flex;align-items: center;gap: var(--vaadin-gap-xs)}.aura-view>header,.aura-view-header,.aura-view[slot='navbar']>footer,.aura-view-footer[slot='navbar']{padding-top: max(var(--vaadin-padding-m),var(--safe-area-inset-top,0px))}.aura-view[slot='navbar']>:is(header,footer),:is(.aura-view-header,.aura-view-footer)[slot='navbar'],.aura-view[slot='drawer']>header,.aura-view-header[slot='drawer']{margin-top: calc(var(--safe-area-inset-top,0px) * -1);padding-inline-end: var(--vaadin-padding-m)}.aura-view[slot='navbar']>:is(header,footer),:is(.aura-view-header,.aura-view-footer)[slot='navbar']{padding: 0;padding-top: var(--safe-area-inset-top,0px)}.aura-view[slot='navbar']>footer,.aura-view-footer[slot='navbar']{margin-inline-start: auto}.aura-view:not([slot='navbar'])>footer,.aura-view-footer:not([slot='navbar']){padding-bottom: max(var(--vaadin-padding-m),var(--safe-area-inset-bottom,0px))}.aura-view[slot='drawer']>footer,.aura-view-footer[slot='drawer']{margin-bottom: calc(var(--safe-area-inset-bottom,0px) * -1)}:is(.aura-view>header,.aura-view-header) :is(h1,h2,h3,h4,h5,h6,.aura-view-heading){margin: 0;padding-block: calc(var(--vaadin-padding-block-container) + var(--vaadin-button-border-width,1px));font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-semibold);line-height: var(--aura-line-height-m);color: var(--vaadin-text-color);flex: 1}:is(.aura-view>header,.aura-view-header) :is(h1,h2,h3,h4,h5,h6,.aura-view-heading):first-child{padding-inline-start: var(--vaadin-padding-s)}:is(.aura-view>header,.aura-view-header) :is(h1,h2,h3,h4,h5,h6,.aura-view-heading):last-child{padding-inline-end: var(--vaadin-padding-s)}vaadin-app-layout:is([drawer-opened]:not([overlay]),:has(>[slot='navbar'] vaadin-drawer-toggle)) :is(.aura-view>header,.aura-view-header) vaadin-drawer-toggle:not([theme~='permanent']){display: none}vaadin-app-layout:is([drawer-opened]:not([overlay]),:has(>[slot='navbar'] vaadin-drawer-toggle)) :is(.aura-view>header,.aura-view-header) vaadin-drawer-toggle:not([theme~='permanent']) + :is(h1,h2,h3,h4,h5,h6,.aura-view-heading){padding-inline-start: var(--vaadin-padding-s)}vaadin-app-layout:has(>.aura-surface-solid)::part(content),vaadin-app-layout:has(>*>.aura-surface-solid)::part(content){background: var(--aura-surface-color-solid) padding-box}.aura-view-header[slot='drawer'] .brand-mark{margin-inline: calc( var(--vaadin-padding-inline-container) - var(--vaadin-side-nav-item-border-width) - (1.25lh - var(--vaadin-icon-size,1lh)) / 2 )}.aura-view-footer[slot='drawer']{gap: var(--vaadin-gap-s)}.drawer-footer{align-items: center;gap: calc(var(--vaadin-gap-s) * 0.75);border-top: 1px solid color-mix(in srgb,var(--aura-neutral) 10%,transparent);padding-top: var(--vaadin-padding-s);padding-bottom: var(--vaadin-padding-xs)}.drawer-footer__row{min-width: 0}.drawer-footer__profile-content{display: flex;align-items: center;gap: calc(var(--vaadin-gap-s) * 0.75);min-width: 0;flex: 1}vaadin-avatar.drawer-footer__avatar{width: 2.35rem;height: 2.35rem;flex-shrink: 0;border-radius: 999px;background: var(--aura-accent-color);color: var(--aura-accent-contrast-color);font-size: calc(var(--aura-font-size-s) * 1.05);font-weight: var(--aura-font-weight-semibold)}.drawer-footer__profile-text{display: flex;flex: 1;min-width: 0;flex-direction: column}.drawer-footer__profile-name,.drawer-footer__profile-subtitle{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.drawer-footer__profile-name{font-size: clamp(0.84rem,0.81rem + 0.12vw,0.94rem);font-weight: var(--aura-font-weight-semibold);line-height: 1.05;color: color-mix(in srgb,var(--vaadin-text-color) 86%,var(--aura-accent-color))}.drawer-footer__profile-subtitle{margin-top: 0;font-size: clamp(0.68rem,0.66rem + 0.08vw,0.76rem);line-height: 1.05;color: var(--vaadin-text-color-secondary)}.drawer-footer__actions{display: flex;align-items: center;justify-content: flex-end;gap: calc(var(--vaadin-gap-s) * 0.35);flex: 0 0 auto}vaadin-button.drawer-footer__action,vaadin-button.drawer-footer__theme-toggle{flex: 0 0 auto;width: 2.45rem;height: 2.45rem;min-width: 0;min-height: 0;margin: 0;padding: 0;border-radius: 0.85rem;color: color-mix(in srgb,var(--vaadin-text-color) 62%,var(--aura-accent-color))}vaadin-button.drawer-footer__action::part(label),vaadin-button.drawer-footer__theme-toggle::part(label){padding: 0}vaadin-button.drawer-footer__action vaadin-icon,vaadin-button.drawer-footer__theme-toggle vaadin-icon{width: 1.15rem;height: 1.15rem}.preferences-dialog::part(overlay){width: min(22rem,calc(100vw - 2rem));border-radius: calc(var(--vaadin-radius-l) + 0.15rem)}.preferences-dialog::part(header){padding: var(--vaadin-padding-m) var(--vaadin-padding-m) 0}.preferences-dialog::part(content){padding: var(--vaadin-padding-s) var(--vaadin-padding-m) var(--vaadin-padding-m)}.preferences-dialog__header{gap: var(--vaadin-gap-s)}.preferences-dialog__title{font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-semibold);color: color-mix(in srgb,var(--vaadin-text-color) 88%,var(--aura-accent-color))}vaadin-button.preferences-dialog__close{width: 2rem;height: 2rem;min-width: 0;min-height: 0;margin: 0;padding: 0;color: var(--vaadin-text-color-secondary)}.preferences-dialog__body{gap: var(--vaadin-gap-m)}.preferences-dialog__section{display: flex;flex-direction: column;gap: calc(var(--vaadin-gap-s) * 0.65);width: 100%}.preferences-dialog__section-label{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.preferences-dialog__segmented{display: flex;width: 100%;padding: 0.2rem;border-radius: calc(var(--vaadin-radius-l) - 0.1rem);background: color-mix(in srgb,var(--aura-neutral) 9%,transparent);gap: 0.15rem}vaadin-button.preferences-dialog__segment{flex: 1 1 0;min-width: 0;min-height: 2.4rem;margin: 0;border-radius: calc(var(--vaadin-radius-m) + 0.05rem);color: var(--vaadin-text-color-secondary);background: transparent;box-shadow: none}vaadin-button.preferences-dialog__segment--selected{color: var(--aura-accent-color);background: var(--vaadin-background-color);box-shadow: 0 1px 2px color-mix(in srgb,var(--aura-neutral) 18%,transparent);font-weight: var(--aura-font-weight-semibold)}vaadin-button.preferences-dialog__done{margin-top: calc(var(--vaadin-gap-s) * 0.25)}vaadin-select.language-switcher{min-width: 9rem;max-width: 11rem}vaadin-select.auth-language-switcher{min-width: 9rem;max-width: 11rem}.auth-language-actions{margin-inline-start: auto}.aura-view-header__toolbar{display: flex;align-items: center;gap: var(--vaadin-gap-s);min-width: 0;margin-inline-start: auto}.u-text-secondary{color: var(--vaadin-text-color-secondary)}.u-text-tertiary{color: var(--vaadin-text-color-secondary);opacity: 0.85}.u-text-body{color: var(--vaadin-text-color)}.u-text-header{color: var(--vaadin-text-color)}.u-text-primary{color: var(--aura-accent-text-color)}.u-font-xxs{font-size: var(--aura-font-size-xs)}.u-font-xs{font-size: var(--aura-font-size-xs)}.u-font-s{font-size: var(--aura-font-size-s)}.u-font-m{font-size: var(--aura-font-size-m)}.u-font-l{font-size: var(--aura-font-size-l)}.u-font-xl{font-size: var(--aura-font-size-xl)}.u-font-xxl{font-size: var(--vaadin-font-size-xxxl)}.u-fw-medium{font-weight: var(--aura-font-weight-medium)}.u-fw-semibold{font-weight: var(--aura-font-weight-semibold)}.u-fw-bold{font-weight: 700}.u-bg-base{--aura-surface-level: 1}.u-bg-contrast-5{background: color-mix(in srgb,var(--aura-neutral) 5%,transparent)}.u-bg-contrast-10{background: color-mix(in srgb,var(--aura-neutral) 10%,transparent)}.u-bg-success-10{background: color-mix(in srgb,var(--aura-green) 10%,transparent)}.u-br-m{border-radius: var(--vaadin-radius-m)}.u-br-l{border-radius: var(--vaadin-radius-l)}.u-p-m{padding: var(--vaadin-padding-m)}.u-p-l{padding: var(--vaadin-padding-l)}.u-ph-s{padding-left: var(--vaadin-padding-s);padding-right: var(--vaadin-padding-s)}.u-pv-xs{padding-top: var(--vaadin-padding-xs);padding-bottom: var(--vaadin-padding-xs)}.u-shadow-s{box-shadow: var(--aura-shadow-s)}.u-flex{display: flex}.u-flex-col{display: flex;flex-direction: column}.u-gap-xs{gap: var(--vaadin-gap-xs)}.u-gap-s{gap: var(--vaadin-gap-s)}.u-gap-m{gap: var(--vaadin-gap-m)}.u-gap-l{gap: var(--vaadin-gap-l)}.u-items-center{align-items: center}.u-justify-center{justify-content: center}.u-m-0{margin: 0}.u-box-border{box-sizing: border-box}.mobile-safe-dialog::part(overlay){box-sizing: border-box;max-width: min(95vw,960px);max-height: 92vh}.mobile-safe-dialog::part(content){box-sizing: border-box;overflow: auto}.u-w-full{width: 100%}.u-inset-section{--aura-surface-level: 0;background: color-mix(in srgb,var(--aura-neutral) 5%,transparent);border-radius: var(--vaadin-radius-m)}.u-card-surface{--aura-surface-level: 1;border-radius: var(--vaadin-radius-l);padding: var(--vaadin-padding-m)}.u-card-surface-lg{--aura-surface-level: 1;border-radius: var(--vaadin-radius-l);padding: var(--vaadin-padding-l)}.list-card__divider{display: block;align-self: stretch;width: 100%;height: 1px;margin: 0;padding: 0;border: none;background: color-mix(in srgb,var(--aura-neutral) 5%,transparent)}.settings-page{width: 100%;box-sizing: border-box;min-height: 100%}.attendance-date-nav{gap: var(--vaadin-gap-s);min-width: 0}.attendance-date-label{font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color);white-space: nowrap}.attendance-live-badge{display: inline-block;padding: 0.2rem 0.6rem;border-radius: 999px;background-color: color-mix(in srgb,var(--aura-green) 15%,transparent);color: var(--aura-green);font-size: var(--aura-font-size-xs);font-weight: 600}.attendance-live-badge[hidden]{display: none !important}.attendance-admin-content{width: 100%;box-sizing: border-box;padding: var(--vaadin-padding-m);gap: var(--vaadin-gap-m)}.attendance-admin-actions{width: 100%;gap: var(--vaadin-gap-s)}.attendance-admin-toolbar-btn{min-width: 8rem;white-space: nowrap}.attendance-admin-mobile-actions{display: none}.attendance-admin-actions__btn{width: auto;min-width: 10rem;flex: 1 1 0}@media (max-width: 640px){.attendance-admin-toolbar-btn{display: none}.attendance-admin-mobile-actions{display: flex;flex-direction: column}.attendance-admin-mobile-actions__btn{width: 100%;min-width: 0;flex: 0 0 auto}}.attendance-view-meta{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-m)}.attendance-summary-grid{width: 100%;display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: var(--vaadin-gap-s)}.attendance-summary-card{background: var(--aura-surface-color);border: 1px solid var(--vaadin-border-color-secondary);border-radius: calc(var(--vaadin-radius-l) + 2px);box-shadow: var(--aura-shadow-xs);padding: var(--vaadin-padding-s);display: flex;flex-direction: column;gap: var(--vaadin-gap-xs)}.attendance-summary-card__main{display: grid;grid-template-columns: auto 1fr auto;align-items: center;column-gap: var(--vaadin-gap-s)}.attendance-summary-card__stat-block{display: flex;flex-direction: column;justify-content: center;min-width: 0;gap: 0.1rem}.attendance-summary-card__icon{width: 2.2rem;height: 2.2rem;border-radius: var(--vaadin-radius-m);display: flex;align-items: center;justify-content: center;font-size: var(--aura-font-size-l);flex-shrink: 0}.attendance-summary-card__value{font-size: clamp(1.45rem,1.15rem + 0.5vw,1.85rem);line-height: 1;font-weight: 700;color: var(--vaadin-text-color);min-width: 0}.attendance-summary-card__label{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-medium)}.attendance-summary-chip{display: inline-flex;align-items: center;padding: 0.15rem 0.55rem;border-radius: 999px;font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold)}.attendance-summary-card--roster .attendance-summary-card__icon{background: color-mix(in srgb,var(--aura-blue) 15%,transparent);color: var(--aura-blue)}.attendance-summary-card--success .attendance-summary-card__icon{background: color-mix(in srgb,var(--aura-green) 15%,transparent);color: var(--aura-green)}.attendance-summary-card--review .attendance-summary-card__icon{background: color-mix(in srgb,var(--aura-orange) 15%,transparent);color: var(--aura-orange)}.attendance-summary-card--pending .attendance-summary-card__icon{background: color-mix(in srgb,var(--aura-neutral) 12%,transparent);color: var(--vaadin-text-color-secondary)}.attendance-summary-card--alert .attendance-summary-card__icon{background: color-mix(in srgb,var(--aura-red) 13%,transparent);color: var(--aura-red)}.attendance-summary-chip--roster{background: color-mix(in srgb,var(--aura-blue) 15%,transparent);color: var(--aura-blue)}.attendance-summary-chip--success{background: color-mix(in srgb,var(--aura-green) 15%,transparent);color: var(--aura-green)}.attendance-summary-chip--review{background: color-mix(in srgb,var(--aura-orange) 15%,transparent);color: var(--aura-orange-text)}.attendance-summary-chip--pending{background: color-mix(in srgb,var(--aura-neutral) 12%,transparent);color: var(--vaadin-text-color-secondary)}.attendance-summary-chip--alert{background: color-mix(in srgb,var(--aura-red) 13%,transparent);color: var(--aura-red)}.attendance-controls-row{gap: var(--vaadin-gap-s);flex-wrap: wrap}.attendance-filter-tabs{display: flex;align-items: center;gap: var(--vaadin-gap-s);flex-wrap: wrap}.attendance-filter-btn{border-radius: 999px;border: 1px solid var(--vaadin-border-color-secondary);background: var(--aura-surface-color);color: var(--vaadin-text-color-secondary);font-weight: var(--aura-font-weight-semibold)}.attendance-filter-btn[theme~='primary']{border-color: color-mix(in srgb,var(--aura-accent-color) 40%,transparent);background: var(--aura-accent-color);color: var(--aura-accent-contrast-color)}.attendance-search{min-width: 16rem}.attendance-card-list{box-sizing: border-box;display: grid !important;gap: var(--vaadin-padding-m);grid-template-columns: 1fr;align-content: start;width: 100%;max-width: 100%;padding: var(--vaadin-padding-xs) 1rem var(--vaadin-padding-xs) var(--vaadin-padding-xs)}.attendance-record-card{background: var(--aura-surface-color);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);box-shadow: rgba(25,59,103,0.05) 0px 1px 3px 0px;padding: var(--vaadin-padding-m);display: flex;flex-direction: column;gap: var(--vaadin-padding-s)}.attendance-record-card__top{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-padding-m);flex-wrap: wrap}.attendance-record-card__employee{margin: 0;min-width: 0}.attendance-record-card__employee-grow{min-width: 0}.attendance-record-card__avatar{color: var(--aura-blue-text)}.attendance-record-card__avatar--present{background: color-mix(in srgb,var(--aura-green) 16%,var(--aura-surface-color));color: color-mix(in srgb,var(--aura-green) 78%,var(--aura-blue))}.attendance-record-card__avatar--late{background: color-mix(in srgb,var(--aura-purple) 16%,var(--aura-surface-color));color: color-mix(in srgb,var(--aura-purple) 74%,var(--aura-blue))}.attendance-record-card__avatar--absent{background: color-mix(in srgb,var(--aura-red) 16%,var(--aura-surface-color));color: color-mix(in srgb,var(--aura-red) 74%,var(--aura-blue))}.attendance-record-card__avatar--neutral{background: color-mix(in srgb,var(--aura-blue) 12%,var(--aura-surface-color));color: var(--aura-blue-text)}.attendance-record-card__identity{display: flex;flex-direction: column;min-width: 0}.attendance-record-card__name{font-size: clamp(1.2rem,1.05rem + 0.25vw,1.4rem);line-height: 1.1;font-weight: 700;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.attendance-record-card__role{margin-top: 0.2rem;color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-m);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.attendance-record-card__status-row{flex-wrap: nowrap;justify-content: flex-end;align-items: center}.attendance-status-badge{display: inline-flex;align-items: center;gap: 0.35rem;border-radius: 999px;padding: 0.22rem 0.62rem;font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold)}.attendance-status-badge__dot{width: 0.42rem;height: 0.42rem;border-radius: 999px;flex: 0 0 auto}.attendance-status-badge--present{background: color-mix(in srgb,var(--aura-green) 16%,var(--aura-surface-color));color: color-mix(in srgb,var(--aura-green) 80%,var(--aura-blue))}.attendance-status-badge--present .attendance-status-badge__dot{background: var(--aura-green)}.attendance-status-badge--late{background: color-mix(in srgb,var(--aura-orange) 18%,var(--aura-surface-color));color: var(--aura-orange-text)}.attendance-status-badge--late .attendance-status-badge__dot{background: var(--aura-orange)}.attendance-status-badge--absent{background: color-mix(in srgb,var(--aura-red) 18%,var(--aura-surface-color));color: var(--aura-red)}.attendance-status-badge--absent .attendance-status-badge__dot{background: var(--aura-red)}.attendance-status-badge--neutral{background: color-mix(in srgb,var(--aura-neutral) 12%,var(--aura-surface-color));color: var(--vaadin-text-color-secondary)}.attendance-status-badge--neutral .attendance-status-badge__dot{background: var(--vaadin-text-color-secondary)}.attendance-record-card__panel{background: color-mix(in srgb,var(--aura-neutral) 7%,var(--aura-surface-color));border-radius: var(--vaadin-radius-l);padding: var(--vaadin-padding-m)}.attendance-record-card__panel-row{margin: 0;align-items: center}.attendance-record-card__media{width: 2.8rem;height: 2.8rem;border-radius: var(--vaadin-radius-m);display: inline-flex;align-items: center;justify-content: center;overflow: hidden;color: var(--aura-blue-text);background: repeating-linear-gradient( -45deg,color-mix(in srgb,var(--aura-blue) 9%,var(--aura-surface-color)) 0 8px,color-mix(in srgb,var(--aura-blue) 15%,var(--aura-surface-color)) 8px 16px );flex: 0 0 auto;margin-right: 10px}.attendance-record-card__media--present{color: color-mix(in srgb,var(--aura-green) 78%,var(--aura-blue));background: repeating-linear-gradient( -45deg,color-mix(in srgb,var(--aura-green) 11%,var(--aura-surface-color)) 0 8px,color-mix(in srgb,var(--aura-green) 18%,var(--aura-surface-color)) 8px 16px )}.attendance-record-card__media--late{color: color-mix(in srgb,var(--aura-purple) 74%,var(--aura-blue));background: repeating-linear-gradient( -45deg,color-mix(in srgb,var(--aura-purple) 11%,var(--aura-surface-color)) 0 8px,color-mix(in srgb,var(--aura-purple) 17%,var(--aura-surface-color)) 8px 16px )}.attendance-record-card__media--absent{color: color-mix(in srgb,var(--aura-red) 70%,var(--aura-blue));background: repeating-linear-gradient( -45deg,color-mix(in srgb,var(--aura-red) 11%,var(--aura-surface-color)) 0 8px,color-mix(in srgb,var(--aura-red) 17%,var(--aura-surface-color)) 8px 16px )}.attendance-record-card__media img{width: 100%;height: 100%;object-fit: cover}.attendance-record-card__media--clickable{cursor: zoom-in}.attendance-photo-dialog::part(content){background: transparent;box-shadow: none;padding: 0}.attendance-photo-dialog__image{display: block;max-width: min(92vw,960px);max-height: 85vh;border-radius: var(--vaadin-radius-l);object-fit: contain}.attendance-record-card__metrics{display: grid;grid-template-columns: repeat(2,minmax(5rem,1fr));gap: var(--vaadin-padding-s);min-width: 0}.attendance-record-card__metric{display: flex;flex-direction: column;min-width: 0}.attendance-record-card__metric-label{font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color-secondary);letter-spacing: 0.03em}.attendance-record-card__metric-value{color: var(--aura-blue);font-size: clamp(1.15rem,1.05rem + 0.25vw,1.35rem);line-height: 1.1;font-weight: var(--aura-font-weight-semibold);margin-top: 0.08rem;white-space: nowrap}.attendance-record-card__metric-meta{margin-top: 0.2rem;font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold)}.attendance-record-card__metric-meta--present{color: color-mix(in srgb,var(--aura-green) 78%,var(--aura-blue))}.attendance-record-card__metric-meta--late{color: var(--aura-orange-text)}.attendance-record-card__metric-meta--absent{color: var(--aura-red)}.attendance-record-card__metric-meta--neutral{color: var(--vaadin-text-color-secondary)}.attendance-record-card__map-btn{border: none;background: transparent;color: var(--aura-blue);font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold);padding: 0;min-width: auto}.attendance-record-card__map-btn::part(prefix),.attendance-record-card__map-btn::part(label){color: var(--aura-blue)}.attendance-record-card__map-empty{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-m)}.attendance-record-card__status-row vaadin-button{min-width: 0;padding-inline: 0.35rem;color: var(--vaadin-text-color-secondary)}@media (min-width: 961px){.attendance-record-card{padding: var(--vaadin-padding-s);gap: var(--vaadin-padding-xs)}.attendance-record-card__top{gap: var(--vaadin-padding-s)}.attendance-record-card__name{font-size: var(--aura-font-size-m)}.attendance-record-card__role{margin-top: 2px;font-size: var(--aura-font-size-s)}.attendance-status-badge{padding: 2px 8px;font-size: var(--aura-font-size-xs)}.attendance-record-card__panel{padding: var(--vaadin-padding-s)}.attendance-record-card__metrics{gap: var(--vaadin-padding-xs)}.attendance-record-card__metric-value{font-size: var(--aura-font-size-l)}.attendance-record-card__metric-meta{margin-top: 0.12rem;font-size: var(--aura-font-size-xs)}.attendance-record-card__map-btn{font-size: var(--aura-font-size-s)}}.attendance-footnote{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s);border-top: 1px solid var(--vaadin-border-color-secondary);padding-top: var(--vaadin-padding-s)}@media (max-width: 640px){.attendance-date-nav{justify-content: flex-end}.attendance-date-label{font-size: var(--aura-font-size-m)}.attendance-admin-actions{flex-direction: column;align-items: stretch}.attendance-admin-actions__btn{width: 100%;min-width: 0;flex: 1 1 auto}.attendance-summary-grid{grid-template-columns: repeat(auto-fit,minmax(180px,1fr))}.attendance-search{min-width: 100%}.attendance-record-card__name{font-size: var(--aura-font-size-m)}.attendance-record-card__role{font-size: var(--aura-font-size-s)}.attendance-record-card__panel-row{align-items: flex-start}.attendance-record-card__metrics{grid-template-columns: repeat(2,minmax(4.2rem,1fr));gap: var(--vaadin-padding-xs)}.attendance-record-card__status-row{width: 100%;justify-content: space-between}.attendance-card-list{padding: var(--vaadin-padding-xs)}}.settings-page vaadin-scroller::part(content){padding-bottom: var(--vaadin-padding-l)}.settings-content{width: 100%;margin: 0;display: flex;flex-direction: column;gap: var(--vaadin-padding-l)}.settings-hero{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-padding-l)}.settings-hero-heading{display: flex;flex-direction: column;min-width: 0}.settings-hero-meta{display: inline-flex;align-items: center;flex-wrap: wrap;gap: var(--vaadin-gap-s);color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-m)}.settings-hero-meta-icon{width: 1rem;height: 1rem;color: var(--aura-accent-text-color)}.settings-hero-business-name{font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color)}.settings-hero-business-meta{color: var(--vaadin-text-color-secondary)}.settings-outlet-summary{min-width: 12rem;max-width: 100%;display: flex;align-items: center;gap: var(--vaadin-padding-s);padding: var(--vaadin-padding-s) var(--vaadin-padding-m);border-radius: var(--vaadin-radius-l);border: 1px solid var(--vaadin-border-color-secondary);background: var(--aura-surface-color);box-shadow: var(--aura-shadow-xs)}.settings-outlet-summary-icon{width: 2.25rem;height: 2.25rem;border-radius: var(--vaadin-radius-m);display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;background: color-mix(in srgb,var(--aura-accent-color) 14%,transparent);color: var(--aura-accent-text-color)}.settings-outlet-summary-icon vaadin-icon{width: 1rem;height: 1rem}.settings-feature-icon{width: 3.5rem;height: 3.5rem;border-radius: 1.125rem;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;background: color-mix(in srgb,var(--aura-accent-color) 14%,transparent);color: var(--aura-accent-text-color)}.settings-feature-icon vaadin-icon{width: 1.35rem;height: 1.35rem}.settings-outlet-summary-text{display: flex;flex-direction: column;gap: 0;min-width: 0;flex: 1}.settings-outlet-summary-label{font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-medium);text-transform: uppercase;letter-spacing: 0.06em;color: var(--vaadin-text-color-secondary);line-height: 1.2}.settings-outlet-summary-value{font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color);line-height: 1.3;overflow-wrap: anywhere}.settings-tabs-shell{border-bottom: 1px solid var(--vaadin-border-color-secondary)}.settings-tabs{background: transparent}vaadin-tab.settings-tab{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-medium);padding-inline: 0;margin-inline-end: var(--vaadin-padding-l)}vaadin-tab.settings-tab[selected]{color: var(--aura-accent-text-color)}vaadin-tab.settings-tab::part(content){padding: 0 0 var(--vaadin-padding-s)}.settings-tab-content{gap: var(--vaadin-gap-s)}.settings-tab-icon{width: 1rem;height: 1rem}.settings-section-host{width: 100%}.settings-section-grid{display: grid;grid-template-columns: minmax(0,1.9fr) minmax(18rem,0.95fr);gap: var(--vaadin-padding-l);align-items: start}.settings-section-grid--subscription{grid-template-columns: minmax(0,1.8fr) minmax(18rem,0.85fr)}.settings-section-main{display: flex;flex-direction: column;gap: var(--vaadin-padding-l)}.settings-banner{display: flex;align-items: flex-start;gap: var(--vaadin-padding-m);padding: var(--vaadin-padding-m) var(--vaadin-padding-l);border-radius: var(--vaadin-radius-l);border: 1px solid color-mix(in srgb,var(--aura-orange) 40%,transparent);background: color-mix(in srgb,var(--aura-orange) 10%,transparent);color: var(--vaadin-text-color)}.settings-banner-icon{color: var(--aura-orange-text);flex-shrink: 0;margin-top: 2px}.settings-banner-text{line-height: 1.55}.settings-card{background: var(--aura-surface-color);border: 1px solid var(--vaadin-border-color-secondary);border-radius: calc(var(--vaadin-radius-l) + 2px);box-shadow: var(--aura-shadow-xs);padding: calc(var(--vaadin-padding-l) + var(--vaadin-padding-xs));display: flex;flex-direction: column;gap: var(--vaadin-padding-m);box-sizing: border-box}.settings-card-header{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-padding-m)}.settings-card-logo{--settings-card-logo-size: 3rem;position: relative;flex: 0 0 var(--settings-card-logo-size);width: var(--settings-card-logo-size);height: var(--settings-card-logo-size);min-width: var(--settings-card-logo-size);max-width: var(--settings-card-logo-size);min-height: var(--settings-card-logo-size);max-height: var(--settings-card-logo-size);border-radius: 1.125rem;border: 1px solid color-mix(in srgb,var(--aura-accent-color) 16%,transparent);background: color-mix(in srgb,var(--aura-accent-color) 12%,transparent);overflow: hidden;box-sizing: border-box;contain: size layout}.settings-card-logo-image{position: absolute;inset: 0;display: block;width: 100%;height: 100%;max-width: 100%;max-height: 100%;object-fit: contain;object-position: center}.settings-card-logo-default{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;color: var(--aura-accent-text-color);pointer-events: none}.settings-card-logo-default vaadin-icon{width: 1.5rem;height: 1.5rem}.settings-card-lead{display: flex;align-items: center;gap: var(--vaadin-padding-m);min-width: 0;flex: 1}.settings-card-title-group{display: flex;flex-direction: column;gap: 0.35rem;justify-content: center;min-width: 0}.settings-card-heading-row{display: flex;flex-wrap: wrap;align-items: center;gap: var(--vaadin-gap-s)}.settings-card-title{font-size: clamp(1.65rem,2vw,2rem);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color);line-height: 1.1}.settings-card-subtitle{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.settings-card-badge{display: inline-flex;align-items: center;gap: 0.35rem;padding: 0.35rem 0.8rem;border-radius: 999px;font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold);white-space: nowrap}.settings-card-badge--business{background: color-mix(in srgb,var(--aura-accent-color) 12%,transparent);color: var(--aura-accent-text-color)}.settings-card-badge--outlet{background: color-mix(in srgb,var(--aura-orange) 14%,transparent);color: var(--aura-orange-text)}.settings-card-header-aside{display: flex;align-items: center;justify-content: flex-end;gap: var(--vaadin-gap-s);flex-shrink: 0}vaadin-upload.settings-logo-upload{width: auto;padding: 0;--vaadin-upload-padding: 0;--vaadin-upload-gap: 0}vaadin-upload.settings-logo-upload::part(drop-label),vaadin-upload.settings-logo-upload::part(file-list){display: none}.settings-card-logo vaadin-upload.settings-logo-upload::part(primary-buttons){margin: 0}.settings-logo-edit-button{min-height: 3.25rem;padding-inline: var(--vaadin-padding-l);border-radius: calc(var(--vaadin-radius-m) + 4px);background: color-mix(in srgb,var(--aura-neutral) 7%,transparent);border: 1px solid var(--vaadin-border-color-secondary);color: var(--vaadin-text-color);font-weight: var(--aura-font-weight-medium)}.settings-logo-edit-button vaadin-icon{width: 1rem;height: 1rem}.settings-form{width: 100%}.settings-helper{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);line-height: 1.5}.settings-save-button{min-height: 2.25rem;padding-inline: calc(var(--vaadin-padding-l) + var(--vaadin-padding-xs))}.settings-card-footer{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-padding-m);padding-top: var(--vaadin-padding-m);border-top: 1px solid var(--vaadin-border-color-secondary)}.settings-card-footer>:first-child{min-width: 0;flex: 1}.settings-rate-row{display: flex;flex-wrap: wrap;gap: var(--vaadin-padding-m);align-items: flex-end}.settings-rate-input{max-width: 11rem}.settings-rate-suffix{color: var(--vaadin-text-color-secondary)}.settings-rate-pills{display: flex;flex-wrap: wrap;gap: var(--vaadin-padding-s);align-items: stretch}vaadin-button.settings-rate-pill{min-width: 5.25rem;min-height: var(--vaadin-input-field-height,2rem);height: var(--vaadin-input-field-height,2rem);border-radius: calc(var(--vaadin-radius-m) + 4px);border: 1px solid color-mix(in srgb,var(--aura-neutral) 20%,transparent);padding: 0 var(--vaadin-padding-m);font-weight: var(--aura-font-weight-medium)}vaadin-button.settings-rate-pill--active{background: var(--aura-accent-color);color: var(--aura-accent-contrast-color);border-color: var(--aura-accent-color)}.settings-toggle-row{display: flex;align-items: center;justify-content: flex-end}.settings-inline-status{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);text-align: right;max-width: 18rem}.settings-preview-rail{display: flex;flex-direction: column;gap: var(--vaadin-padding-m);align-self: start;position: sticky;top: var(--vaadin-padding-m)}.settings-preview-card{background: var(--aura-surface-color);border: 1px solid var(--vaadin-border-color-secondary);border-radius: calc(var(--vaadin-radius-l) + 2px);box-shadow: var(--aura-shadow-xs);padding: calc(var(--vaadin-padding-l) + var(--vaadin-padding-xs));display: flex;flex-direction: column;gap: var(--vaadin-padding-m);box-sizing: border-box}.settings-preview-title{font-size: 1.9rem;font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color)}.settings-preview-subtitle{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.settings-preview-box{background: color-mix(in srgb,var(--aura-neutral) 5%,transparent);border-radius: var(--vaadin-radius-m);padding: calc(var(--vaadin-padding-m) + var(--vaadin-padding-xs));display: flex;flex-direction: column;gap: var(--vaadin-padding-s)}.settings-preview-row{display: flex;align-items: center;justify-content: space-between}.settings-preview-label{color: var(--vaadin-text-color-secondary)}.settings-preview-value{color: var(--vaadin-text-color);font-weight: 600}.settings-preview-divider{height: 1px;background: var(--vaadin-border-color-secondary)}.settings-preview-total .settings-preview-label{color: var(--vaadin-text-color);font-weight: 600}.settings-preview-total .settings-preview-value{color: var(--aura-accent-text-color);font-size: var(--aura-font-size-xl);font-weight: 700}.settings-preview-note,.settings-preview-context{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);line-height: 1.5}.settings-subscription-card{min-height: 100%}.settings-plan-hero{position: relative;overflow: hidden;background: linear-gradient(140deg,color-mix(in srgb,var(--aura-accent-color) 92%,white 8%),color-mix(in srgb,var(--aura-accent-color) 72%,black 12%));color: white;border-radius: calc(var(--vaadin-radius-l) + 2px);border: 1px solid color-mix(in srgb,white 16%,transparent);box-shadow: var(--aura-shadow-s);padding: calc(var(--vaadin-padding-l) + var(--vaadin-padding-s));display: flex;flex-direction: column;gap: var(--vaadin-padding-l)}.settings-plan-hero::before,.settings-plan-hero::after{content: "";position: absolute;inset: auto;border-radius: 999px;pointer-events: none}.settings-plan-hero::before{width: 18rem;height: 18rem;top: -7rem;right: -5rem;background: color-mix(in srgb,white 18%,transparent);filter: blur(14px)}.settings-plan-hero::after{width: 14rem;height: 14rem;bottom: -7rem;left: -4rem;background: color-mix(in srgb,black 16%,transparent);filter: blur(16px)}.settings-plan-hero>*{position: relative;z-index: 1}.settings-plan-hero-top{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-padding-m)}.settings-plan-status-badge{border: 1px solid transparent;color: white;box-shadow: none}.settings-plan-status-badge.platform-badge--success{background: color-mix(in srgb,var(--aura-green) 82%,black 18%);color: white}.settings-plan-status-badge.platform-badge--warning{background: color-mix(in srgb,var(--aura-yellow) 88%,black 12%);color: color-mix(in srgb,black 78%,var(--aura-yellow-text) 22%)}.settings-plan-status-badge.platform-badge--error{background: color-mix(in srgb,var(--aura-red) 84%,black 16%);color: white}.settings-plan-status-badge.platform-badge--neutral{background: color-mix(in srgb,white 22%,transparent);border-color: color-mix(in srgb,white 24%,transparent);color: white}.settings-plan-hero-body{display: grid;grid-template-columns: minmax(0,1fr) minmax(13.5rem,auto);gap: var(--vaadin-padding-l);align-items: end}.settings-plan-hero-lead{display: flex;flex-direction: column;gap: var(--vaadin-padding-m);min-width: 0}.settings-plan-overline{text-transform: uppercase;letter-spacing: 0.08em;font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold);opacity: 0.92}.settings-plan-name{font-size: clamp(2rem,3vw,2.8rem);font-weight: 700;line-height: 1.02;text-wrap: balance}.settings-plan-description{max-width: 34rem;font-size: var(--aura-font-size-m);line-height: 1.55;color: color-mix(in srgb,white 84%,transparent)}.settings-plan-meta{display: flex;flex-wrap: wrap;gap: var(--vaadin-padding-s)}.settings-plan-meta-chip{display: inline-flex;align-items: center;gap: 0.55rem;min-height: 2.5rem;padding: 0.55rem 0.85rem;border-radius: 999px;background: color-mix(in srgb,white 12%,transparent);border: 1px solid color-mix(in srgb,white 18%,transparent);color: color-mix(in srgb,white 94%,transparent);backdrop-filter: blur(10px)}.settings-plan-meta-icon{font-size: 0.95rem;color: inherit}.settings-plan-meta-text{font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-medium)}.settings-plan-price-card{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;gap: 0.35rem;min-width: 13.5rem;padding: calc(var(--vaadin-padding-m) + 0.15rem) calc(var(--vaadin-padding-m) + var(--vaadin-padding-xs));border-radius: calc(var(--vaadin-radius-m) + 6px);background: linear-gradient(180deg,color-mix(in srgb,white 18%,transparent),color-mix(in srgb,white 8%,transparent));border: 1px solid color-mix(in srgb,white 18%,transparent);box-shadow: inset 0 1px 0 color-mix(in srgb,white 24%,transparent)}.settings-plan-price-label{text-transform: uppercase;letter-spacing: 0.08em;font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold);color: color-mix(in srgb,white 76%,transparent)}.settings-plan-price{font-size: clamp(2rem,2.4vw,2.65rem);font-weight: 700;line-height: 1}.settings-plan-price-period{font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-medium);color: color-mix(in srgb,white 86%,transparent)}.settings-plan-details{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--vaadin-padding-m);padding-top: var(--vaadin-padding-s)}.settings-plan-info-item{display: flex;flex-direction: column;gap: 0.35rem;padding: var(--vaadin-padding-m);border-radius: var(--vaadin-radius-m);border: 1px solid var(--vaadin-border-color-secondary);background: color-mix(in srgb,var(--aura-neutral) 4%,transparent)}.settings-plan-info-label{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.settings-plan-info-value{font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color);line-height: 1.35}.settings-plan-actions{display: flex;flex-wrap: wrap;align-items: center;gap: var(--vaadin-padding-m)}.settings-subscription-action{display: inline-flex;align-items: center;justify-content: center;min-height: 3rem;padding: 0 var(--vaadin-padding-l);border-radius: calc(var(--vaadin-radius-m) + 4px);text-decoration: none;font-weight: var(--aura-font-weight-semibold)}.settings-subscription-action--primary{background: var(--aura-accent-color);color: var(--aura-accent-contrast-color)}.settings-subscription-action--secondary{border: 1px solid var(--aura-border-color);color: var(--aura-body-text-color)}.settings-section-stack{display: flex;flex-direction: column;gap: var(--vaadin-padding-l);width: 100%}.settings-subscription-history-card{width: 100%}.settings-subscription-history-content{display: flex;flex-direction: column;gap: var(--vaadin-padding-l)}.settings-subscription-history-section{display: flex;flex-direction: column;gap: var(--vaadin-padding-m)}.settings-subscription-history-header{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-padding-m)}.settings-subscription-history-title{margin: 0;font-size: var(--aura-font-size-l)}.settings-subscription-history-count{display: inline-flex;align-items: center;justify-content: center;min-width: 1.75rem;padding: 0.15rem 0.55rem;border-radius: var(--aura-radius-full);background: var(--aura-surface-secondary-color);color: var(--aura-secondary-text-color);font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold)}.settings-subscription-history-empty{padding: var(--vaadin-padding-l);border: 1px dashed var(--aura-border-color);border-radius: var(--aura-radius-m);color: var(--aura-secondary-text-color)}.settings-subscription-history-table{display: flex;flex-direction: column;gap: 0.35rem}.settings-subscription-history-head,.settings-subscription-history-row{display: grid;grid-template-columns: 1.1fr 1.4fr 1fr 0.9fr 1fr 1.1fr;gap: var(--vaadin-padding-s);align-items: center}.settings-subscription-history-head{padding: 0 var(--vaadin-padding-s) var(--vaadin-padding-xs);color: var(--aura-secondary-text-color);font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold)}.settings-subscription-history-head-cell{min-width: 0}.settings-subscription-history-row{padding: var(--vaadin-padding-s);border: 1px solid var(--aura-border-color);border-radius: var(--aura-radius-m);background: var(--aura-surface-color)}.settings-subscription-history-cell{display: flex;flex-direction: column;gap: 0.15rem;min-width: 0}.settings-subscription-history-cell-label{display: none}.settings-subscription-history-cell-value,.settings-subscription-history-amount{min-width: 0;overflow-wrap: anywhere}.settings-subscription-history-actions{display: flex;flex-wrap: wrap;gap: var(--vaadin-padding-xs);align-items: center}.settings-subscription-history-pay-link,.settings-subscription-history-download{display: inline-flex;align-items: center;gap: 0.25rem;color: var(--aura-accent-color);font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold);text-decoration: none}.settings-subscription-history-pay-link:hover,.settings-subscription-history-download:hover{text-decoration: underline}.settings-subscription-usage-content{display: flex;flex-direction: column;gap: var(--vaadin-padding-l);min-height: 100%}.settings-subscription-usage-header{display: flex;flex-direction: column;gap: 0.35rem}.settings-subscription-usage-actions{display: flex;flex-direction: column;align-items: flex-start;gap: var(--vaadin-padding-m);padding: var(--vaadin-padding-l);border-radius: calc(var(--vaadin-radius-m) + 4px);border: 1px solid color-mix(in srgb,var(--aura-accent-color) 16%,transparent);background: color-mix(in srgb,var(--aura-accent-color) 6%,transparent)}.settings-usage-metric{display: flex;flex-direction: column;gap: var(--vaadin-padding-s)}.settings-usage-metric-header{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-padding-s)}.settings-usage-label{font-size: var(--aura-font-size-l);color: var(--vaadin-text-color)}.settings-usage-value{font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color)}.settings-usage-bar{height: 0.7rem;border-radius: 999px;overflow: hidden;background: color-mix(in srgb,var(--aura-neutral) 10%,transparent)}.settings-usage-bar-fill{height: 100%;width: calc(var(--settings-usage-ratio,0) * 100%);border-radius: inherit;background: linear-gradient(90deg,color-mix(in srgb,var(--aura-accent-color) 92%,white 8%),color-mix(in srgb,var(--aura-accent-color) 75%,black 10%))}.settings-usage-callout{padding: var(--vaadin-padding-l);border-radius: calc(var(--vaadin-radius-m) + 4px);background: color-mix(in srgb,var(--aura-accent-color) 10%,transparent);color: var(--aura-accent-text-color);font-size: var(--aura-font-size-m);line-height: 1.5}.settings-attendance-card{gap: var(--vaadin-padding-l)}.settings-attendance-header{gap: var(--vaadin-padding-m)}.settings-attendance-add-button{min-height: 2.75rem;border-radius: calc(var(--vaadin-radius-m) + 4px);padding-inline: var(--vaadin-padding-l)}.settings-banner--attendance{border-color: color-mix(in srgb,var(--aura-accent-color) 24%,transparent);background: color-mix(in srgb,var(--aura-accent-color) 11%,transparent)}.settings-banner--attendance .settings-banner-icon{color: var(--aura-accent-text-color)}.settings-attendance-schedule-list{display: grid;grid-template-columns: repeat(auto-fit,minmax(23rem,1fr));gap: var(--vaadin-padding-m)}.settings-attendance-schedule{display: flex;flex-direction: column;gap: var(--vaadin-padding-m);border-radius: calc(var(--vaadin-radius-l) + 2px);border: 1px solid var(--vaadin-border-color-secondary);background: var(--aura-surface-color);padding: calc(var(--vaadin-padding-m) + var(--vaadin-padding-xs))}.settings-attendance-schedule--default{border-color: color-mix(in srgb,var(--aura-accent-color) 42%,var(--vaadin-border-color-secondary) 58%);box-shadow: 0 0 0 1px color-mix(in srgb,var(--aura-accent-color) 12%,transparent)}.settings-attendance-schedule--inactive{opacity: 0.82}.settings-attendance-schedule-top{gap: var(--vaadin-padding-s)}.settings-attendance-schedule-leading{display: flex;align-items: flex-start;gap: var(--vaadin-padding-m);min-width: 0;flex: 1}.settings-attendance-schedule-icon{width: 2.85rem;height: 2.85rem;border-radius: 1rem;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;background: color-mix(in srgb,var(--aura-accent-color) 14%,transparent);color: var(--aura-accent-text-color)}.settings-attendance-schedule--inactive .settings-attendance-schedule-icon{background: color-mix(in srgb,var(--aura-neutral) 10%,transparent);color: var(--vaadin-text-color-secondary)}.settings-attendance-schedule-detail{display: flex;flex-direction: column;gap: 0.35rem;min-width: 0}.settings-attendance-schedule-heading{display: flex;align-items: center;flex-wrap: wrap;gap: var(--vaadin-gap-s)}.settings-attendance-schedule-name{font-size: clamp(1.45rem,1.28rem + 0.34vw,1.9rem);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color)}.settings-attendance-schedule-badge{display: inline-flex;align-items: center;padding: 0.28rem 0.78rem;border-radius: 999px;font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold);letter-spacing: 0.04em}.settings-attendance-schedule-badge--default{color: var(--aura-accent-text-color);background: color-mix(in srgb,var(--aura-accent-color) 14%,transparent)}.settings-attendance-schedule-badge--inactive{color: var(--vaadin-text-color-secondary);background: color-mix(in srgb,var(--aura-neutral) 10%,transparent)}.settings-attendance-assigned-row{display: inline-flex;align-items: center;gap: var(--vaadin-gap-xs);color: var(--vaadin-text-color-secondary)}.settings-attendance-assigned-icon{width: 1rem;height: 1rem}.settings-attendance-assigned-text{font-size: var(--aura-font-size-l);line-height: 1.35}.settings-attendance-schedule-hours{display: flex;flex-direction: column;align-items: flex-end;gap: 0.2rem;min-width: 9.5rem}.settings-attendance-schedule-hours-range{font-size: clamp(2.05rem,1.8rem + 0.55vw,2.55rem);font-weight: 700;line-height: 1;color: var(--vaadin-text-color);letter-spacing: -0.03em;white-space: nowrap}.settings-attendance-schedule-hours-label{font-size: var(--aura-font-size-l);color: var(--vaadin-text-color-secondary)}.settings-attendance-timeline{display: flex;flex-direction: column;gap: 0.55rem}.settings-attendance-timeline-track{position: relative;height: 1.05rem;border-radius: 999px;background: color-mix(in srgb,var(--aura-neutral) 10%,transparent);overflow: hidden}.settings-attendance-timeline-fill{position: absolute;inset-block: 0;border-radius: inherit;background: linear-gradient(90deg,color-mix(in srgb,var(--aura-accent-color) 92%,white 8%),color-mix(in srgb,var(--aura-accent-color) 82%,black 8%))}.settings-attendance-timeline-fill--inactive{background: color-mix(in srgb,var(--aura-neutral) 20%,transparent)}.settings-attendance-timeline-labels{display: flex;justify-content: space-between;gap: var(--vaadin-gap-xs)}.settings-attendance-timeline-label{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.settings-attendance-threshold-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--vaadin-padding-s)}.settings-attendance-threshold-tile{display: flex;align-items: center;gap: var(--vaadin-padding-s);padding: var(--vaadin-padding-m);border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--aura-neutral) 4%,transparent)}.settings-attendance-threshold-icon{width: 2.2rem;height: 2.2rem;border-radius: var(--vaadin-radius-m);display: inline-flex;align-items: center;justify-content: center;background: color-mix(in srgb,var(--aura-neutral) 8%,transparent);color: var(--vaadin-text-color-secondary);flex-shrink: 0}.settings-attendance-threshold-copy{display: flex;flex-direction: column;min-width: 0}.settings-attendance-threshold-title{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-l)}.settings-attendance-threshold-value{color: var(--vaadin-text-color);font-size: clamp(1.85rem,1.65rem + 0.38vw,2.15rem);line-height: 1.05;font-weight: var(--aura-font-weight-semibold)}.settings-attendance-schedule-footer{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-padding-s);padding-top: var(--vaadin-padding-s);border-top: 1px solid var(--vaadin-border-color-secondary)}.settings-attendance-schedule-actions{display: inline-flex;align-items: center;gap: var(--vaadin-gap-s)}.settings-attendance-schedule-action,.settings-attendance-schedule-secondary{border-radius: var(--vaadin-radius-m)}.settings-schedule-dialog::part(overlay){border-radius: calc(var(--vaadin-radius-l) + 2px);overflow: hidden}.settings-schedule-dialog-header{width: 100%;display: flex;align-items: flex-start;justify-content: space-between;gap: var(--vaadin-padding-s);box-sizing: border-box}.settings-schedule-dialog-title-group{display: flex;flex-direction: column;gap: 0.15rem;min-width: 0}.settings-schedule-dialog-title{font-size: clamp(1.5rem,1.35rem + 0.25vw,1.75rem);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color)}.settings-schedule-dialog-subtitle{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.settings-schedule-dialog-close{border-radius: var(--vaadin-radius-m);flex-shrink: 0}.settings-schedule-dialog-body{gap: var(--vaadin-padding-m)}.settings-schedule-dialog-time-row{gap: var(--vaadin-gap-s)}.settings-schedule-dialog-window{display: flex;flex-direction: column;gap: 0.55rem;width: 100%;box-sizing: border-box;border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--aura-neutral) 5%,transparent);padding: var(--vaadin-padding-m)}.settings-schedule-dialog-window-header{display: flex;align-items: baseline;justify-content: space-between;gap: var(--vaadin-padding-s)}.settings-schedule-dialog-window-title{font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-medium);color: var(--aura-accent-text-color)}.settings-schedule-dialog-window-hours{font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color)}.settings-schedule-dialog-window-track{position: relative;height: 0.75rem;border-radius: 999px;background: color-mix(in srgb,var(--aura-neutral) 10%,transparent);overflow: hidden}.settings-schedule-dialog-window-fill{position: absolute;inset-block: 0;border-radius: inherit;background: linear-gradient(90deg,color-mix(in srgb,var(--aura-accent-color) 92%,white 8%),color-mix(in srgb,var(--aura-accent-color) 82%,black 8%))}.settings-schedule-dialog-window-labels{display: flex;justify-content: space-between;color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-xs)}.settings-schedule-dialog-threshold-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--vaadin-padding-s)}.settings-schedule-dialog-threshold{display: flex;flex-direction: column;gap: 0.45rem}.settings-schedule-dialog-threshold-title{font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-medium)}.settings-schedule-dialog-threshold-control{display: grid;grid-template-columns: 3rem 1fr 3rem;align-items: center;border-radius: var(--vaadin-radius-m);border: 1px solid var(--vaadin-border-color-secondary);overflow: hidden;background: var(--aura-surface-color)}.settings-schedule-dialog-step{margin: 0;min-height: 3rem;border-radius: 0}.settings-schedule-dialog-threshold-value{text-align: center;font-size: clamp(1.45rem,1.35rem + 0.2vw,1.7rem);font-weight: var(--aura-font-weight-semibold)}.settings-schedule-dialog-threshold-helper{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);line-height: 1.5}.settings-schedule-dialog-default{border-radius: var(--vaadin-radius-m);border: 1px solid var(--vaadin-border-color-secondary);background: color-mix(in srgb,var(--aura-neutral) 4%,transparent);padding: var(--vaadin-padding-m)}.settings-schedule-dialog-default-checkbox::part(label){font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold)}.settings-schedule-dialog-default-hint{display: block;margin-top: 0.4rem;margin-inline-start: 2rem;color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s);line-height: 1.45}.settings-schedule-dialog-footer{width: 100%;display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-padding-s)}.settings-schedule-dialog-footer-left,.settings-schedule-dialog-footer-right{display: inline-flex;align-items: center;gap: var(--vaadin-gap-s)}.settings-schedule-dialog-save{min-height: 2.5rem;border-radius: var(--vaadin-radius-m)}@media (max-width: 1180px){.settings-section-grid,.settings-section-grid--subscription{grid-template-columns: 1fr}.settings-preview-rail{position: static}.settings-plan-details{grid-template-columns: 1fr}.settings-plan-hero-body{grid-template-columns: 1fr;align-items: stretch}.settings-plan-price-card{min-width: 0}.settings-attendance-schedule-list{grid-template-columns: 1fr}}@media (max-width: 860px){.settings-hero{align-items: stretch;flex-direction: column}.settings-outlet-summary{width: 100%;min-width: 0;box-sizing: border-box}.settings-plan-hero-top{align-items: flex-start;flex-direction: column}.settings-subscription-history-head{display: none}.settings-subscription-history-row{grid-template-columns: 1fr;gap: var(--vaadin-padding-s)}.settings-subscription-history-cell-label{display: block;color: var(--aura-secondary-text-color);font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold)}.settings-attendance-schedule-top{flex-direction: column;align-items: flex-start}.settings-attendance-schedule-hours{align-items: flex-start}.settings-attendance-threshold-grid,.settings-schedule-dialog-threshold-grid{grid-template-columns: 1fr}}@media (max-width: 640px){.settings-card{padding: var(--vaadin-padding-m)}.settings-card-header{flex-direction: column;align-items: flex-start}.settings-plan-hero{padding: calc(var(--vaadin-padding-m) + var(--vaadin-padding-xs));gap: var(--vaadin-padding-m)}.settings-plan-meta{flex-direction: column}.settings-plan-meta-chip,.settings-plan-price-card{width: 100%;box-sizing: border-box}.settings-card-footer,.settings-usage-metric-header{align-items: flex-start;flex-direction: column}.settings-save-button{width: 100%}.settings-card-title{font-size: 1.8rem}.settings-attendance-header{flex-direction: column;align-items: flex-start}.settings-attendance-add-button{width: 100%}.settings-attendance-schedule-footer,.settings-schedule-dialog-footer{flex-direction: column;align-items: stretch}.settings-attendance-schedule-actions,.settings-schedule-dialog-footer-left,.settings-schedule-dialog-footer-right{width: 100%;justify-content: space-between}.settings-schedule-dialog-time-row{flex-direction: column;align-items: stretch}}.proforma-invoice-section{margin-top: var(--vaadin-padding-l);padding-top: var(--vaadin-padding-l);border-top: 1px solid var(--vaadin-border-color-secondary)}.proforma-invoice-header{margin: 0;font-size: var(--aura-font-size-l);font-weight: 600;color: var(--vaadin-text-color)}.proforma-invoice-mutations{display: flex;gap: var(--vaadin-padding-s);width: 100%;margin-top: var(--vaadin-padding-s)}.proforma-invoice-mutations vaadin-button{flex: 1 1 0;min-width: 0}.proforma-invoice-empty{font-size: var(--aura-font-size-s)}.login-page{color-scheme: light;min-height: 100dvh;width: 100%;margin: 0;padding: 0;background: radial-gradient(circle at top right,color-mix(in srgb,var(--aura-accent-color) 8%,transparent),transparent 24%),var(--aura-background-color)}.login-shell{display: grid;grid-template-columns: minmax(22rem,36vw) minmax(0,1fr);min-height: 100dvh;width: 100%}.login-hero-panel{position: relative;overflow: hidden;display: flex;flex-direction: column;justify-content: space-between;gap: var(--vaadin-gap-m);padding-block: clamp(1.5rem,3vw,2.75rem);padding-inline-end: clamp(1.5rem,3vw,2.75rem);padding-inline-start: var(--vaadin-padding-m);background: radial-gradient(circle at bottom left,color-mix(in srgb,var(--aura-accent-contrast-color) 10%,transparent) 0 5rem,transparent 5.1rem),linear-gradient(180deg,color-mix(in srgb,var(--aura-accent-color) 86%,white 14%) 0%,color-mix(in srgb,var(--aura-accent-color) 94%,black 6%) 100%);color: var(--aura-accent-contrast-color)}.login-hero-panel::before,.login-hero-panel::after{content: "";position: absolute;pointer-events: none;opacity: 0.18;border: 6px solid color-mix(in srgb,var(--aura-accent-contrast-color) 34%,transparent)}.login-hero-panel::before{width: 7rem;height: 7rem;border-radius: 999px;left: 2.8rem;bottom: 2.6rem}.login-hero-panel::after{width: 3.75rem;height: 0;border-width: 0 0 6px;left: 12rem;bottom: 6rem}.login-brand-header{position: relative;z-index: 1;gap: var(--vaadin-gap-m);padding-inline-start: 0}.login-brand-header .brand-mark{padding: 0.7rem;border-radius: 1rem;background: color-mix(in srgb,var(--aura-accent-contrast-color) 18%,transparent);backdrop-filter: blur(8px)}.login-brand-text{gap: 0.25rem}.login-brand-title{font-size: clamp(1.65rem,2.2vw,1.95rem);font-weight: var(--aura-font-weight-bold);letter-spacing: -0.03em;line-height: 1}.login-brand-subtitle{font-size: clamp(0.9rem,1vw,1rem);color: color-mix(in srgb,var(--aura-accent-contrast-color) 88%,transparent)}.login-hero-artwork{position: absolute;inset: 0;pointer-events: none}.login-hero-artwork::before,.login-hero-artwork::after{content: "";position: absolute;border: 8px solid color-mix(in srgb,var(--aura-accent-contrast-color) 14%,transparent);transform: rotate(45deg)}.login-hero-artwork::before{width: clamp(12rem,16vw,16rem);height: clamp(12rem,16vw,16rem);right: clamp(-2rem,1vw,1rem);top: 7rem}.login-hero-artwork::after{width: clamp(10rem,14vw,13rem);height: clamp(3.6rem,6vw,4.6rem);left: 44%;top: 40%}.login-hero-copy{position: relative;z-index: 1;gap: var(--vaadin-gap-s);margin-top: auto;max-width: 26rem}.login-hero-headline{gap: 0}.login-hero-headline-line{font-size: clamp(2rem,3vw,3rem);font-weight: var(--aura-font-weight-bold);line-height: 1;letter-spacing: -0.04em;padding-inline-start: 0}.login-hero-headline-line:first-child{white-space: nowrap}.login-hero-body{margin: 0;padding-inline-start: 0;font-size: clamp(0.92rem,1vw,1.1rem);line-height: 1.45;color: color-mix(in srgb,var(--aura-accent-contrast-color) 92%,transparent)}.login-hero-footer{position: relative;z-index: 1;font-size: var(--aura-font-size-xs);color: color-mix(in srgb,var(--aura-accent-contrast-color) 78%,transparent)}.login-auth-panel{display: flex;align-items: center;justify-content: center;padding: clamp(1.5rem,3vw,3rem);background: var(--aura-background-color)}.login-hero-panel.login-hero-panel--dark{background: radial-gradient(circle at bottom left,color-mix(in srgb,var(--aura-accent-contrast-color) 10%,transparent) 0 5rem,transparent 5.1rem),linear-gradient(180deg,color-mix(in srgb,var(--aura-accent-color-dark) 60%,#1a1a1a 40%) 0%,color-mix(in srgb,var(--aura-accent-color-dark) 50%,#0a0a0a 50%) 100%)}.login-auth-panel.login-auth-panel--dark{color-scheme: dark}.login-auth-card{width: min(100%,30rem);gap: var(--vaadin-gap-s)}.login-card{--aura-surface-level: 2;width: min(100%,24rem);padding: var(--vaadin-padding-xl);border-radius: var(--vaadin-radius-l);box-shadow: var(--aura-shadow-s);display: flex;flex-direction: column;gap: var(--vaadin-gap-m)}.brand-mark{display: block;flex-shrink: 0}.brand-mark--sm{width: 40px;height: 40px}.brand-mark--md{width: 1.25lh;height: 1.25lh}.login-welcome-heading{margin: 0;font-size: clamp(1.75rem,2.4vw,2.35rem);font-weight: var(--aura-font-weight-bold);line-height: 1.05;letter-spacing: -0.035em;color: color-mix(in srgb,var(--aura-accent-color) 50%,var(--vaadin-text-color) 50%)}.login-welcome-text,.login-hero-body{margin: 0}.login-welcome-text{font-size: clamp(0.9rem,1vw,1.05rem);line-height: 1.45;color: var(--vaadin-text-color-secondary)}.login-fields{gap: var(--vaadin-gap-s);margin-top: var(--vaadin-padding-xs)}vaadin-text-field.login-input,vaadin-password-field.login-input{--vaadin-input-field-border-radius: var(--vaadin-radius-l)}vaadin-text-field.login-input::part(label),vaadin-password-field.login-input::part(label){margin-bottom: 0.4rem;font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold);color: color-mix(in srgb,var(--aura-accent-color) 58%,var(--vaadin-text-color) 42%)}vaadin-text-field.login-input::part(input-field),vaadin-password-field.login-input::part(input-field){min-height: 2.85rem;border-radius: var(--vaadin-radius-l);border: 1px solid color-mix(in srgb,var(--aura-accent-color) 22%,var(--vaadin-border-color-secondary) 78%);background: var(--aura-background-color);box-shadow: none;padding-inline: var(--vaadin-padding-m);transition: border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease}vaadin-text-field.login-input:hover::part(input-field),vaadin-password-field.login-input:hover::part(input-field){border-color: color-mix(in srgb,var(--aura-accent-color) 38%,var(--vaadin-border-color-secondary) 62%)}vaadin-text-field.login-input[focused]::part(input-field),vaadin-password-field.login-input[focused]::part(input-field){border-color: color-mix(in srgb,var(--aura-accent-color) 54%,var(--vaadin-border-color-secondary) 46%);box-shadow: 0 0 0 1px color-mix(in srgb,var(--aura-accent-color) 16%,transparent);transform: translateY(-1px)}vaadin-text-field.login-input::part(input-field),vaadin-password-field.login-input::part(input-field),vaadin-text-field.login-input::part(value),vaadin-password-field.login-input::part(value){font-size: var(--aura-font-size-m)}vaadin-text-field.login-input::part(prefix),vaadin-password-field.login-input::part(suffix){color: color-mix(in srgb,var(--aura-accent-color) 30%,var(--vaadin-text-color-secondary) 70%)}.login-options-row{gap: var(--vaadin-gap-s);margin-top: 0;margin-bottom: var(--vaadin-padding-xs);flex-wrap: wrap}.login-remember-me{font-size: var(--aura-font-size-s)}vaadin-checkbox.login-remember-me::part(checkbox){border-radius: 0.5rem}vaadin-checkbox.login-remember-me::part(label){color: color-mix(in srgb,var(--aura-accent-color) 38%,var(--vaadin-text-color) 62%)}.login-forgot-button{margin: 0;padding: 0;color: var(--aura-accent-color);font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold);background: transparent;text-decoration: none}a.login-forgot-button:hover{text-decoration: underline}vaadin-button.login-forgot-button::part(label){text-decoration: none}.login-sign-in-button{margin-top: 0;min-height: 2.85rem;border-radius: var(--vaadin-radius-l);font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold);cursor: pointer}vaadin-button.login-sign-in-button::part(prefix){font-size: 1rem}.auth-logout-progress{position: fixed;top: 0;left: 0;width: 100%;z-index: 10000}.auth-logging-out{pointer-events: none}.login-session-divider{display: block;width: 100%;height: 1px;margin-top: var(--vaadin-padding-xs);background: color-mix(in srgb,var(--aura-neutral) 10%,transparent)}.login-session-note{gap: var(--vaadin-gap-xs);color: var(--vaadin-text-color-secondary)}.login-session-note svg{width: 1rem;height: 1rem;color: color-mix(in srgb,var(--aura-accent-color) 24%,var(--vaadin-text-color-secondary) 76%)}.login-session-text{font-size: var(--aura-font-size-s);line-height: 1.5}.login-signup-row{gap: 0.35rem;margin-top: var(--vaadin-padding-xs)}.login-signup-prompt{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.login-signup-link{font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold);color: var(--aura-accent-color);text-decoration: none}@media (max-width: 960px){.login-shell{grid-template-columns: minmax(0,1fr);min-height: 100dvh}.login-hero-panel{min-height: 10.5rem;gap: var(--vaadin-gap-s);padding-block: 1.15rem;padding-block-start: calc(var(--safe-area-inset-top,0px) + 1.15rem);padding-inline-end: 1.35rem;padding-inline-start: var(--vaadin-padding-s)}.login-hero-panel::before{left: auto;right: -2rem;bottom: -2rem}.login-hero-panel::after{display: none}.login-hero-artwork::before{width: 8rem;height: 8rem;right: 1rem;top: 1.75rem}.login-hero-artwork::after{width: 5rem;height: 2.2rem;left: auto;right: 3.25rem;top: 4.7rem}.login-hero-copy{display: none}.login-brand-title{font-size: 1.65rem}.login-auth-panel{align-items: stretch;justify-content: flex-start;padding: 1.15rem 1.35rem 1.35rem}.login-auth-card{width: 100%;gap: var(--vaadin-gap-xs)}.login-welcome-heading{font-size: 2rem}}@media (max-width: 640px){.login-page,.login-shell{min-height: 100dvh}.login-hero-panel{min-height: 9rem;padding-inline-end: 1.15rem;padding-inline-start: var(--vaadin-padding-s);padding-bottom: 1rem}.login-brand-header .brand-mark{padding: 0.55rem}.login-auth-panel{padding: 1rem 1.15rem 1.15rem}.login-auth-card{gap: var(--vaadin-gap-xs)}.login-welcome-heading{font-size: 1.65rem}.login-welcome-text{font-size: var(--aura-font-size-s)}.login-fields{gap: var(--vaadin-gap-xs);margin-top: 0}.login-options-row{margin-bottom: 0;align-items: flex-start}.login-forgot-button{min-height: auto}vaadin-text-field.login-input::part(input-field),vaadin-password-field.login-input::part(input-field){min-height: 2.65rem}.login-sign-in-button{min-height: 2.65rem;font-size: var(--aura-font-size-m)}.login-session-divider{margin-top: var(--vaadin-gap-xs)}.login-session-text{font-size: var(--aura-font-size-xs)}.change-password-form{gap: var(--vaadin-gap-xs)}}.signup-page{color-scheme: light;height: 100dvh;max-height: 100dvh;width: 100%;margin: 0;padding: 0;overflow: hidden;background: radial-gradient(circle at top right,color-mix(in srgb,var(--aura-accent-color) 8%,transparent),transparent 24%),var(--aura-background-color)}.signup-shell{display: grid;grid-template-columns: minmax(22rem,36vw) minmax(0,1fr);height: 100dvh;max-height: 100dvh;width: 100%;overflow: hidden}.signup-hero-panel{position: relative;overflow: hidden;display: flex;flex-direction: column;justify-content: space-between;gap: clamp(0.5rem,1.2vh,0.85rem);padding-block: clamp(1rem,2vh,1.5rem);padding-inline-end: clamp(1rem,2vw,1.75rem);padding-inline-start: var(--vaadin-padding-m);background: radial-gradient(circle at bottom left,color-mix(in srgb,var(--aura-accent-contrast-color) 10%,transparent) 0 5rem,transparent 5.1rem),linear-gradient(180deg,color-mix(in srgb,var(--aura-accent-color) 86%,white 14%) 0%,color-mix(in srgb,var(--aura-accent-color) 94%,black 6%) 100%);color: var(--aura-accent-contrast-color)}.signup-hero-panel::before,.signup-hero-panel::after{content: "";position: absolute;pointer-events: none;opacity: 0.18;border: 6px solid color-mix(in srgb,var(--aura-accent-contrast-color) 34%,transparent)}.signup-hero-panel::before{width: 7rem;height: 7rem;border-radius: 999px;left: 2.8rem;bottom: 2.6rem}.signup-hero-panel::after{width: 3.75rem;height: 0;border-width: 0 0 6px;left: 12rem;bottom: 6rem}.signup-brand-header{position: relative;z-index: 1;gap: var(--vaadin-gap-s)}.signup-brand-header .brand-mark{padding: 0.55rem;border-radius: 0.85rem;background: color-mix(in srgb,var(--aura-accent-contrast-color) 18%,transparent);backdrop-filter: blur(8px)}.signup-brand-text{gap: 0.15rem}.signup-brand-title{font-size: clamp(1.35rem,1.8vw,1.65rem);font-weight: var(--aura-font-weight-bold);letter-spacing: -0.03em;line-height: 1}.signup-brand-subtitle{font-size: clamp(0.78rem,0.9vw,0.92rem);color: color-mix(in srgb,var(--aura-accent-contrast-color) 88%,transparent)}.signup-hero-artwork{position: absolute;inset: 0;pointer-events: none}.signup-hero-artwork::before,.signup-hero-artwork::after{content: "";position: absolute;border: 8px solid color-mix(in srgb,var(--aura-accent-contrast-color) 14%,transparent);transform: rotate(45deg)}.signup-hero-artwork::before{width: clamp(10rem,14vw,14rem);height: clamp(10rem,14vw,14rem);right: clamp(-2rem,1vw,1rem);top: 5rem}.signup-hero-artwork::after{width: clamp(8rem,11vw,11rem);height: clamp(3rem,4vw,3.8rem);left: 44%;top: 38%}.signup-hero-headline{position: relative;z-index: 1;margin: 0;margin-top: auto;max-width: 24rem;font-size: clamp(1.55rem,2.3vw,2.15rem);font-weight: var(--aura-font-weight-bold);line-height: 1.05;letter-spacing: -0.035em;color: var(--aura-accent-contrast-color)}.signup-hero-body{position: relative;z-index: 1;margin: 0;max-width: 24rem;font-size: clamp(0.82rem,1vw,0.95rem);line-height: 1.45;color: color-mix(in srgb,var(--aura-accent-contrast-color) 92%,transparent)}.signup-feature-list{position: relative;z-index: 1;gap: 0.65rem;max-width: 24rem}.signup-feature-item{gap: 0.7rem}.signup-feature-icon{width: 1.1rem;height: 1.1rem;padding: 0.45rem;border-radius: 0.6rem;background: color-mix(in srgb,var(--aura-accent-contrast-color) 14%,transparent);box-sizing: content-box}.signup-feature-text{font-size: clamp(0.82rem,0.95vw,0.92rem);font-weight: var(--aura-font-weight-semibold);line-height: 1.35}.signup-hero-footer{position: relative;z-index: 1;font-size: var(--aura-font-size-xs);color: color-mix(in srgb,var(--aura-accent-contrast-color) 78%,transparent)}.signup-form-panel{display: flex;align-items: center;justify-content: center;height: 100%;min-height: 0;padding: clamp(0.75rem,1.5vh,1.25rem) clamp(1rem,2vw,2rem);overflow-y: auto;background: var(--aura-background-color)}.signup-hero-panel.signup-hero-panel--dark{background: radial-gradient(circle at bottom left,color-mix(in srgb,var(--aura-accent-contrast-color) 10%,transparent) 0 5rem,transparent 5.1rem),linear-gradient(180deg,color-mix(in srgb,var(--aura-accent-color-dark) 60%,#1a1a1a 40%) 0%,color-mix(in srgb,var(--aura-accent-color-dark) 50%,#0a0a0a 50%) 100%)}.signup-form-panel.signup-form-panel--dark{color-scheme: dark}.signup-form-card{width: min(100%,34rem);gap: clamp(0.35rem,0.9vh,0.55rem)}.signup-form-header{margin-bottom: 0.15rem}.signup-form-brand{gap: var(--vaadin-gap-xs)}.signup-form-brand-title{font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-bold);color: color-mix(in srgb,var(--aura-accent-color) 55%,var(--vaadin-text-color) 45%)}.signup-sign-in-row{gap: 0.35rem}.signup-sign-in-prompt{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.signup-sign-in-link{font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold);color: var(--aura-accent-color);text-decoration: none}.signup-title{margin: 0;font-size: clamp(1.45rem,2vw,1.85rem);font-weight: var(--aura-font-weight-bold);line-height: 1.05;letter-spacing: -0.035em;color: color-mix(in srgb,var(--aura-accent-color) 50%,var(--vaadin-text-color) 50%)}.signup-subtitle{margin: 0;font-size: clamp(0.78rem,0.95vw,0.9rem);line-height: 1.35;color: var(--vaadin-text-color-secondary)}.signup-section-label{margin-top: 0.15rem;font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold);letter-spacing: 0.08em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.signup-plan-group{width: 100%;gap: 0.35rem}vaadin-radio-group.signup-plan-group::part(group-field){gap: 0.35rem}vaadin-radio-group.signup-plan-group vaadin-radio-button{width: 100%;margin: 0}vaadin-radio-group.signup-plan-group vaadin-radio-button::part(label){width: 100%;margin-inline-start: 0.45rem}.signup-plan-card{width: 100%;padding: 0.55rem 0.75rem;border: 1px solid color-mix(in srgb,var(--aura-accent-color) 18%,var(--vaadin-border-color-secondary) 82%);border-radius: var(--vaadin-radius-l);background: var(--aura-background-color);transition: border-color 160ms ease,box-shadow 160ms ease}vaadin-radio-group.signup-plan-group vaadin-radio-button[checked] .signup-plan-card{border-color: color-mix(in srgb,var(--aura-accent-color) 62%,var(--vaadin-border-color-secondary) 38%);box-shadow: 0 0 0 1px color-mix(in srgb,var(--aura-accent-color) 12%,transparent)}.signup-plan-copy{gap: 0.1rem;min-width: 0}.signup-plan-name{font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold)}.signup-plan-badge{padding: 0.1rem 0.45rem;border-radius: 999px;font-size: 0.62rem;font-weight: var(--aura-font-weight-bold);letter-spacing: 0.04em;text-transform: uppercase;color: var(--aura-accent-color);background: color-mix(in srgb,var(--aura-accent-color) 12%,transparent)}.signup-plan-meta{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.signup-plan-price{flex-shrink: 0;font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold);white-space: nowrap}.signup-details-fields{gap: 0.35rem}.signup-name-phone-row{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: 0.5rem}vaadin-text-field.signup-input,vaadin-email-field.signup-input,vaadin-password-field.signup-input{--vaadin-input-field-border-radius: var(--vaadin-radius-l);margin: 0}vaadin-text-field.signup-input::part(label),vaadin-email-field.signup-input::part(label),vaadin-password-field.signup-input::part(label){margin-bottom: 0.25rem;font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold);color: color-mix(in srgb,var(--aura-accent-color) 58%,var(--vaadin-text-color) 42%)}vaadin-text-field.signup-input::part(input-field),vaadin-email-field.signup-input::part(input-field),vaadin-password-field.signup-input::part(input-field){min-height: 2.35rem;border-radius: var(--vaadin-radius-l);border: 1px solid color-mix(in srgb,var(--aura-accent-color) 22%,var(--vaadin-border-color-secondary) 78%);background: var(--aura-background-color);box-shadow: none;padding-inline: var(--vaadin-padding-s)}vaadin-text-field.signup-input::part(input-field),vaadin-email-field.signup-input::part(input-field),vaadin-password-field.signup-input::part(input-field),vaadin-text-field.signup-input::part(value),vaadin-email-field.signup-input::part(value),vaadin-password-field.signup-input::part(value){font-size: var(--aura-font-size-s)}vaadin-text-field.signup-input::part(prefix),vaadin-email-field.signup-input::part(prefix),vaadin-password-field.signup-input::part(suffix){color: color-mix(in srgb,var(--aura-accent-color) 30%,var(--vaadin-text-color-secondary) 70%)}.signup-strength-meter{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 0.25rem;margin-top: 0.15rem}.signup-strength-segment{height: 0.2rem;border-radius: 999px;background: color-mix(in srgb,var(--aura-neutral) 16%,transparent)}.signup-strength-segment--active{background: color-mix(in srgb,var(--aura-accent-color) 72%,var(--aura-neutral) 28%)}vaadin-checkbox.signup-terms{margin-top: 0.15rem;font-size: var(--aura-font-size-xs)}vaadin-checkbox.signup-terms::part(label){line-height: 1.35;color: color-mix(in srgb,var(--aura-accent-color) 24%,var(--vaadin-text-color) 76%)}.signup-terms-label{display: inline}.signup-terms-link{color: var(--aura-accent-color);font-weight: var(--aura-font-weight-semibold);text-decoration: none}.signup-submit-button{margin-top: 0.15rem;min-height: 2.45rem;border-radius: var(--vaadin-radius-l);font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold)}.signup-security-row{gap: 0.35rem;margin-top: 0.1rem;color: var(--vaadin-text-color-secondary)}.signup-security-row svg{width: 0.85rem;height: 0.85rem;color: color-mix(in srgb,var(--aura-accent-color) 24%,var(--vaadin-text-color-secondary) 76%)}.signup-security-note{font-size: var(--aura-font-size-xs);line-height: 1.35}@media (max-width: 960px){.signup-page,.signup-shell{height: auto;max-height: none;min-height: 100dvh;overflow: visible}.signup-shell{grid-template-columns: minmax(0,1fr)}.signup-hero-panel{min-height: 9rem;padding-block: 1rem}.signup-feature-list,.signup-hero-footer{display: none}.signup-form-panel{height: auto;overflow: visible}}@media (max-width: 640px){.signup-name-phone-row{grid-template-columns: minmax(0,1fr)}.signup-plan-card{flex-wrap: wrap;gap: 0.25rem}.signup-plan-price{width: 100%;text-align: left}}.change-password-page{display: grid;grid-template-columns: minmax(0,1fr);min-height: 100dvh;width: 100%;margin: 0;background: var(--aura-background-color)}.change-password-hero{position: relative;overflow: hidden;display: flex;flex-direction: column;gap: var(--vaadin-gap-xs);padding: calc(var(--safe-area-inset-top,0px) + var(--vaadin-padding-m)) var(--vaadin-padding-m) var(--vaadin-padding-l);background: linear-gradient( 180deg,color-mix(in srgb,var(--aura-accent-color) 84%,white) 0%,var(--aura-accent-color) 100% );color: white;isolation: isolate}.change-password-hero__art{position: absolute;pointer-events: none;z-index: -1;border: 0.32rem solid color-mix(in srgb,white 18%,transparent);border-radius: 0.8rem;transform: rotate(45deg)}.change-password-hero__art--primary{top: 1.15rem;right: 1.25rem;width: 3.75rem;height: 3.75rem}.change-password-hero__art--secondary{top: 2.85rem;right: 4rem;width: 1rem;height: 1rem}.change-password-content{display: flex;flex-direction: column;justify-content: flex-start;padding: var(--vaadin-padding-s) var(--vaadin-padding-m) calc(var(--safe-area-inset-bottom,0px) + var(--vaadin-padding-m));background: var(--aura-background-color)}.change-password-form{gap: var(--vaadin-gap-s)}.change-password-form__meta{margin: 0 0 var(--vaadin-gap-xs);font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}vaadin-password-field.change-password-field::part(label){color: var(--vaadin-text-color);font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold)}vaadin-password-field.change-password-field::part(input-field){min-height: 2.75rem;border-radius: var(--vaadin-radius-l)}vaadin-password-field.change-password-field::part(value){font-size: var(--aura-font-size-m)}vaadin-password-field.change-password-field::part(toggle-button){color: color-mix(in srgb,var(--vaadin-text-color-secondary) 88%,white)}.change-password-strength{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: var(--vaadin-gap-xs);margin-top: 0}.change-password-strength__segment{height: 0.28rem;border-radius: 999px;background: color-mix(in srgb,var(--aura-neutral) 8%,transparent);transition: background-color 160ms ease}.change-password-strength__segment.is-active{background: color-mix(in srgb,var(--aura-accent-color) 38%,white)}.change-password-strength__segment.is-complete{background: var(--aura-green)}.change-password-requirements{display: grid;grid-template-columns: minmax(0,1fr);gap: var(--vaadin-gap-xs);margin-bottom: 0}.change-password-requirement{display: flex;align-items: center;gap: var(--vaadin-gap-xs);color: color-mix(in srgb,var(--vaadin-text-color-secondary) 94%,white);font-size: var(--aura-font-size-xs);line-height: 1.35}.change-password-requirement__icon{width: 1.25rem;height: 1.25rem;border-radius: 999px;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;background: color-mix(in srgb,var(--aura-neutral) 8%,transparent);color: var(--vaadin-text-color-secondary)}.change-password-requirement__glyph{width: 0.72rem;height: 0.72rem}.change-password-requirement.is-met{color: var(--vaadin-text-color)}.change-password-requirement.is-met .change-password-requirement__icon{background: color-mix(in srgb,var(--aura-green) 16%,transparent);color: var(--aura-green)}.change-password-submit{min-height: 2.75rem;margin-top: var(--vaadin-padding-xs);border-radius: var(--vaadin-radius-l);font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold)}.change-password-submit::part(prefix){margin-inline-end: var(--vaadin-gap-xs)}.reset-password-expired{gap: var(--vaadin-gap-m)}.reset-password-expired__icon{width: 2.5rem;height: 2.5rem;color: var(--vaadin-warning-color-50,var(--aura-accent-color))}@media (min-width: 720px){.change-password-requirements{grid-template-columns: repeat(2,minmax(0,1fr));column-gap: var(--vaadin-gap-l)}}@media (min-width: 960px){.change-password-page{grid-template-columns: minmax(22rem,36vw) minmax(0,1fr);height: 100dvh;max-height: 100dvh;overflow: hidden}.change-password-hero,.change-password-content{height: 100%;min-height: 0}.change-password-hero{justify-content: flex-start;overflow: hidden;padding: calc(var(--safe-area-inset-top,0px) + var(--vaadin-padding-m)) min(2.5vw,2rem) calc(var(--safe-area-inset-bottom,0px) + var(--vaadin-padding-m));gap: var(--vaadin-gap-s)}.change-password-hero .login-brand-header{flex-shrink: 0}.change-password-hero__art--primary{top: 4.5rem;right: 2rem;width: 5.5rem;height: 5.5rem}.change-password-hero__art--secondary{top: 6.75rem;right: 5.5rem;width: 1.4rem;height: 1.4rem}.change-password-content{justify-content: center;align-items: center;padding: min(2vh,1.25rem) min(4vw,2rem)}.change-password-form{width: min(100%,28rem);gap: var(--vaadin-gap-s)}vaadin-password-field.change-password-field::part(input-field){min-height: 2.75rem}.change-password-requirements{gap: var(--vaadin-gap-xs);margin-bottom: 0}.change-password-requirement{font-size: var(--aura-font-size-xs)}.change-password-submit{min-height: 2.75rem;margin-top: var(--vaadin-padding-xs);font-size: var(--aura-font-size-s)}}@media (min-width: 768px){.job-card-list,.consignment-return-view__cards,.consignor-ap-view__cards,.consignor-settlement-view__cards,.vendor-card-list,.inventory-card-list,.procurement-card-list,.sales-card-list,.attendance-card-list,.shifts-card-list,.stock-opname-card-list,.account-card-list,.role-card-list,.item-detail-variant-list{grid-template-columns: repeat(2,minmax(0,1fr)) !important}}@media (min-width: 1024px){.job-card-list,.consignment-return-view__cards,.consignor-ap-view__cards,.consignor-settlement-view__cards,.vendor-card-list,.inventory-card-list,.procurement-card-list,.sales-card-list,.attendance-card-list,.shifts-card-list,.stock-opname-card-list,.account-card-list,.role-card-list,.item-detail-variant-list{grid-template-columns: repeat(3,minmax(0,1fr)) !important}}@media (min-width: 1280px){.job-card-list,.consignment-return-view__cards,.consignor-ap-view__cards,.consignor-settlement-view__cards,.vendor-card-list,.inventory-card-list,.procurement-card-list,.sales-card-list,.attendance-card-list,.shifts-card-list,.stock-opname-card-list,.account-card-list,.role-card-list,.item-detail-variant-list{grid-template-columns: repeat(4,minmax(0,1fr)) !important}}.job-card-list{box-sizing: border-box;display: grid !important;gap: var(--vaadin-padding-m);grid-template-columns: 1fr;align-content: start;width: 100%;max-width: 100%;padding: var(--vaadin-padding-xs) 1rem var(--vaadin-padding-xs) var(--vaadin-padding-xs)}.job-card{transition: box-shadow 0.2s ease,transform 0.2s ease;border: 1px solid var(--vaadin-border-color-secondary)}.job-card:hover{box-shadow: var(--aura-shadow-m);transform: translateY(-2px)}.job-card-actions__cancel-button{justify-content: center;border: 1px solid color-mix(in srgb,var(--aura-red) 28%,transparent);color: var(--aura-red-text);background: color-mix(in srgb,var(--aura-red) 10%,transparent)}.job-card-actions vaadin-button{min-height: 2rem;font-size: var(--aura-font-size-xs);padding-inline: var(--vaadin-padding-s)}.job-chip-bar{display: flex !important;flex-wrap: nowrap !important;gap: 8px;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;scrollbar-width: none;padding: 2px 0;max-width: 100%;min-width: 0}.job-chip-bar::-webkit-scrollbar{display: none}.job-chip{display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;padding: 6px 16px;border-radius: 20px;font-size: var(--aura-font-size-s);font-weight: 500;white-space: nowrap;cursor: pointer;user-select: none;border: 1px solid color-mix(in srgb,var(--aura-neutral) 20%,transparent));color: var(--vaadin-text-color-secondary);background: var(--aura-surface-color);transition: all 0.15s ease}.job-chip:hover{border-color: color-mix(in srgb,var(--aura-accent-color) 50%,transparent));color: var(--aura-accent-text-color)}.job-chip-active{background: var(--aura-accent-color) !important;color: var(--aura-accent-contrast-color) !important;border-color: var(--aura-accent-color) !important}.customer-card{cursor: pointer;transition: box-shadow 0.2s ease,transform 0.2s ease;border: 1px solid var(--vaadin-border-color-secondary);display: flex;flex-direction: column;gap: var(--vaadin-padding-s);box-shadow: rgba(25,59,103,0.05) 0px 1px 3px 0px}.customer-card:hover{box-shadow: var(--aura-shadow-m);transform: translateY(-1px)}.customer-avatar{width: 40px;height: 40px;min-width: 40px;border-radius: 50%;background: color-mix(in srgb,var(--aura-accent-color) 10%,transparent));color: var(--aura-accent-text-color);display: flex;align-items: center;justify-content: center;font-weight: 600;letter-spacing: 0.5px}.customer-stats-row{display: grid;grid-template-columns: repeat(3,1fr);gap: 0}.customer-stat-cell{display: flex;flex-direction: column;gap: 2px}.customer-stats-row .customer-stat-cell--lifetime{border-left: 1px solid var(--vaadin-border-color-secondary)}.vendor-card-list{box-sizing: border-box;display: grid !important;gap: var(--vaadin-padding-m);grid-template-columns: 1fr;align-content: start;width: 100%;max-width: 100%;padding: var(--vaadin-padding-xs) 1rem var(--vaadin-padding-xs) var(--vaadin-padding-xs)}.vendor-card{cursor: pointer;transition: box-shadow 0.2s ease,transform 0.2s ease;border: 1px solid var(--vaadin-border-color-secondary);border-left: 4px solid var(--aura-accent-color);display: flex;flex-direction: column;gap: var(--vaadin-padding-s);box-shadow: rgba(25,59,103,0.05) 0px 1px 3px 0px}.vendor-card:hover{box-shadow: var(--aura-shadow-m);transform: translateY(-1px)}.vendor-card-accent-danger{border-left-color: hsl(4,69%,60%)}.vendor-card-accent-primary{border-left-color: var(--aura-accent-color)}.vendor-avatar{width: 44px;height: 44px;min-width: 44px;border-radius: 50%;background: color-mix(in srgb,var(--aura-accent-color) 10%,transparent));color: var(--aura-accent-text-color);display: flex;align-items: center;justify-content: center;font-weight: 600;letter-spacing: 0.5px}.vendor-avatar-danger{background: hsla(4,69%,60%,0.12);color: hsl(4,69%,50%)}.vendor-trusted-badge{display: inline-flex;align-items: center;gap: 6px;padding: 4px 10px;border-radius: 999px;font-size: var(--aura-font-size-xxs);font-weight: 700;letter-spacing: 0.5px;line-height: 1;background: color-mix(in srgb,var(--aura-green) 14%,transparent);border: 1px solid color-mix(in srgb,var(--aura-green) 22%,transparent);color: var(--aura-green-text);white-space: nowrap;flex-shrink: 0}.vendor-trusted-badge::before{content: "";width: 6px;height: 6px;border-radius: 50%;flex-shrink: 0;background: var(--aura-green-text)}.vendor-card__header{display: flex;flex-direction: column;gap: var(--vaadin-padding-s);width: 100%}.vendor-card__title-row{width: 100%}.vendor-card__name{width: 100%;min-width: 0;text-align: start}.vendor-card__contact-row{width: 100%}.vendor-card__contact-info{min-width: 0}.vendor-card__address{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.vendor-stats-row{display: grid;grid-template-columns: repeat(3,1fr);gap: 0}.vendor-stat-cell{display: flex;flex-direction: column;gap: 2px}.vendor-outstanding-text{color: hsl(4,69%,50%) !important}.vendor-detail-page{width: 100%;max-width: none;margin: 0;box-sizing: border-box;padding-bottom: var(--vaadin-padding-xl);padding-inline-end: var(--vaadin-padding-m)}.vendor-detail-stats{display: grid;grid-template-columns: repeat(3,1fr);gap: 0;width: 100%;min-width: 0;border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m);overflow: hidden}.vendor-detail-stat-box{display: flex;flex-direction: column;gap: 2px;padding: var(--vaadin-padding-s) var(--vaadin-padding-m)}.vendor-detail-stat-box + .vendor-detail-stat-box{border-left: 1px solid var(--vaadin-border-color-secondary)}.vendor-detail-profile-card{position: relative;width: 100%;max-width: 100%;min-width: 0;box-sizing: border-box;overflow: hidden}.vendor-detail-balance-badge{display: inline-block;padding: 2px 8px;border-radius: var(--vaadin-radius-s);font-size: var(--aura-font-size-xs);font-weight: 600;color: var(--aura-red-text);background: color-mix(in srgb,var(--aura-red) 10%,transparent)}.vendor-detail-receipt-list{display: flex;flex-direction: column;gap: var(--vaadin-padding-s)}.vendor-detail-receipt-card{border: 1px solid var(--vaadin-border-color-secondary);cursor: pointer;transition: box-shadow 0.15s ease,border-color 0.15s ease}.vendor-detail-receipt-card:hover{border-color: color-mix(in srgb,var(--aura-accent-color) 50%,transparent));box-shadow: 0 2px 8px color-mix(in srgb,var(--aura-neutral) 5%,transparent))}.vendor-detail-receipt-card--owed{border-color: var(--aura-red-50pct)}.vendor-detail-receipt-icon{width: 40px;height: 40px;min-width: 40px;border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--aura-accent-color) 10%,transparent));color: var(--aura-accent-text-color);display: flex;align-items: center;justify-content: center;flex-shrink: 0}.vendor-detail-receipt-status{display: flex;flex-direction: column;align-items: flex-end;gap: 2px;flex-shrink: 0}.vendor-detail-owed-label{font-size: var(--aura-font-size-xs);font-weight: 600;color: var(--vaadin-text-color-secondary);letter-spacing: 0.04em}.vendor-detail-view-all{font-size: var(--aura-font-size-s)}.vendor-receipt-paid-badge{display: inline-flex;align-items: center;line-height: 1;padding: var(--vaadin-padding-xs) var(--vaadin-padding-s);border-radius: var(--vaadin-radius-l);font-size: var(--aura-font-size-xs);font-weight: 600;color: var(--aura-green-text);background: color-mix(in srgb,var(--aura-green) 10%,transparent)}.vendor-receipt-detail-dialog{width: 100%;max-width: 100%;box-sizing: border-box;scrollbar-gutter: stable}.vendor-receipt-detail-payment-summary{width: 100%;max-width: 100%;box-sizing: border-box;background: color-mix(in srgb,var(--aura-neutral) 5%,transparent));border-radius: var(--vaadin-radius-m);padding: var(--vaadin-padding-m);display: flex;flex-direction: column;gap: var(--vaadin-padding-xs)}.vendor-receipt-detail-overlay::part(content){scrollbar-gutter: stable;box-sizing: border-box}.vendor-receipt-detail-footer{align-items: center}.rig-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--vaadin-padding-m);width: 100%}@media (min-width: 600px){.rig-grid{grid-template-columns: repeat(3,minmax(0,1fr))}}.rig-empty{grid-column: 1 / -1;text-align: center;padding: var(--vaadin-padding-l);color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.rig-card{border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m);overflow: hidden;background: var(--aura-surface-color)}.rig-card-thumb{aspect-ratio: 4 / 3;display: flex;align-items: center;justify-content: center;overflow: hidden;position: relative}.rig-card-thumb--gradient-0{background: linear-gradient(135deg,color-mix(in srgb,var(--aura-accent-color) 10%,transparent)),color-mix(in srgb,var(--aura-neutral) 5%,transparent)))}.rig-card-thumb--gradient-1{background: linear-gradient(135deg,color-mix(in srgb,var(--aura-green) 10%,transparent),color-mix(in srgb,var(--aura-neutral) 5%,transparent)))}.rig-card-thumb--gradient-2{background: linear-gradient(135deg,color-mix(in srgb,var(--aura-red) 10%,transparent),color-mix(in srgb,var(--aura-neutral) 5%,transparent)))}.rig-card-thumb--gradient-3{background: linear-gradient(135deg,var(--vaadin-border-color-secondary),color-mix(in srgb,var(--aura-neutral) 5%,transparent)))}.rig-card-thumb-image{width: 100%;height: 100%;object-fit: cover}.rig-card-footer{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-padding-xs);padding: var(--vaadin-padding-xs) var(--vaadin-padding-s)}.rig-card-name{font-size: var(--aura-font-size-xs);font-weight: 500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;flex: 1;min-width: 0}.rig-card-meta{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.rig-card-download{display: inline-flex;align-items: center;justify-content: center;color: var(--vaadin-text-color-secondary);text-decoration: none}.rig-card-download:hover{color: var(--aura-accent-text-color)}[class*="vr-card"] *,[class*="vr-card"] *::before,[class*="vr-card"] *::after,[class*="vr-card"],[class*="vr-stat"] *,[class*="vr-stat"],[class*="vr-empty"] *,[class*="vr-empty"]{box-sizing: border-box}.vendor-receipt-tab{min-height: 0;box-sizing: border-box}.vr-summary-section{width: 100%;box-sizing: border-box;padding: var(--vaadin-padding-m);background: color-mix(in srgb,var(--aura-neutral) 5%,transparent));border-radius: var(--vaadin-radius-m);margin-top: var(--vaadin-padding-m)}.vr-card-list{display: flex;flex-direction: column;gap: var(--vaadin-padding-m);width: 100%;max-width: 100%;overflow-x: hidden;box-sizing: border-box;scrollbar-gutter: stable}.vr-card{width: 100%;max-width: 100%;background: var(--aura-surface-color);border: 1px solid var(--vaadin-border-color-secondary);border-left: 4px solid var(--aura-accent-color);border-radius: var(--vaadin-radius-l);padding: var(--vaadin-padding-m);display: flex;flex-direction: column;gap: var(--vaadin-padding-s);box-shadow: rgba(25,59,103,0.05) 0px 1px 3px 0px}.vr-card-accent-danger{border-left-color: var(--aura-red)}.vr-card-accent-ok{border-left-color: var(--aura-green)}.vr-card-clickable{cursor: pointer;transition: box-shadow 0.2s ease,transform 0.2s ease}.vr-card-clickable:hover{box-shadow: var(--aura-shadow-m);transform: translateY(-1px)}.vr-card-avatar{width: 40px;height: 40px;min-width: 40px;border-radius: 50%;background: color-mix(in srgb,var(--aura-accent-color) 10%,transparent));color: var(--aura-accent-text-color);display: flex;align-items: center;justify-content: center;font-size: var(--aura-font-size-s);font-weight: 700;letter-spacing: 0.5px;flex-shrink: 0}.vr-card-avatar-danger{background: hsla(4,69%,60%,0.12);color: var(--aura-red)}.vr-card-top-row{gap: var(--vaadin-padding-m) !important;align-items: center !important}.vr-card-info-block{min-width: 0;gap: 2px !important}.vr-card-header-row{gap: var(--vaadin-padding-s) !important}.vr-card-vendor-name{font-size: var(--aura-font-size-m);font-weight: 600;color: var(--vaadin-text-color);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.vr-card-status-badge{display: inline-flex;align-items: center;padding: 2px 8px;border-radius: 10px;font-size: 11px;font-weight: 700;letter-spacing: 0.4px;white-space: nowrap;flex-shrink: 0}.vr-card-status-paid{background: hsla(145,63%,42%,0.12);color: hsl(145,63%,35%)}.vr-card-status-unpaid{background: hsla(4,69%,60%,0.12);color: var(--aura-red)}.vr-card-contact{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.vr-card-stats-row{display: grid;grid-template-columns: repeat(3,1fr);gap: 0;border-top: 1px solid color-mix(in srgb,var(--aura-neutral) 5%,transparent));border-bottom: 1px solid color-mix(in srgb,var(--aura-neutral) 5%,transparent));padding: var(--vaadin-padding-s) 0}.vr-stat-cell{display: flex;flex-direction: column;gap: 2px;padding: 0 var(--vaadin-padding-xs)}.vr-stat-cell:not(:last-child){border-right: 1px solid color-mix(in srgb,var(--aura-neutral) 5%,transparent))}.vr-stat-label{font-size: 11px;color: var(--vaadin-text-color-secondary);font-weight: 500;text-transform: uppercase;letter-spacing: 0.4px}.vr-stat-value{font-size: var(--aura-font-size-s);font-weight: 600;color: var(--vaadin-text-color)}.vr-stat-value-danger{color: var(--aura-red) !important}.vr-card-footer-row{gap: var(--vaadin-padding-s) !important;align-items: center !important}.vr-card-date{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.vr-empty-state{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--vaadin-padding-m);padding: var(--vaadin-padding-xl) 0;width: 100%}.vr-empty-icon{color: color-mix(in srgb,var(--aura-neutral) 30%,transparent))}.vr-empty-text{font-size: var(--aura-font-size-m);color: var(--vaadin-text-color-secondary)}[class*="mg-"] *,[class*="mg-"] *::before,[class*="mg-"] *::after,[class*="media-gallery"] *,[class*="media-gallery"] *::before,[class*="media-gallery"] *::after{box-sizing: border-box}.media-gallery-tab{min-height: 0}.media-gallery-scroll{overflow-y: auto;flex-grow: 1;scrollbar-gutter: stable;padding: var(--vaadin-padding-s);gap: var(--vaadin-padding-s)}.media-gallery-footer{flex-shrink: 0;border-top: 1px solid var(--vaadin-border-color-secondary);background: var(--aura-surface-color);padding: var(--vaadin-padding-s)}.media-gallery-actions vaadin-button{width: 100%;min-height: 42px;font-weight: 600}.mg-upload-compact{width: 100%;padding: 0;--vaadin-upload-padding: 0;--vaadin-upload-gap: 0}.mg-upload-compact::part(drop-label){display: none}.mg-upload-compact vaadin-upload-file-list{display: none}.media-gallery-actions .mg-upload-compact::part(primary-buttons){width: 100%}.media-gallery-actions .mg-upload-compact::part(primary-buttons) vaadin-button{width: 100%;min-height: 42px;font-weight: 600}.mg-segment{display: flex;gap: var(--vaadin-padding-xs);background: color-mix(in srgb,var(--aura-neutral) 5%,transparent));border-radius: var(--vaadin-radius-l);padding: 4px}.mg-segment-btn{flex: 1;border-radius: var(--vaadin-radius-l);background: transparent;color: var(--vaadin-text-color-secondary);font-weight: 600;font-size: var(--aura-font-size-s);min-height: 40px;cursor: pointer;display: flex;align-items: center;justify-content: center;user-select: none}.mg-segment-btn--active{background: var(--aura-accent-color);color: var(--aura-accent-contrast-color)}.mg-segment-btn--active .mg-segment-badge{background: rgba(255,255,255,0.25);color: var(--aura-accent-contrast-color)}.mg-segment-badge{display: inline-flex;align-items: center;justify-content: center;min-width: 22px;height: 22px;padding: 0 6px;border-radius: 999px;font-size: var(--aura-font-size-xs);font-weight: 700;background: var(--vaadin-border-color-secondary);color: var(--vaadin-text-color-secondary)}.mg-section-header{display: block;font-weight: 700;font-size: var(--aura-font-size-xs);text-transform: uppercase;letter-spacing: 0.05em;color: var(--vaadin-text-color-secondary);padding: 0 0 var(--vaadin-padding-xs) 0}.mg-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: var(--vaadin-padding-s);width: 100%}@media (max-width: 479px){.mg-grid{grid-template-columns: 1fr}}@media (min-width: 640px){.mg-grid{grid-template-columns: repeat(auto-fill,minmax(180px,1fr))}}.mg-empty{grid-column: 1 / -1;padding: var(--vaadin-padding-xl) 0;text-align: center;color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.mg-card{container-type: inline-size;display: flex;flex-direction: column;background: var(--aura-surface-color);border-radius: var(--vaadin-radius-m);overflow: hidden;box-shadow: rgba(25,59,103,0.06) 0 1px 3px 0}.mg-card-thumb{position: relative;width: 100%;aspect-ratio: 4 / 3;overflow: hidden;border-radius: var(--vaadin-radius-m) var(--vaadin-radius-m) 0 0}.mg-card-thumb--gradient-0{background: linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)}.mg-card-thumb--gradient-1{background: linear-gradient(135deg,#14b8a6 0%,#3b82f6 100%)}.mg-card-thumb--gradient-2{background: linear-gradient(135deg,#22c55e 0%,#14b8a6 100%)}.mg-card-thumb--gradient-3{background: linear-gradient(135deg,#d97706 0%,#b45309 100%)}.mg-card-thumb-image{width: 100%;height: 100%;object-fit: cover;display: block}.mg-card-thumb--video .mg-card-play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 44px;height: 44px;border-radius: 50%;background: rgba(0,0,0,0.45);display: flex;align-items: center;justify-content: center;color: #fff}.mg-card-footer{display: flex;align-items: center;gap: var(--vaadin-padding-s);padding: var(--vaadin-padding-s);min-width: 0;background: var(--aura-surface-color)}.mg-card-type-icon{flex-shrink: 0;width: 28px;height: 28px;display: flex;align-items: center;justify-content: center;color: var(--vaadin-text-color-secondary)}.mg-card-info{flex: 1 1 0;min-width: 0;overflow: hidden;display: flex;flex-direction: column;gap: 2px}.mg-card-name{font-weight: 600;font-size: var(--aura-font-size-xs);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: var(--vaadin-text-color)}.mg-card-meta{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.mg-card-actions{flex: 0 0 auto;width: auto;max-width: fit-content;margin-inline-start: auto}vaadin-horizontal-layout.mg-card-actions{width: auto;flex-grow: 0}@container (max-width: 220px){.mg-card-footer{flex-wrap: wrap;row-gap: var(--vaadin-padding-xs)}.mg-card-info{flex: 1 1 calc(100% - 36px)}.mg-card-actions{flex: 1 1 100%;justify-content: flex-end}}.mg-card-download{display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--aura-accent-color) 10%,transparent));color: var(--aura-accent-color);text-decoration: none}.mg-card-download:hover{background: var(--aura-accent-color-20pct)}[class*="li-card"] *,[class*="li-card"] *::before,[class*="li-card"] *::after,[class*="li-card"],[class*="li-row-card"] *,[class*="li-left-side"] *,[class*="li-right-side"] *,[class*="li-part-name"] *,[class*="li-details"] *,[class*="li-subtotal"] *{box-sizing: border-box}.li-card-list{display: flex;flex-direction: column;width: 100%}.li-divider{margin: 0;border: none;border-top: 1px solid var(--vaadin-border-color-secondary)}.li-row-card{width: 100%;background: var(--aura-surface-color);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m);padding: var(--vaadin-padding-s) var(--vaadin-padding-m);margin-bottom: 6px}.li-row-card-clickable{cursor: pointer;transition: box-shadow 0.2s ease}.li-row-card-clickable:hover{box-shadow: var(--aura-shadow-xs)}.li-card-inner{display: flex;align-items: center;width: 100%;gap: 8px}.li-left-side{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 2px}.li-part-name{font-size: var(--aura-font-size-s);font-weight: 600;color: var(--vaadin-text-color);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.li-details{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);line-height: 1.3}.li-right-side{flex-shrink: 0}.li-subtotal-value{font-size: var(--aura-font-size-s);font-weight: 700;color: var(--vaadin-text-color);white-space: nowrap}.li-empty-state{padding: var(--vaadin-padding-m);text-align: center;color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}[class*="customer-detail"] *,[class*="customer-detail"] *::before,[class*="customer-detail"] *::after,[class*="customer-detail"]{box-sizing: border-box}.customer-detail-page{width: 100%;max-width: none;margin: 0;box-sizing: border-box}.customer-detail-stats{display: grid;grid-template-columns: repeat(3,1fr);gap: 0;border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m);overflow: hidden}.customer-detail-stat-box{display: flex;flex-direction: column;gap: 2px;padding: var(--vaadin-padding-s) var(--vaadin-padding-m)}.customer-detail-stat-box+.customer-detail-stat-box{border-left: 1px solid var(--vaadin-border-color-secondary)}.customer-detail-badge{display: inline-flex;align-items: center;padding: 2px 10px;border-radius: 12px;font-size: var(--aura-font-size-xs);font-weight: 600;white-space: nowrap}.customer-detail-badge-returning{background: color-mix(in srgb,var(--aura-accent-color) 10%,transparent));color: var(--aura-accent-text-color)}.customer-detail-badge-trusted{background: color-mix(in srgb,var(--aura-accent-color) 10%,transparent));color: var(--aura-accent-text-color)}.customer-detail-vehicle-card{display: flex;align-items: center;gap: var(--vaadin-padding-m);padding: var(--vaadin-padding-s) var(--vaadin-padding-m);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m);cursor: pointer;transition: box-shadow 0.2s ease}.customer-detail-vehicle-card:hover{box-shadow: var(--aura-shadow-s)}.customer-detail-job-card{display: flex;flex-direction: column;gap: var(--vaadin-padding-xs);padding: var(--vaadin-padding-s) var(--vaadin-padding-m);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m);cursor: pointer;transition: box-shadow 0.2s ease}.customer-detail-job-card:hover{box-shadow: var(--aura-shadow-s)}[class*="vehicle-detail"] *,[class*="vehicle-detail"] *::before,[class*="vehicle-detail"] *::after,[class*="vehicle-detail"]{box-sizing: border-box}.vehicle-detail-page{width: 100%;max-width: none;margin: 0}.vehicle-detail-hero{display: flex;flex-direction: column;gap: var(--vaadin-padding-l);min-width: 0;overflow-x: hidden}.vehicle-detail-back-button{align-self: flex-start}.vehicle-detail-icon-badge{width: 56px;height: 56px;border-radius: 18px;display: inline-flex;align-items: center;justify-content: center;background: color-mix(in srgb,var(--aura-accent-color) 10%,transparent));color: var(--aura-accent-text-color);flex-shrink: 0}.vehicle-detail-icon-badge vaadin-icon{width: 26px;height: 26px}.vehicle-detail-meta-row{display: flex;flex-wrap: wrap;gap: var(--vaadin-padding-s)}.vehicle-detail-meta-pill{display: inline-flex;align-items: center;padding: 0.3rem 0.75rem;border-radius: 999px;background: color-mix(in srgb,var(--aura-neutral) 5%,transparent));color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s);font-weight: 600}.vehicle-detail-stat-row{display: flex;gap: var(--vaadin-padding-s)}.vehicle-detail-stat-card{display: flex;flex-direction: column;gap: 2px;padding: var(--vaadin-padding-s) var(--vaadin-padding-m);border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--aura-neutral) 5%,transparent));border: 1px solid var(--vaadin-border-color-secondary)}.vehicle-detail-stats{grid-template-columns: repeat(2,1fr)}.vehicle-detail-actions{width: 100%;justify-content: flex-start}.vehicle-detail-section-card{display: flex;flex-direction: column;gap: var(--vaadin-padding-m);min-width: 0;overflow-x: hidden}.vehicle-detail-info-list{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);overflow: hidden;background: var(--aura-surface-color);max-width: 100%}.vehicle-detail-info-row{display: flex;flex-direction: column;gap: 0.25rem;padding: var(--vaadin-padding-s) var(--vaadin-padding-s);min-width: 0;border-bottom: 1px solid var(--vaadin-border-color-secondary)}.vehicle-detail-info-row:nth-last-child(-n + 2){border-bottom: none}.vehicle-detail-info-row:nth-child(odd){border-right: 1px solid var(--vaadin-border-color-secondary)}.vehicle-detail-info-label{text-transform: uppercase;letter-spacing: 0.03em}.vehicle-detail-info-value{line-height: 1.35}.vehicle-detail-history-table{border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);overflow-x: auto;overflow-y: hidden;background: var(--aura-surface-color);max-width: 100%}.vehicle-detail-history-header,.vehicle-detail-history-row{display: grid;grid-template-columns: minmax(120px,1.05fr) minmax(220px,2.4fr) minmax(140px,1.1fr) minmax(120px,1fr) minmax(140px,1fr);gap: var(--vaadin-padding-m);align-items: start}.vehicle-detail-history-header{padding: var(--vaadin-padding-s) var(--vaadin-padding-l);background: color-mix(in srgb,var(--aura-neutral) 5%,transparent));border-bottom: 1px solid var(--vaadin-border-color-secondary)}.vehicle-detail-history-row{padding: var(--vaadin-padding-m) var(--vaadin-padding-l);border-bottom: 1px solid var(--vaadin-border-color-secondary);cursor: pointer;transition: background-color 0.18s ease}.vehicle-detail-history-row:last-child{border-bottom: none}.vehicle-detail-history-row:hover{background: color-mix(in srgb,var(--aura-neutral) 5%,transparent))}.vehicle-detail-history-cell{display: flex;flex-direction: column;gap: 0.35rem;min-width: 0}.vehicle-detail-history-caption{display: none;font-size: var(--aura-font-size-xs);font-weight: 600;color: var(--vaadin-text-color-secondary);text-transform: uppercase;letter-spacing: 0.02em}.vehicle-detail-history-complaint{margin: 0;color: var(--vaadin-text-color);line-height: 1.45}.vehicle-detail-empty-state{padding: var(--vaadin-padding-l);border-radius: var(--vaadin-radius-l);color: var(--vaadin-text-color-secondary);background: color-mix(in srgb,var(--aura-neutral) 5%,transparent))}@media (max-width: 960px){.vehicle-detail-history-header{display: none}.vehicle-detail-history-row{grid-template-columns: repeat(2,minmax(0,1fr))}.vehicle-detail-history-caption{display: inline-flex}}@media (max-width: 640px){.vehicle-detail-stat-row{flex-direction: column}.vehicle-detail-history-row,.vehicle-detail-info-list{grid-template-columns: 1fr}.vehicle-detail-info-row{border-right: none !important;border-bottom: 1px solid var(--vaadin-border-color-secondary)}.vehicle-detail-info-row:nth-last-child(-n + 2){border-bottom: 1px solid var(--vaadin-border-color-secondary)}.vehicle-detail-info-row:last-child{border-bottom: none}.vehicle-detail-actions vaadin-button{width: 100%}}.job-detail-page{width: 100%;max-width: none;margin: 0;box-sizing: border-box}.job-detail-top-section{width: 100%;gap: var(--vaadin-padding-s)}.job-detail-card{width: 100%;background: var(--aura-surface-color);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);padding: var(--vaadin-padding-m);box-sizing: border-box}.job-detail-card.job-detail-card--profile{background: color-mix(in srgb,var(--aura-accent-color) 10%,transparent);border: 1px solid color-mix(in srgb,var(--aura-accent-color) 50%,transparent);padding: var(--vaadin-padding-l);position: relative;overflow: hidden}.job-workforce-panel{width: 100%;gap: var(--vaadin-padding-s)}.job-workforce-card{gap: var(--vaadin-padding-s)}.job-workforce-row{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-padding-m);flex-wrap: wrap}.job-workforce-label{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s);font-weight: 500;flex-shrink: 0}.job-workforce-value{color: var(--vaadin-text-color);font-size: var(--aura-font-size-s);font-weight: 600;text-align: end}.job-workforce-notes{color: var(--vaadin-text-color);font-size: var(--aura-font-size-s);max-width: 100%}.job-workforce-warning{padding: var(--vaadin-padding-s) var(--vaadin-padding-m);border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--aura-yellow) 15%,transparent);color: var(--aura-yellow-text);font-size: var(--aura-font-size-s);font-weight: 600}.job-workforce-qc-badge{display: inline-flex;align-items: center;padding: 2px 10px;border-radius: 999px;font-size: var(--aura-font-size-xs);font-weight: 600}.job-workforce-qc-badge--pass{background: color-mix(in srgb,var(--aura-green) 12%,transparent);color: var(--aura-green)}.job-workforce-qc-badge--fail{background: color-mix(in srgb,var(--aura-red) 12%,transparent);color: var(--aura-red)}.repeat-orders-page{min-width: 0}.repeat-orders-filters{display: flex;align-items: flex-end;gap: var(--vaadin-padding-s);width: 100%}@media (max-width: 640px){.repeat-orders-filters{flex-direction: column;align-items: stretch}.repeat-orders-search-field,.repeat-orders-days-threshold{width: 100% !important}}.repeat-order-card{display: flex;flex-direction: column;gap: var(--vaadin-padding-s);border: 1px solid var(--vaadin-border-color-secondary);box-shadow: var(--aura-shadow-xs);--repeat-order-action-border: color-mix(in srgb,var(--aura-accent-color) 28%,transparent);--repeat-order-action-text: var(--aura-accent-color)}.repeat-order-card__header{display: grid;grid-template-columns: 1fr auto;align-items: start;gap: 2px var(--vaadin-padding-s);width: 100%;min-width: 0}.repeat-order-card__customer-name,.repeat-order-card__vehicle{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.repeat-order-card__days-badge{justify-self: end;display: inline-flex;align-items: center;flex-shrink: 0;padding: 4px 10px;border-radius: 999px;font-size: var(--aura-font-size-xs);font-weight: 600;background: color-mix(in srgb,var(--aura-orange) 14%,transparent);border: 1px solid color-mix(in srgb,var(--aura-orange) 22%,transparent);color: var(--aura-orange-text)}.repeat-order-card__plate{font-family: ui-monospace,monospace;font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);justify-self: end}.repeat-order-card__phone{grid-column: 1 / -1}.repeat-order-card__details{display: flex;flex-direction: column;gap: var(--vaadin-padding-s)}.repeat-order-card__metrics{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--vaadin-padding-s)}.repeat-order-card__action-cell{display: flex}.repeat-order-card__schedule-button{width: 100%;justify-content: center;border: 1px solid var(--repeat-order-action-border);color: var(--repeat-order-action-text);background: color-mix(in srgb,var(--repeat-order-action-border) 12%,transparent)}.job-workforce-qc-form{margin-top: var(--vaadin-padding-xs);padding-top: var(--vaadin-padding-s);border-top: 1px solid var(--vaadin-border-color-secondary)}.job-detail-stage-card{width: 100%;background: color-mix(in srgb,var(--aura-neutral) 5%,transparent));border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);padding: var(--vaadin-padding-m);box-sizing: border-box;transition: background-color 0.15s ease}.job-detail-stage-card-clickable{cursor: pointer}.job-detail-stage-card-clickable:hover{background: var(--vaadin-border-color-secondary)}.job-detail-stage-card-readonly{cursor: default}.job-detail-car-header{gap: var(--vaadin-padding-m)}.job-detail-car-icon-badge{width: 46px;height: 46px;border-radius: 14px;display: inline-flex;align-items: center;justify-content: center;background: color-mix(in srgb,var(--aura-accent-color) 10%,transparent));color: var(--aura-accent-text-color);flex-shrink: 0}.job-detail-title-row{gap: var(--vaadin-padding-s);margin-bottom: 2px}.job-detail-job-code{color: var(--aura-accent-color);font-weight: 700;font-size: var(--aura-font-size-m);letter-spacing: 0.02em}.job-detail-vehicle-title{font-size: 1.6rem;font-weight: 700;line-height: 1.2;color: var(--vaadin-text-color)}.job-detail-vehicle-meta,.job-detail-owner-line{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.job-detail-owner-line{margin-top: 2px}.job-detail-stage-card{align-items: center;gap: var(--vaadin-padding-m)}.job-detail-stage-ring{--job-detail-stage-progress: 0.5;--job-detail-stage-ring-stroke: 4.5px;width: 52px;height: 52px;position: relative;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0}.job-detail-stage-ring::before{content: '';position: absolute;inset: 0;border-radius: 50%;background: conic-gradient(from -90deg,var(--aura-accent-color) 0deg,var(--aura-accent-color) calc(var(--job-detail-stage-progress) * 360deg),color-mix(in srgb,var(--aura-neutral) 20%,transparent)) calc(var(--job-detail-stage-progress) * 360deg),color-mix(in srgb,var(--aura-neutral) 20%,transparent)) 360deg);-webkit-mask: radial-gradient(farthest-side,transparent calc(100% - var(--job-detail-stage-ring-stroke)),#000 calc(100% - var(--job-detail-stage-ring-stroke) + 0.5px));mask: radial-gradient(farthest-side,transparent calc(100% - var(--job-detail-stage-ring-stroke)),#000 calc(100% - var(--job-detail-stage-ring-stroke) + 0.5px))}.job-detail-stage-progress-label{position: relative;z-index: 1;font-size: 0.8125rem;font-weight: 700;line-height: 1;color: var(--aura-accent-color)}.job-detail-stage-info{gap: 4px;min-width: 0}.job-detail-stage-caption{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-xs);font-weight: 600}.job-detail-stage-line{font-size: var(--aura-font-size-m);font-weight: 700;color: var(--vaadin-text-color);line-height: 1.35}.job-detail-stage-chevron{color: var(--vaadin-text-color-secondary);flex-shrink: 0;margin-left: auto}.job-detail-tab-sheet{margin-top: var(--vaadin-padding-s);width: 100%}.job-detail-overview-content{gap: var(--vaadin-padding-s);padding: var(--vaadin-padding-s)}.job-detail-section-title{text-transform: uppercase;letter-spacing: 0.08em;color: var(--vaadin-text-color-secondary);font-size: 0.72rem;font-weight: 700;margin-bottom: var(--vaadin-padding-s)}.job-detail-section-header{display: flex;align-items: center;width: 100%;margin-bottom: var(--vaadin-padding-s)}.job-detail-section-header .job-detail-section-title{margin-bottom: 0}.job-detail-parts-actions{display: flex;flex-direction: row;align-items: center;gap: var(--vaadin-padding-xs)}@media (max-width: 640px){.job-detail-parts-actions{flex-direction: column;align-items: stretch}}.job-detail-summary-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--vaadin-padding-s);width: 100%}.job-detail-summary-grid>div{background: color-mix(in srgb,var(--aura-neutral) 5%,transparent));border-radius: var(--vaadin-radius-m);border: 1px solid var(--vaadin-border-color-secondary);padding: var(--vaadin-padding-s);display: flex;flex-direction: column;gap: 2px;min-width: 0}.job-detail-summary-label{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-xs)}.job-detail-summary-value{color: var(--vaadin-text-color);font-size: 1.75rem;line-height: 1.2;font-weight: 700}.job-detail-summary-badge{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-xs);font-weight: 600}.job-detail-complaint-text{color: var(--vaadin-text-color);line-height: 1.5;font-size: var(--aura-font-size-m)}.job-detail-tags-row{margin-top: var(--vaadin-padding-s);flex-wrap: wrap;gap: 6px}.job-detail-tag-chip{display: inline-flex;align-items: center;padding: 2px 8px;border-radius: 999px;background: color-mix(in srgb,var(--aura-accent-color) 10%,transparent));color: var(--aura-accent-text-color);font-size: 0.72rem;font-weight: 600}.job-detail-action-list,.job-detail-activity-list{width: 100%}.job-detail-action-row,.job-detail-activity-row{gap: var(--vaadin-padding-s);padding: var(--vaadin-padding-s) 0;border-top: 1px solid var(--vaadin-border-color-secondary);cursor: pointer}.job-detail-action-row:first-child,.job-detail-activity-row:first-child{border-top: none;padding-top: 0}.job-detail-action-row:last-child,.job-detail-activity-row:last-child{padding-bottom: 0}.job-detail-action-row:hover{opacity: 0.85}.job-detail-action-row-disabled{opacity: 0.45;cursor: default}.job-detail-row-icon{width: 24px;height: 24px;border-radius: 8px;background: color-mix(in srgb,var(--aura-accent-color) 10%,transparent));color: var(--aura-accent-text-color);display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0}.job-detail-row-text{font-size: var(--aura-font-size-m);color: var(--vaadin-text-color)}.job-detail-row-chevron{color: var(--vaadin-text-color-secondary)}.job-detail-activity-text-group{gap: 2px}.job-detail-activity-time{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.job-detail-activity-icon-warning{background: hsla(38,100%,50%,0.15);color: hsl(38,100%,38%)}.job-detail-activity-icon-success{background: hsla(145,63%,42%,0.16);color: hsl(145,63%,36%)}@media (max-width: 640px){.job-detail-summary-grid{grid-template-columns: 1fr}}.cost-estimation-tab{min-height: 0}.cost-estimation-scroll{overflow-y: auto;flex-grow: 1;scrollbar-gutter: stable;padding: var(--vaadin-padding-s);gap: var(--vaadin-padding-s);box-sizing: border-box}.cost-estimation-card{width: 100%;max-width: 100%;box-sizing: border-box;background: var(--aura-surface-color);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m)}.cost-estimation-card--padded{padding: var(--vaadin-padding-m)}.cost-estimation-footer{flex-shrink: 0;border-top: 1px solid var(--vaadin-border-color-secondary);background: var(--aura-surface-color);padding: var(--vaadin-padding-s)}.cost-estimation-actions vaadin-button{width: 100%;min-height: 42px;font-weight: 600}.actual-cost-tab{min-height: 0}.actual-cost-scroll{overflow-y: auto;flex-grow: 1;scrollbar-gutter: stable;padding: var(--vaadin-padding-s);gap: var(--vaadin-padding-s);box-sizing: border-box}.actual-cost-variance-banner{--actual-cost-variance-surface: color-mix(in srgb,var(--aura-orange) 12%,transparent);--actual-cost-variance-icon-surface: color-mix(in srgb,var(--aura-orange) 18%,transparent);--actual-cost-variance-text-color: var(--aura-orange-text);display: flex;align-items: flex-start;gap: var(--vaadin-padding-s);padding: var(--vaadin-padding-m);border-radius: var(--vaadin-radius-m);background: var(--actual-cost-variance-surface);color: var(--actual-cost-variance-text-color);box-sizing: border-box}.actual-cost-variance-banner--under{--actual-cost-variance-surface: color-mix(in srgb,var(--aura-green) 12%,transparent);--actual-cost-variance-icon-surface: color-mix(in srgb,var(--aura-green) 18%,transparent);--actual-cost-variance-text-color: var(--aura-green-text)}.actual-cost-variance-banner__icon{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 50%;flex-shrink: 0;background: var(--actual-cost-variance-icon-surface);color: var(--actual-cost-variance-text-color)}.actual-cost-variance-banner__text{display: flex;flex-direction: column;gap: 2px;min-width: 0}.actual-cost-variance-banner__headline{font-weight: 700;font-size: var(--aura-font-size-s);color: inherit;line-height: 1.3}.actual-cost-variance-banner__subtext{font-size: var(--aura-font-size-xs);color: color-mix( in srgb,var(--actual-cost-variance-text-color) 72%,var(--vaadin-text-color-secondary) )}.actual-cost-comparison-row{display: grid;grid-template-columns: 1fr 1fr;gap: var(--vaadin-padding-s);width: 100%;box-sizing: border-box}@media (max-width: 640px){.actual-cost-comparison-row{grid-template-columns: 1fr}}.actual-cost-comparison-card{background: var(--aura-surface-color);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m);padding: var(--vaadin-padding-m);box-sizing: border-box}.actual-cost-comparison-card--actual{border-left: 4px solid var(--aura-accent-color)}.actual-cost-comparison-card__label{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);margin-bottom: var(--vaadin-padding-xs)}.actual-cost-comparison-card__value{font-weight: 700;font-size: var(--aura-font-size-l);color: var(--vaadin-text-color)}.actual-cost-comparison-card__value--actual{color: var(--aura-accent-text-color)}.actual-cost-variance--over{color: var(--aura-orange-text);font-weight: 600;font-size: var(--aura-font-size-xs)}.actual-cost-variance--under{color: var(--aura-green-text);font-weight: 600;font-size: var(--aura-font-size-xs)}.actual-cost-badge-new{display: inline-flex;align-items: center;padding: 2px 8px;border-radius: 999px;font-size: var(--aura-font-size-xs);font-weight: 600;background: hsl(214,90%,94%);color: hsl(214,80%,40%);flex-shrink: 0}.actual-cost-summary{width: 100%;box-sizing: border-box;background: color-mix(in srgb,var(--aura-neutral) 5%,transparent));border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m)}.actual-cost-grand-total{font-weight: 700;font-size: var(--aura-font-size-xl);color: var(--aura-accent-text-color)}.actual-cost-footer{flex-shrink: 0;border-top: 1px solid var(--vaadin-border-color-secondary);background: var(--aura-surface-color);padding: var(--vaadin-padding-s);box-sizing: border-box;scrollbar-gutter: stable}.actual-cost-actions{width: 100%;box-sizing: border-box}.actual-cost-actions vaadin-button{width: 100%;min-height: 42px;font-weight: 600}.actual-cost-generate-invoice{--aura-accent-color: hsl(145,63%,38%);--aura-accent-text-color: hsl(145,63%,38%);background-color: hsl(145,63%,38%);color: #fff}.actual-cost-generate-invoice:hover{background-color: hsl(145,63%,32%)}.invoice-tab{min-height: 0}.invoice-scroll{overflow-y: auto;flex-grow: 1;scrollbar-gutter: stable;padding: var(--vaadin-padding-s);gap: var(--vaadin-padding-s);box-sizing: border-box}.invoice-payment-actions vaadin-button{width: 100%;white-space: normal;height: auto;min-height: calc(var(--aura-base-size) * 1px * 2.5)}.invoice-section-export{padding: var(--vaadin-padding-s) 0 0;box-sizing: border-box}.invoice-section-export vaadin-button{width: 100%}.dashboard-view{width: 100%;max-width: 100%;box-sizing: border-box}.dashboard-header{display: flex;flex-direction: column;gap: var(--vaadin-padding-xs);margin-bottom: var(--vaadin-padding-s)}.dashboard-header__title{margin: 0}.dashboard-header__subtitle{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.dashboard-toolbar{display: flex;flex-direction: row;align-items: flex-start;gap: var(--vaadin-padding-m);margin-bottom: var(--vaadin-padding-l)}.dashboard-range-select{min-width: 14rem;max-width: 18rem}@media (max-width: 640px){.dashboard-view>.aura-view-header{flex-wrap: wrap;align-items: center;row-gap: var(--vaadin-padding-xs)}.dashboard-view>.aura-view-header .aura-view-header__toolbar{flex-basis: 100%;width: 100%;margin-inline-start: 0;align-items: flex-start}.dashboard-view .aura-view-header__toolbar .dashboard-toolbar{width: 100%;margin-bottom: 0}.dashboard-range-select{width: 100%;max-width: none}}.dashboard-range-pills{display: flex;flex-wrap: wrap;gap: var(--vaadin-padding-s)}vaadin-button.dashboard-range-pill{border-radius: 999px;border: 1px solid color-mix(in srgb,var(--aura-neutral) 20%,transparent));padding: var(--vaadin-padding-xs) var(--vaadin-padding-m);font-weight: 600;font-size: var(--aura-font-size-s);background: var(--aura-surface-color);color: var(--vaadin-text-color);min-width: auto}vaadin-button.dashboard-range-pill--active{background: var(--aura-accent-color);color: var(--aura-accent-contrast-color);border-color: var(--aura-accent-color)}vaadin-button.dashboard-range-pill:disabled{opacity: 0.55}.dashboard-range-custom{width: 100%;flex-wrap: wrap;gap: var(--vaadin-gap-m)}.dashboard-loading{margin-bottom: var(--vaadin-padding-s)}.dashboard-section-title{margin: 0 0 var(--vaadin-padding-m) 0;font-size: var(--aura-font-size-l);font-weight: 600;color: var(--vaadin-text-color)}.dashboard-stat-grid{display: grid;grid-template-columns: 1fr;gap: var(--vaadin-padding-m);width: 100%;margin-bottom: var(--vaadin-padding-xl);box-sizing: border-box}@media (min-width: 768px){.dashboard-stat-grid{grid-template-columns: repeat(2,1fr)}}@media (min-width: 1024px){.dashboard-stat-grid{grid-template-columns: repeat(3,1fr)}}.dashboard-stat-card{background: var(--aura-surface-color);border: 1px solid var(--vaadin-border-color-secondary);border-left: 4px solid var(--aura-accent-color);border-radius: var(--vaadin-radius-l);padding: var(--vaadin-padding-m);display: flex;flex-direction: column;gap: var(--vaadin-padding-s);box-shadow: rgba(25,59,103,0.05) 0px 1px 3px 0px;box-sizing: border-box}.dashboard-stat-card--primary{border-left-color: var(--aura-accent-color)}.dashboard-stat-card--success{border-left-color: var(--aura-green)}.dashboard-stat-card--warning{border-left-color: var(--aura-yellow)}.dashboard-stat-card--error{border-left-color: var(--aura-red)}.dashboard-stat-card__top{display: flex;align-items: center;gap: var(--vaadin-padding-s)}.dashboard-stat-card__icon{width: 40px;height: 40px;min-width: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0}.dashboard-stat-card--primary .dashboard-stat-card__icon{background: color-mix(in srgb,var(--aura-accent-color) 10%,transparent));color: var(--aura-accent-text-color)}.dashboard-stat-card--success .dashboard-stat-card__icon{background: hsla(145,65%,42%,0.12);color: var(--aura-green)}.dashboard-stat-card--warning .dashboard-stat-card__icon{background: hsla(38,92%,50%,0.12);color: var(--aura-yellow)}.dashboard-stat-card--error .dashboard-stat-card__icon{background: hsla(4,69%,60%,0.12);color: var(--aura-red)}.dashboard-stat-card__label{font-size: var(--aura-font-size-s);font-weight: 600;color: var(--vaadin-text-color-secondary);line-height: 1.3}.dashboard-stat-card__value{font-size: var(--vaadin-font-size-xxxl);font-weight: 700;line-height: 1.2;color: var(--vaadin-text-color)}.dashboard-stat-card__value--success{color: var(--aura-green)}.dashboard-stat-card__value--error{color: var(--aura-red)}.dashboard-stat-card__hint{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);margin-top: var(--vaadin-padding-xs)}.dashboard-live-snapshot-note{color: var(--aura-text-color-secondary,var(--vaadin-text-color-secondary));font-size: var(--aura-font-size-s,0.875rem);margin-block-end: var(--vaadin-padding-s)}.dashboard-charts-section{display: flex;flex-direction: column;gap: var(--vaadin-padding-m);width: 100%}.dashboard-chart-row{display: grid !important;grid-template-columns: repeat(2,1fr);gap: var(--vaadin-padding-m);width: 100%;box-sizing: border-box}.dashboard-chart-card{background: var(--aura-surface-color);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);padding: var(--vaadin-padding-m);overflow: hidden;box-shadow: rgba(25,59,103,0.05) 0px 1px 3px 0px;box-sizing: border-box}.dashboard-chart-card__title{margin: 0 0 var(--vaadin-padding-s) 0;font-size: var(--aura-font-size-m);font-weight: 600;color: var(--vaadin-text-color)}.dashboard-chart-card echarts-wrapper{display: block;width: 100%;min-height: 360px;height: 360px}@media (max-width: 800px){.dashboard-chart-row{grid-template-columns: 1fr !important}.dashboard-chart-card echarts-wrapper{min-height: 300px;height: 300px}}[class*="account-card"] *,[class*="account-card"] *::before,[class*="account-card"] *::after,[class*="account-sheet"] *,[class*="account-action"] *,[class*="account-role"] *{box-sizing: border-box}.account-card-list{box-sizing: border-box;display: grid !important;gap: var(--vaadin-padding-m);grid-template-columns: 1fr;align-content: start;width: 100%;max-width: 100%;padding: var(--vaadin-padding-xs) 1rem var(--vaadin-padding-xs) var(--vaadin-padding-xs)}.account-card{background: var(--aura-surface-color);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);padding: var(--vaadin-padding-m);display: flex;flex-direction: column;gap: var(--vaadin-padding-s);box-shadow: rgba(25,59,103,0.05) 0px 1px 3px 0px}.account-card--self{background: color-mix(in srgb,var(--aura-accent-color) 8%,var(--aura-surface-color));border-color: var(--aura-accent-color);box-shadow: inset 4px 0 0 var(--aura-accent-color),rgba(25,59,103,0.06) 0px 1px 3px 0px}.account-card--clickable{cursor: pointer;transition: box-shadow 0.15s ease,transform 0.15s ease}.account-card--clickable:hover{box-shadow: var(--aura-shadow-m);transform: translateY(-1px)}.account-detail-page{width: 100%;box-sizing: border-box}.account-detail-hero{display: flex;flex-direction: column;gap: var(--vaadin-padding-m);width: 100%;min-width: 0}.account-detail-hero .customer-detail-stats{width: 100%}.account-detail-hero__content{min-width: 0;align-items: center}.account-detail-hero__identity{display: flex;flex-direction: column;gap: 2px;min-width: 0}.account-detail-status-badge--inactive{display: inline-flex;align-items: center;gap: 6px;flex-shrink: 0;padding: 4px 10px;border-radius: 999px;background: color-mix(in srgb,var(--aura-neutral) 14%,transparent);border: 1px solid color-mix(in srgb,var(--aura-neutral) 22%,transparent)}.account-detail-role-list{display: flex;flex-direction: column;gap: var(--vaadin-padding-m)}.account-detail-role-card{border: 1px solid var(--vaadin-border-color-secondary);box-shadow: var(--aura-shadow-xs)}.account-detail-actions-card .account-action-row:last-child{border-bottom: none}.account-card__top{display: flex;align-items: center;gap: var(--vaadin-padding-m);width: 100%;min-width: 0}.account-card__identity{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 2px}.account-card__name-row{display: flex;align-items: center;gap: var(--vaadin-padding-xs);min-width: 0}.account-card__name{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.account-card__handle{font-family: ui-monospace,monospace;font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.account-card__section{display: flex;flex-direction: column;gap: var(--vaadin-padding-xs);min-width: 0}.account-card__section-label{font-size: var(--aura-font-size-xs);font-weight: 600;letter-spacing: 0.05em;color: var(--vaadin-text-color-secondary)}.account-card__section-badges{display: flex;flex-wrap: wrap;gap: var(--vaadin-padding-xs)}.account-card__roles,.account-card__outlets{min-width: 0}.account-detail-status-badge__label{font-size: var(--aura-font-size-xxs);font-weight: 600;color: var(--vaadin-text-color-secondary);line-height: 1;white-space: nowrap}.account-detail-status-badge--inactive .account-status-dot{width: 6px;height: 6px;min-width: 6px}.account-avatar{width: 40px;height: 40px;min-width: 40px;border-radius: 50%;background: color-mix(in srgb,var(--aura-accent-color) 10%,transparent);color: var(--aura-accent-text-color);display: flex;align-items: center;justify-content: center;font-weight: 600;letter-spacing: 0.5px;flex-shrink: 0}.account-status-dot{width: 8px;height: 8px;min-width: 8px;border-radius: 50%;flex-shrink: 0}.account-status-dot--active{background: var(--aura-green)}.account-status-dot--inactive{background: color-mix(in srgb,var(--aura-neutral) 30%,transparent)}.account-role-badge{display: inline-flex;align-items: center;padding: 2px 8px;border-radius: var(--vaadin-radius-s);font-size: var(--aura-font-size-xs);font-weight: 600;letter-spacing: 0.02em}.account-role-badge--owner{background: color-mix(in srgb,var(--aura-accent-color) 10%,transparent);color: var(--aura-accent-text-color)}.account-role-badge--admin{background: hsla(38,92%,50%,0.12);color: var(--aura-yellow-text)}.account-role-badge--staff{background: var(--vaadin-border-color-secondary);color: var(--vaadin-text-color)}.account-role-badge--default{background: var(--vaadin-border-color-secondary);color: var(--vaadin-text-color)}.account-outlet-badge{display: inline-flex;align-items: center;gap: 6px;min-height: 1.5rem;padding: 2px 8px;border-radius: var(--vaadin-radius-s);background: color-mix(in srgb,var(--aura-neutral) 10%,transparent);color: var(--vaadin-text-color);font-size: var(--aura-font-size-xs);font-weight: 600;letter-spacing: 0.02em}.account-outlet-badge--default{background: color-mix(in srgb,var(--aura-accent-color) 12%,transparent);color: var(--aura-accent-text-color)}.account-outlet-badge__label{white-space: nowrap}.account-outlet-badge--empty{background: var(--vaadin-border-color-secondary);color: var(--vaadin-text-color-secondary)}.account-sheet-dialog::part(overlay){align-items: flex-end}[class*="account-sheet-dialog"] *,[class*="account-sheet-dialog"] *::before,[class*="account-sheet-dialog"] *::after{box-sizing: border-box}.account-sheet-dialog::part(content){width: 100%;max-width: 560px;max-height: min(90vh,720px);margin: 0 auto;border-radius: var(--vaadin-radius-l) var(--vaadin-radius-l) 0 0;padding: var(--vaadin-padding-m);overflow: hidden;display: flex;flex-direction: column;box-sizing: border-box}@media (min-width: 640px){.account-sheet-dialog::part(overlay){align-items: center}.account-sheet-dialog::part(content){border-radius: var(--vaadin-radius-l);margin: var(--vaadin-padding-m)}}.account-sheet-header{display: flex;align-items: center;gap: var(--vaadin-padding-s);margin-bottom: var(--vaadin-padding-xs)}.account-sheet-header__icon{color: var(--aura-accent-text-color);flex-shrink: 0}.account-sheet-header__title{margin: 0;font-size: var(--aura-font-size-l);font-weight: 600;color: var(--vaadin-text-color)}.account-sheet-subtitle{margin: 0 0 var(--vaadin-padding-m) 0;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.account-sheet-body-text{display: block;max-width: 100%;margin: 0 0 var(--vaadin-padding-m) 0;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color);line-height: 1.5;overflow-wrap: anywhere}.account-actions-profile{display: flex;align-items: center;gap: var(--vaadin-padding-m);width: 100%;box-sizing: border-box;padding: var(--vaadin-padding-l);border-radius: var(--vaadin-radius-l);background: color-mix(in srgb,var(--aura-accent-color) 10%,transparent);border: 1px solid color-mix(in srgb,var(--aura-accent-color) 50%,transparent)}.account-actions-divider{width: 100%;height: 1px;background: var(--vaadin-border-color-secondary);margin: var(--vaadin-padding-m) 0;flex-shrink: 0}.account-actions-sheet,.account-form-sheet{width: 100%;box-sizing: border-box}.account-form-sheet{flex: 1;min-height: 0;overflow: hidden}.account-form-sheet__scroller{flex: 1;min-height: 0;max-height: min(60vh,480px);width: 100%;scrollbar-gutter: stable}.account-form-sheet__scroller::part(content){width: 100%;min-width: 0}.account-form-sheet__content,.account-form-sheet__body{width: 100%}.account-form-sheet__body{display: flex;flex-direction: column;gap: var(--vaadin-padding-m)}.account-form-sheet vaadin-form-layout{width: 100%;min-width: 0}.account-actions-list{width: 100%}.account-actions-profile__info{display: flex;flex-direction: column;gap: 2px;min-width: 0}.account-actions-profile__name{font-weight: 600;font-size: var(--aura-font-size-m)}.account-actions-profile__meta{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.account-temp-password-dialog::part(header){display: none}.account-temp-password-dialog::part(overlay){align-items: flex-end}.account-temp-password-dialog::part(content){width: 100%;max-width: min(100vw,40rem);padding: var(--vaadin-padding-s);border-radius: 1.75rem 1.75rem 0 0}.account-temp-password-dialog::part(footer){padding: 0 var(--vaadin-padding-m) var(--vaadin-padding-m);padding-inline-end: var(--vaadin-padding-l)}.account-temp-password-dialog__content{display: flex;flex-direction: column;gap: var(--vaadin-padding-s)}.account-temp-password-dialog__handle{width: 4.75rem;height: 0.38rem;margin: 0 auto 0.35rem;border-radius: 999px;background: color-mix(in srgb,var(--aura-neutral) 18%,transparent)}.account-temp-password-dialog__hero{display: flex;align-items: flex-start;gap: var(--vaadin-padding-s)}.account-temp-password-dialog__hero-icon{width: 2.75rem;height: 2.75rem;min-width: 2.75rem;border-radius: var(--vaadin-radius-l);display: inline-flex;align-items: center;justify-content: center;background: color-mix(in srgb,var(--aura-green) 12%,transparent);color: var(--aura-green-text)}.account-temp-password-dialog__hero-icon vaadin-icon{width: 1.1rem;height: 1.1rem}.account-temp-password-dialog__hero-copy{display: flex;flex-direction: column;gap: 0.2rem;min-width: 0}.account-temp-password-dialog__title{margin: 0;color: var(--aura-accent-text-color);font-size: var(--aura-font-size-l);line-height: 1.2}.account-temp-password-dialog__message{font-size: var(--aura-font-size-s);line-height: 1.4;color: var(--vaadin-text-color-secondary)}.account-temp-password-dialog__member-card{display: flex;align-items: center;gap: var(--vaadin-padding-s);padding: var(--vaadin-padding-s);border-radius: var(--vaadin-radius-l);background: color-mix(in srgb,var(--aura-neutral) 6%,transparent);min-width: 0}.account-temp-password-dialog__avatar.account-avatar{width: 2.75rem;height: 2.75rem;min-width: 2.75rem;font-size: var(--aura-font-size-s)}.account-temp-password-dialog__member-copy{display: flex;flex: 1;min-width: 0;flex-direction: column;gap: 0.12rem}.account-temp-password-dialog__member-name{font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold);color: var(--aura-accent-text-color)}.account-temp-password-dialog__member-username{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.account-temp-password-dialog__member-role{flex-shrink: 0}.account-temp-password-dialog__password-card{display: flex;flex-direction: column;gap: var(--vaadin-padding-xs);padding: var(--vaadin-padding-s);border: 1px solid color-mix(in srgb,var(--aura-accent-color) 45%,var(--vaadin-border-color));border-radius: var(--vaadin-radius-l);background: color-mix(in srgb,var(--aura-accent-color) 9%,var(--aura-surface-color))}.account-temp-password-dialog__password-header{display: flex;align-items: center;gap: 0.55rem}.account-temp-password-dialog__password-icon{width: 1rem;height: 1rem;color: var(--aura-accent-color)}.account-temp-password-dialog__password-label{font-size: var(--aura-font-size-xs);font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: var(--aura-accent-color)}.account-temp-password-dialog__password-value{font-size: var(--aura-font-size-xl);line-height: 1.2;font-weight: var(--aura-font-weight-semibold);color: var(--aura-accent-text-color);letter-spacing: 0.01em;overflow-wrap: anywhere}.account-temp-password-dialog .account-sheet-actions{gap: var(--vaadin-padding-s)}.account-temp-password-dialog .account-sheet-actions__cancel,.account-temp-password-dialog .account-sheet-actions__primary{min-height: 2.45rem;font-size: var(--aura-font-size-xs)}.account-temp-password-dialog__notice{display: flex;align-items: flex-start;gap: var(--vaadin-padding-s);padding: var(--vaadin-padding-s);border-radius: var(--vaadin-radius-l);background: color-mix(in srgb,var(--aura-orange) 10%,var(--aura-background-color));color: var(--vaadin-text-color)}.account-temp-password-dialog__notice-icon{flex-shrink: 0;color: var(--aura-orange-text)}.account-temp-password-dialog__notice-text{font-size: var(--aura-font-size-s);line-height: 1.4;color: var(--vaadin-text-color)}@media (min-width: 641px){.account-temp-password-dialog::part(content){max-width: min(92vw,36rem);margin: var(--vaadin-padding-m) auto;border-radius: 1.75rem}.account-temp-password-dialog::part(overlay){align-items: center}.account-temp-password-dialog__handle{display: none}}@media (max-width: 640px){.account-temp-password-dialog::part(footer){padding: 0 var(--vaadin-padding-s) var(--vaadin-padding-s)}.account-temp-password-dialog__member-role{align-self: flex-start}}.account-toggle-active-dialog::part(header){display: none}.account-toggle-active-dialog::part(overlay){align-items: flex-end}.account-toggle-active-dialog::part(content){width: 100%;max-width: min(100vw,36rem);padding: var(--vaadin-padding-s);border-radius: 1.75rem 1.75rem 0 0}.account-toggle-active-dialog::part(footer){padding: 0 var(--vaadin-padding-m) var(--vaadin-padding-m);padding-inline-end: var(--vaadin-padding-l)}.account-toggle-active-dialog__content{display: flex;flex-direction: column;gap: var(--vaadin-padding-m)}.account-toggle-active-dialog__handle{width: 4.75rem;height: 0.38rem;margin: 0 auto 0.35rem;border-radius: 999px;background: color-mix(in srgb,var(--aura-neutral) 18%,transparent)}.account-toggle-active-dialog__hero{display: flex;align-items: flex-start;gap: var(--vaadin-padding-s)}.account-toggle-active-dialog__hero-icon{width: 2.75rem;height: 2.75rem;min-width: 2.75rem;border-radius: var(--vaadin-radius-l);display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0}.account-toggle-active-dialog--deactivate .account-toggle-active-dialog__hero-icon{background: color-mix(in srgb,var(--aura-red) 12%,transparent);color: var(--aura-red-text)}.account-toggle-active-dialog--activate .account-toggle-active-dialog__hero-icon{background: color-mix(in srgb,var(--aura-green) 12%,transparent);color: var(--aura-green-text)}.account-toggle-active-dialog__hero-icon-glyph{width: 1.1rem;height: 1.1rem}.account-toggle-active-dialog__hero-copy{display: flex;flex-direction: column;gap: 0.2rem;min-width: 0}.account-toggle-active-dialog__title{margin: 0;color: var(--aura-accent-text-color);font-size: var(--aura-font-size-l);line-height: 1.2}.account-toggle-active-dialog__subtitle{font-size: var(--aura-font-size-s);line-height: 1.4;color: var(--vaadin-text-color-secondary)}.account-toggle-active-dialog__subtitle-strong{font-weight: var(--aura-font-weight-semibold);color: var(--aura-accent-text-color)}.account-toggle-active-dialog__member-card{display: flex;align-items: center;gap: var(--vaadin-padding-s);padding: var(--vaadin-padding-s);border-radius: var(--vaadin-radius-l);background: color-mix(in srgb,var(--aura-neutral) 6%,transparent);min-width: 0}.account-toggle-active-dialog__avatar.account-avatar{width: 2.75rem;height: 2.75rem;min-width: 2.75rem;font-size: var(--aura-font-size-s)}.account-toggle-active-dialog__member-copy{display: flex;flex: 1;min-width: 0;flex-direction: column;gap: 0.12rem}.account-toggle-active-dialog__member-name{font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold);color: var(--aura-accent-text-color)}.account-toggle-active-dialog__member-username{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.account-toggle-active-dialog__member-role{flex-shrink: 0}.account-toggle-active-dialog__effects{display: flex;flex-direction: column;gap: var(--vaadin-padding-s)}.account-toggle-active-dialog__effect{display: flex;align-items: flex-start;gap: var(--vaadin-padding-s)}.account-toggle-active-dialog__effect-icon{width: 2rem;height: 2rem;min-width: 2rem;border-radius: var(--vaadin-radius-m);display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0}.account-toggle-active-dialog__effect-icon--danger{background: color-mix(in srgb,var(--aura-red) 12%,transparent);color: var(--aura-red-text)}.account-toggle-active-dialog__effect-icon--success{background: color-mix(in srgb,var(--aura-green) 12%,transparent);color: var(--aura-green-text)}.account-toggle-active-dialog__effect-icon--accent{background: color-mix(in srgb,var(--aura-accent-color) 12%,transparent);color: var(--aura-accent-text-color)}.account-toggle-active-dialog__effect-icon-glyph{width: 1rem;height: 1rem}.account-toggle-active-dialog__effect-text{padding-top: 0.15rem;font-size: var(--aura-font-size-s);line-height: 1.4;color: var(--vaadin-text-color)}.account-toggle-active-dialog .account-sheet-actions{gap: var(--vaadin-padding-s)}.account-toggle-active-dialog .account-sheet-actions__cancel,.account-toggle-active-dialog__confirm--danger,.account-toggle-active-dialog__confirm--success{min-height: 2.45rem;font-size: var(--aura-font-size-xs)}.account-toggle-active-dialog__confirm--danger::part(button){background: var(--aura-red);color: white;border: none;font-weight: var(--aura-font-weight-semibold)}.account-toggle-active-dialog__confirm--danger:hover::part(button){background: color-mix(in srgb,var(--aura-red) 84%,black 16%)}.account-toggle-active-dialog__confirm--success::part(button){background: var(--aura-green);color: white;border: none;font-weight: var(--aura-font-weight-semibold)}.account-toggle-active-dialog__confirm--success:hover::part(button){background: color-mix(in srgb,var(--aura-green) 84%,black 16%)}@media (min-width: 641px){.account-toggle-active-dialog::part(content){max-width: min(92vw,36rem);margin: var(--vaadin-padding-m) auto;border-radius: 1.75rem}.account-toggle-active-dialog::part(overlay){align-items: center}.account-toggle-active-dialog__handle{display: none}}@media (max-width: 640px){.account-toggle-active-dialog::part(footer){padding: 0 var(--vaadin-padding-s) var(--vaadin-padding-s)}.account-toggle-active-dialog__member-role{align-self: flex-start}}.account-action-row{display: flex;align-items: center;gap: var(--vaadin-padding-m);width: 100%;padding: var(--vaadin-padding-s) 0;border: none;background: transparent;cursor: pointer;text-align: left;border-bottom: 1px solid color-mix(in srgb,var(--aura-neutral) 5%,transparent);color: inherit;font: inherit}.account-action-row:last-child{border-bottom: none}.account-action-row:hover{background: color-mix(in srgb,var(--aura-neutral) 5%,transparent);border-radius: var(--vaadin-radius-m)}.account-action-row__icon{color: var(--vaadin-text-color-secondary);flex-shrink: 0}.account-action-row__text{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 2px}.account-action-row__title{font-weight: 500;font-size: var(--aura-font-size-s)}.account-action-row__subtitle{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.account-action-row__chevron{color: var(--vaadin-text-color-secondary);flex-shrink: 0}.account-role-options{display: flex;flex-direction: column;gap: var(--vaadin-padding-s);width: 100%}.account-outlet-options{display: flex;flex-direction: column;gap: var(--vaadin-padding-s);width: 100%}vaadin-checkbox.account-choice-check{margin: 0;align-self: center}vaadin-checkbox.account-choice-check::part(label){display: none}vaadin-checkbox.account-choice-check::part(checkbox){width: 2.25rem;height: 2.25rem;border-radius: calc(var(--vaadin-radius-m) + 2px);border: 1px solid color-mix(in srgb,var(--aura-accent-color) 18%,var(--vaadin-border-color));background: var(--aura-surface-color);transition: background 0.15s ease,border-color 0.15s ease}vaadin-checkbox.account-choice-check[checked]::part(checkbox){border-color: var(--aura-accent-color);background: var(--aura-accent-color);color: var(--aura-accent-contrast-color)}.account-role-option{display: flex;align-items: center;gap: var(--vaadin-padding-m);width: 100%;min-width: 0;box-sizing: border-box;padding: var(--vaadin-padding-m);border: 1px solid var(--vaadin-border-color-secondary);border-radius: calc(var(--vaadin-radius-l) + 2px);background: var(--aura-surface-color);cursor: pointer;transition: border-color 0.15s ease,background 0.15s ease,box-shadow 0.15s ease}.account-outlet-option{display: flex;align-items: center;gap: var(--vaadin-padding-m);width: 100%;min-width: 0;min-height: 6.5rem;box-sizing: border-box;padding: var(--vaadin-padding-m);border: 1px solid var(--vaadin-border-color-secondary);border-radius: calc(var(--vaadin-radius-l) + 2px);background: var(--aura-surface-color);cursor: pointer;transition: border-color 0.15s ease,background 0.15s ease,box-shadow 0.15s ease}.account-role-option:hover,.account-outlet-option:hover{border-color: color-mix(in srgb,var(--aura-accent-color) 50%,transparent)}.account-role-option--selected{border-color: var(--aura-accent-color);background: color-mix(in srgb,var(--aura-accent-color) 10%,transparent);box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--aura-accent-color) 35%,transparent)}.account-outlet-option--selected{border-color: var(--aura-accent-color);background: color-mix(in srgb,var(--aura-accent-color) 10%,transparent);box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--aura-accent-color) 35%,transparent)}.account-role-option__content{flex: 1;min-width: 0;display: flex;align-items: center;gap: var(--vaadin-padding-m)}.account-role-option__header{display: flex;align-items: center;gap: var(--vaadin-padding-xs);width: 100%;min-width: 0}.account-role-option__copy{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 0.25rem}.account-role-option__icon,.account-outlet-option__icon,.account-invite-hero__icon,.account-invite-info__icon,.account-reset-sheet__hero-icon{width: 3rem;height: 3rem;min-width: 3rem;border-radius: 1rem;display: inline-flex;align-items: center;justify-content: center;background: color-mix(in srgb,var(--aura-accent-color) 10%,transparent);color: var(--aura-accent-text-color);flex-shrink: 0}.account-role-option__icon--owner{background: color-mix(in srgb,var(--aura-accent-color) 12%,transparent)}.account-role-option__icon--admin{background: color-mix(in srgb,var(--aura-orange) 14%,transparent);color: var(--aura-orange-text)}.account-role-option__icon--staff{background: color-mix(in srgb,var(--aura-purple) 12%,transparent);color: var(--aura-purple-text)}.account-role-option__icon--custom{background: color-mix(in srgb,var(--aura-neutral) 10%,transparent);color: var(--vaadin-text-color-secondary)}.account-role-option__icon-glyph,.account-outlet-option__icon-glyph,.account-invite-hero__icon-glyph,.account-invite-info__icon-glyph,.account-reset-sheet__hero-icon-glyph{width: 1.2rem;height: 1.2rem}.account-role-option__name{font-weight: 600;font-size: var(--aura-font-size-m)}.account-role-option__current{font-size: var(--aura-font-size-xs);font-weight: 600;padding: 1px 6px;border-radius: var(--vaadin-radius-s);background: var(--vaadin-border-color-secondary);color: var(--vaadin-text-color-secondary)}.account-role-option__description{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);line-height: 1.4}.account-outlet-option__content{flex: 1;min-width: 0;display: flex;align-items: center;gap: var(--vaadin-padding-s)}.account-outlet-option__title{flex: 1;min-width: 0;display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-padding-s)}.account-outlet-option__name{font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color)}.account-outlet-option__icon{width: 1.65rem;height: 1.65rem;min-width: 1.65rem;border-radius: 0;background: transparent;color: var(--vaadin-text-color-secondary)}.account-outlet-option--selected .account-outlet-option__icon{color: var(--aura-accent-color)}.account-outlet-option__icon-glyph{width: 1.45rem;height: 1.45rem}.account-outlet-option__badge{display: none;padding: 0.35rem 0.8rem;border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--aura-accent-color) 12%,white 88%);color: var(--aura-accent-text-color);font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold);white-space: nowrap}.account-sheet-actions{display: flex;justify-content: flex-end;gap: var(--vaadin-padding-s);width: 100%;flex-shrink: 0;padding-top: 0}.account-reset-sheet{display: flex;flex-direction: column;gap: var(--vaadin-padding-m);width: 100%;padding: var(--vaadin-padding-m);padding-inline-end: var(--vaadin-padding-l)}.account-reset-sheet__confirmation{display: flex;flex-direction: column;gap: var(--vaadin-padding-m)}.account-reset-sheet__hero{display: flex;align-items: flex-start;gap: var(--vaadin-padding-m)}.account-reset-sheet__hero-icon{width: 3rem;height: 3rem;min-width: 3rem;border-radius: var(--vaadin-radius-l)}.account-reset-sheet__hero-icon-glyph{width: 1.1rem;height: 1.1rem}.account-reset-sheet__hero-copy{display: flex;flex-direction: column;gap: 0.35rem;min-width: 0}.account-reset-sheet__title{font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-semibold);line-height: 1.2;color: var(--aura-accent-text-color)}.account-reset-sheet__subtitle{font-size: var(--aura-font-size-s);line-height: 1.4;color: var(--vaadin-text-color-secondary)}.account-reset-sheet__member-card{display: flex;align-items: center;gap: var(--vaadin-padding-m);width: 100%;padding: var(--vaadin-padding-m);padding-inline-end: var(--vaadin-padding-l);border-radius: var(--vaadin-radius-l);background: color-mix(in srgb,var(--aura-neutral) 5%,var(--aura-surface-color));border: 1px solid color-mix(in srgb,var(--aura-neutral) 10%,transparent)}.account-reset-sheet__avatar{width: 3.5rem;height: 3.5rem;min-width: 3.5rem}.account-reset-sheet__avatar>span{font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold)}.account-reset-sheet__member-identity{display: flex;flex: 1;min-width: 0;flex-direction: column;gap: 0.2rem}.account-reset-sheet__member-name{font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color)}.account-reset-sheet__member-handle{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.account-reset-sheet__role-badge{margin-inline-start: auto;flex-shrink: 0}.account-reset-sheet__warning{display: flex;align-items: flex-start;gap: var(--vaadin-padding-m);width: 100%;padding: var(--vaadin-padding-m);padding-inline-end: var(--vaadin-padding-l);border-radius: var(--vaadin-radius-l);background: color-mix(in srgb,var(--aura-orange) 10%,var(--aura-background-color));color: var(--vaadin-text-color)}.account-reset-sheet__warning-icon{color: var(--aura-orange-text);flex-shrink: 0;margin-top: 0.15rem}.account-reset-sheet__warning-copy{font-size: var(--aura-font-size-s);line-height: 1.4}.account-reset-sheet__warning-strong{font-weight: var(--aura-font-weight-semibold);color: var(--aura-orange-text)}.account-reset-sheet__warning-text{color: var(--vaadin-text-color)}.account-reset-sheet__steps-section{display: flex;flex-direction: column;gap: var(--vaadin-padding-xs)}.account-reset-sheet__steps-title{font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold);letter-spacing: 0.08em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.account-reset-sheet__steps{display: flex;flex-direction: column;gap: var(--vaadin-padding-s)}.account-reset-sheet__step{display: flex;align-items: flex-start;gap: var(--vaadin-padding-m);padding-inline-end: var(--vaadin-padding-m)}.account-reset-sheet__step-marker{width: 1.75rem;height: 1.75rem;min-width: 1.75rem;border-radius: 999px;display: inline-flex;align-items: center;justify-content: center;background: color-mix(in srgb,var(--aura-accent-color) 12%,transparent);color: var(--aura-accent-text-color);font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold)}.account-reset-sheet__step-text{padding-top: 0.1rem;font-size: var(--aura-font-size-s);line-height: 1.4;color: var(--vaadin-text-color-secondary)}.account-reset-sheet__temp-password{display: flex;flex-direction: column;gap: var(--vaadin-padding-s);width: 100%}.account-sheet-dialog--reset-password::part(header){display: none}.account-sheet-dialog--reset-password::part(overlay){width: min(90vw,620px);max-width: min(90vw,620px)}.account-sheet-dialog--reset-password::part(content){width: 100%;max-width: none;padding: 0}.account-sheet-dialog--reset-password::part(footer){padding: 0 var(--vaadin-padding-m) var(--vaadin-padding-m);padding-inline-end: var(--vaadin-padding-l)}.account-sheet-dialog--reset-password .account-form-sheet__scroller{max-height: min(88vh,760px);scrollbar-gutter: auto}.account-sheet-dialog--reset-password .account-sheet-actions{gap: var(--vaadin-padding-s)}.account-sheet-dialog--reset-password .account-sheet-actions__cancel,.account-sheet-dialog--reset-password .account-sheet-actions__primary{min-height: 2.45rem;font-size: var(--aura-font-size-xs)}.account-sheet-dialog--invite::part(header){display: none}.account-sheet-dialog--invite::part(overlay){width: min(95vw,500px);max-width: min(95vw,500px)}.account-sheet-dialog--invite::part(content){width: 100%;max-width: none;padding: var(--vaadin-padding-xs);padding-inline-end: var(--vaadin-padding-m)}.account-sheet-dialog--invite::part(footer){padding: var(--vaadin-padding-xs) var(--vaadin-padding-s) var(--vaadin-padding-s);padding-inline-end: var(--vaadin-padding-m);border-top: 1px solid color-mix(in srgb,var(--aura-neutral) 8%,transparent)}.account-sheet-dialog--invite .account-form-sheet__scroller{max-height: min(74vh,880px);scrollbar-gutter: auto}.account-sheet-dialog--invite .account-form-sheet__scroller::part(content){padding-right: 8px}.account-sheet-dialog--invite .account-form-sheet__content{padding-right: 6px}.account-sheet-dialog--assign-roles::part(overlay),.account-sheet-dialog--assign-outlets::part(overlay){width: min(95vw,540px);max-width: min(95vw,540px)}.account-sheet-dialog--assign-roles::part(content),.account-sheet-dialog--assign-outlets::part(content){width: 100%;max-width: none;padding: var(--vaadin-padding-xs);padding-inline-end: var(--vaadin-padding-m)}.account-sheet-dialog--assign-roles::part(footer),.account-sheet-dialog--assign-outlets::part(footer){padding: var(--vaadin-padding-xs) var(--vaadin-padding-s) var(--vaadin-padding-s);padding-inline-end: var(--vaadin-padding-m);border-top: 1px solid color-mix(in srgb,var(--aura-neutral) 8%,transparent)}.account-sheet-dialog--assign-roles .account-form-sheet__scroller,.account-sheet-dialog--assign-outlets .account-form-sheet__scroller{scrollbar-gutter: auto}.account-sheet-dialog--assign-roles .account-form-sheet__scroller::part(content),.account-sheet-dialog--assign-outlets .account-form-sheet__scroller::part(content){padding-right: 8px}.account-sheet-dialog--assign-roles .account-form-sheet__content,.account-sheet-dialog--assign-outlets .account-form-sheet__content{padding-right: 6px}.account-sheet-dialog--assign-roles .account-form-sheet__body,.account-sheet-dialog--assign-outlets .account-form-sheet__body{gap: 0.75rem}.account-sheet-dialog--assign-roles .account-sheet-actions,.account-sheet-dialog--assign-outlets .account-sheet-actions{gap: var(--vaadin-padding-s)}.account-sheet-dialog--assign-roles .account-sheet-actions__cancel,.account-sheet-dialog--assign-roles .account-sheet-actions__primary,.account-sheet-dialog--assign-outlets .account-sheet-actions__cancel,.account-sheet-dialog--assign-outlets .account-sheet-actions__primary{min-height: 2.7rem;font-size: var(--aura-font-size-s)}@media (max-width: 640px){.account-reset-sheet{gap: var(--vaadin-padding-s);padding: var(--vaadin-padding-s)}.account-reset-sheet__confirmation{gap: var(--vaadin-padding-s)}.account-reset-sheet__member-card{flex-wrap: wrap;padding: var(--vaadin-padding-s)}.account-reset-sheet__role-badge{margin-inline-start: 0}.account-sheet-dialog--reset-password::part(footer){padding: 0 var(--vaadin-padding-s) var(--vaadin-padding-s)}}.account-sheet-dialog--assign-roles vaadin-checkbox.account-choice-check::part(checkbox),.account-sheet-dialog--assign-outlets vaadin-checkbox.account-choice-check::part(checkbox){width: 1.75rem;height: 1.75rem}.account-sheet-dialog--assign-roles .account-role-option,.account-sheet-dialog--assign-roles .account-outlet-option,.account-sheet-dialog--assign-outlets .account-role-option,.account-sheet-dialog--assign-outlets .account-outlet-option{min-height: 4.5rem;padding: 0.6rem 0.8rem;gap: 0.7rem}.account-sheet-dialog--assign-roles .account-role-option__content,.account-sheet-dialog--assign-roles .account-outlet-option__content,.account-sheet-dialog--assign-outlets .account-role-option__content,.account-sheet-dialog--assign-outlets .account-outlet-option__content{gap: 0.7rem}.account-sheet-dialog--assign-roles .account-role-option__icon,.account-sheet-dialog--assign-outlets .account-role-option__icon{width: 2.2rem;height: 2.2rem;min-width: 2.2rem;border-radius: 0.75rem}.account-sheet-dialog--assign-roles .account-role-option__icon-glyph,.account-sheet-dialog--assign-outlets .account-role-option__icon-glyph{width: 0.92rem;height: 0.92rem}.account-sheet-dialog--assign-roles .account-role-option__name,.account-sheet-dialog--assign-roles .account-outlet-option__name,.account-sheet-dialog--assign-roles .account-role-option__description,.account-sheet-dialog--assign-outlets .account-role-option__name,.account-sheet-dialog--assign-outlets .account-outlet-option__name,.account-sheet-dialog--assign-outlets .account-role-option__description{font-size: var(--aura-font-size-xs)}.account-sheet-dialog--assign-roles vaadin-select,.account-sheet-dialog--assign-outlets vaadin-select{--vaadin-input-field-height: 2.35rem;--vaadin-input-field-value-font-size: var(--aura-font-size-s);--vaadin-input-field-label-font-size: var(--aura-font-size-xs)}.account-sheet-dialog--invite .account-sheet-actions{gap: var(--vaadin-padding-s)}.account-sheet-dialog--invite .account-sheet-actions>*{flex: 1 1 0}.account-sheet-dialog--invite .account-sheet-actions__cancel,.account-sheet-dialog--invite .account-sheet-actions__primary{min-height: 2.7rem;font-size: var(--aura-font-size-s)}.account-sheet-dialog--invite vaadin-checkbox.account-choice-check::part(checkbox){width: 1.75rem;height: 1.75rem}.account-sheet-dialog--invite .account-role-option,.account-sheet-dialog--invite .account-outlet-option{min-height: 4.5rem;padding: 0.6rem 0.8rem;gap: 0.7rem}.account-sheet-dialog--invite .account-role-option__content,.account-sheet-dialog--invite .account-outlet-option__content{gap: 0.7rem}.account-sheet-dialog--invite .account-role-option__icon{width: 2.2rem;height: 2.2rem;min-width: 2.2rem;border-radius: 0.75rem}.account-sheet-dialog--invite .account-role-option__icon-glyph{width: 0.92rem;height: 0.92rem}.account-sheet-dialog--invite .account-role-option__name,.account-sheet-dialog--invite .account-outlet-option__name{font-size: var(--aura-font-size-xs)}.account-sheet-dialog--invite .account-role-option__description{font-size: var(--aura-font-size-xs)}.account-sheet-dialog--invite vaadin-text-field,.account-sheet-dialog--invite vaadin-email-field,.account-sheet-dialog--invite vaadin-select{--vaadin-input-field-height: 2.35rem;--vaadin-input-field-value-font-size: var(--aura-font-size-s);--vaadin-input-field-label-font-size: var(--aura-font-size-xs)}.account-invite-sheet{display: flex;flex-direction: column;gap: 0.75rem;width: 100%;padding: 0 1px var(--vaadin-padding-xs)}.account-invite-sheet__handle{width: 3.25rem;height: 0.26rem;margin: 0 auto;border-radius: 999px;background: color-mix(in srgb,var(--aura-neutral) 18%,transparent)}.account-invite-hero{display: flex;align-items: flex-start;gap: 0.75rem}.account-invite-hero__icon{width: 3.25rem;height: 3.25rem;min-width: 3.25rem;border-radius: 0.9rem;background: color-mix(in srgb,var(--aura-accent-color) 10%,transparent)}.account-invite-hero__icon-glyph{width: 1.05rem;height: 1.05rem}.account-invite-hero__copy{display: flex;flex: 1;min-width: 0;flex-direction: column;gap: 0.3rem}.account-invite-hero__title{font-size: clamp(1.32rem,2vw,1.55rem);font-weight: var(--aura-font-weight-semibold);line-height: 1.1;color: var(--vaadin-text-color)}.account-invite-hero__subtitle{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);line-height: 1.35}.account-invite-preview{display: flex;align-items: center;gap: 0.7rem;padding: 0.8rem;border: 1px solid color-mix(in srgb,var(--aura-neutral) 8%,transparent);border-radius: calc(var(--vaadin-radius-l) + 2px);background: color-mix(in srgb,var(--aura-neutral) 4%,transparent)}.account-invite-preview__avatar{width: 3.2rem;height: 3.2rem;min-width: 3.2rem;border-radius: 0.9rem;background: color-mix(in srgb,var(--aura-accent-color) 14%,transparent);color: var(--aura-accent-text-color);display: flex;align-items: center;justify-content: center;font-size: var(--aura-font-size-s)}.account-invite-preview__identity{display: flex;min-width: 0;flex-direction: column;gap: 0.2rem}.account-invite-preview__name{font-size: clamp(1.18rem,1.7vw,1.35rem);font-weight: var(--aura-font-weight-semibold);line-height: 1.12;color: var(--vaadin-text-color)}.account-invite-preview__handle{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.account-invite-inline-hint{display: block;margin-top: calc(var(--vaadin-padding-s) * -0.3);font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);line-height: 1.3}.account-invite-section{display: flex;flex-direction: column;gap: var(--vaadin-padding-xs)}.account-invite-section__header{display: flex;align-items: baseline;justify-content: space-between;gap: var(--vaadin-padding-s)}.account-invite-section__label{display: inline-flex;align-items: baseline;gap: 0.15rem}.account-invite-section__title{font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color)}.account-invite-section__required{color: var(--aura-red);font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold)}.account-invite-section__hint{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);text-align: end}.account-invite-field-group{display: flex;flex-direction: column;gap: var(--vaadin-padding-xs)}.account-invite-field-label{margin-top: calc(var(--vaadin-padding-xs) * 0.4)}.account-invite-field__prefix{color: var(--vaadin-text-color-secondary)}.account-invite-info{display: flex;align-items: flex-start;gap: 0.65rem;padding: 0.8rem;border-radius: calc(var(--vaadin-radius-l) + 2px);background: color-mix(in srgb,var(--aura-accent-color) 8%,transparent)}.account-invite-info__icon{width: 2rem;height: 2rem;min-width: 2rem;border-radius: 0.7rem}.account-invite-info__text{font-size: var(--aura-font-size-s);line-height: 1.35;color: color-mix(in srgb,var(--vaadin-text-color) 90%,var(--aura-accent-color))}[class*="role-card"] *,[class*="role-card"] *::before,[class*="role-card"] *::after{box-sizing: border-box}.role-list-view{position: relative;width: 100%;min-height: 0}.role-card-list{box-sizing: border-box;display: grid !important;gap: var(--vaadin-padding-m);grid-template-columns: 1fr;align-content: start;min-width: 0;width: 100%;max-width: 100%;padding: var(--vaadin-padding-xs) 1rem var(--vaadin-padding-xs) var(--vaadin-padding-xs)}.role-card{box-sizing: border-box;display: flex;align-items: center;gap: var(--vaadin-padding-m);min-width: 0;width: 100%;padding: var(--vaadin-padding-m);background: var(--aura-surface-color);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);box-shadow: rgba(25,59,103,0.05) 0px 1px 3px 0px;cursor: pointer;transition: box-shadow 0.2s ease,transform 0.2s ease}.role-card:hover{box-shadow: var(--aura-shadow-m);transform: translateY(-1px)}.role-card__icon{width: 44px;height: 44px;min-width: 44px;border-radius: var(--vaadin-radius-m);display: flex;align-items: center;justify-content: center;flex-shrink: 0}.role-card__icon--system{background: var(--vaadin-border-color-secondary);color: var(--vaadin-text-color-secondary)}.role-card__icon--custom{background: color-mix(in srgb,var(--aura-accent-color) 10%,transparent));color: var(--aura-accent-text-color)}.role-card__body{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 2px}.role-card__title-row{min-width: 0}.role-card__name{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.role-card__badge{flex-shrink: 0}.role-card__badge--system{font-size: var(--aura-font-size-xs);font-weight: 600;letter-spacing: 0.04em;color: var(--vaadin-text-color-secondary)}.role-card__badge--system .role-card__badge-icon{color: var(--vaadin-text-color-secondary)}.role-card__badge--custom{font-size: var(--aura-font-size-xs);font-weight: 600;padding: 2px var(--vaadin-padding-xs);border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--aura-accent-color) 10%,transparent));color: var(--aura-accent-text-color)}.role-card__badge--custom .role-card__badge{padding: 0}.role-card__description{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);line-height: 1.4;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.role-card__members{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.role-card__chevron{flex-shrink: 0}[class*="role-form-dialog"] *,[class*="role-form-dialog"] *::before,[class*="role-form-dialog"] *::after,[class*="role-permission"] *,[class*="role-permission"] *::before,[class*="role-permission"] *::after{box-sizing: border-box}.role-form-dialog::part(content){padding: var(--vaadin-padding-m)}.role-form-dialog__footer{display: flex;align-items: center;gap: var(--vaadin-padding-s);width: 100%;padding-top: var(--vaadin-padding-s)}.role-form-dialog__footer-actions{display: flex;align-items: center;gap: var(--vaadin-padding-s);margin-left: auto;flex-shrink: 0}.role-form-basic{width: 100%;margin-bottom: var(--vaadin-padding-m)}.role-form-permissions{width: 100%;padding: var(--vaadin-padding-m);border-radius: var(--vaadin-radius-l);background: color-mix(in srgb,var(--aura-neutral) 5%,transparent));margin-bottom: var(--vaadin-padding-m)}.role-form-permissions__header{display: flex;align-items: center;justify-content: space-between;width: 100%;margin-bottom: var(--vaadin-padding-s)}.role-form-permissions__title{font-size: var(--aura-font-size-xs);font-weight: 600;letter-spacing: 0.06em;color: var(--vaadin-text-color-secondary)}.role-form-permissions__scroller{max-height: 420px}.role-permission-card{width: 100%;padding: var(--vaadin-padding-m);background: var(--aura-surface-color);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);box-shadow: rgba(25,59,103,0.04) 0 1px 2px 0}.role-permission-card + .role-permission-card{margin-top: var(--vaadin-padding-s)}.role-permission-card__header{display: flex;align-items: center;justify-content: space-between;width: 100%;gap: var(--vaadin-padding-s);margin-bottom: var(--vaadin-padding-s)}.role-permission-card__title-group{display: flex;align-items: baseline;flex-wrap: wrap;gap: var(--vaadin-padding-xs);min-width: 0}.role-permission-card__title{color: var(--vaadin-text-color)}.role-permission-card__summary{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);white-space: nowrap}.role-permission-card__all{flex-shrink: 0}.role-permission-card__chips{display: flex;flex-wrap: wrap;gap: var(--vaadin-padding-xs)}.role-permission-card--collapsed .role-permission-card__chips{display: none}.role-permission-card--collapsed .role-permission-card__header{margin-bottom: 0}.role-permission-chip{display: inline-flex;align-items: center;gap: 4px;padding: 6px 14px;border-radius: 20px;font-size: var(--aura-font-size-s);font-weight: 500;white-space: nowrap;cursor: pointer;user-select: none;border: 1px solid color-mix(in srgb,var(--aura-neutral) 20%,transparent));color: var(--vaadin-text-color-secondary);background: var(--aura-surface-color);transition: background 0.15s ease,border-color 0.15s ease,color 0.15s ease}.role-permission-chip:hover{border-color: color-mix(in srgb,var(--aura-accent-color) 50%,transparent));color: var(--aura-accent-text-color)}.role-permission-chip--on{background: var(--aura-accent-color);color: var(--aura-accent-contrast-color);border-color: var(--aura-accent-color)}.role-permission-chip--on:hover{background: var(--aura-accent-color);color: var(--aura-accent-contrast-color);border-color: var(--aura-accent-color)}.role-permission-chip__icon{flex-shrink: 0;color: inherit}.role-permission-chip__label{line-height: 1}.inventory-page{width: 100%;box-sizing: border-box;min-height: 100%}.cogs-report{width: 100%;max-width: none;margin: 0;box-sizing: border-box}.cogs-report__filter-card{display: flex;width: 100%;max-width: 100%;box-sizing: border-box;align-items: flex-end;justify-content: space-between;gap: var(--vaadin-padding-m);border: 1px solid color-mix(in srgb,var(--aura-neutral) 10%,transparent);padding: var(--vaadin-padding-m)}.cogs-report__filters{display: grid;grid-template-columns: minmax(180px,320px) repeat(2,minmax(180px,300px)) auto;gap: var(--vaadin-padding-s);align-items: end}.cogs-report__period-select,.cogs-report__date-field{min-width: 0}.cogs-report__apply-button{min-height: calc(var(--aura-base-size) * 1px * 2);padding-inline: var(--vaadin-padding-s);font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold);border-radius: var(--vaadin-radius-m)}.cogs-report__range-summary{display: inline-flex;align-items: baseline;gap: 0.2rem;white-space: nowrap;padding-bottom: calc(var(--vaadin-padding-xs) * 0.65)}.cogs-report__range-prefix{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.cogs-report__range-value{color: var(--vaadin-text-color);font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold)}.cogs-report__metrics-grid{display: grid;width: 100%;grid-template-columns: repeat(6,minmax(0,1fr));gap: var(--vaadin-padding-s)}.cogs-report__metric-card{min-width: 0;display: flex;flex-direction: column;gap: var(--vaadin-padding-xs);border: 1px solid color-mix(in srgb,var(--aura-neutral) 10%,transparent);padding: var(--vaadin-padding-m)}.cogs-report__metric-top{display: flex;align-items: flex-start;justify-content: space-between;gap: var(--vaadin-padding-s)}.cogs-report__metric-label{margin: 0;font-size: var(--aura-font-size-m);line-height: 1.2;font-weight: var(--aura-font-weight-medium);color: color-mix(in srgb,var(--vaadin-text-color) 85%,var(--vaadin-text-color-secondary))}.cogs-report__metric-icon{width: 38px;height: 38px;flex-shrink: 0;border-radius: var(--vaadin-radius-m);display: inline-flex;align-items: center;justify-content: center}.cogs-report__metric-icon vaadin-icon{width: 20px;height: 20px}.cogs-report__metric-icon--primary{background: color-mix(in srgb,var(--aura-accent-color) 14%,transparent);color: var(--aura-accent-text-color)}.cogs-report__metric-icon--accent{background: color-mix(in srgb,var(--aura-blue) 13%,transparent);color: var(--aura-blue-text)}.cogs-report__metric-icon--danger{background: color-mix(in srgb,var(--aura-red) 13%,transparent);color: var(--aura-red-text)}.cogs-report__metric-icon--warning{background: color-mix(in srgb,var(--aura-yellow) 16%,transparent);color: var(--aura-orange-text)}.cogs-report__metric-icon--muted{background: color-mix(in srgb,var(--aura-neutral) 12%,transparent);color: var(--vaadin-text-color-secondary)}.cogs-report__metric-value{font-size: clamp(1.45rem,1.15rem + 0.5vw,1.9rem);line-height: 1;letter-spacing: -0.01em;font-weight: 700;color: color-mix(in srgb,var(--vaadin-text-color) 85%,var(--aura-accent-color))}.cogs-report__metric-caption{font-size: var(--aura-font-size-s);color: color-mix(in srgb,var(--vaadin-text-color-secondary) 92%,transparent)}.cogs-report__metric-value.is-positive,.cogs-report__metric-caption.is-positive{color: var(--aura-green)}.cogs-report__metric-value.is-negative,.cogs-report__metric-caption.is-negative{color: var(--aura-red-text)}.cogs-report__metric-value.is-muted,.cogs-report__metric-caption.is-muted{color: var(--vaadin-text-color-secondary)}.cogs-report__split-grid{display: grid;width: 100%;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--vaadin-padding-s)}.cogs-report__panel,.cogs-report__category-card{min-width: 0;display: flex;flex-direction: column;gap: var(--vaadin-padding-xs);border: 1px solid color-mix(in srgb,var(--aura-neutral) 10%,transparent);padding: var(--vaadin-padding-m)}.cogs-report__section-title{margin: 0;font-size: var(--aura-font-size-l);line-height: 1.2;letter-spacing: -0.01em;font-weight: var(--aura-font-weight-semibold);color: color-mix(in srgb,var(--vaadin-text-color) 85%,var(--aura-accent-color))}.cogs-report__section-subtitle{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.cogs-report__statement{display: flex;flex-direction: column}.cogs-report__statement-row{padding: calc(var(--vaadin-padding-xs) * 1.2) 0}.cogs-report__statement-label{font-size: var(--aura-font-size-m);color: color-mix(in srgb,var(--vaadin-text-color-secondary) 85%,var(--aura-accent-color))}.cogs-report__statement-value{font-size: clamp(1.25rem,1.05rem + 0.4vw,1.55rem);line-height: 1.15;font-weight: var(--aura-font-weight-semibold);color: color-mix(in srgb,var(--vaadin-text-color) 85%,var(--aura-accent-color))}.cogs-report__statement-label.is-strong,.cogs-report__statement-value.is-strong{font-weight: 700;color: color-mix(in srgb,var(--vaadin-text-color) 85%,var(--aura-accent-color))}.cogs-report__statement-value.is-danger{color: var(--aura-red-text)}.cogs-report__statement-divider{height: 1px;margin: var(--vaadin-padding-xs) 0;background: color-mix(in srgb,var(--aura-neutral) 18%,transparent)}.cogs-report__chart{width: 100%;min-height: 320px}.cogs-report__category-card{width: 100%;overflow: hidden}.cogs-report__category-grid::part(header-cell){background: color-mix(in srgb,var(--aura-neutral) 7%,transparent);color: color-mix(in srgb,var(--vaadin-text-color) 55%,var(--vaadin-text-color-secondary));font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold);letter-spacing: 0.05em;text-transform: uppercase;border-top: 1px solid color-mix(in srgb,var(--aura-neutral) 12%,transparent);border-bottom: 1px solid color-mix(in srgb,var(--aura-neutral) 12%,transparent)}.cogs-report__category-grid::part(body-cell){font-size: var(--aura-font-size-m);color: color-mix(in srgb,var(--vaadin-text-color) 85%,var(--aura-accent-color));padding-block: var(--vaadin-padding-s);border-bottom: 1px solid color-mix(in srgb,var(--aura-neutral) 10%,transparent)}.cogs-report__category-grid::part(last-row-cell){font-weight: 700}@media (max-width: 1500px){.cogs-report__metrics-grid{grid-template-columns: repeat(3,minmax(0,1fr))}}@media (max-width: 1200px){.cogs-report__filter-card{width: 100%;align-items: flex-start;flex-direction: column}.cogs-report__range-summary{padding-bottom: 0}.cogs-report__filters{width: 100%;grid-template-columns: repeat(2,minmax(0,1fr))}.cogs-report__split-grid{grid-template-columns: minmax(0,1fr)}}@media (max-width: 900px){.cogs-report__metrics-grid,.cogs-report__filters{grid-template-columns: minmax(0,1fr)}.cogs-report__metric-value{font-size: clamp(1.3rem,1.1rem + 0.6vw,1.6rem)}.cogs-report__section-title{font-size: var(--aura-font-size-m)}.cogs-report__statement-label{font-size: var(--aura-font-size-s)}.cogs-report__statement-value{font-size: clamp(1.1rem,1rem + 0.35vw,1.3rem)}}.inventory-header{width: 100%;margin: 0 0 var(--vaadin-padding-l);display: flex;flex-direction: column;align-items: flex-start;gap: var(--vaadin-padding-xs)}.inventory-title{margin: 0;font-size: var(--vaadin-font-size-xxxl)}.inventory-subtitle{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.inventory-sub-nav{display: flex;flex-wrap: wrap;gap: var(--vaadin-padding-s);margin-top: var(--vaadin-padding-s)}.inventory-nav-tabs{width: 100%;max-width: 100%;min-width: 0;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;scrollbar-width: none}.inventory-nav-tabs::-webkit-scrollbar{display: none}.inventory-nav-tabs__link{color: inherit;text-decoration: none}.inventory-controls{display: flex;flex-direction: column;gap: var(--vaadin-padding-m);width: 100%;max-width: 100%;min-width: 0;box-sizing: border-box}.inventory-filter-bar{display: none;width: 100%;max-width: 100%;min-width: 0;box-sizing: border-box}@media (min-width: 640px){.inventory-filter-bar{display: block;--vaadin-form-layout-column-spacing: var(--vaadin-padding-s)}}.inventory-alert-banner{display: flex;align-items: center;gap: var(--vaadin-padding-s);width: 100%;max-width: 100%;min-width: 0;box-sizing: border-box;padding: var(--vaadin-padding-m);border-radius: var(--vaadin-radius-l);background: color-mix(in srgb,var(--aura-orange) 12%,transparent);border: 1px solid color-mix(in srgb,var(--aura-orange) 25%,transparent);cursor: pointer;transition: background 0.15s ease,box-shadow 0.15s ease}.inventory-alert-banner:hover{background: color-mix(in srgb,var(--aura-orange) 18%,transparent);box-shadow: var(--aura-shadow-xs)}.inventory-alert-banner__icon{flex-shrink: 0;color: var(--aura-orange-text);width: 18px;height: 18px}.inventory-alert-banner__text{flex: 1;min-width: 0;font-size: var(--aura-font-size-s);font-weight: 600;color: var(--aura-orange-text)}.inventory-alert-banner__chevron{flex-shrink: 0;color: var(--aura-orange-text);width: 16px;height: 16px}.inventory-item-card__icon{flex-shrink: 0;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--aura-neutral) 8%,transparent);color: var(--vaadin-text-color-secondary)}.inventory-item-card__icon vaadin-icon{width: 20px;height: 20px}.inventory-item-card__status{flex-shrink: 0}.inventory-item-card__divider{margin: 0;border: none;border-top: 1px solid var(--vaadin-border-color-secondary)}.inventory-item-card__metric-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--vaadin-padding-xs)}.inventory-item-card__metric{min-width: 0;display: flex;flex-direction: column;gap: 2px}.inventory-item-card__metric-label{white-space: nowrap}.inventory-item-card__metric-value{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.inventory-item-card__metric-value--full{overflow: visible;text-overflow: clip}.inventory-item-card__metric-value--muted{color: var(--vaadin-text-color-secondary)}.inventory-item-card__metric-value--success{color: var(--aura-green)}.inventory-item-card__metric-value--warning{color: var(--aura-orange-text)}.inventory-item-card__metric-value--danger{color: var(--aura-red-text)}.inventory-item-card__footer{flex-wrap: wrap;gap: var(--vaadin-padding-xs) var(--vaadin-padding-s)}.inventory-item-card__meta{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.inventory-item-card__metric--right{align-items: flex-end;text-align: right}.inventory-item-card__qty{flex-shrink: 0;white-space: nowrap;width: calc(100% / 3);text-align: right}.inventory-item-card__qty--alert{color: var(--aura-orange-text)}.inventory-low-stock-badge{display: inline-flex;align-items: center;gap: 6px;flex-shrink: 0;padding: 4px 10px;border-radius: 999px;background: color-mix(in srgb,var(--aura-orange) 14%,transparent);border: 1px solid color-mix(in srgb,var(--aura-orange) 22%,transparent)}.inventory-low-stock-badge__dot{width: 6px;height: 6px;border-radius: 50%;background: var(--aura-orange-text);flex-shrink: 0}.inventory-low-stock-badge__label{font-size: var(--aura-font-size-xxs);font-weight: 600;color: var(--aura-orange-text);line-height: 1;white-space: nowrap}.inventory-master-list{box-sizing: border-box;display: flex;flex-direction: column;width: 100%;max-width: 100%;border: 1px solid var(--vaadin-border-color-secondary);box-shadow: var(--aura-shadow-xs);overflow: hidden}.inventory-master-row{cursor: pointer;padding: var(--vaadin-padding-m);transition: background 0.15s ease}.inventory-master-row:hover{background: color-mix(in srgb,var(--aura-neutral) 4%,transparent)}.inventory-master-row + .inventory-master-row{border-top: 1px solid var(--vaadin-border-color-secondary)}.inventory-master-avatar{flex-shrink: 0;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;min-width: 40px;border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--aura-accent-color) 12%,transparent);color: var(--aura-accent-text-color);font-weight: 600;letter-spacing: 0.5px}.inventory-master-text{flex: 1;min-width: 0}.inventory-master-count{flex-shrink: 0;white-space: nowrap}.inventory-master-chevron{flex-shrink: 0;width: 16px;height: 16px}.inventory-master-card-info{display: grid;grid-template-columns: 1fr auto;gap: 2px var(--vaadin-padding-m);min-width: 0;flex: 1}.inventory-master-card-stat{text-align: right;white-space: nowrap;align-self: baseline}.brand-card{cursor: pointer;transition: box-shadow 0.2s ease,transform 0.2s ease;border: 1px solid var(--vaadin-border-color-secondary);border-left: 4px solid var(--aura-accent-color);display: flex;flex-direction: column;gap: var(--vaadin-padding-s);box-shadow: rgba(25,59,103,0.05) 0px 1px 3px 0px}.brand-card:hover{box-shadow: var(--aura-shadow-m);transform: translateY(-1px)}.inventory-card-list{box-sizing: border-box;display: grid !important;gap: var(--vaadin-padding-m);grid-template-columns: 1fr;align-content: start;width: 100%;max-width: 100%;padding: var(--vaadin-padding-xs) 1rem var(--vaadin-padding-xs) var(--vaadin-padding-xs)}.inventory-card{cursor: pointer;transition: box-shadow 0.2s ease,transform 0.2s ease;border: 1px solid var(--vaadin-border-color-secondary);border-left: 4px solid var(--aura-accent-color);display: flex;flex-direction: column;gap: var(--vaadin-padding-s);box-shadow: var(--aura-shadow-xs)}.inventory-card:hover{box-shadow: var(--aura-shadow-m);transform: translateY(-1px)}.inventory-card--inactive{border-left-color: color-mix(in srgb,var(--aura-neutral) 30%,transparent));opacity: 0.85}.inventory-item-card.stock-row-alert{border-left-color: var(--aura-orange);background: color-mix(in srgb,var(--aura-orange) 6%,var(--aura-surface-color))}.inventory-detail-page{width: 100%;max-width: none;margin: 0;box-sizing: border-box;display: flex;flex-direction: column;gap: var(--vaadin-padding-l)}.inventory-detail-section{background: var(--aura-surface-color);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);box-shadow: var(--aura-shadow-xs);padding: var(--vaadin-padding-l);display: flex;flex-direction: column;gap: var(--vaadin-padding-m)}.inventory-detail-section__title{margin: 0;font-size: var(--aura-font-size-l);font-weight: 600}[class*="item-detail"] *,[class*="item-detail"] *::before,[class*="item-detail"] *::after,[class*="item-detail"]{box-sizing: border-box}.item-detail-page{width: 100%;box-sizing: border-box;padding-bottom: var(--vaadin-padding-xl);padding-inline-end: var(--vaadin-padding-m)}.item-detail-back-link{margin-bottom: var(--vaadin-padding-xs)}.item-detail-hero{display: flex;flex-direction: column;gap: var(--vaadin-padding-m);border: 1px solid var(--vaadin-border-color-secondary);box-shadow: var(--aura-shadow-xs);min-width: 0;max-width: 100%;overflow: hidden}.item-detail-stats{grid-template-columns: repeat(2,1fr)}.item-detail-section-header{font-size: var(--aura-font-size-xs);font-weight: 600;letter-spacing: 0.04em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.item-detail-details-card{background: var(--aura-surface-color);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);box-shadow: var(--aura-shadow-xs);overflow: hidden}.item-detail-details-row{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-padding-m);padding: var(--vaadin-padding-s) var(--vaadin-padding-m);border-bottom: 1px solid var(--vaadin-border-color-secondary)}.item-detail-details-row:last-child{border-bottom: none}.item-detail-variant-list{display: grid;grid-template-columns: 1fr;gap: var(--vaadin-padding-m)}.item-detail-variant-card{cursor: pointer;display: flex;flex-direction: column;gap: var(--vaadin-padding-m)}.item-detail-variant-metrics{display: flex;flex-direction: column;gap: var(--vaadin-padding-s)}.item-detail-variant-metrics-row{display: grid;gap: var(--vaadin-padding-s)}.item-detail-variant-metrics-row--two{grid-template-columns: repeat(2,1fr)}.item-detail-variant-metrics-row--three{grid-template-columns: repeat(3,1fr)}.item-detail-variant-metric{display: flex;flex-direction: column;gap: 2px}.item-detail-variant-metric--align-right{align-items: flex-end;text-align: right}.inventory-in-stock-badge{display: inline-flex;align-items: center;gap: 6px;flex-shrink: 0;padding: 4px 10px;border-radius: 999px;background: color-mix(in srgb,var(--aura-green) 14%,transparent);border: 1px solid color-mix(in srgb,var(--aura-green) 22%,transparent)}.inventory-in-stock-badge__dot{width: 6px;height: 6px;border-radius: 50%;background: var(--aura-green-text);flex-shrink: 0}.inventory-in-stock-badge__label{font-size: var(--aura-font-size-xxs);font-weight: 600;color: var(--aura-green-text);line-height: 1;white-space: nowrap}.item-detail-movements-card{background: var(--aura-surface-color);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);box-shadow: var(--aura-shadow-xs);overflow: hidden}.item-detail-movement-row{padding: var(--vaadin-padding-s) var(--vaadin-padding-m);border-bottom: 1px solid var(--vaadin-border-color-secondary)}.item-detail-movements-card>.item-detail-movement-row:last-child{border-bottom: none}.item-detail-movement-icon{width: 36px;height: 36px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;background: color-mix(in srgb,var(--aura-neutral) 8%,transparent);color: var(--vaadin-text-color-secondary)}.item-detail-movement-icon vaadin-icon{width: 16px;height: 16px}.item-detail-movement-delta--in{color: var(--aura-green-text)}.item-detail-movement-delta--out{color: var(--aura-red-text)}.item-detail-movement-delta--neutral{color: var(--vaadin-text-color)}.item-variant-dialog::part(overlay){width: min(760px,96vw);max-height: min(92vh,900px);margin: 0 auto;border-radius: var(--vaadin-radius-l) var(--vaadin-radius-l) 0 0}.item-variant-dialog::part(content){padding: 0}@media (min-width: 720px){.item-variant-dialog::part(overlay){border-radius: var(--vaadin-radius-l);margin: var(--vaadin-padding-m)}}.item-variant-dialog::part(header){flex: 0 0 auto;padding: 0;border-bottom: 1px solid var(--vaadin-border-color-secondary);background: var(--aura-surface-color);z-index: 1}.item-variant-dialog::part(footer){flex: 0 0 auto;padding: 0;background: var(--aura-surface-color)}.item-variant-dialog__header{width: 100%;display: flex;flex-direction: column;gap: var(--vaadin-padding-s);align-items: stretch;padding: var(--vaadin-padding-s) var(--vaadin-padding-m) var(--vaadin-padding-m);box-sizing: border-box}.item-variant-dialog__handle{width: 2.25rem;height: 0.325rem;border-radius: 999px;margin: 0 auto;background: color-mix(in srgb,var(--aura-neutral) 22%,transparent)}.item-variant-dialog__title-group{display: flex;flex-direction: column;gap: 0.2rem}.item-variant-dialog__title{font-size: clamp(1.55rem,1.35rem + 0.35vw,1.9rem);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color)}.item-variant-dialog__subtitle{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.item-variant-dialog__shell{flex: 1;min-height: 0;width: 100%;overflow: hidden}.item-variant-dialog__scroller{flex: 1;min-height: 0;width: 100%;scrollbar-gutter: stable}.item-variant-dialog__scroller::part(content){width: 100%;min-width: 0}.item-variant-dialog__scroll-content{display: flex;flex-direction: column;gap: var(--vaadin-padding-m);width: 100%;padding: var(--vaadin-padding-m);box-sizing: border-box}.item-variant-dialog__form{width: 100%;--vaadin-form-layout-column-spacing: var(--vaadin-padding-s);--vaadin-form-layout-row-spacing: var(--vaadin-padding-s)}.item-variant-dialog__field::part(helper-text){color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.item-variant-pricing-panel{display: flex;flex-direction: column;gap: var(--vaadin-padding-s);width: 100%;box-sizing: border-box;padding: var(--vaadin-padding-m);border-radius: var(--vaadin-radius-l);border: 1px solid var(--vaadin-border-color-secondary);background: color-mix(in srgb,var(--aura-neutral) 4%,var(--aura-surface-color))}.item-variant-pricing-panel__title-row{display: flex;align-items: flex-start;justify-content: space-between;gap: var(--vaadin-padding-s)}.item-variant-pricing-panel__title{font-size: var(--aura-font-size-xs);letter-spacing: 0.08em;text-transform: uppercase;color: var(--vaadin-text-color-secondary);font-weight: 700}.item-variant-pricing-panel__cost-wrap{display: flex;flex-direction: column;align-items: flex-end;gap: 0.1rem}.item-variant-pricing-panel__cost-label{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.item-variant-pricing-panel__cost-value{color: var(--vaadin-text-color);font-size: var(--aura-font-size-xl);font-weight: var(--aura-font-weight-semibold)}.item-variant-pricing-panel__section-label{color: var(--vaadin-text-color);font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-medium)}.item-variant-pricing-panel__mode-switch{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0;padding: 3px;border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--aura-neutral) 12%,transparent)}.item-variant-pricing-panel__mode-btn{border-radius: calc(var(--vaadin-radius-m) - 2px)}.item-variant-pricing-panel__mode-btn--active{background: var(--aura-surface-color);box-shadow: var(--aura-shadow-xs)}.item-variant-pricing-panel__hint{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s);margin-top: calc(var(--vaadin-padding-xs) * -1)}.item-variant-pricing-panel__suggested-card{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-padding-s);border-radius: var(--vaadin-radius-m);border: 1px dashed color-mix(in srgb,var(--aura-neutral) 30%,transparent);background: color-mix(in srgb,var(--aura-surface-color) 90%,transparent);padding: var(--vaadin-padding-m)}.item-variant-pricing-panel__suggested-text{display: flex;flex-direction: column;gap: 0.2rem}.item-variant-pricing-panel__suggested-label{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.item-variant-pricing-panel__suggested-value{color: var(--aura-accent-text-color);font-size: clamp(1.65rem,1.45rem + 0.32vw,2rem);font-weight: var(--aura-font-weight-semibold);line-height: 1.05}.item-variant-pricing-panel__use-btn{flex-shrink: 0;border-radius: var(--vaadin-radius-m)}.item-variant-pricing-panel__divider{width: 100%;height: 1px;background: var(--vaadin-border-color-secondary)}.item-variant-pricing-panel__margin-row{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-padding-s)}.item-variant-pricing-panel__margin-label{color: var(--vaadin-text-color);font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-medium)}.item-variant-pricing-panel__margin-value{display: inline-flex;align-items: center;justify-content: center;min-width: 4.25rem;padding: 0.2rem 0.8rem;border-radius: 999px;color: var(--vaadin-text-color-secondary);background: color-mix(in srgb,var(--aura-neutral) 16%,transparent);font-size: var(--aura-font-size-xl);font-weight: var(--aura-font-weight-semibold)}.item-variant-pricing-panel__margin-value--good{color: var(--aura-green-text);background: color-mix(in srgb,var(--aura-green) 16%,transparent)}.item-variant-pricing-panel__margin-value--warn{color: var(--aura-red-text);background: color-mix(in srgb,var(--aura-red) 16%,transparent)}.item-variant-pricing-panel__warning{color: var(--aura-red-text);font-size: var(--aura-font-size-s)}.item-variant-pricing-panel__cost-hint{color: var(--aura-text-secondary);font-size: var(--aura-font-size-xs)}.item-variant-pricing-panel__method-row{display: flex;align-items: baseline;justify-content: space-between;gap: var(--vaadin-padding-s)}.item-variant-pricing-panel__layers-row{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-padding-s);margin-top: var(--vaadin-padding-xs)}.item-variant-pricing-panel__layers-meta{color: var(--aura-text-secondary);font-size: var(--aura-font-size-s)}.cost-layers-dialog__footer{margin-top: var(--vaadin-padding-m);color: var(--aura-text-secondary);font-size: var(--aura-font-size-s)}.cost-layers-dialog__grid{min-height: 12rem}.cost-layers-dialog__title{margin: 0}.cost-layers-dialog__subtitle{color: var(--aura-text-secondary);font-size: var(--aura-font-size-s)}.cogs-report__method-badge{display: inline-flex;align-items: center;padding: 0.125rem 0.5rem;border-radius: var(--aura-border-radius-s);background: var(--aura-accent-color-10pct);color: var(--aura-accent-text-color);font-size: var(--aura-font-size-s);font-weight: 600;letter-spacing: 0.02em;text-transform: uppercase}.settings-pricing__costing-hint{color: var(--aura-text-secondary);font-size: var(--aura-font-size-s);margin-top: var(--vaadin-padding-xs)}.item-variant-dialog__footer{width: 100%;display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-padding-s);padding: var(--vaadin-padding-m);box-sizing: border-box;border-top: 1px solid var(--vaadin-border-color-secondary);background: var(--aura-surface-color);border-radius: 0 0 var(--vaadin-radius-l) var(--vaadin-radius-l)}.item-variant-dialog__footer-left,.item-variant-dialog__footer-right{display: inline-flex;align-items: center;gap: var(--vaadin-gap-s);white-space: nowrap}@media (max-width: 640px){.item-variant-dialog::part(overlay){width: 100%;height: 100dvh;max-height: 100dvh;border-radius: var(--vaadin-radius-l) var(--vaadin-radius-l) 0 0;margin: 0}.item-variant-dialog::part(footer){padding-bottom: max(0px,var(--safe-area-inset-bottom,0px))}.item-variant-dialog__footer{flex-direction: row;align-items: center;justify-content: space-between;gap: var(--vaadin-padding-xs);padding-bottom: max(var(--vaadin-padding-s),var(--safe-area-inset-bottom,0px))}.item-variant-dialog__scroll-content{padding-top: var(--vaadin-padding-s);padding-bottom: var(--vaadin-padding-s)}.item-variant-dialog__footer-left,.item-variant-dialog__footer-right{flex: 0 1 auto;width: auto}.item-variant-dialog__footer-right{justify-content: flex-end}}.stock-display-card{display: flex;flex-direction: column;gap: var(--vaadin-padding-s);border: 1px solid var(--vaadin-border-color-secondary);box-shadow: var(--aura-shadow-xs);--stock-display-action-border: var(--vaadin-border-color-secondary);--stock-display-action-text: var(--vaadin-text-color)}.stock-display-card--in{border-left: 1px solid var(--vaadin-border-color-secondary);--stock-display-action-border: color-mix(in srgb,var(--aura-green) 28%,transparent);--stock-display-action-text: var(--aura-green-text)}.stock-display-card--low{border-left: 4px solid var(--aura-orange);background: color-mix(in srgb,var(--aura-orange) 6%,var(--aura-surface-color));--stock-display-action-border: color-mix(in srgb,var(--aura-orange) 28%,transparent);--stock-display-action-text: var(--aura-orange-text)}.stock-display-card--out{border-left: 4px solid var(--aura-red);background: color-mix(in srgb,var(--aura-red) 6%,var(--aura-surface-color));--stock-display-action-border: color-mix(in srgb,var(--aura-red) 28%,transparent);--stock-display-action-text: var(--aura-red-text)}.stock-display-card__header{display: grid;grid-template-columns: 1fr auto;align-items: start;gap: 2px var(--vaadin-padding-s);width: 100%;min-width: 0}.stock-display-card__item-name,.stock-display-card__variant-name{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.stock-display-card__badge{justify-self: end}.stock-display-card__sku{font-family: ui-monospace,monospace;font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);justify-self: end}.stock-display-card__footer{flex-wrap: nowrap;gap: var(--vaadin-padding-m)}.stock-display-card__details{display: flex;flex-direction: column;gap: var(--vaadin-padding-s)}.stock-display-card__metrics{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--vaadin-padding-s)}.stock-display-card__action-cell{display: flex}.stock-display-card__consignment-row{display: flex;align-items: baseline;gap: var(--vaadin-padding-xs);padding-top: var(--vaadin-padding-xs);border-top: 1px dashed var(--aura-border-subtle)}.stock-display-card__adjust-button{width: 100%;justify-content: center;border: 1px solid var(--stock-display-action-border);color: var(--stock-display-action-text);background: color-mix(in srgb,var(--stock-display-action-border) 12%,transparent)}.stock-display-metric__value--low{color: var(--aura-orange-text)}.stock-display-metric__value--out{color: var(--aura-red-text)}.inventory-out-of-stock-badge{display: inline-flex;align-items: center;gap: 6px;flex-shrink: 0;padding: 4px 10px;border-radius: 999px;background: color-mix(in srgb,var(--aura-red) 14%,transparent);border: 1px solid color-mix(in srgb,var(--aura-red) 22%,transparent)}.inventory-out-of-stock-badge__dot{width: 6px;height: 6px;border-radius: 50%;background: var(--aura-red-text);flex-shrink: 0}.inventory-out-of-stock-badge__label{font-size: var(--aura-font-size-xxs);font-weight: 600;color: var(--aura-red-text);line-height: 1;white-space: nowrap}.stock-row-alert{background: color-mix(in srgb,var(--aura-red) 10%,transparent);border-left: 4px solid var(--aura-red)}.stock-row-alert .stock-qty-label{color: var(--aura-red-text);font-weight: 600}.procurement-page{width: 100%;box-sizing: border-box;min-height: 100%}.procurement-header{width: 100%;margin: 0 0 var(--vaadin-padding-l);display: flex;flex-direction: column;align-items: flex-start;gap: var(--vaadin-padding-xs)}.procurement-filter-bar{display: none;width: 100%;max-width: 100%;min-width: 0;box-sizing: border-box;padding-inline-end: 1rem}@media (min-width: 640px){.procurement-filter-bar{display: block;--vaadin-form-layout-column-spacing: var(--vaadin-padding-s)}}.procurement-card-list{box-sizing: border-box;display: grid !important;gap: var(--vaadin-padding-m);grid-template-columns: 1fr;align-content: start;width: 100%;max-width: 100%;padding: var(--vaadin-padding-xs) 1rem var(--vaadin-padding-xs) var(--vaadin-padding-xs)}.procurement-card{cursor: pointer;transition: box-shadow 0.2s ease,transform 0.2s ease;border: 1px solid var(--vaadin-border-color-secondary);border-left: 4px solid var(--aura-accent-color);display: flex;flex-direction: column;gap: var(--vaadin-padding-s);box-shadow: var(--aura-shadow-xs);width: 100%;max-width: 100%;min-width: 0;box-sizing: border-box}.procurement-card:hover{box-shadow: var(--aura-shadow-m);transform: translateY(-1px)}.procurement-card--list{border-left-width: 1px}.procurement-po-card__number{color: var(--aura-accent-color);min-width: 0}.procurement-po-card__top{display: grid;grid-template-columns: 1fr auto;align-items: start;gap: var(--vaadin-padding-s);width: 100%;min-width: 0}.procurement-po-card__status{display: flex;align-items: flex-end;justify-self: end;flex-shrink: 0}.procurement-po-card__meta{display: grid;grid-template-columns: 1fr auto;align-items: center;gap: var(--vaadin-padding-s);width: 100%;min-width: 0}.procurement-po-card__vendor{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.procurement-po-card__date{flex-shrink: 0;text-align: right;white-space: nowrap}.procurement-po-stats-row{display: grid;grid-template-columns: repeat(3,1fr);gap: 0;border-top: 1px solid color-mix(in srgb,var(--aura-neutral) 5%,transparent);padding-top: var(--vaadin-padding-s);margin-top: var(--vaadin-padding-xs)}.procurement-po-stat-cell{display: flex;flex-direction: column;gap: 2px}.procurement-po-stat-cell--end{text-align: end}.procurement-detail-header{display: flex;flex-direction: column;align-items: flex-start;gap: var(--vaadin-padding-m);padding: var(--vaadin-padding-l);background: var(--aura-surface-color);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);box-shadow: var(--aura-shadow-xs)}.procurement-detail-view{display: flex;flex-direction: column;min-height: 0}.procurement-detail-view vaadin-scroller{flex: 1;min-height: 0}.procurement-detail-page{display: flex;flex-direction: column;gap: var(--vaadin-padding-m);width: 100%;max-width: none;box-sizing: border-box;padding: 0 var(--vaadin-padding-xs) var(--vaadin-padding-xl);padding-inline-end: var(--vaadin-padding-m)}.procurement-detail-header__title-row{flex-wrap: wrap;min-width: 0}.procurement-detail-header__number{font-size: 1.35rem}.procurement-stepper{display: flex;align-items: flex-start;width: 100%;gap: 0;padding: var(--vaadin-padding-s) 0}.procurement-stepper__step{display: flex;flex-direction: column;align-items: center;gap: var(--vaadin-padding-xs);min-width: 0;flex: 0 0 auto}.procurement-stepper__circle{width: 28px;height: 28px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 0.75rem;font-weight: 700;box-sizing: border-box}.procurement-stepper__step--complete .procurement-stepper__circle{background: var(--aura-accent-color);color: var(--aura-accent-text-color)}.procurement-stepper__step--active .procurement-stepper__circle{background: var(--aura-accent-color);color: var(--aura-accent-text-color)}.procurement-stepper__step--pending .procurement-stepper__circle{background: color-mix(in srgb,var(--aura-neutral) 12%,transparent);color: var(--vaadin-text-color-secondary);border: 1px solid var(--vaadin-border-color-secondary)}.procurement-stepper__label{font-size: 0.68rem;text-align: center;color: var(--vaadin-text-color-secondary);max-width: 4.5rem;line-height: 1.2}.procurement-stepper__step--active .procurement-stepper__label{color: var(--aura-accent-color);font-weight: 700}.procurement-stepper__step--complete .procurement-stepper__label{color: var(--vaadin-text-color)}.procurement-stepper__connector{flex: 1 1 auto;height: 2px;min-width: 12px;margin-top: 13px;background: color-mix(in srgb,var(--aura-neutral) 15%,transparent)}.procurement-stepper__connector--active{background: var(--aura-accent-color)}.procurement-stepper--cancelled .procurement-stepper__circle{background: color-mix(in srgb,var(--aura-neutral) 12%,transparent);color: var(--vaadin-text-color-secondary);border: 1px solid var(--vaadin-border-color-secondary)}.procurement-stepper--cancelled .procurement-stepper__label{color: var(--vaadin-text-color-secondary)}.procurement-receiving-card{display: flex;flex-direction: column;gap: var(--vaadin-padding-s);border: 1px solid var(--vaadin-border-color-secondary);box-shadow: var(--aura-shadow-xs)}.procurement-receiving-card__fraction{color: var(--aura-accent-color)}.procurement-receiving-card__bar-row{gap: var(--vaadin-padding-s)}.procurement-receiving-card__bar{flex: 1;height: 8px;border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--aura-neutral) 12%,transparent);overflow: hidden}.procurement-receiving-card__bar-fill{height: 100%;border-radius: inherit;background: var(--aura-accent-color);transition: width 0.2s ease}.procurement-receiving-card__bar-fill--complete{background: var(--aura-green)}.procurement-receiving-card__hint{color: hsl(32,85%,45%)}.procurement-detail-lines-section{display: flex;flex-direction: column;gap: var(--vaadin-padding-s)}.procurement-detail-line-card{cursor: default;border-left-width: 4px}.procurement-detail-line-card--complete{border-left-color: var(--aura-green)}.procurement-detail-line-card--partial{border-left-color: hsl(32,85%,50%)}.procurement-detail-line-card__top{min-width: 0}.procurement-detail-line-card__total{color: var(--aura-accent-color);white-space: nowrap}.procurement-totals-card{display: flex;flex-direction: column;gap: var(--vaadin-padding-s);border: 1px solid var(--vaadin-border-color-secondary);box-shadow: var(--aura-shadow-xs)}.procurement-totals-card__row{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-padding-s)}.procurement-totals-card__row--total{padding-top: var(--vaadin-padding-xs)}.procurement-totals-card__divider{height: 1px;background: var(--vaadin-border-color-secondary);margin: var(--vaadin-padding-xs) 0}.procurement-totals-card__total-value{color: var(--aura-accent-color);font-size: 1.05rem}.procurement-vendor-details-section{display: flex;flex-direction: column;gap: var(--vaadin-padding-s)}.procurement-vendor-detail-card{border: 1px solid var(--vaadin-border-color-secondary);box-shadow: var(--aura-shadow-xs)}.procurement-vendor-detail-card--details{display: flex;flex-direction: column;gap: 0;padding: 0}.procurement-vendor-detail-card__header{padding: var(--vaadin-padding-m);box-sizing: border-box}.procurement-vendor-detail-card--details .procurement-vendor-detail-card__kv-row{padding: var(--vaadin-padding-m);border-bottom: 1px solid var(--vaadin-border-color-secondary)}.procurement-vendor-detail-card--details .procurement-vendor-detail-card__kv-row:last-child{border-bottom: none}.procurement-vendor-detail-card__kv-row{display: flex;align-items: flex-start;justify-content: space-between;gap: var(--vaadin-padding-m)}.procurement-vendor-detail-card__kv-row span:last-child{text-align: end;max-width: 60%}.procurement-detail-actions{display: flex;flex-direction: column;gap: var(--vaadin-padding-s);width: 100%;box-sizing: border-box}.procurement-detail-actions vaadin-button{width: 100%;min-height: 42px;font-weight: 600}@media (min-width: 768px){.procurement-detail-actions{flex-direction: row;align-items: stretch}.procurement-detail-actions vaadin-button{width: auto;flex: 0 1 auto}.procurement-detail-actions vaadin-button:last-child{flex: 1}}.procurement-receive-dialog::part(overlay){background: color-mix(in srgb,var(--aura-neutral) 20%,transparent)}.procurement-receive-dialog::part(content){border-radius: var(--vaadin-radius-l);padding: var(--vaadin-padding-l)}.new-po-dialog::part(close-button){display: none}.new-po-lines-section{display: flex;flex-direction: column;gap: var(--vaadin-padding-s);width: 100%}.new-po-line-card{display: flex;flex-direction: column;gap: var(--vaadin-padding-s);padding: var(--vaadin-padding-m)}.new-po-line-card__top{display: flex;align-items: flex-start;justify-content: space-between;gap: var(--vaadin-padding-s);width: 100%;min-width: 0}.new-po-line-card__identity{display: flex;flex-direction: column;gap: 2px;min-width: 0;flex: 1}.new-po-line-card__identity .li-part-name{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.new-po-line-card .procurement-po-stats-row{margin-top: 0;padding-top: var(--vaadin-padding-s)}.pos-page{width: 100%;box-sizing: border-box;min-height: 100%;--pos-mobile-charge-bar-offset: 7rem}.pos-scroll-content{padding-bottom: var(--vaadin-padding-l)}.pos-meta-bar{display: none;align-items: center;gap: var(--vaadin-padding-m);flex-wrap: wrap}@media (min-width: 900px){.pos-meta-bar{display: flex}}.pos-meta-chip{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.pos-meta-chip__value{font-weight: 600;color: var(--vaadin-text-color)}.pos-mobile-meta{display: block;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);padding-bottom: var(--vaadin-padding-xs)}@media (min-width: 900px){.pos-mobile-meta{display: none}}.pos-closed-shift-banner{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-padding-m);width: 100%;box-sizing: border-box;padding: var(--vaadin-padding-s) var(--vaadin-padding-m);background: color-mix(in srgb,var(--aura-red) 8%,transparent);border-radius: var(--vaadin-radius-m);border: 1px solid color-mix(in srgb,var(--aura-red) 20%,transparent)}.pos-closed-shift-banner__text{flex: 1;min-width: 0;font-size: var(--aura-font-size-s);color: var(--aura-red-text)}.pos-layout{display: grid;grid-template-columns: 1fr;gap: var(--vaadin-padding-l);flex: 1;min-height: 0;position: relative}@media (min-width: 900px){.pos-layout{grid-template-columns: minmax(0,1.35fr) minmax(0,1fr);align-items: start}}.pos-catalog-panel{display: flex;flex-direction: column;gap: var(--vaadin-padding-m);min-width: 0}.pos-checkout-panel{display: none;flex-direction: column;gap: var(--vaadin-padding-m);background: var(--aura-surface-color);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);padding: var(--vaadin-padding-l);box-shadow: var(--aura-shadow-xs);min-width: 0}@media (min-width: 900px){.pos-checkout-panel{display: flex;position: sticky;top: var(--vaadin-padding-s);max-height: calc(100vh - 8rem);overflow-y: auto}}.pos-layout--mobile-checkout .pos-catalog-panel{display: none}.pos-layout--mobile-checkout .pos-checkout-panel{display: flex}.pos-layout--mobile-checkout .pos-mobile-charge-bar{display: none !important}.pos-checkout-back{align-self: flex-start}@media (min-width: 900px){.pos-checkout-back{display: none}}.pos-category-chips{display: flex;flex-wrap: nowrap;gap: var(--vaadin-padding-xs);overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;padding-bottom: var(--vaadin-padding-xs);max-width: 100%;min-width: 0;scrollbar-width: none}.pos-category-chips::-webkit-scrollbar{display: none}vaadin-button.pos-category-chip{flex-shrink: 0;border-radius: 999px;border: 1px solid color-mix(in srgb,var(--aura-neutral) 20%,transparent);padding: var(--vaadin-padding-xs) var(--vaadin-padding-m);font-size: var(--aura-font-size-s);font-weight: 600;background: var(--aura-surface-color);color: var(--vaadin-text-color);min-width: auto}vaadin-button.pos-category-chip--active{background: var(--aura-accent-color);color: var(--aura-accent-contrast-color);border-color: var(--aura-accent-color)}.pos-product-container{display: grid;grid-template-columns: 1fr;gap: var(--vaadin-padding-s)}@media (max-width: 899px){.pos-layout--mobile-charge-visible .pos-product-container{padding-bottom: calc( var(--pos-mobile-charge-bar-offset) + var(--safe-area-inset-bottom,0px) + var(--vaadin-padding-m) )}}@media (min-width: 900px){.pos-product-container.pos-product-grid{grid-template-columns: repeat(3,minmax(0,1fr))}}.pos-product-card{position: relative;display: grid;grid-template-columns: auto 1fr auto;align-items: center;gap: var(--vaadin-padding-m);padding: var(--vaadin-padding-m);background: var(--aura-surface-color);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);cursor: pointer;transition: border-color 0.15s ease,box-shadow 0.15s ease}@media (min-width: 900px){.pos-product-card{display: flex;flex-direction: column;align-items: stretch;text-align: left}}.pos-product-card:hover{border-color: color-mix(in srgb,var(--aura-accent-color) 40%,var(--vaadin-border-color-secondary))}.pos-product-card--selected{border-color: var(--aura-accent-color);box-shadow: 0 0 0 1px var(--aura-accent-color)}.pos-product-card__body{display: contents}@media (min-width: 900px){.pos-product-card__body{display: flex;flex-direction: column;align-items: flex-start;gap: var(--vaadin-padding-m);flex: 1;min-width: 0}}.pos-product-card__icon{flex-shrink: 0;grid-column: 1;width: 2.5rem;height: 2.5rem;padding: var(--vaadin-padding-s);box-sizing: border-box;border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--aura-neutral) 8%,transparent);color: var(--vaadin-text-color-secondary)}@media (min-width: 900px){.pos-product-card__icon{grid-column: auto}}.pos-product-card__text{grid-column: 2;display: flex;flex-direction: column;min-width: 0}@media (min-width: 900px){.pos-product-card__text{grid-column: auto;display: contents}}.pos-product-card__name{font-weight: 600;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color);display: block}.pos-product-card__subtitle{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);display: block;margin-top: 2px}.pos-product-card__price{font-weight: 700;font-size: var(--aura-font-size-s);color: var(--aura-accent-text-color);display: block;margin-top: var(--vaadin-padding-xs)}.pos-product-card__qty-badge{position: absolute;top: var(--vaadin-padding-xs);right: var(--vaadin-padding-xs);width: 1.5rem;height: 1.5rem;min-width: 1.5rem;padding: 0;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: var(--aura-accent-color);color: var(--aura-on-accent-color);font-size: var(--aura-font-size-xs);font-weight: 700;line-height: 1;box-sizing: border-box}@media (max-width: 899px){.pos-product-card__qty-badge{display: none}}.pos-product-card__actions{flex-shrink: 0;grid-column: 3;border-radius: var(--vaadin-radius-xl)}@media (min-width: 900px){.pos-product-card__actions{display: none;grid-column: auto}}vaadin-button.pos-product-card__add-btn{border-radius: 999px;border: 1px solid var(--aura-accent-color);color: var(--aura-accent-text-color)}.pos-qty-stepper{display: inline-flex;align-items: center;gap: 0;border-radius: var(--vaadin-radius-xl);background: transparent;border: 1px solid var(--vaadin-border-color-secondary);overflow: hidden}.pos-qty-stepper vaadin-button{--aura-button-background: transparent;--aura-button-color: var(--vaadin-text-color);min-width: 2rem}.pos-qty-stepper__value{min-width: 1.75rem;text-align: center;font-weight: 600;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color);padding: 0 var(--vaadin-padding-xs)}.pos-qty-stepper--cart{background: transparent;border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m)}.pos-qty-stepper--cart vaadin-button{--aura-button-background: transparent;--aura-button-color: var(--vaadin-text-color);min-width: 2rem}.pos-qty-stepper--cart .pos-qty-stepper__value{color: var(--vaadin-text-color)}.pos-cart-header{padding-bottom: var(--vaadin-padding-xs)}.pos-cart-header__title{font-weight: 600;font-size: var(--aura-font-size-l)}.pos-cart-count-badge{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);background: color-mix(in srgb,var(--aura-neutral) 10%,transparent);padding: 2px var(--vaadin-padding-s);border-radius: var(--vaadin-radius-m)}.pos-cart-lines{display: grid;grid-template-columns: 1fr auto auto;column-gap: var(--vaadin-padding-s);row-gap: var(--vaadin-padding-s);max-height: 16rem;overflow-y: auto}.pos-cart-line{display: grid;grid-template-columns: subgrid;grid-column: 1 / -1;align-items: center;padding: var(--vaadin-padding-s) 0;border-bottom: 1px solid var(--vaadin-border-color-secondary)}.pos-cart-line:last-child{border-bottom: none}.pos-cart-line__name{font-weight: 600;font-size: var(--aura-font-size-s);display: block}.pos-cart-line__detail{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);display: block}.pos-cart-line__total{font-weight: 600;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color);white-space: nowrap;text-align: right}.pos-cart-empty{grid-column: 1 / -1;padding: var(--vaadin-padding-l);text-align: center;color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.pos-totals-card{background: color-mix(in srgb,var(--aura-neutral) 4%,transparent);border-radius: var(--vaadin-radius-m);padding: var(--vaadin-padding-m);display: flex;flex-direction: column;gap: var(--vaadin-padding-xs)}.pos-totals-card__row{display: flex;justify-content: space-between;align-items: center;font-size: var(--aura-font-size-s)}.pos-totals-card__label{color: var(--vaadin-text-color-secondary)}.pos-totals-card__value{font-weight: 600}.pos-totals-card__discount{font-weight: 600;color: var(--aura-red-text)}.pos-totals-card__total{font-size: var(--aura-font-size-xl);font-weight: 700;color: var(--aura-accent-text-color)}.pos-add-discount-btn{align-self: flex-start;padding: 0;font-size: var(--aura-font-size-s);color: var(--aura-accent-text-color)}.pos-section-label{font-size: var(--aura-font-size-xs);font-weight: 700;letter-spacing: 0.05em;text-transform: uppercase;color: var(--vaadin-text-color-secondary);margin-bottom: var(--vaadin-padding-xs);display: block}.pos-payment-grid{display: flex;flex-direction: column;gap: var(--vaadin-padding-xs)}.pos-payment-tiles{display: grid;grid-template-columns: repeat(4,1fr);gap: var(--vaadin-padding-xs)}.pos-payment-tile{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--vaadin-padding-xs);padding: var(--vaadin-padding-s);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m);background: var(--aura-surface-color);cursor: pointer;transition: border-color 0.15s ease,background 0.15s ease}.pos-payment-tile--selected{border-color: var(--aura-accent-color);background: color-mix(in srgb,var(--aura-accent-color) 10%,transparent)}.pos-payment-tile--disabled{opacity: 0.45;cursor: not-allowed}.pos-payment-tile__icon{color: var(--vaadin-text-color-secondary)}.pos-payment-tile--selected .pos-payment-tile__icon{color: var(--aura-accent-text-color)}.pos-payment-tile__label{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color)}.pos-cash-section{display: flex;flex-direction: column;gap: var(--vaadin-padding-s)}.pos-quick-cash{display: flex;flex-wrap: wrap;gap: var(--vaadin-padding-xs)}vaadin-button.pos-quick-cash__btn{border-radius: 999px;border: 1px solid color-mix(in srgb,var(--aura-neutral) 20%,transparent);padding: var(--vaadin-padding-xs) var(--vaadin-padding-m);font-size: var(--aura-font-size-xs);font-weight: 600;background: var(--aura-surface-color);min-width: auto}vaadin-button.pos-quick-cash__btn--active{background: var(--aura-accent-color);color: var(--aura-accent-contrast-color);border-color: var(--aura-accent-color)}.pos-change-banner{display: flex;justify-content: space-between;align-items: center;padding: var(--vaadin-padding-m);border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--aura-green) 12%,transparent);border: 1px solid color-mix(in srgb,var(--aura-green) 25%,transparent)}.pos-change-banner__label{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.pos-change-banner__value{font-weight: 700;font-size: var(--aura-font-size-l);color: var(--aura-green-text)}.pos-complete-btn{margin-top: var(--vaadin-padding-xs)}.pos-shift-required-note{color: var(--aura-red-text);font-size: var(--aura-font-size-s)}.pos-mobile-charge-bar{position: fixed;bottom: 0;left: 0;right: 0;z-index: 10;display: none;align-items: center;justify-content: space-between;gap: var(--vaadin-padding-m);padding: var(--vaadin-padding-m) var(--vaadin-padding-l);padding-bottom: max(var(--vaadin-padding-m),var(--safe-area-inset-bottom,0px));background: var(--aura-surface-color);border-top: 1px solid var(--vaadin-border-color-secondary);box-shadow: var(--aura-shadow-s)}@media (max-width: 899px){.pos-mobile-charge-bar{display: flex}}.pos-mobile-charge-bar__summary{display: flex;flex-direction: column;gap: 2px;min-width: 0}.pos-mobile-charge-bar__summary span:first-child{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.pos-mobile-charge-bar__total{font-size: var(--aura-font-size-xl);font-weight: 700;color: var(--vaadin-text-color)}.pos-mobile-charge-bar__btn{flex-shrink: 0}.pos-sale-completed-summary{display: flex;flex-direction: column;gap: var(--vaadin-padding-s)}.pos-sale-completed-summary__row{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-padding-m)}.pos-sale-completed-summary__row--total{padding-top: var(--vaadin-padding-xs)}.pos-sale-completed-summary__divider{height: 1px;background: var(--vaadin-border-color-secondary);margin: var(--vaadin-padding-xs) 0}.pos-sale-completed-summary__total-value{color: var(--aura-accent-color);font-size: 1.05rem;font-weight: 700}.pos-sale-completed-summary__danger{color: var(--aura-red)}.pos-sale-completed-summary__label{color: var(--vaadin-text-color-secondary)}.sales-page{width: 100%;box-sizing: border-box;min-height: 100%}.sales-shell-title--mobile{display: inline}.sales-shell-title--desktop{display: none}@media (min-width: 768px){.sales-shell-title--mobile{display: none}.sales-shell-title--desktop{display: inline}}.sales-page-subtitle{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.sales-page-subtitle--desktop{display: none}@media (min-width: 768px){.sales-page-subtitle--mobile{display: none}.sales-page-subtitle--desktop{display: block}}.sales-stat-grid{display: flex;flex-wrap: wrap;gap: var(--vaadin-gap-m);align-items: stretch;width: 100%;box-sizing: border-box}.sales-stat-grid>*{flex: 1 1 280px;min-width: 0}.sales-stat-card{display: flex;flex-direction: column;gap: 10px;min-height: 112px;padding: var(--vaadin-padding-l);border-radius: 18px;background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);width: 100%;box-sizing: border-box;overflow: hidden}.sales-stat-card--wide-only{display: none}@media (min-width: 768px){.sales-stat-card--wide-only{display: flex}}.sales-stat-card__label{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.sales-stat-card__value{font-size: clamp(1.55rem,1.15rem + 1vw,2rem);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color);line-height: 1.1}.sales-stat-card__value--danger{color: var(--aura-red)}.sales-stat-card__footer{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.sales-filter-row{display: flex;flex-direction: column;gap: var(--vaadin-padding-s);width: 100%;min-width: 0;box-sizing: border-box;padding-inline-end: 1rem}.sales-filter-bar{display: none;width: 100%;max-width: 100%;min-width: 0;box-sizing: border-box}@media (min-width: 768px){.sales-filter-bar{display: block;--vaadin-form-layout-column-spacing: var(--vaadin-padding-s)}}.sales-card-list{box-sizing: border-box;display: grid !important;gap: var(--vaadin-padding-m);grid-template-columns: 1fr;align-content: start;width: 100%;max-width: 100%;padding: var(--vaadin-padding-xs) 1rem var(--vaadin-padding-xs) var(--vaadin-padding-xs)}.sales-card{cursor: pointer;transition: box-shadow 0.2s ease,transform 0.2s ease;border: 1px solid var(--vaadin-border-color-secondary);display: flex;flex-direction: column;gap: var(--vaadin-padding-s)}.sales-card:hover{box-shadow: var(--aura-shadow-m);transform: translateY(-1px)}.sales-card__top{display: grid;grid-template-columns: 1fr auto;align-items: start;gap: var(--vaadin-padding-s);width: 100%;min-width: 0;padding-bottom: var(--vaadin-padding-s);border-bottom: 1px solid color-mix(in srgb,var(--aura-neutral) 5%,transparent)}.sales-card__status{display: flex;align-items: flex-end;justify-self: end;flex-shrink: 0}.sales-card__number{color: var(--aura-accent-color);font-weight: 700;font-size: var(--aura-font-size-s);min-width: 0}.sales-card__meta{display: grid;grid-template-columns: 1fr auto;align-items: center;gap: var(--vaadin-padding-s);width: 100%;min-width: 0}.sales-card__meta-text{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.sales-card__time{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);white-space: nowrap;flex-shrink: 0;text-align: right}.sales-card__footer{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-padding-s);min-width: 0}.sales-card__payment{display: flex;align-items: center;gap: var(--vaadin-padding-xs);font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);min-width: 0}.sales-card__payment-icon{color: var(--vaadin-text-color-secondary);flex-shrink: 0}.sales-card__total{font-size: var(--aura-font-size-l);font-weight: 700;color: var(--vaadin-text-color);white-space: nowrap;flex-shrink: 0}.sale-status-badge{display: inline-flex;align-items: center;gap: 6px;padding: 2px 10px;border-radius: 999px;font-size: var(--aura-font-size-xs);font-weight: 600;white-space: nowrap}.sale-status-badge::before{content: "";width: 6px;height: 6px;border-radius: 50%;flex-shrink: 0}.sale-status-badge--paid{background: color-mix(in srgb,var(--aura-green) 12%,transparent);color: var(--aura-green)}.sale-status-badge--paid::before{background: var(--aura-green)}.sale-status-badge--partial{background: color-mix(in srgb,var(--aura-yellow) 15%,transparent);color: hsl(30,70%,38%)}.sale-status-badge--partial::before{background: var(--aura-yellow)}.sale-status-badge--refunded{background: color-mix(in srgb,var(--aura-red) 12%,transparent);color: var(--aura-red)}.sale-status-badge--refunded::before{background: var(--aura-red)}.shifts-page{width: 100%;box-sizing: border-box;min-height: 100%}.shifts-shell-title--mobile{display: inline}.shifts-shell-title--desktop{display: none}@media (min-width: 768px){.shifts-shell-title--mobile{display: none}.shifts-shell-title--desktop{display: inline}}.shifts-page-subtitle{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.shifts-page-subtitle--desktop{display: none}@media (min-width: 768px){.shifts-page-subtitle--mobile{display: none}.shifts-page-subtitle--desktop{display: block}}.shifts-stat-grid{display: flex;flex-wrap: wrap;gap: var(--vaadin-gap-m);align-items: stretch;width: 100%;box-sizing: border-box}.shifts-stat-grid>*{flex: 1 1 280px;min-width: 0}.shifts-stat-card{display: flex;flex-direction: column;gap: 10px;min-height: 112px;padding: var(--vaadin-padding-l);border-radius: 18px;background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);width: 100%;box-sizing: border-box;overflow: hidden}.shifts-stat-card--wide-only{display: none}.shifts-stat-card--mobile-only{display: flex}@media (min-width: 768px){.shifts-stat-card--wide-only{display: flex}.shifts-stat-card--mobile-only{display: none}}.shifts-stat-card__label{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.shifts-stat-card__value{font-size: clamp(1.55rem,1.15rem + 1vw,2rem);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color);line-height: 1.1}.shifts-stat-card__value--danger{color: var(--aura-red)}.shifts-stat-card__value--success{color: var(--aura-green)}.shifts-stat-card__footer{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.shifts-status-pills{display: flex;max-width: 100%;min-width: 0}@media (min-width: 768px){.shifts-status-pills{display: none}}.shifts-filter-row{display: none;flex-direction: column;gap: var(--vaadin-padding-s);width: 100%;min-width: 0;box-sizing: border-box;padding-inline-end: 1rem}.shifts-filter-bar{display: none;width: 100%;max-width: 100%;min-width: 0;box-sizing: border-box}@media (min-width: 768px){.shifts-filter-row{display: flex}.shifts-filter-bar{display: block;--vaadin-form-layout-column-spacing: var(--vaadin-padding-s)}}.shifts-card-list{box-sizing: border-box;display: grid !important;gap: var(--vaadin-padding-m);grid-template-columns: 1fr;align-content: start;width: 100%;max-width: 100%;padding: var(--vaadin-padding-xs) 1rem var(--vaadin-padding-xs) var(--vaadin-padding-xs)}.shifts-card{cursor: pointer;transition: box-shadow 0.2s ease,transform 0.2s ease;border: 1px solid var(--vaadin-border-color-secondary);display: flex;flex-direction: column;gap: var(--vaadin-padding-s)}.shifts-card:hover{box-shadow: var(--aura-shadow-m);transform: translateY(-1px)}.shifts-card__top{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-padding-s);min-width: 0}.shifts-card__number{color: var(--aura-accent-color);font-weight: 700;font-size: var(--aura-font-size-s)}.shifts-card__duration{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);white-space: nowrap;justify-self: end}.shifts-card__meta{display: grid;grid-template-columns: 1fr auto;column-gap: var(--vaadin-padding-s);row-gap: 2px;align-items: center;min-width: 0;width: 100%}.shifts-card__cashier-row{display: flex;align-items: center;gap: var(--vaadin-padding-s);min-width: 0}.shifts-card__cashier{font-weight: 600;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color)}.shifts-card__date{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);min-width: 0}.shifts-card__metrics{display: flex;align-items: stretch;justify-content: space-between;gap: var(--vaadin-padding-m);padding-top: var(--vaadin-padding-s);border-top: 1px solid color-mix(in srgb,var(--aura-neutral) 5%,transparent)}.shifts-card__metric{display: flex;flex-direction: column;gap: 2px;flex: 1;min-width: 0}.shifts-card__metric-label{font-size: var(--aura-font-size-xs);font-weight: 600;letter-spacing: 0.04em;color: var(--vaadin-text-color-secondary)}.shifts-card__metric-value{font-size: var(--aura-font-size-m);font-weight: 700;color: var(--vaadin-text-color)}.shifts-card__metric-value--success{color: var(--aura-green)}.shifts-card__metric-value--danger{color: var(--aura-red)}.sale-detail-view{display: flex;flex-direction: column;min-height: 0}.sale-detail-view vaadin-scroller{flex: 1;min-height: 0}.sale-detail-page{display: flex;flex-direction: column;gap: var(--vaadin-padding-m);width: 100%;max-width: none;box-sizing: border-box;padding: 0 var(--vaadin-padding-xs) var(--vaadin-padding-xl);padding-inline-end: var(--vaadin-padding-m)}.sale-detail-header{display: flex;flex-direction: column;align-items: flex-start;gap: var(--vaadin-padding-s);padding: var(--vaadin-padding-l);background: var(--aura-surface-color);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);box-shadow: var(--aura-shadow-xs)}.sale-detail-header__title-row{flex-wrap: wrap;min-width: 0}.sale-detail-header__number{font-size: 1.35rem;color: var(--aura-accent-color)}.sale-detail-summary-card{display: flex;flex-direction: column;gap: var(--vaadin-padding-s);border: 1px solid var(--vaadin-border-color-secondary);box-shadow: var(--aura-shadow-xs)}.sale-detail-summary-card__row{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-padding-s)}.sale-detail-summary-card__row--total{padding-top: var(--vaadin-padding-xs)}.sale-detail-summary-card__divider{height: 1px;background: var(--vaadin-border-color-secondary);margin: var(--vaadin-padding-xs) 0}.sale-detail-summary-card__total-value{color: var(--aura-accent-color);font-size: 1.05rem;font-weight: 700}.sale-detail-summary-card__danger{color: var(--aura-red)}.sale-detail-summary-card__payment{min-width: 0}.sale-detail-summary-card__paid-label{color: var(--vaadin-text-color-secondary)}.sale-detail-lines-section,.sale-detail-refunds-section{display: flex;flex-direction: column;gap: var(--vaadin-padding-s)}.sale-detail-line-list,.sale-detail-refund-list{grid-template-columns: 1fr !important}.sale-detail-line-card{cursor: default;border-left-width: 4px;border-left-style: solid;border-left-color: transparent}.sale-detail-line-card--refunded{border-left-color: var(--aura-red)}.sale-detail-line-card__top{min-width: 0}.sale-detail-line-card__total{color: var(--aura-accent-color);white-space: nowrap}.sale-detail-line-card__refunded-value{color: var(--aura-red)}.sale-detail-refund-card{display: flex;align-items: flex-start;gap: var(--vaadin-padding-m);cursor: default}.sale-detail-refund-card__icon{display: flex;align-items: center;justify-content: center;flex-shrink: 0;width: 32px;height: 32px;border-radius: 50%;background: color-mix(in srgb,var(--aura-red) 12%,transparent);color: var(--aura-red)}.sale-detail-refund-card__info{display: flex;flex-direction: column;gap: 2px;flex: 1;min-width: 0}.sale-detail-refund-card__amount{color: var(--aura-red);white-space: nowrap;flex-shrink: 0}.sale-detail-actions{display: flex;flex-direction: column;gap: var(--vaadin-padding-s);width: 100%;box-sizing: border-box}.sale-detail-actions vaadin-button{width: 100%;min-height: 42px}.shift-detail-view{display: flex;flex-direction: column;min-height: 0}.shift-detail-view vaadin-scroller{flex: 1;min-height: 0}.shift-detail-page{display: flex;flex-direction: column;gap: var(--vaadin-padding-m);width: 100%;max-width: none;box-sizing: border-box;padding: 0 var(--vaadin-padding-xs) var(--vaadin-padding-xl);padding-inline-end: var(--vaadin-padding-m)}.shift-detail-header{display: flex;flex-direction: column;gap: var(--vaadin-padding-xs)}.shift-detail-header__title-row{flex-wrap: wrap;min-width: 0}.shift-detail-header__title{font-size: 1.35rem;font-weight: 700;color: var(--vaadin-text-color);line-height: 1.2}.shift-detail-header__duration{font-size: var(--aura-font-size-s);font-weight: 600;color: var(--aura-green)}.shift-stat-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: var(--vaadin-padding-m);width: 100%;box-sizing: border-box}@media (min-width: 768px){.shift-stat-grid{grid-template-columns: repeat(4,1fr)}}.shift-stat-card__value--live{color: var(--aura-green)}.shift-reconciliation-card{display: flex;flex-direction: column;gap: var(--vaadin-padding-s);border: 1px solid var(--vaadin-border-color-secondary);box-shadow: var(--aura-shadow-xs)}.shift-reconciliation-card__row{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-padding-s)}.shift-reconciliation-card__row--total{padding-top: var(--vaadin-padding-xs)}.shift-reconciliation-card__value--positive{color: var(--aura-green)}.shift-reconciliation-card__value--negative{color: var(--aura-red)}.shift-reconciliation-card__divider{height: 1px;background: var(--vaadin-border-color-secondary);margin: var(--vaadin-padding-xs) 0}.shift-reconciliation-card__total-value{color: var(--aura-accent-color);font-size: 1.05rem;font-weight: 700}.shift-live-banner{display: flex;align-items: center;gap: var(--vaadin-padding-s);margin-top: var(--vaadin-padding-xs);padding: var(--vaadin-padding-s) var(--vaadin-padding-m);border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--aura-green) 12%,transparent)}.shift-live-banner__dot{width: 8px;height: 8px;border-radius: 50%;background: var(--aura-green);flex-shrink: 0}.shift-live-banner__text{font-size: var(--aura-font-size-xs);font-weight: 600;color: var(--aura-green)}.shift-payment-breakdown-card{display: flex;flex-direction: column;gap: var(--vaadin-padding-s);border: 1px solid var(--vaadin-border-color-secondary);box-shadow: var(--aura-shadow-xs)}.shift-payment-row{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-padding-s)}.shift-payment-row__label{min-width: 0}.shift-transaction-section{display: flex;flex-direction: column;gap: var(--vaadin-padding-s)}.shift-section-header{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-padding-s);width: 100%;margin-bottom: var(--vaadin-padding-xs)}.shift-section-header .job-detail-section-title{margin-bottom: 0}.shift-section-header__total{font-size: var(--aura-font-size-s);font-weight: 700;color: var(--vaadin-text-color-secondary);white-space: nowrap}.shift-section-header__total--danger{color: var(--aura-red)}.shift-transaction-list{display: flex;flex-direction: column;border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);background: var(--aura-surface-color);box-shadow: var(--aura-shadow-xs);overflow: hidden}.shift-transaction-row{display: flex;flex-direction: column;gap: 4px;padding: var(--vaadin-padding-m);border-bottom: 1px solid var(--vaadin-border-color-secondary);cursor: pointer;transition: background 0.15s ease}.shift-transaction-row:last-child{border-bottom: none}.shift-transaction-row:hover{background: color-mix(in srgb,var(--aura-accent-color) 4%,transparent)}.shift-transaction-row__empty{cursor: default}.shift-transaction-row__top{min-width: 0}.shift-transaction-row__number{color: var(--aura-accent-color);font-weight: 700;font-size: var(--aura-font-size-s)}.shift-transaction-row__amount{font-weight: 700;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color);white-space: nowrap}.shift-transaction-row__meta{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.shift-refund-row{display: flex;align-items: flex-start;gap: var(--vaadin-padding-m);padding: var(--vaadin-padding-m);border-bottom: 1px solid var(--vaadin-border-color-secondary)}.shift-refund-row:last-child{border-bottom: none}.shift-refund-row__icon{display: flex;align-items: center;justify-content: center;flex-shrink: 0;width: 32px;height: 32px;border-radius: 50%;background: color-mix(in srgb,var(--aura-red) 12%,transparent);color: var(--aura-red)}.shift-refund-row__info{flex: 1;min-width: 0}.shift-refund-row__headline{font-weight: 600;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color)}.shift-refund-row__amount{margin-left: auto;font-weight: 700;font-size: var(--aura-font-size-s);color: var(--aura-red);white-space: nowrap;flex-shrink: 0}.shift-detail-actions{display: flex;flex-direction: column;gap: var(--vaadin-padding-s);width: 100%;box-sizing: border-box;padding-top: var(--vaadin-padding-s)}.shift-detail-actions vaadin-button{width: 100%;min-height: 42px}.shift-detail-header__closed-meta{font-weight: 500}.shift-variance-banner{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-padding-s);margin-top: var(--vaadin-padding-xs);padding: var(--vaadin-padding-s) var(--vaadin-padding-m);border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--aura-red) 10%,transparent)}.shift-variance-banner__value{font-size: var(--aura-font-size-s);font-weight: 700;color: var(--vaadin-text-color)}.shift-variance-banner__value--negative{color: var(--aura-red)}.shift-variance-banner__value--positive{color: var(--aura-green)}vaadin-button.shift-z-report-btn{width: 100%;min-height: 42px;border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--aura-accent-color) 10%,transparent);color: var(--aura-accent-text-color);font-weight: 600;border: 1px solid color-mix(in srgb,var(--aura-accent-color) 20%,transparent)}.platform-stat-grid{grid-template-columns: repeat(2,1fr)}@media (min-width: 1024px){.platform-stat-grid{grid-template-columns: repeat(4,1fr)}}.platform-business-directory{width: 100%;max-width: none;margin: 0;padding: var(--vaadin-padding-s);box-sizing: border-box;gap: var(--vaadin-padding-s)}.platform-business-directory__hero{align-items: flex-end;justify-content: space-between;gap: var(--vaadin-padding-m);flex-wrap: wrap}.platform-business-directory__heading{display: flex;flex-direction: column;gap: var(--vaadin-padding-s);min-width: 0}.platform-business-directory__title{margin: 0;font-size: clamp(1.45rem,1.85vw,1.8rem);font-weight: var(--aura-font-weight-semibold);line-height: 1.16;color: var(--vaadin-text-color)}.platform-business-directory__subtitle{margin: 0;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}vaadin-text-field.platform-business-directory__search{width: 100%}vaadin-text-field.platform-business-directory__search::part(input-field){min-height: 2.7rem;border-radius: var(--vaadin-radius-l);padding-inline: var(--vaadin-padding-s);border: 1px solid color-mix(in srgb,var(--aura-neutral) 14%,transparent);background: color-mix(in srgb,var(--aura-surface-color) 82%,transparent)}vaadin-text-field.platform-business-directory__search::part(value){font-size: var(--aura-font-size-s)}vaadin-text-field.platform-business-directory__search::part(prefix){color: var(--vaadin-text-color-secondary)}.platform-business-directory__chip-bar{gap: var(--vaadin-gap-s);padding-block: 0}.platform-business-directory__chip-bar .job-chip{gap: 0.65rem;min-height: 1.95rem;padding: 0.2rem 0.72rem;border-radius: 999px;border: 1px solid color-mix(in srgb,var(--aura-neutral) 12%,transparent);color: color-mix(in srgb,var(--vaadin-text-color) 78%,transparent)}.platform-business-directory__chip-bar .job-chip-active{box-shadow: none}.platform-filter-count{display: inline-flex;align-items: center;justify-content: center;min-width: 1.45rem;height: 1.45rem;padding-inline: 0.28rem;border-radius: 999px;background: color-mix(in srgb,var(--aura-neutral) 8%,transparent);color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold)}.platform-business-directory__chip-bar .job-chip-active .platform-filter-count{background: color-mix(in srgb,white 18%,transparent);color: inherit}.platform-card-list{display: grid;grid-template-columns: 1fr;gap: var(--vaadin-padding-s);width: 100%;min-width: 0}@media (min-width: 768px){.platform-card-list{grid-template-columns: repeat(2,1fr)}}.platform-card{border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);padding: var(--vaadin-padding-m);cursor: pointer;transition: border-color 0.15s ease,box-shadow 0.15s ease;box-sizing: border-box;width: 100%;min-width: 0}.platform-card:hover{border-color: color-mix(in srgb,var(--aura-accent-color) 40%,transparent);box-shadow: rgba(25,59,103,0.08) 0px 4px 12px 0px}.platform-business-card-list{grid-template-columns: 1fr}@media (min-width: 900px){.platform-business-card-list{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (min-width: 1320px){.platform-business-card-list{grid-template-columns: repeat(3,minmax(0,1fr))}}.platform-business-card{overflow: hidden;padding: 0;border-radius: var(--vaadin-radius-l);border: 1px solid color-mix(in srgb,var(--aura-neutral) 10%,transparent);transition: border-color 0.18s ease,box-shadow 0.18s ease,transform 0.18s ease}.platform-business-card:hover{transform: translateY(-2px);box-shadow: var(--aura-shadow-m)}.platform-business-card__body{display: flex;flex-direction: column;gap: var(--vaadin-padding-s);padding: var(--vaadin-padding-s)}.platform-business-card__header{gap: var(--vaadin-padding-s)}.platform-business-card__avatar{width: 3rem;height: 3rem;border-radius: var(--vaadin-radius-l);display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;background: color-mix(in srgb,var(--aura-accent-color) 12%,transparent);color: var(--aura-accent-text-color);font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold)}.platform-business-card__identity{justify-content: center;min-width: 0;gap: 0.35rem}.platform-business-card__title-row{flex-wrap: wrap}.platform-business-card__title{font-size: clamp(1.05rem,1.2vw,1.2rem);font-weight: var(--aura-font-weight-semibold);line-height: 1.2;min-width: 0}.platform-business-card__subtitle{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-xs)}.platform-business-status{gap: 0.45rem;padding: 0.3rem 0.72rem;border-radius: 999px;font-size: var(--aura-font-size-xs);text-transform: none;letter-spacing: 0;margin-inline-start: auto}.platform-business-status::before{content: "";width: 0.55rem;height: 0.55rem;border-radius: 50%;background: currentColor}.platform-business-card__stats{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--vaadin-padding-s);padding-top: var(--vaadin-padding-s);border-top: 1px solid color-mix(in srgb,var(--aura-neutral) 5%,transparent)}@media (max-width: 719px){.platform-business-card__stats{gap: var(--vaadin-padding-xs)}.platform-business-card__metric{gap: 0.25rem}.platform-business-card__metric-label{letter-spacing: 0.04em}.platform-business-card__metric-value{font-size: var(--aura-font-size-xs)}}.platform-business-card__metric{display: flex;flex-direction: column;gap: 0.4rem;min-width: 0}.platform-business-card__metric-label{font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold);text-transform: uppercase;letter-spacing: 0.08em;color: var(--vaadin-text-color-secondary)}.platform-business-card__metric-value{font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color)}.platform-business-card__footer{gap: var(--vaadin-padding-s);padding: var(--vaadin-padding-xs) var(--vaadin-padding-s);border-top: 1px solid color-mix(in srgb,var(--aura-neutral) 8%,transparent);background: color-mix(in srgb,var(--aura-neutral) 4%,transparent)}.platform-business-card__footer-meta{font-size: var(--aura-font-size-xs)}.platform-business-card__manage{color: var(--aura-accent-text-color);font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold);flex-shrink: 0}.platform-business-card__manage vaadin-icon{width: 1rem;height: 1rem}.platform-business-empty{grid-column: 1 / -1;display: flex;flex-direction: column;gap: var(--vaadin-padding-s);padding: var(--vaadin-padding-l);border-radius: var(--vaadin-radius-l);border: 1px solid color-mix(in srgb,var(--aura-neutral) 10%,transparent);text-align: center}.platform-business-empty__title{font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color)}.platform-business-empty__message{color: var(--vaadin-text-color-secondary)}.platform-card__title{font-weight: 600;color: var(--vaadin-text-color)}.platform-card__meta-row,.platform-card__meta{font-size: var(--aura-font-size-s)}.platform-card-section{display: flex;flex-direction: column;gap: var(--vaadin-padding-m)}.platform-card-section__title{margin: 0;font-size: var(--aura-font-size-m);font-weight: 600}.platform-outlet-list{display: grid;grid-template-columns: 1fr;gap: var(--vaadin-padding-m)}@media (min-width: 768px){.platform-outlet-list{grid-template-columns: repeat(2,1fr)}}.platform-outlets-section,.platform-billing-section,.platform-events-section{display: flex;flex-direction: column;gap: var(--vaadin-padding-m);width: 100%}.platform-detail-field{display: block;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color);margin-bottom: var(--vaadin-padding-xs)}.platform-badge{display: inline-flex;align-items: center;padding: 2px 8px;border-radius: var(--vaadin-radius-s);font-size: var(--aura-font-size-xs);font-weight: 600;letter-spacing: 0.02em;text-transform: uppercase}.platform-badge--success{background: color-mix(in srgb,var(--aura-green) 12%,transparent);color: var(--aura-green)}.platform-badge--warning{background: color-mix(in srgb,var(--aura-yellow) 14%,transparent);color: var(--aura-yellow)}.platform-badge--error{background: color-mix(in srgb,var(--aura-red) 12%,transparent);color: var(--aura-red)}.platform-badge--neutral{background: color-mix(in srgb,var(--aura-neutral) 10%,transparent);color: var(--vaadin-text-color-secondary)}.platform-dialog__title{margin-top: 0}.platform-register-dialog::part(content){padding: 0}.platform-register-dialog::part(overlay){max-width: min(94vw,820px)}.platform-register-dialog__header,.platform-register-dialog__body,.platform-register-dialog__footer{padding-inline: calc(var(--vaadin-padding-l) + var(--vaadin-padding-xs))}.platform-register-dialog__header{display: flex;flex-direction: column;gap: var(--vaadin-padding-s);padding-top: calc(var(--vaadin-padding-l) + var(--vaadin-padding-xs));padding-bottom: var(--vaadin-padding-l);border-bottom: 1px solid color-mix(in srgb,var(--aura-neutral) 8%,transparent)}.platform-register-dialog__title{margin-bottom: 0;font-size: clamp(2rem,3vw,2.4rem);line-height: 1.08}.platform-register-dialog__subtitle{font-size: var(--aura-font-size-m);color: var(--vaadin-text-color-secondary)}.platform-register-dialog__body{gap: var(--vaadin-padding-l);padding-top: var(--vaadin-padding-l);padding-bottom: var(--vaadin-padding-l)}.platform-register-dialog__form{width: 100%}.platform-register-dialog__section-label{font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold);text-transform: uppercase;letter-spacing: 0.08em;color: var(--vaadin-text-color-secondary)}.platform-register-dialog__footer{align-items: center;flex-wrap: wrap;gap: var(--vaadin-padding-m);padding-top: var(--vaadin-padding-m);padding-bottom: var(--vaadin-padding-m);border-top: 1px solid color-mix(in srgb,var(--aura-neutral) 8%,transparent)}.platform-register-dialog__footer-note{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-m)}.platform-register-dialog__actions{flex-wrap: wrap;margin-inline-start: auto}.platform-register-dialog__submit{min-height: 3.25rem;padding-inline: calc(var(--vaadin-padding-l) + var(--vaadin-padding-xs))}.platform-register-dialog__cancel{min-height: 3.25rem}.platform-pay-link{color: var(--aura-accent-text-color);font-weight: 600;text-decoration: none}.platform-pay-link:hover{text-decoration: underline}.platform-btn-danger{color: var(--aura-red)}.platform-business-detail__content{padding: var(--vaadin-padding-s);gap: var(--vaadin-gap-s)}.platform-business-detail__hero{display: flex;flex-direction: column;gap: var(--vaadin-gap-s)}.platform-business-detail__back-link{display: inline-flex;align-items: center;gap: var(--vaadin-gap-xs);width: fit-content;color: var(--aura-accent-text-color);font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold);text-decoration: none}.platform-business-detail__back-link:hover{text-decoration: underline}.platform-business-detail__hero-copy{display: flex;flex-direction: column;gap: 4px}.platform-business-detail__hero-meta{font-size: var(--aura-font-size-s)}.platform-business-detail__metrics{display: grid;grid-template-columns: repeat(1,minmax(0,1fr));gap: var(--vaadin-gap-s);width: 100%}.platform-business-detail__metric-card{display: flex;flex-direction: column;gap: var(--vaadin-gap-s);min-width: 0;padding: var(--vaadin-padding-s);border: 1px solid var(--vaadin-border-color-secondary);border-inline-start-width: 4px;border-radius: var(--vaadin-radius-l)}.platform-business-detail__metric-card--blue{border-inline-start-color: var(--aura-accent-color)}.platform-business-detail__metric-card--green{border-inline-start-color: var(--aura-green)}.platform-business-detail__metric-header{display: flex;align-items: center;gap: var(--vaadin-gap-s)}.platform-business-detail__metric-icon{display: inline-flex;align-items: center;justify-content: center;width: 2rem;height: 2rem;border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--aura-accent-color) 10%,transparent);color: var(--aura-accent-color);flex-shrink: 0}.platform-business-detail__metric-card--green .platform-business-detail__metric-icon{background: color-mix(in srgb,var(--aura-green) 10%,transparent);color: var(--aura-green)}.platform-business-detail__metric-label{font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-medium);color: var(--vaadin-text-color-secondary)}.platform-business-detail__metric-value{font-size: clamp(1.35rem,1.75vw,1.7rem);font-weight: var(--aura-font-weight-semibold);line-height: 1;color: var(--vaadin-text-color)}.platform-business-detail__metric-subtitle{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.platform-business-detail__body-grid{display: grid;grid-template-columns: minmax(0,1fr);gap: var(--vaadin-gap-s);width: 100%}.platform-business-detail__stack{display: flex;flex-direction: column;gap: var(--vaadin-gap-s);min-width: 0}.platform-business-detail__section-card{display: flex;flex-direction: column;gap: var(--vaadin-gap-s);min-width: 0;padding: var(--vaadin-padding-s);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l)}.platform-business-detail__section-title{margin: 0;font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold)}.platform-business-detail__outlet-list{display: flex;flex-direction: column;margin: 0 calc(var(--vaadin-padding-s) * -1)}.platform-business-detail__outlet-row{display: flex;align-items: center;gap: var(--vaadin-gap-s);min-width: 0;padding: var(--vaadin-padding-s);border-top: 1px solid var(--vaadin-border-color-secondary);transition: background-color 0.15s ease}.platform-business-detail__outlet-row:first-child{border-top: 0}.platform-business-detail__outlet-row[role='button']{cursor: pointer}.platform-business-detail__outlet-row[role='button']:hover{background: color-mix(in srgb,var(--aura-neutral) 6%,transparent)}.platform-business-detail__outlet-leading{display: inline-flex;align-items: center;justify-content: center;width: 2.4rem;height: 2.4rem;border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--aura-neutral) 8%,transparent);color: var(--vaadin-text-color-secondary);flex-shrink: 0}.platform-business-detail__outlet-details{display: flex;flex-direction: column;gap: 4px;min-width: 0;flex: 1}.platform-business-detail__outlet-name{font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color)}.platform-business-detail__outlet-meta{font-size: var(--aura-font-size-s)}.platform-business-detail__outlet-side{display: flex;flex-direction: column;align-items: flex-end;gap: var(--vaadin-gap-xs);flex-shrink: 0}.platform-business-detail__outlet-price{font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color);text-align: right}.platform-business-detail__pill{display: inline-flex;align-items: center;gap: 6px;padding: 3px 10px;border-radius: 999px;font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold);white-space: nowrap}.platform-business-detail__pill::before{content: "";width: 8px;height: 8px;border-radius: 50%;flex-shrink: 0}.platform-business-detail__pill--success{background: color-mix(in srgb,var(--aura-green) 12%,transparent);color: var(--aura-green)}.platform-business-detail__pill--success::before{background: var(--aura-green)}.platform-business-detail__pill--info{background: color-mix(in srgb,var(--aura-accent-color) 12%,transparent);color: var(--aura-accent-color)}.platform-business-detail__pill--info::before{background: var(--aura-accent-color)}.platform-business-detail__pill--warning{background: color-mix(in srgb,var(--aura-orange) 12%,transparent);color: var(--aura-orange-text)}.platform-business-detail__pill--warning::before{background: var(--aura-orange)}.platform-business-detail__pill--danger{background: color-mix(in srgb,var(--aura-red) 12%,transparent);color: var(--aura-red)}.platform-business-detail__pill--danger::before{background: var(--aura-red)}.platform-business-detail__pill--neutral{background: color-mix(in srgb,var(--aura-neutral) 12%,transparent);color: var(--vaadin-text-color-secondary)}.platform-business-detail__pill--neutral::before{background: var(--vaadin-text-color-secondary)}.platform-business-detail__owner-card{height: fit-content}.platform-business-detail__owner-head{display: flex;align-items: center;gap: var(--vaadin-gap-s)}.platform-business-detail__owner-avatar{display: inline-flex;align-items: center;justify-content: center;width: 3rem;height: 3rem;border-radius: 50%;background: var(--aura-accent-color);color: var(--aura-accent-contrast-color);font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold);flex-shrink: 0}.platform-business-detail__owner-copy{display: flex;flex-direction: column;gap: 4px;min-width: 0}.platform-business-detail__owner-name{font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color)}.platform-business-detail__owner-role{font-size: var(--aura-font-size-s)}.platform-business-detail__kv-list{display: flex;flex-direction: column}.platform-business-detail__kv-row{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-xs) 0;border-top: 1px solid var(--vaadin-border-color-secondary)}.platform-business-detail__kv-row:first-child{border-top: 0}.platform-business-detail__kv-label{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.platform-business-detail__kv-value{font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-medium);color: var(--vaadin-text-color);text-align: right}.platform-business-detail__edit-button{width: 100%;--vaadin-button-border-width: 1px;--vaadin-button-border-color: var(--aura-accent-color);color: var(--aura-accent-text-color)}.platform-business-detail__activity-copy,.platform-business-detail__empty-state{font-size: var(--aura-font-size-m)}@media (min-width: 860px){.platform-business-detail__metrics{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (min-width: 1180px){.platform-business-detail__metrics{grid-template-columns: repeat(4,minmax(0,1fr))}.platform-business-detail__body-grid{grid-template-columns: minmax(0,1.55fr) minmax(320px,0.95fr);align-items: start}}@media (max-width: 639px){.platform-business-detail__section-card,.platform-business-detail__metric-card{padding: var(--vaadin-padding-m)}.platform-business-detail__outlet-row{align-items: flex-start;flex-direction: column}.platform-business-detail__outlet-side,.platform-business-detail__kv-row{width: 100%;align-items: flex-start}.platform-business-detail__kv-row{flex-direction: column}.platform-business-detail__kv-value{text-align: left}}.platform-chart-card{min-width: 0}.platform-events-grid{border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);overflow: hidden}.platform-events-grid::part(header-cell),.platform-events-grid::part(body-cell){padding-block: var(--vaadin-padding-xs)}.platform-events-grid::part(header-cell){font-size: var(--aura-font-size-s)}.platform-dashboard-view>.aura-view-header{display: none}.platform-dashboard-scroller::part(content){width: 100%;max-width: 1280px;margin: 0 auto;box-sizing: border-box}.platform-dashboard{display: flex;flex-direction: column;gap: var(--vaadin-padding-s);width: 100%;padding: var(--vaadin-padding-s) 0 calc(var(--vaadin-padding-s) + var(--safe-area-inset-bottom,0px));box-sizing: border-box}.platform-dashboard>*{min-width: 0}.platform-dashboard__hero{display: flex;align-items: flex-start;justify-content: space-between;gap: var(--vaadin-padding-m)}.platform-dashboard__hero-copy{display: flex;flex-direction: column;gap: var(--vaadin-padding-s);min-width: 0}.platform-dashboard__title{margin: 0;font-size: clamp(1.55rem,1.95vw,1.9rem);line-height: 1.12;letter-spacing: -0.01em;font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color)}.platform-dashboard__subtitle{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.platform-dashboard__export{flex-shrink: 0;min-height: calc(var(--aura-base-size) * 1px * 2);padding-inline: var(--vaadin-padding-m);border-radius: var(--vaadin-radius-l);font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold)}.platform-dashboard__metric-grid,.platform-dashboard__signal-grid,.platform-dashboard__insight-grid,.platform-dashboard__secondary-grid{display: grid;width: 100%;gap: var(--vaadin-padding-s)}.platform-dashboard__metric-grid{grid-template-columns: repeat(4,minmax(0,1fr))}.platform-dashboard__signal-grid{grid-template-columns: repeat(3,minmax(0,1fr))}.platform-dashboard__insight-grid{grid-template-columns: minmax(0,1.55fr) minmax(0,1fr)}.platform-dashboard__secondary-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.platform-dashboard__metric-card,.platform-dashboard__signal-card,.platform-dashboard__feature-card,.platform-dashboard__events-card{min-width: 0;border: 1px solid color-mix(in srgb,var(--aura-neutral) 10%,transparent);border-radius: var(--vaadin-radius-l)}.platform-dashboard__metric-card{position: relative;display: flex;flex-direction: column;gap: var(--vaadin-padding-s);padding: var(--vaadin-padding-s);border-left: 4px solid var(--aura-accent-color);transition: transform 0.18s ease,box-shadow 0.18s ease}.platform-dashboard__metric-card.is-success{border-left-color: var(--aura-green)}.platform-dashboard__metric-card:hover,.platform-dashboard__signal-card:hover{transform: translateY(-2px);box-shadow: 0 16px 32px rgba(25,59,103,0.08)}.platform-dashboard__metric-top,.platform-dashboard__metric-value-row,.platform-dashboard__feature-header,.platform-dashboard__section-header,.platform-dashboard__plan-header,.platform-dashboard__status-row,.platform-dashboard__event-row,.platform-dashboard__signal-title-row{display: flex;align-items: center}.platform-dashboard__metric-top{gap: var(--vaadin-padding-s)}.platform-dashboard__metric-icon,.platform-dashboard__signal-icon,.platform-dashboard__event-icon{display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;border-radius: calc(var(--vaadin-radius-l) + 2px)}.platform-dashboard__metric-icon{width: 36px;height: 36px;background: color-mix(in srgb,var(--aura-accent-color) 12%,transparent);color: var(--aura-accent-text-color)}.platform-dashboard__metric-card.is-success .platform-dashboard__metric-icon{background: color-mix(in srgb,var(--aura-green) 12%,transparent);color: var(--aura-green)}.platform-dashboard__metric-label{font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-medium);color: color-mix(in srgb,var(--vaadin-text-color) 72%,var(--vaadin-text-color-secondary))}.platform-dashboard__metric-value-row{gap: var(--vaadin-padding-s);align-items: baseline}.platform-dashboard__metric-value{font-size: clamp(1.55rem,1.9vw,1.9rem);line-height: 1;letter-spacing: -0.01em;font-weight: 700;color: var(--vaadin-text-color)}.platform-dashboard__metric-hint{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.platform-dashboard__trend{display: inline-flex;align-items: center;gap: 6px;font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold)}.platform-dashboard__trend.is-positive{color: var(--aura-green)}.platform-dashboard__trend.is-negative{color: var(--aura-red)}.platform-dashboard__trend.is-positive::before{content: "↗"}.platform-dashboard__trend.is-negative::before{content: "↘"}.platform-dashboard__signal-card{display: grid;grid-template-columns: auto 1fr auto;align-items: center;gap: var(--vaadin-padding-s);padding: var(--vaadin-padding-s);color: inherit;text-decoration: none;transition: transform 0.18s ease,box-shadow 0.18s ease}.platform-dashboard__signal-card.is-warning .platform-dashboard__signal-icon{background: color-mix(in srgb,var(--aura-orange) 14%,transparent);color: var(--aura-orange-text)}.platform-dashboard__signal-card.is-primary .platform-dashboard__signal-icon{background: color-mix(in srgb,var(--aura-accent-color) 12%,transparent);color: var(--aura-accent-text-color)}.platform-dashboard__signal-card.is-danger .platform-dashboard__signal-icon{background: color-mix(in srgb,var(--aura-red) 12%,transparent);color: var(--aura-red)}.platform-dashboard__signal-icon,.platform-dashboard__event-icon{width: 36px;height: 36px}.platform-dashboard__signal-copy{display: flex;flex-direction: column;gap: 4px;min-width: 0}.platform-dashboard__signal-count{font-size: clamp(1.3rem,1.6vw,1.55rem);line-height: 1;font-weight: 700}.platform-dashboard__signal-card.is-warning .platform-dashboard__signal-count{color: var(--aura-orange-text)}.platform-dashboard__signal-card.is-primary .platform-dashboard__signal-count{color: var(--aura-accent-color)}.platform-dashboard__signal-card.is-danger .platform-dashboard__signal-count{color: var(--aura-red)}.platform-dashboard__signal-title-row{gap: var(--vaadin-padding-s)}.platform-dashboard__signal-title{font-size: clamp(0.95rem,1.05vw,1.1rem);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color)}.platform-dashboard__signal-subtitle,.platform-dashboard__feature-caption,.platform-dashboard__event-description,.platform-dashboard__event-time,.platform-dashboard__plan-outlets,.platform-dashboard__empty-text{color: var(--vaadin-text-color-secondary)}.platform-dashboard__signal-chevron{color: var(--vaadin-text-color-secondary)}.platform-dashboard__badge-accent{background: color-mix(in srgb,var(--aura-accent-color) 12%,transparent);color: var(--aura-accent-text-color)}.platform-dashboard__feature-card,.platform-dashboard__events-card{display: flex;flex-direction: column;gap: var(--vaadin-padding-s);padding: var(--vaadin-padding-s)}.platform-dashboard__feature-header,.platform-dashboard__section-header{justify-content: space-between;gap: var(--vaadin-padding-s)}.platform-dashboard__feature-title,.platform-dashboard__section-title{margin: 0;font-size: clamp(1.1rem,1.2vw,1.3rem);line-height: 1.2;font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color)}.platform-dashboard__feature-caption{font-size: var(--aura-font-size-s)}.platform-dashboard__feature-summary{display: flex;align-items: baseline;gap: var(--vaadin-padding-s);flex-wrap: wrap}.platform-dashboard__feature-value{font-size: clamp(1.55rem,1.95vw,1.95rem);line-height: 1;letter-spacing: -0.01em;font-weight: 700;color: var(--vaadin-text-color)}.platform-dashboard__revenue-chart,.platform-dashboard__signups-chart{display: block;width: 100%;min-height: 232px;height: 232px}.platform-dashboard__status-body{display: grid;grid-template-columns: minmax(220px,280px) minmax(0,1fr);align-items: center;gap: var(--vaadin-padding-m)}.platform-dashboard__status-chart{display: block;width: 100%;min-height: 192px;height: 192px}.platform-dashboard__status-legend{display: flex;flex-direction: column;gap: var(--vaadin-gap-xs)}.platform-dashboard__status-row{gap: var(--vaadin-padding-s)}.platform-dashboard__status-dot{width: 16px;height: 16px;border-radius: 6px;flex-shrink: 0}.platform-dashboard__status-label{flex: 1;min-width: 0;font-size: var(--aura-font-size-s);color: color-mix(in srgb,var(--vaadin-text-color) 72%,var(--vaadin-text-color-secondary))}.platform-dashboard__status-count{font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color)}.platform-dashboard__plan-list,.platform-dashboard__events-list{display: flex;flex-direction: column}.platform-dashboard__plan-list{gap: var(--vaadin-padding-s)}.platform-dashboard__plan-row{display: flex;flex-direction: column;gap: var(--vaadin-padding-s)}.platform-dashboard__plan-header{justify-content: space-between;gap: var(--vaadin-padding-m)}.platform-dashboard__plan-copy{display: inline-flex;align-items: baseline;gap: var(--vaadin-padding-s);flex-wrap: wrap}.platform-dashboard__plan-name{font-size: clamp(1rem,1.1vw,1.2rem);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color)}.platform-dashboard__plan-revenue{font-size: clamp(1rem,1.15vw,1.3rem);font-weight: 700;color: var(--vaadin-text-color);white-space: nowrap}.platform-dashboard__plan-track{position: relative;width: 100%;height: 10px;border-radius: 999px;overflow: hidden;background: color-mix(in srgb,var(--aura-neutral) 10%,transparent)}.platform-dashboard__plan-fill{height: 100%;border-radius: inherit;background: linear-gradient(90deg,color-mix(in srgb,var(--aura-accent-color) 86%,white),var(--aura-accent-color))}.platform-dashboard__section-link{color: var(--aura-accent-text-color);font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold);text-decoration: none}.platform-dashboard__section-link:hover{text-decoration: underline}.platform-dashboard__events-list{margin-inline: calc(var(--vaadin-padding-s) * -1)}.platform-dashboard__event-row{gap: var(--vaadin-padding-s);padding: var(--vaadin-padding-xs) var(--vaadin-padding-s);border-top: 1px solid color-mix(in srgb,var(--aura-neutral) 8%,transparent)}.platform-dashboard__event-row:first-child{border-top: none}.platform-dashboard__event-icon{width: 40px;height: 40px}.platform-dashboard__event-icon.is-primary{background: color-mix(in srgb,var(--aura-accent-color) 12%,transparent);color: var(--aura-accent-text-color)}.platform-dashboard__event-icon.is-success{background: color-mix(in srgb,var(--aura-green) 12%,transparent);color: var(--aura-green)}.platform-dashboard__event-icon.is-warning{background: color-mix(in srgb,var(--aura-orange) 14%,transparent);color: var(--aura-orange-text)}.platform-dashboard__event-icon.is-danger{background: color-mix(in srgb,var(--aura-red) 12%,transparent);color: var(--aura-red)}.platform-dashboard__event-icon.is-neutral{background: color-mix(in srgb,var(--aura-neutral) 10%,transparent);color: var(--vaadin-text-color-secondary)}.platform-dashboard__event-copy{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 6px}.platform-dashboard__event-headline{font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color)}.platform-dashboard__event-description{font-size: var(--aura-font-size-s)}.platform-dashboard__event-time{margin-inline-start: auto;text-align: right;white-space: nowrap;font-size: var(--aura-font-size-s)}.platform-dashboard__empty-state{display: flex;align-items: center;justify-content: center;min-height: 120px;border-radius: var(--vaadin-radius-l);background: color-mix(in srgb,var(--aura-neutral) 4%,transparent)}@media (max-width: 1200px){.platform-dashboard__metric-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.platform-dashboard__signal-grid,.platform-dashboard__insight-grid,.platform-dashboard__secondary-grid{grid-template-columns: 1fr}.platform-dashboard__status-body{grid-template-columns: 1fr}}@media (max-width: 900px){.platform-dashboard-view>.aura-view-header{display: flex}.platform-dashboard__hero{flex-direction: column;align-items: stretch}.platform-dashboard__export{width: 100%;justify-content: center}.platform-dashboard__events-list{margin-inline: 0}.platform-dashboard__event-row{display: grid;grid-template-columns: auto 1fr;align-items: start}.platform-dashboard__event-time{grid-column: 2;margin-inline-start: 0;text-align: left}}@media (max-width: 720px){.platform-dashboard{gap: var(--vaadin-padding-m);padding-top: var(--vaadin-padding-m)}.platform-dashboard__metric-grid{grid-template-columns: 1fr}.platform-dashboard__signal-grid{gap: var(--vaadin-padding-m)}.platform-dashboard__feature-card,.platform-dashboard__events-card,.platform-dashboard__metric-card,.platform-dashboard__signal-card{padding: var(--vaadin-padding-m)}.platform-dashboard__revenue-chart,.platform-dashboard__signups-chart{min-height: 300px;height: 300px}.platform-dashboard__status-chart{min-height: 240px;height: 240px}}.platform-plan-page{width: 100%;box-sizing: border-box;padding: var(--vaadin-padding-m) var(--vaadin-padding-s);gap: var(--vaadin-padding-m)}.platform-plan-subtitle{margin: 0;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.platform-plan-add-button{min-height: 2.45rem;padding-inline: var(--vaadin-padding-m);border-radius: var(--vaadin-radius-l);font-weight: var(--aura-font-weight-semibold)}.platform-plan-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: var(--vaadin-padding-m);width: 100%;align-items: stretch}.platform-plan-card{position: relative;display: flex;flex-direction: column;min-height: 26rem;border-radius: calc(var(--vaadin-radius-l) + 4px);border: 1px solid color-mix(in srgb,var(--aura-neutral) 12%,transparent);overflow: hidden;background: var(--aura-surface-color);--aura-surface-level: 2;box-shadow: 0 10px 28px color-mix(in srgb,var(--aura-neutral) 8%,transparent);transition: transform 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease}.platform-plan-card:hover{transform: translateY(-2px);border-color: color-mix(in srgb,var(--aura-accent-color) 28%,transparent);box-shadow: 0 18px 40px color-mix(in srgb,var(--aura-neutral) 12%,transparent)}.platform-plan-card--featured{border-width: 2px;border-color: var(--aura-accent-color);box-shadow: 0 18px 44px color-mix(in srgb,var(--aura-accent-color) 18%,transparent)}.platform-plan-card--inactive{opacity: 0.78}.platform-plan-card__body{display: flex;flex-direction: column;gap: var(--vaadin-padding-s);flex: 1;padding: var(--vaadin-padding-m)}.platform-plan-card__name{font-size: clamp(1.25rem,1.5vw,1.5rem);font-weight: 700;line-height: 1.15;color: var(--vaadin-text-color);text-wrap: balance;padding-inline-end: 5.5rem}.platform-plan-card__badge{position: absolute;top: var(--vaadin-padding-m);right: var(--vaadin-padding-m);z-index: 1;display: inline-flex;align-items: center;justify-content: center;min-height: 1.65rem;padding: 0.2rem 0.7rem;border-radius: 999px;background: var(--aura-accent-color);color: var(--aura-accent-contrast-color);font-size: var(--aura-font-size-xs);font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;line-height: 1}.platform-plan-card__description{font-size: var(--aura-font-size-s);line-height: 1.45;color: var(--vaadin-text-color-secondary)}.platform-plan-card__price-row{gap: 0.35rem;margin-block: 0.15rem 0.1rem}.platform-plan-card__price{font-size: clamp(1.55rem,1.9vw,1.9rem);font-weight: 700;line-height: 1;letter-spacing: -0.01em;color: var(--vaadin-text-color)}.platform-plan-card__period{font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-medium);color: var(--vaadin-text-color-secondary)}.platform-plan-card__highlights{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--vaadin-gap-s);align-items: stretch}.platform-plan-card__metric{display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: 0.15rem;min-height: 3.4rem;padding: 0.55rem 0.65rem;border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--aura-neutral) 6%,transparent);box-sizing: border-box}.platform-plan-card__metric--trial{flex-direction: row;align-items: center;gap: 0.4rem}.platform-plan-card__metric-icon{width: 1rem;height: 1rem;color: var(--aura-accent-text-color);flex-shrink: 0}.platform-plan-card__metric-trial-text{font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold);color: var(--aura-accent-text-color);white-space: nowrap}.platform-plan-card__metric-label{font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-medium);color: var(--vaadin-text-color-secondary);line-height: 1.2}.platform-plan-card__metric-value{font-size: 1.05rem;font-weight: 700;line-height: 1.15;color: var(--vaadin-text-color)}.platform-plan-card__features{display: flex;flex-direction: column;gap: 0.55rem;margin-top: 0.15rem}.platform-plan-card__feature{display: flex;align-items: center;gap: 0.65rem}.platform-plan-card__feature-icon{flex-shrink: 0;width: 1.05rem;height: 1.05rem;color: var(--aura-green);box-sizing: border-box}.platform-plan-card__feature-text{font-size: var(--aura-font-size-s);line-height: 1.4;color: var(--vaadin-text-color)}.platform-plan-card__footer{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-padding-s);padding: 0.85rem var(--vaadin-padding-m);border-top: 1px solid color-mix(in srgb,var(--aura-neutral) 9%,transparent);background: color-mix(in srgb,var(--aura-neutral) 2.5%,transparent)}.platform-plan-card__footer-meta{display: flex;align-items: center;flex-wrap: wrap;gap: 0.55rem}.platform-plan-card__status{display: inline-flex;align-items: center;gap: 0.4rem;font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold)}.platform-plan-card__status::before{content: "";width: 0.55rem;height: 0.55rem;border-radius: 50%;flex-shrink: 0}.platform-plan-card__status--active{color: var(--aura-green)}.platform-plan-card__status--active::before{background: var(--aura-green)}.platform-plan-card__status--inactive{color: var(--vaadin-text-color-secondary)}.platform-plan-card__status--inactive::before{background: color-mix(in srgb,var(--aura-neutral) 45%,transparent)}.platform-plan-card__subscribers{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.platform-plan-card__edit{color: var(--vaadin-text-color-secondary);font-weight: var(--aura-font-weight-medium)}.platform-plan-empty-state{padding: var(--vaadin-padding-l);border-radius: var(--vaadin-radius-l);border: 1px dashed var(--vaadin-border-color-secondary);text-align: center;color: var(--vaadin-text-color-secondary)}.platform-plan-dialog::part(overlay){border-radius: calc(var(--vaadin-radius-l) + 10px)}.platform-plan-dialog__content{display: flex;flex-direction: column;min-width: 0}.platform-plan-dialog__header{display: flex;flex-direction: column;gap: 0.45rem;padding: var(--vaadin-padding-m) var(--vaadin-padding-m) var(--vaadin-padding-s);border-bottom: 1px solid color-mix(in srgb,var(--aura-neutral) 9%,transparent)}.platform-plan-dialog__heading{margin: 0;font-size: clamp(1.45rem,1.8vw,1.75rem);font-weight: 700;line-height: 1.12;color: var(--vaadin-text-color)}.platform-plan-dialog__subtitle{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.platform-plan-dialog__form{padding: var(--vaadin-padding-m)}.platform-plan-dialog__field::part(input-field),.platform-plan-dialog__field::part(label),.platform-plan-dialog__field::part(text-area){font-size: var(--aura-font-size-m)}.platform-plan-dialog__toggle-card{display: flex;align-items: center;justify-content: space-between;width: 100%;max-width: 100%;min-width: 0;box-sizing: border-box;gap: var(--vaadin-padding-m);padding: var(--vaadin-padding-m);border-radius: calc(var(--vaadin-radius-m) + 4px);border: 1px solid color-mix(in srgb,var(--aura-neutral) 10%,transparent);background: color-mix(in srgb,var(--aura-neutral) 3%,transparent)}.platform-plan-dialog__toggle-copy{display: flex;flex-direction: column;min-width: 0;gap: 0.3rem}.platform-plan-dialog__toggle-title{font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color)}.platform-plan-dialog__toggle-help{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);overflow-wrap: anywhere}.platform-plan-dialog__toggle{margin: 0;flex-shrink: 0}.platform-plan-dialog__toggle::part(label){display: none}.platform-plan-dialog__toggle::part(checkbox){width: 4.3rem;min-width: 4.3rem;height: 2.4rem;border-radius: 999px;padding: 0.25rem;border: none;background: color-mix(in srgb,var(--aura-neutral) 16%,transparent);transition: background 0.2s ease}.platform-plan-dialog__toggle::part(checkmark){width: 1.9rem;height: 1.9rem;margin-left: 0;border-radius: 50%;background: white;color: transparent;box-shadow: 0 10px 22px rgba(25,59,103,0.18);transition: transform 0.2s ease}.platform-plan-dialog__toggle[checked]::part(checkbox){background: var(--aura-accent-color)}.platform-plan-dialog__toggle[checked]::part(checkmark){transform: translateX(1.85rem)}.platform-plan-dialog__footer{gap: var(--vaadin-padding-m);padding: var(--vaadin-padding-s) var(--vaadin-padding-m);border-top: 1px solid color-mix(in srgb,var(--aura-neutral) 9%,transparent)}.platform-plan-dialog__danger{color: var(--aura-red)}.platform-plan-dialog__save{min-width: 9rem;min-height: 2.7rem;border-radius: calc(var(--vaadin-radius-m) + 4px);font-weight: 700}@media (max-width: 900px){.platform-plan-grid{grid-template-columns: 1fr}.platform-plan-card{min-height: 0}.platform-plan-card__name{padding-inline-end: 0}.platform-plan-card--featured .platform-plan-card__name{padding-inline-end: 5.5rem}}@media (max-width: 640px){.platform-plan-page{gap: var(--vaadin-padding-m)}.platform-plan-card__highlights{grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.45rem}.platform-plan-card__metric{min-height: 3.1rem;padding: 0.45rem 0.5rem}.platform-plan-card__body,.platform-plan-card__footer,.platform-plan-dialog__header,.platform-plan-dialog__form,.platform-plan-dialog__footer{padding: var(--vaadin-padding-m)}.platform-plan-card__footer,.platform-plan-dialog__footer,.platform-plan-dialog__toggle-card{align-items: stretch;flex-direction: column}.platform-plan-dialog__save{width: 100%}}.platform-subscription-page{width: 100%;max-width: none;box-sizing: border-box;padding: var(--vaadin-padding-s);gap: var(--vaadin-padding-s)}.platform-subscription-subtitle{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}vaadin-text-field.platform-subscription-search::part(input-field){min-height: 2.7rem;border-radius: var(--vaadin-radius-l);padding-inline: var(--vaadin-padding-s);background: var(--aura-surface-color);border: 1px solid color-mix(in srgb,var(--aura-neutral) 14%,transparent)}vaadin-text-field.platform-subscription-search::part(input-field):hover{border-color: color-mix(in srgb,var(--aura-accent-color) 22%,transparent)}.platform-subscription-filter-row{display: grid;grid-template-columns: 4.2rem minmax(0,1fr);align-items: center;gap: var(--vaadin-padding-s)}.platform-subscription-filter-label{font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold);letter-spacing: 0.12em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.platform-filter-chip-bar{gap: var(--vaadin-gap-s);padding-block: 0}.platform-filter-chip{min-height: 1.95rem;border-radius: 999px;padding: 0.2rem 0.72rem;gap: 0.65rem;color: color-mix(in srgb,var(--vaadin-text-color) 78%,transparent);background: var(--aura-surface-color);border-color: color-mix(in srgb,var(--aura-neutral) 12%,transparent)}.platform-filter-chip:hover{background: var(--aura-surface-color)}.platform-filter-chip__label{white-space: nowrap}.platform-filter-chip__count{display: inline-flex;align-items: center;justify-content: center;min-width: 1.45rem;height: 1.45rem;padding-inline: 0.28rem;border-radius: 999px;font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color-secondary);background: color-mix(in srgb,var(--aura-neutral) 8%,transparent)}.platform-filter-chip.job-chip-active .platform-filter-chip__count{color: inherit;background: color-mix(in srgb,white 18%,transparent)}.platform-subscription-card-list{width: 100%;grid-template-columns: 1fr}@media (min-width: 900px){.platform-subscription-card-list{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (min-width: 1440px){.platform-subscription-card-list{grid-template-columns: repeat(3,minmax(0,1fr))}}.platform-subscription-card{display: flex;flex-direction: column;gap: var(--vaadin-padding-s);min-width: 0;padding: var(--vaadin-padding-s);border: 1px solid color-mix(in srgb,var(--aura-neutral) 10%,transparent);background: linear-gradient( 180deg,color-mix(in srgb,var(--aura-accent-color) 3%,var(--aura-surface-color)) 0%,var(--aura-surface-color) 100%);transition: border-color 0.18s ease,box-shadow 0.18s ease,transform 0.18s ease}.platform-subscription-card:hover,.platform-subscription-card:focus-visible{transform: translateY(-2px);border-color: color-mix(in srgb,var(--aura-accent-color) 24%,transparent);box-shadow: var(--aura-shadow-m);outline: none}.platform-subscription-card__hero{display: flex;align-items: flex-start;justify-content: space-between;gap: var(--vaadin-padding-s)}.platform-subscription-card__hero-copy{display: flex;flex-direction: column;gap: 0.28rem;min-width: 0}.platform-subscription-card__title{margin: 0;font-size: clamp(1.05rem,1.05vw,1.2rem);line-height: 1.2}.platform-subscription-card__subtitle{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.platform-subscription-card__stats{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--vaadin-padding-s);padding-top: var(--vaadin-padding-s);border-top: 1px solid color-mix(in srgb,var(--aura-neutral) 5%,transparent)}.platform-subscription-card__metric{display: flex;flex-direction: column;gap: 0.35rem;min-width: 0}.platform-subscription-card__metric-label{font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold);letter-spacing: 0.08em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.platform-subscription-card__metric-value{min-width: 0;font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.platform-subscription-card__footer{gap: var(--vaadin-padding-s);margin: 0;padding-top: var(--vaadin-padding-xs);border-top: 1px solid color-mix(in srgb,var(--aura-neutral) 8%,transparent)}.platform-subscription-card__footer-meta{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.platform-subscription-card__manage{margin: 0;color: var(--aura-accent-text-color);font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold);flex-shrink: 0}.platform-subscription-card__manage vaadin-icon{width: 1rem;height: 1rem}.platform-subscription-status{display: inline-flex;align-items: center;gap: 0.5rem;width: fit-content;padding: 0.28rem 0.65rem;border-radius: 999px;font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold);white-space: nowrap}.platform-subscription-status::before{content: "";width: 0.5rem;height: 0.5rem;border-radius: 50%;flex-shrink: 0}.platform-subscription-status--active{color: color-mix(in srgb,var(--aura-green) 90%,black 10%);background: color-mix(in srgb,var(--aura-green) 12%,transparent)}.platform-subscription-status--active::before{background: var(--aura-green)}.platform-subscription-status--trial{color: color-mix(in srgb,var(--aura-accent-color) 88%,black 12%);background: color-mix(in srgb,var(--aura-accent-color) 12%,transparent)}.platform-subscription-status--trial::before{background: var(--aura-accent-color)}.platform-subscription-status--past-due{color: var(--aura-orange-text);background: color-mix(in srgb,var(--aura-orange) 14%,transparent)}.platform-subscription-status--past-due::before{background: var(--aura-orange)}.platform-subscription-status--suspended,.platform-subscription-status--neutral{color: var(--vaadin-text-color-secondary);background: color-mix(in srgb,var(--aura-neutral) 10%,transparent)}.platform-subscription-status--suspended::before,.platform-subscription-status--neutral::before{background: color-mix(in srgb,var(--aura-neutral) 50%,var(--vaadin-text-color-secondary))}.platform-subscription-empty-state{grid-column: 1 / -1;padding: 2rem 1.25rem;border: 1px solid color-mix(in srgb,var(--aura-neutral) 10%,transparent);border-radius: var(--vaadin-radius-l);background: var(--aura-surface-color);text-align: center;color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.platform-subscription-detail .aura-view-header__toolbar{flex-wrap: wrap;justify-content: flex-end}.platform-subscription-detail{--platform-subscription-detail-panel-radius: 20px}.platform-subscription-detail__content{padding: var(--vaadin-padding-m);gap: var(--vaadin-gap-m)}.platform-subscription-detail__toolbar-button{min-height: calc(var(--aura-base-size) * 1px * 2.5);white-space: nowrap}.platform-subscription-detail__hero{display: flex;flex-direction: column;gap: var(--vaadin-gap-s)}.platform-subscription-detail__back-link{display: inline-flex;align-items: center;gap: var(--vaadin-gap-xs);width: fit-content;color: var(--aura-accent-text-color);font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold);text-decoration: none}.platform-subscription-detail__back-link:hover{text-decoration: underline}.platform-subscription-detail__hero-copy{display: flex;flex-direction: column;gap: 6px}.platform-subscription-detail__hero-meta{font-size: var(--aura-font-size-s)}.platform-subscription-detail__alert{display: grid;grid-template-columns: auto minmax(0,1fr) auto;align-items: center;gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-m);border: 1px solid color-mix(in srgb,var(--aura-red) 25%,transparent);border-radius: var(--platform-subscription-detail-panel-radius);background: color-mix(in srgb,var(--aura-red) 9%,var(--aura-surface-color));width: 100%;box-sizing: border-box}.platform-subscription-detail__alert-icon{display: inline-flex;align-items: center;justify-content: center;width: 3rem;height: 3rem;border-radius: var(--vaadin-radius-l);background: color-mix(in srgb,var(--aura-red) 85%,transparent);color: white}.platform-subscription-detail__alert-copy{display: flex;flex-direction: column;gap: 4px;min-width: 0}.platform-subscription-detail__alert-title,.platform-subscription-detail__section-title{margin: 0;font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-semibold)}.platform-subscription-detail__alert-body,.platform-subscription-detail__section-subtitle,.platform-subscription-detail__empty-state{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.platform-subscription-detail__alert-actions{display: flex;flex-wrap: wrap;justify-content: flex-end;gap: var(--vaadin-gap-s)}.platform-subscription-detail__inline-action{white-space: nowrap}.platform-subscription-detail__metrics{display: grid;grid-template-columns: repeat(1,minmax(0,1fr));gap: var(--vaadin-gap-m);width: 100%;box-sizing: border-box}.platform-subscription-detail__section-card{display: flex;flex-direction: column;gap: var(--vaadin-gap-m);min-width: 0;padding: var(--vaadin-padding-l);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--platform-subscription-detail-panel-radius);width: 100%;box-sizing: border-box}.platform-subscription-detail__metric-card{border-inline-start: 4px solid var(--aura-accent-color)}.platform-subscription-detail__metric-card--accent{border-inline-start-color: var(--aura-accent-color)}.platform-subscription-detail__metric-card--success{border-inline-start-color: var(--aura-green)}.platform-subscription-detail__metric-card--warning{border-inline-start-color: var(--aura-orange)}.platform-subscription-detail__metric-card--danger{border-inline-start-color: var(--aura-red)}.platform-subscription-detail__metric-header{display: flex;align-items: center;gap: var(--vaadin-gap-s)}.platform-subscription-detail__metric-icon{display: inline-flex;align-items: center;justify-content: center;width: 3rem;height: 3rem;border-radius: var(--vaadin-radius-l);background: color-mix(in srgb,var(--aura-accent-color) 12%,transparent);color: var(--aura-accent-color);flex-shrink: 0}.platform-subscription-detail__metric-card--success .platform-subscription-detail__metric-icon{background: color-mix(in srgb,var(--aura-green) 12%,transparent);color: var(--aura-green)}.platform-subscription-detail__metric-card--warning .platform-subscription-detail__metric-icon{background: color-mix(in srgb,var(--aura-orange) 14%,transparent);color: var(--aura-orange-text)}.platform-subscription-detail__metric-card--danger .platform-subscription-detail__metric-icon{background: color-mix(in srgb,var(--aura-red) 12%,transparent);color: var(--aura-red)}.platform-subscription-detail__metric-label{font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-medium);color: var(--vaadin-text-color-secondary)}.platform-subscription-detail__metric-value{font-size: clamp(2rem,2vw,2.6rem);line-height: 1;font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color)}.platform-subscription-detail__metric-subtitle{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.platform-subscription-detail__pill{display: inline-flex;align-items: center;gap: 7px;width: fit-content;padding: 6px 12px;border-radius: 999px;font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold);white-space: nowrap}.platform-subscription-detail__pill::before{content: "";width: 8px;height: 8px;border-radius: 50%;flex-shrink: 0}.platform-subscription-detail__pill--accent{color: var(--aura-accent-text-color);background: color-mix(in srgb,var(--aura-accent-color) 10%,transparent)}.platform-subscription-detail__pill--accent::before{background: var(--aura-accent-color)}.platform-subscription-detail__pill--success{color: var(--aura-green);background: color-mix(in srgb,var(--aura-green) 12%,transparent)}.platform-subscription-detail__pill--success::before{background: var(--aura-green)}.platform-subscription-detail__pill--warning{color: var(--aura-orange-text);background: color-mix(in srgb,var(--aura-orange) 14%,transparent)}.platform-subscription-detail__pill--warning::before{background: var(--aura-orange)}.platform-subscription-detail__pill--error{color: var(--aura-red);background: color-mix(in srgb,var(--aura-red) 12%,transparent)}.platform-subscription-detail__pill--error::before{background: var(--aura-red)}.platform-subscription-detail__pill--neutral{color: var(--vaadin-text-color-secondary);background: color-mix(in srgb,var(--aura-neutral) 10%,transparent)}.platform-subscription-detail__pill--neutral::before{background: color-mix(in srgb,var(--aura-neutral) 55%,var(--vaadin-text-color-secondary))}.platform-subscription-detail__period-card{gap: var(--vaadin-gap-s)}.platform-subscription-detail__period-top,.platform-subscription-detail__period-range-row,.platform-subscription-detail__period-meta,.platform-subscription-detail__charge-row,.platform-subscription-detail__danger-row,.platform-subscription-detail__history-header,.platform-subscription-detail__history-title-group{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-gap-s)}.platform-subscription-detail__period-range{font-size: clamp(1.45rem,1.5vw,2rem);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color)}.platform-subscription-detail__period-elapsed{font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-medium);color: var(--vaadin-text-color-secondary)}.platform-subscription-detail__period-progress{width: 100%;height: 1rem;border-radius: 999px;background: color-mix(in srgb,var(--aura-neutral) 12%,transparent);overflow: hidden}.platform-subscription-detail__period-progress-fill{height: 100%;border-radius: inherit}.platform-subscription-detail__period-progress-fill--accent{background: var(--aura-accent-color)}.platform-subscription-detail__period-progress-fill--warning{background: var(--aura-orange)}.platform-subscription-detail__period-note{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.platform-subscription-detail__period-note--emphasis{color: var(--aura-accent-text-color);font-weight: var(--aura-font-weight-semibold)}.platform-subscription-detail__charge-row{margin-top: var(--vaadin-padding-xs);padding-top: var(--vaadin-padding-m);border-top: 1px solid var(--vaadin-border-color-secondary)}.platform-subscription-detail__charge-copy,.platform-subscription-detail__charge-actions,.platform-subscription-detail__charge-text,.platform-subscription-detail__payment-summary,.platform-subscription-detail__payment-copy,.platform-subscription-detail__history-payment{display: flex;align-items: center;gap: var(--vaadin-gap-s)}.platform-subscription-detail__charge-copy{min-width: 0}.platform-subscription-detail__charge-copy>vaadin-icon,.platform-subscription-detail__history-payment>vaadin-icon{color: var(--vaadin-text-color-secondary);flex-shrink: 0}.platform-subscription-detail__charge-text,.platform-subscription-detail__payment-copy{flex-direction: column;align-items: flex-start;gap: 2px}.platform-subscription-detail__charge-line,.platform-subscription-detail__danger-title,.platform-subscription-detail__payment-title{font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color)}.platform-subscription-detail__charge-detail{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.platform-subscription-detail__history-title-group{justify-content: flex-start}.platform-subscription-detail__count-pill{display: inline-flex;align-items: center;justify-content: center;min-width: 2.2rem;height: 2.2rem;padding: 0 0.55rem;border-radius: 999px;background: color-mix(in srgb,var(--aura-neutral) 8%,transparent);color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold)}.platform-subscription-detail__history-action,.platform-subscription-detail__download-link{display: inline-flex;align-items: center;justify-content: center;gap: var(--vaadin-gap-xs);color: var(--aura-accent-text-color);font-weight: var(--aura-font-weight-semibold);text-decoration: none}.platform-subscription-detail__history-table{display: flex;flex-direction: column;border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--platform-subscription-detail-panel-radius);overflow: hidden;width: 100%;box-sizing: border-box}.platform-subscription-detail__history-head,.platform-subscription-detail__history-row{display: grid;grid-template-columns: minmax(150px,1.05fr) minmax(180px,1.25fr) minmax(120px,0.85fr) minmax(120px,0.8fr) minmax(140px,0.85fr) minmax(150px,1fr) 48px;gap: var(--vaadin-gap-m);align-items: center;padding: var(--vaadin-padding-m) var(--vaadin-padding-l)}.platform-subscription-detail__history-head{background: color-mix(in srgb,var(--aura-neutral) 5%,transparent)}.platform-subscription-detail__history-head-cell{font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color-secondary);text-transform: uppercase;letter-spacing: 0.04em}.platform-subscription-detail__history-row{border-top: 1px solid var(--vaadin-border-color-secondary)}.platform-subscription-detail__history-row:first-of-type{border-top: 0}.platform-subscription-detail__history-cell{display: flex;flex-direction: column;gap: 6px;min-width: 0}.platform-subscription-detail__history-cell-label{display: none;font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);text-transform: uppercase;letter-spacing: 0.04em}.platform-subscription-detail__history-cell-value{min-width: 0}.platform-subscription-detail__history-invoice{color: var(--aura-accent-text-color);font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold)}.platform-subscription-detail__history-amount{font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold)}.platform-subscription-detail__history-payment{color: var(--vaadin-text-color-secondary)}.platform-subscription-detail__history-cell--action{align-items: center}.platform-subscription-detail__details-grid{display: grid;grid-template-columns: repeat(1,minmax(0,1fr));gap: var(--vaadin-gap-m);width: 100%;align-items: stretch}.platform-subscription-detail__detail-card{min-height: 100%}.platform-subscription-detail__kv-list{display: flex;flex-direction: column}.platform-subscription-detail__kv-row{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-m) 0;border-top: 1px solid var(--vaadin-border-color-secondary)}.platform-subscription-detail__kv-row:first-child{border-top: 0;padding-top: 0}.platform-subscription-detail__kv-row:last-child{padding-bottom: 0}.platform-subscription-detail__kv-label{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.platform-subscription-detail__kv-value{font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color);text-align: right}.platform-subscription-detail__plain-value{display: inline-flex;align-items: center;min-width: 0}.platform-subscription-detail__wide-action{width: 100%}.platform-subscription-detail__danger-card{border-color: color-mix(in srgb,var(--aura-red) 25%,var(--vaadin-border-color-secondary))}.platform-subscription-detail__danger-copy{display: flex;flex-direction: column;gap: 4px}.platform-subscription-detail__danger-button{color: var(--aura-red)}.platform-subscription-detail__payment-brand{display: inline-flex;align-items: center;justify-content: center;min-width: 5.75rem;min-height: 3.25rem;padding: 0 var(--vaadin-padding-s);border-radius: var(--vaadin-radius-l);background: color-mix(in srgb,var(--aura-accent-color) 85%,transparent);color: white;font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold);letter-spacing: 0.05em}.platform-subscription-detail__dialog-copy{display: block;max-width: 34rem;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.platform-subscription-detail__empty-state{padding: var(--vaadin-padding-l);border: 1px dashed var(--vaadin-border-color-secondary);border-radius: var(--platform-subscription-detail-panel-radius);width: 100%;box-sizing: border-box}@media (min-width: 900px){.platform-subscription-detail__metrics{grid-template-columns: repeat(2,minmax(0,1fr))}.platform-subscription-detail__details-grid{grid-template-columns: repeat(3,minmax(0,1fr))}}@media (min-width: 1240px){.platform-subscription-detail__metrics{grid-template-columns: repeat(4,minmax(0,1fr))}}@media (max-width: 1150px){.platform-subscription-detail__history-head{display: none}.platform-subscription-detail__history-row{grid-template-columns: repeat(2,minmax(0,1fr))}.platform-subscription-detail__history-cell-label{display: inline-flex}.platform-subscription-detail__history-cell--action{align-items: flex-start}}@media (max-width: 820px){.platform-subscription-detail__alert,.platform-subscription-detail__period-top,.platform-subscription-detail__period-range-row,.platform-subscription-detail__period-meta,.platform-subscription-detail__charge-row,.platform-subscription-detail__history-header,.platform-subscription-detail__danger-row{grid-template-columns: 1fr;flex-direction: column;align-items: flex-start}.platform-subscription-detail__alert-actions,.platform-subscription-detail__charge-actions{width: 100%;justify-content: flex-start}.platform-subscription-detail__charge-actions>*{width: 100%}}@media (max-width: 639px){.platform-subscription-detail__content{padding: var(--vaadin-padding-s)}.platform-subscription-detail__section-card{padding: var(--vaadin-padding-m)}.platform-subscription-detail__history-row{grid-template-columns: minmax(0,1fr)}.platform-subscription-detail__kv-row{flex-direction: column;align-items: flex-start}.platform-subscription-detail__kv-value{text-align: left}}@media (max-width: 479px){.platform-subscription-page{padding-inline: var(--vaadin-padding-xs)}}div.main-layout-drawer-meta{display: flex;flex-direction: column;gap: var(--vaadin-gap-s);padding: 0 var(--vaadin-padding-m) var(--vaadin-padding-s)}vaadin-select.outlet-switcher{width: 100%;min-width: 12rem}vaadin-button.attendance-shortcut-button{width: 100%;min-height: 2.85rem;justify-content: flex-start}vaadin-button.attendance-shortcut-button::part(prefix){margin-inline-end: var(--vaadin-gap-s)}.subscription-warning-banner{display: flex;align-items: center;flex-wrap: wrap;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-xs) var(--vaadin-padding-m);border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--aura-yellow) 18%,transparent);border: 1px solid color-mix(in srgb,var(--aura-yellow) 35%,transparent);color: var(--vaadin-text-color);font-size: var(--aura-font-size-s)}.subscription-warning-banner a,.subscription-warning-banner a.router-link{color: var(--aura-accent-color);font-weight: 600;text-decoration: none}.subscription-warning-banner a:hover,.subscription-warning-banner a.router-link:hover{text-decoration: underline}.settings-profile-card,.settings-subscription-card{margin: 0}.settings-subscription-content{display: flex;flex-direction: column;gap: var(--vaadin-gap-m)}.settings-subscription-row{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color)}.settings-subscription-pay-link{color: var(--aura-accent-color);font-weight: 600;text-decoration: none}.settings-subscription-pay-link:hover{text-decoration: underline}.suspended-page{background: color-mix(in srgb,var(--aura-neutral) 5%,transparent)}.suspended-card{--aura-surface-level: 2;width: min(32rem,92vw);padding: var(--vaadin-padding-xl);border-radius: var(--vaadin-radius-l);box-shadow: var(--aura-shadow-s);display: flex;flex-direction: column;gap: var(--vaadin-gap-m);text-align: center}.suspended-title{margin: 0;font-size: var(--aura-font-size-xl);color: var(--vaadin-text-color)}.suspended-message,.suspended-support-note{margin: 0;color: var(--vaadin-text-color-secondary)}.suspended-status-row{display: flex;align-items: center;justify-content: center;gap: var(--vaadin-gap-xs)}.suspended-pay-link{color: var(--aura-accent-color);font-weight: 600;text-decoration: none}.suspended-pay-link:hover{text-decoration: underline}.suspended-logout-button{margin-top: var(--vaadin-padding-s)}.queue-board-body{display: flex;flex-direction: column;gap: var(--vaadin-gap-l);padding: var(--vaadin-padding-m);width: 100%;box-sizing: border-box}.queue-board-subtitle{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}@media (max-width: 640px){.queue-board-view>.aura-view-header{flex-wrap: wrap;align-items: center;row-gap: var(--vaadin-padding-xs)}.queue-board-view>.aura-view-header .aura-view-header__toolbar{flex-basis: 100%;width: 100%;margin-inline-start: 0;flex-direction: column;align-items: stretch}.queue-board-view>.aura-view-header .aura-view-header__toolbar>*{width: 100%}}.queue-board-layout{display: grid;grid-template-columns: 1fr;gap: var(--vaadin-gap-l);align-items: start}@media (min-width: 960px){.queue-board-layout{grid-template-columns: minmax(0,1fr) 18rem}}.queue-board-main{display: flex;flex-direction: column;gap: var(--vaadin-gap-l);min-width: 0}.queue-board-sidebar{display: flex;flex-direction: column;gap: var(--vaadin-gap-m);min-width: 0}.queue-stats-row{display: flex;flex-wrap: wrap;gap: var(--vaadin-gap-m);align-items: stretch;width: 100%;box-sizing: border-box}.queue-stats-row>*{flex: 1 1 280px;min-width: 0}.queue-stat-card{display: flex;flex-direction: column;gap: 10px;min-height: 112px;padding: var(--vaadin-padding-l);border-radius: 18px;background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);width: 100%;box-sizing: border-box;overflow: hidden}.queue-stat-card__icon{width: 1.25rem;height: 1.25rem;color: var(--vaadin-text-color-secondary)}.queue-stat-card__count{font-size: clamp(1.55rem,1.15rem + 1vw,2rem);font-weight: var(--aura-font-weight-semibold);line-height: 1.1}.queue-stat-card__label{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.queue-stat-card__sub{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.queue-stat-card--waiting .queue-stat-card__count{color: var(--aura-yellow-text)}.queue-stat-card--waiting .queue-stat-card__icon{color: var(--aura-yellow-text)}.queue-stat-card--serving .queue-stat-card__count{color: var(--aura-accent-color)}.queue-stat-card--serving .queue-stat-card__icon{color: var(--aura-accent-color)}.queue-stat-card--completed .queue-stat-card__count{color: var(--aura-green)}.queue-stat-card--completed .queue-stat-card__icon{color: var(--aura-green)}.queue-stat-card--skipped .queue-stat-card__count{color: var(--vaadin-text-color-secondary)}.queue-section__header{margin-bottom: var(--vaadin-gap-s)}.queue-section__title{font-size: var(--aura-font-size-m);font-weight: 700;color: var(--vaadin-text-color)}.queue-badge{display: inline-flex;align-items: center;padding: 0.125rem 0.5rem;border-radius: var(--vaadin-radius-s);font-size: var(--aura-font-size-xs);font-weight: 600;background: color-mix(in srgb,var(--aura-neutral) 12%,transparent);color: var(--vaadin-text-color-secondary)}.queue-in-service-section,.queue-waiting-section{min-width: 0}.queue-bay-stepper{flex-shrink: 0}.queue-bay-stepper__label{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);margin-right: var(--vaadin-gap-xs)}.queue-bay-stepper__value{min-width: 1.25rem;text-align: center;font-weight: 700}.queue-bay-stepper__btn{min-width: 2rem;padding: 0}.queue-bay-grid{display: grid;grid-template-columns: 1fr;gap: var(--vaadin-gap-m)}@media (min-width: 640px){.queue-bay-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (min-width: 1100px){.queue-bay-grid{grid-template-columns: repeat(3,minmax(0,1fr))}}.queue-bay-card{--aura-surface-level: 1;display: flex;flex-direction: column;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-m);border-radius: var(--vaadin-radius-m);background: var(--aura-surface-color);box-shadow: var(--aura-shadow-xs);min-width: 0}.queue-bay-card--free{border: 2px dashed color-mix(in srgb,var(--aura-neutral) 30%,transparent);background: transparent;box-shadow: none}.queue-bay-card--occupied{border: 1px solid color-mix(in srgb,var(--aura-accent-color) 25%,transparent);background: color-mix(in srgb,var(--aura-accent-color) 6%,var(--aura-surface-color))}.queue-bay-card__top{gap: var(--vaadin-gap-s)}.queue-bay-card__bay-label{font-size: var(--aura-font-size-xs);font-weight: 700;letter-spacing: 0.04em;color: var(--vaadin-text-color-secondary)}.queue-bay-card--occupied .queue-bay-card__bay-label{color: var(--aura-accent-color)}.queue-bay-card__status-badge,.queue-bay-card__free-badge{font-size: var(--aura-font-size-xs);font-weight: 600;padding: 0.125rem 0.5rem;border-radius: var(--vaadin-radius-s)}.queue-bay-card__status-badge{background: color-mix(in srgb,var(--aura-accent-color) 15%,transparent);color: var(--aura-accent-color)}.queue-bay-card__free-badge{background: color-mix(in srgb,var(--aura-neutral) 12%,transparent);color: var(--vaadin-text-color-secondary)}.queue-bay-card__timer{margin-left: auto;font-size: var(--aura-font-size-s);font-weight: 600;color: var(--aura-accent-color);white-space: nowrap}.queue-bay-card__next{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.queue-bay-card__empty{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);text-align: center;padding: var(--vaadin-padding-s) 0}.queue-bay-card__actions{gap: var(--vaadin-gap-s);margin-top: var(--vaadin-gap-xs)}.queue-complete-btn{--aura-button-primary-background: var(--aura-green);--aura-button-primary-hover-background: color-mix(in srgb,var(--aura-green) 85%,black)}.queue-ticket__details{display: flex;flex-direction: column;gap: var(--vaadin-gap-xs);min-width: 0}.queue-ticket__q-inline{font-size: var(--aura-font-size-l);font-weight: 800;color: var(--aura-accent-color)}.queue-ticket__name{font-weight: 700;color: var(--vaadin-text-color)}.queue-ticket__plate{display: inline-flex;padding: 0.125rem 0.5rem;border-radius: var(--vaadin-radius-s);font-size: var(--aura-font-size-xs);font-family: var(--aura-font-family-mono,monospace);background: color-mix(in srgb,var(--aura-neutral) 10%,transparent);color: var(--vaadin-text-color-secondary)}.queue-ticket__name-row{gap: var(--vaadin-gap-s);flex-wrap: wrap}.queue-ticket__summary{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);line-height: 1.4}.queue-waiting-section__meta{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.queue-waiting-section__call-next{font-size: var(--aura-font-size-s)}.queue-waiting-list{display: flex;flex-direction: column;gap: var(--vaadin-gap-s)}.queue-waiting-list__empty{padding: var(--vaadin-padding-m);text-align: center;color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.queue-waiting-row{--aura-surface-level: 1;display: flex;flex-direction: column;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-m);border-radius: var(--vaadin-radius-m);background: var(--aura-surface-color);box-shadow: var(--aura-shadow-xs)}.queue-waiting-row__q{font-weight: 800;font-size: var(--aura-font-size-s);padding: 0.125rem 0.375rem;border-radius: var(--vaadin-radius-s);background: color-mix(in srgb,var(--aura-neutral) 10%,transparent)}.queue-waiting-row__wait{font-size: var(--aura-font-size-xs);font-weight: 600;color: var(--aura-yellow-text);text-transform: uppercase}.queue-waiting-row__actions{gap: var(--vaadin-gap-s)}.queue-sidebar-card{--aura-surface-level: 1;display: flex;flex-direction: column;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-m);border-radius: var(--vaadin-radius-m);background: var(--aura-surface-color);box-shadow: var(--aura-shadow-xs)}.queue-sidebar-card__title{font-size: var(--aura-font-size-s);font-weight: 700;color: var(--vaadin-text-color);margin-bottom: var(--vaadin-gap-xs)}.queue-sidebar-card__empty{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.queue-sidebar-row{display: flex;justify-content: space-between;align-items: center;gap: var(--vaadin-gap-s);font-size: var(--aura-font-size-s)}.queue-sidebar-row__label{color: var(--vaadin-text-color-secondary)}.queue-sidebar-row__value{font-weight: 600}.queue-recent__item{display: flex;align-items: center;gap: var(--vaadin-gap-s);padding: var(--vaadin-gap-xs) 0;border-bottom: 1px solid color-mix(in srgb,var(--aura-neutral) 10%,transparent)}.queue-recent__item:last-child{border-bottom: none}.queue-recent__icon{width: 1rem;height: 1rem;color: var(--aura-green);flex-shrink: 0}.queue-recent__icon--skipped{color: var(--vaadin-text-color-secondary)}.queue-recent__name{font-size: var(--aura-font-size-s);font-weight: 600}.queue-recent__meta{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.queue-recent__recall{margin-left: auto;font-size: var(--aura-font-size-xs)}.queue-public-card__icon{width: 2.5rem;height: 2.5rem;color: var(--vaadin-text-color-secondary)}.queue-public-card__text{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);line-height: 1.4}.queue-status-badge--waiting{background: color-mix(in srgb,var(--aura-accent-color) 12%,transparent);color: var(--aura-accent-color)}.queue-status-badge--waiting::before{background: var(--aura-accent-color)}.queue-status-badge--serving{background: color-mix(in srgb,var(--aura-green) 12%,transparent);color: var(--aura-green)}.queue-status-badge--serving::before{background: var(--aura-green)}.queue-status-badge--skipped{background: color-mix(in srgb,var(--aura-yellow) 15%,transparent);color: var(--aura-yellow-text)}.queue-status-badge--skipped::before{background: var(--aura-yellow)}.queue-status-badge--completed{background: color-mix(in srgb,var(--aura-neutral) 12%,transparent);color: var(--vaadin-text-color-secondary)}.queue-status-badge--completed::before{background: var(--vaadin-text-color-secondary)}.queue-status-badge--cancelled{background: color-mix(in srgb,var(--aura-neutral) 12%,transparent);color: var(--vaadin-text-color-secondary)}.queue-status-badge--cancelled::before{background: var(--vaadin-text-color-secondary)}.queue-status-badge--expired{background: color-mix(in srgb,var(--aura-neutral) 8%,transparent);color: var(--vaadin-text-color-secondary);opacity: 0.6}.queue-status-badge--expired::before{background: var(--vaadin-text-color-secondary)}html.queue-display-active,body.queue-display-active{overflow: hidden;height: 100%;margin: 0}html.queue-display-active #outlet{height: 100dvh;max-height: 100dvh;overflow: hidden}.queue-display-page{--qd-serving-color: var(--aura-green);--qd-waiting-color: var(--aura-accent-color);--qd-surface: color-mix(in srgb,var(--aura-background-color) 88%,var(--aura-surface-color));--qd-border: color-mix(in srgb,var(--vaadin-text-color) 12%,transparent);position: fixed;inset: 0;width: 100%;height: 100dvh;max-height: 100dvh;margin: 0;box-sizing: border-box;background: var(--aura-background-color);color: var(--vaadin-text-color);display: flex;flex-direction: column;overflow: hidden;padding: clamp(1rem,2.5vmin,2rem);gap: clamp(1rem,2vmin,1.75rem)}.qd-header{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-gap-l);flex-shrink: 0}.qd-brand{display: flex;align-items: center;gap: var(--vaadin-gap-m);min-width: 0}.qd-brand-icon{flex-shrink: 0;width: clamp(2.75rem,5vmin,3.5rem);height: clamp(2.75rem,5vmin,3.5rem);border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--aura-accent-color) 18%,transparent);display: flex;align-items: center;justify-content: center;overflow: hidden}.qd-brand-logo{width: 100%;height: 100%;object-fit: cover}.qd-brand-icon-glyph{color: var(--aura-accent-color);width: 1.5rem;height: 1.5rem}.qd-brand-text{display: flex;flex-direction: column;gap: 0.15rem;min-width: 0}.qd-workshop-name{font-size: clamp(1.125rem,2.2vmin,1.5rem);font-weight: 700;line-height: 1.2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.qd-workshop-subtitle{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.qd-clock{text-align: right;flex-shrink: 0}.qd-clock-time-row{display: flex;align-items: baseline;justify-content: flex-end;gap: 0.1rem;font-variant-numeric: tabular-nums;font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.qd-clock-time{font-size: clamp(2rem,5vmin,3.25rem);font-weight: 700;line-height: 1;letter-spacing: -0.02em}.qd-clock-seconds{font-size: clamp(1.25rem,2.5vmin,1.75rem);font-weight: 600;color: var(--vaadin-text-color-secondary);line-height: 1}.qd-clock-date{margin-top: 0.35rem;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.qd-body{flex: 1;display: flex;flex-direction: column;gap: var(--vaadin-gap-m);min-height: 0}.qd-body-headers{display: grid;grid-template-columns: minmax(0,1.35fr) minmax(0,1fr);gap: clamp(1rem,2.5vmin,2rem);flex-shrink: 0}.qd-body-main{flex: 1;display: grid;grid-template-columns: minmax(0,1.35fr) minmax(0,1fr);gap: clamp(1rem,2.5vmin,2rem);min-height: 0;align-items: stretch}.qd-section-header{display: flex;align-items: center;gap: var(--vaadin-gap-s);flex-shrink: 0}.qd-section-title{font-size: clamp(0.75rem,1.4vmin,0.875rem);font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}.qd-section-title--serving{color: var(--qd-serving-color)}.qd-section-title--waiting{color: var(--qd-waiting-color)}.qd-section-count{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);font-weight: 500}.qd-section-badge{display: inline-flex;align-items: center;justify-content: center;min-width: 1.75rem;height: 1.75rem;padding: 0 0.45rem;border-radius: var(--vaadin-radius-l);background: color-mix(in srgb,var(--qd-waiting-color) 14%,transparent);color: var(--qd-waiting-color);font-size: var(--aura-font-size-s);font-weight: 700}.qd-serving-content,.qd-waiting-content{min-height: 0;height: 100%;display: flex;flex-direction: column;overflow-y: auto}.qd-bay-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--vaadin-gap-m);flex: 1;min-height: 0;align-content: start}.qd-bay-card{--aura-surface-level: 1;border-radius: var(--vaadin-radius-l);background: var(--qd-surface);padding: clamp(0.875rem,1.8vmin,1.25rem);display: flex;flex-direction: column;gap: 0.35rem;min-height: clamp(7rem,14vmin,9.5rem)}.qd-bay-card.is-serving{border: 1px solid color-mix(in srgb,var(--qd-serving-color) 45%,transparent);box-shadow: 0 0 0 1px color-mix(in srgb,var(--qd-serving-color) 8%,transparent),0 8px 24px color-mix(in srgb,var(--qd-serving-color) 8%,transparent)}.qd-bay-card.is-open{border: 1px dashed var(--qd-border);background: color-mix(in srgb,var(--aura-background-color) 92%,var(--aura-surface-color));justify-content: center}.qd-bay-card-top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.25rem}.qd-bay-label{font-size: var(--aura-font-size-xs);font-weight: 700;letter-spacing: 0.06em;color: var(--qd-serving-color)}.qd-bay-card.is-open .qd-bay-label{color: var(--vaadin-text-color-secondary)}.qd-bay-status-dot{width: 0.5rem;height: 0.5rem;border-radius: 50%;background: var(--qd-serving-color);box-shadow: 0 0 0 3px color-mix(in srgb,var(--qd-serving-color) 25%,transparent)}.qd-bay-open-label{font-size: var(--aura-font-size-xs);font-weight: 600;letter-spacing: 0.06em;color: var(--vaadin-text-color-secondary)}.qd-bay-available{text-align: center;font-size: var(--aura-font-size-m);color: var(--vaadin-text-color-secondary);font-weight: 500;margin-top: 0.5rem}.qd-queue-number{font-size: clamp(1.75rem,4vmin,2.75rem);font-weight: 700;line-height: 1.1;letter-spacing: -0.02em}.qd-customer-name{font-size: clamp(0.9375rem,1.8vmin,1.125rem);font-weight: 600;color: var(--vaadin-text-color)}.qd-plate{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);margin-top: auto;padding-top: 0.25rem}.qd-empty-state{flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;gap: var(--vaadin-gap-s);padding: clamp(2rem,5vmin,4rem) var(--vaadin-padding-l);border-radius: var(--vaadin-radius-l);border: 1px dashed var(--qd-border);background: var(--qd-surface);min-height: clamp(10rem,22vmin,16rem)}.qd-empty-state-icon{width: 2.5rem;height: 2.5rem;color: var(--vaadin-text-color-secondary);opacity: 0.7;margin-bottom: 0.25rem}.qd-empty-state-title{font-size: clamp(1rem,2vmin,1.25rem);font-weight: 700}.qd-empty-state-subtitle{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);max-width: 28ch}.qd-waiting-content{gap: var(--vaadin-gap-s)}.qd-wait-row{--aura-surface-level: 1;display: flex;align-items: center;gap: var(--vaadin-gap-m);padding: clamp(0.75rem,1.5vmin,1rem) var(--vaadin-padding-m);border-radius: var(--vaadin-radius-l);background: var(--qd-surface);border: 1px solid var(--qd-border)}.qd-wait-row.is-next{border-color: color-mix(in srgb,var(--qd-waiting-color) 50%,transparent);box-shadow: 0 0 0 1px color-mix(in srgb,var(--qd-waiting-color) 10%,transparent)}.qd-wait-position{flex-shrink: 0;width: 1.75rem;font-size: var(--aura-font-size-m);font-weight: 700;color: var(--vaadin-text-color-secondary);text-align: center}.qd-wait-row.is-next .qd-wait-position{color: var(--qd-waiting-color)}.qd-wait-info{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 0.1rem}.qd-wait-row .qd-queue-number{font-size: clamp(1.25rem,2.5vmin,1.75rem)}.qd-wait-row .qd-customer-name{font-size: var(--aura-font-size-s);font-weight: 500;color: var(--vaadin-text-color-secondary)}.qd-badge{flex-shrink: 0;padding: 0.25rem 0.65rem;border-radius: var(--vaadin-radius-l);background: color-mix(in srgb,var(--qd-waiting-color) 18%,transparent);color: var(--qd-waiting-color);font-size: var(--aura-font-size-xs);font-weight: 700;letter-spacing: 0.04em}.qd-waiting-empty{flex: 1;display: flex;align-items: center;justify-content: center;text-align: center;color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-m);border-radius: var(--vaadin-radius-l);border: 1px dashed var(--qd-border);padding: var(--vaadin-padding-xl)}.qd-footer{flex-shrink: 0;display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-gap-l);padding-top: var(--vaadin-padding-s);border-top: 1px solid var(--qd-border)}.qd-footer-notice{margin: 0;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);max-width: 42ch;line-height: 1.5}.qd-footer-track{display: flex;align-items: center;gap: var(--vaadin-gap-m);flex-shrink: 0}.qd-footer-track-text{display: flex;flex-direction: column;align-items: flex-end;gap: 0.15rem;text-align: right}.qd-footer-track-label{font-size: var(--aura-font-size-s);font-weight: 600}.qd-footer-track-url{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;word-break: break-all}.qd-qr{width: clamp(3.5rem,7vmin,4.5rem);height: clamp(3.5rem,7vmin,4.5rem);border-radius: var(--vaadin-radius-s);background: var(--aura-surface-color);padding: 0.2rem;box-sizing: border-box;object-fit: contain}.qd-not-found{text-align: center;color: var(--vaadin-text-color-secondary);padding: var(--vaadin-padding-xl);margin: auto}@media (max-width: 900px){.qd-body-headers,.qd-body-main{grid-template-columns: 1fr}.qd-bay-grid{grid-template-columns: 1fr}.qd-footer{flex-direction: column;align-items: flex-start}.qd-footer-track{width: 100%;justify-content: space-between}.qd-footer-track-text{align-items: flex-start;text-align: left}}.checkin-page{min-height: 100dvh;width: 100%;background: var(--aura-background-color);padding: var(--vaadin-padding-l);box-sizing: border-box}.checkin-header{text-align: center;max-width: 28rem;width: 100%;margin-bottom: var(--vaadin-gap-l)}.checkin-workshop-name{display: block;font-size: 0.875rem;font-weight: 600;color: var(--aura-accent-color);letter-spacing: 0.04em;text-transform: uppercase;margin-bottom: var(--vaadin-gap-xs)}.checkin-title{font-size: 2rem;font-weight: 700;color: var(--vaadin-text-color);margin: 0 0 var(--vaadin-gap-s)}.checkin-subtitle{font-size: 0.9375rem;color: var(--vaadin-text-color-secondary);margin: 0}.checkin-form{display: flex;flex-direction: column;gap: var(--vaadin-gap-m);max-width: 24rem;width: 100%}.checkin-input{width: 100%}.checkin-button{width: 100%}.checkin-result{display: flex;flex-direction: column;align-items: center;gap: var(--vaadin-gap-m);max-width: 24rem;width: 100%;text-align: center;margin-top: var(--vaadin-gap-l)}.checkin-greeting{font-size: 1.25rem;font-weight: 600;color: var(--vaadin-text-color)}.checkin-queue-label{font-size: 1rem;font-weight: 500;color: var(--vaadin-text-color-secondary);margin: 0}.checkin-queue-number{display: block;font-size: 5rem;font-weight: 900;line-height: 1;color: var(--aura-accent-color);letter-spacing: -2px}.checkin-icon--warning{font-size: 3rem;color: var(--aura-yellow-text,var(--vaadin-text-color-secondary))}.checkin-no-appointment{font-size: 1rem;color: var(--vaadin-text-color-secondary);max-width: 22rem;margin: 0}.checkin-not-found{font-size: 1rem;color: var(--vaadin-text-color-secondary);text-align: center;max-width: 22rem}@media (max-width: 480px){.checkin-title{font-size: 1.5rem}.checkin-queue-number{font-size: 4rem}}.stock-opname-page{min-width: 0}.stock-opname-filter-surface{--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);box-sizing: border-box;width: 100%}.stock-opname-filter-bar{width: 100%;min-width: 0;box-sizing: border-box;--vaadin-form-layout-column-spacing: var(--vaadin-padding-s)}.stock-opname-card-list{box-sizing: border-box;display: grid !important;gap: var(--vaadin-padding-m);grid-template-columns: 1fr;align-content: start;width: 100%;max-width: 100%}.stock-opname-list-card{cursor: pointer;transition: box-shadow 0.2s ease,transform 0.2s ease;border: 1px solid var(--vaadin-border-color-secondary);display: flex;flex-direction: column;gap: var(--vaadin-padding-xs);box-shadow: var(--aura-shadow-xs);width: 100%;max-width: 100%;min-width: 0;box-sizing: border-box}.stock-opname-list-card:hover{box-shadow: var(--aura-shadow-m);transform: translateY(-1px)}.stock-opname-list-card__top{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-padding-s);width: 100%;min-width: 0}.stock-opname-list-card__number{color: var(--aura-accent-color);min-width: 0}.stock-opname-list-card__status{flex-shrink: 0}.stock-opname-list-card__details{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--vaadin-padding-s) var(--vaadin-padding-m);min-width: 0}.stock-opname-list-card__info-cell,.stock-opname-list-card__stat-cell{display: flex;flex-direction: column;gap: 2px;min-width: 0}.stock-opname-list-card__info-cell>span:last-child{overflow-wrap: anywhere}.stock-opname-list-card__stats{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-padding-m);min-width: 0}.stock-opname-list-card__stat-cell{flex: 1 1 0}.stock-opname-list-card__variance--alert{color: var(--aura-yellow-text)}.stock-opname-back-link{display: inline-block;margin-bottom: var(--vaadin-padding-xs)}.stock-opname-detail-header{display: flex;flex-direction: column;gap: var(--vaadin-padding-xs);width: 100%}.stock-opname-detail-header__number{font-size: var(--aura-font-size-xl);color: var(--aura-accent-color);line-height: 1.2}.stock-opname-detail-header__title-row{flex-wrap: wrap}.stock-opname-detail-header__meta{line-height: 1.4}.stock-opname-detail-header__cancelled{color: var(--vaadin-text-color-secondary);font-style: italic}.stock-opname-stat-grid{grid-template-columns: repeat(2,1fr)}@media (min-width: 768px){.stock-opname-stat-grid{grid-template-columns: repeat(5,1fr)}}.sales-stat-card__value--success{color: var(--aura-green)}.sales-stat-card__value--warning{color: var(--aura-yellow-text)}.stock-opname-line-grid{display: grid;grid-template-columns: 1fr;gap: var(--vaadin-padding-m);width: 100%;box-sizing: border-box}.stock-opname-line-card{--aura-surface-level: 1;--stock-opname-action-border: var(--vaadin-border-color-secondary);--stock-opname-action-text: var(--vaadin-text-color);border: 1px solid var(--vaadin-border-color-secondary);display: flex;flex-direction: column;gap: var(--vaadin-padding-s);box-sizing: border-box;min-width: 0}.stock-opname-line-card--surplus{border-left: 4px solid var(--aura-green);--stock-opname-action-border: color-mix(in srgb,var(--aura-green) 28%,transparent);--stock-opname-action-text: var(--aura-green-text)}.stock-opname-line-card--shortage{border-left: 4px solid var(--aura-red);--stock-opname-action-border: color-mix(in srgb,var(--aura-red) 28%,transparent);--stock-opname-action-text: var(--aura-red-text)}.stock-opname-line-card__header{display: flex;align-items: flex-start;justify-content: space-between;gap: var(--vaadin-padding-s);width: 100%;min-width: 0}.stock-opname-line-card__title{min-width: 0;line-height: 1.3}.stock-opname-line-card__subheader{margin-top: calc(-1 * var(--vaadin-padding-xs))}.stock-opname-variance-badge{flex-shrink: 0;font-size: var(--aura-font-size-xs);font-weight: 600;padding: 2px var(--vaadin-padding-xs);border-radius: var(--vaadin-radius-m);white-space: nowrap}.stock-opname-variance-badge--surplus{color: var(--aura-green);background: color-mix(in srgb,var(--aura-green) 12%,transparent)}.stock-opname-variance-badge--shortage{color: var(--aura-red);background: color-mix(in srgb,var(--aura-red) 12%,transparent)}.stock-opname-variance-badge--none{color: var(--vaadin-text-color-secondary);background: color-mix(in srgb,var(--aura-neutral) 8%,transparent)}.stock-opname-line-card__hint{font-size: var(--aura-font-size-xs);margin-top: var(--vaadin-padding-xs)}.stock-opname-line-card__hint--surplus{color: var(--aura-green)}.stock-opname-line-card__hint--surplus vaadin-icon{color: var(--aura-green)}.stock-opname-line-card__hint--shortage{color: var(--aura-red)}.stock-opname-line-card__hint--shortage vaadin-icon{color: var(--aura-red)}.stock-opname-line-card__hint-text{line-height: 1.4}.stock-opname-line-card__movement-button{align-self: stretch;width: 100%;justify-content: center;border: 1px solid var(--stock-opname-action-border);color: var(--stock-opname-action-text);background: color-mix(in srgb,var(--stock-opname-action-border) 12%,transparent)}.stock-opname-finalize-dialog__summary{display: grid;grid-template-columns: 1fr 1fr;gap: var(--vaadin-padding-m);width: 100%}.stock-opname-finalize-dialog__box{--aura-surface-level: 1;display: flex;flex-direction: column;gap: var(--vaadin-padding-xs);padding: var(--vaadin-padding-m);border-radius: var(--vaadin-radius-l);border: 1px solid var(--vaadin-border-color-secondary);box-sizing: border-box}.stock-opname-finalize-dialog__value{font-size: var(--aura-font-size-xl);line-height: 1.2}.stock-opname-finalize-dialog__value--success{color: var(--aura-green)}.stock-opname-finalize-dialog__value--danger{color: var(--aura-red)}.stock-opname-movement-dialog::part(overlay){width: min(500px,96vw)}.stock-opname-movement-dialog__subtitle{display: block;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);margin-bottom: var(--vaadin-padding-s)}.stock-opname-movement-dialog__body{gap: var(--vaadin-padding-s) !important}.stock-opname-movement-card{margin-top: var(--vaadin-padding-xs);width: 100%}.stock-opname-movement-dialog .item-detail-movement-row{display: flex;align-items: center;gap: var(--vaadin-padding-s)}.stock-opname-movement-item__text{flex: 1;display: flex;flex-direction: column;gap: 2px;min-width: 0}.stock-opname-movement-item__value{display: flex;flex-direction: column;align-items: flex-end;gap: 2px;flex-shrink: 0}.stock-opname-movement-item__qty{font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-bold);line-height: 1}.item-detail-movement-icon--in{background: color-mix(in srgb,var(--aura-green) 12%,transparent);color: var(--aura-green)}.item-detail-movement-icon--out{background: color-mix(in srgb,var(--aura-red) 12%,transparent);color: var(--aura-red)}.stock-opname-movement-summary{display: flex;align-items: center;justify-content: space-between;padding-top: var(--vaadin-padding-s);border-top: 1px solid var(--vaadin-border-color-secondary);margin-top: var(--vaadin-padding-xs);width: 100%}.stock-opname-movement-impact--positive{color: var(--aura-green);margin-left: auto}.stock-opname-movement-impact--negative{color: var(--aura-red);margin-left: auto}.kpi-cards-row{display: grid;grid-template-columns: repeat(auto-fit,minmax(180px,1fr));gap: var(--vaadin-padding-m);width: 100%}.kpi-card{--aura-surface-level: 1;display: flex;flex-direction: column;gap: var(--vaadin-padding-xs);padding: var(--vaadin-padding-m);border-radius: var(--vaadin-radius-l);border: 1px solid var(--vaadin-border-color-secondary);box-sizing: border-box}.kpi-value{font-size: var(--aura-font-size-xl);font-weight: var(--aura-font-weight-bold);line-height: 1.2;color: var(--vaadin-text-color)}.kpi-label{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.performance-charts{display: grid;grid-template-columns: repeat(auto-fit,minmax(320px,1fr));gap: var(--vaadin-padding-m);width: 100%}.salesman-kpi-period-selector-desktop{min-width: 180px}.salesman-kpi-period-selector-desktop vaadin-combo-box{min-width: 180px}.salesman-kpi-toolbar-btn{min-width: 8rem;white-space: nowrap}.salesman-kpi-mobile-actions{display: none;flex-wrap: wrap;gap: var(--vaadin-padding-s);width: 100%}.salesman-kpi-mobile-action-btn{white-space: nowrap}.salesman-kpi-content{width: 100%;box-sizing: border-box}.attendance-summary-period-selector-desktop{min-width: 220px}.attendance-summary-period-field-desktop{min-width: 220px}.attendance-summary-period-selector-mobile-row{display: none;width: 100%}.attendance-summary-period-selector-mobile{width: 100%}.attendance-summary-period-selector-mobile vaadin-combo-box{width: 100%;min-width: 0}.attendance-summary-toolbar-btn{min-width: 9.75rem}.attendance-summary-content{width: 100%;box-sizing: border-box}.attendance-summary-period-label{margin: 0;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.attendance-kpi-panel{--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);padding: var(--vaadin-padding-m);box-sizing: border-box;width: 100%}.attendance-kpi-panel__header{display: flex;flex-direction: column;gap: 3px;margin-bottom: var(--vaadin-padding-s)}.attendance-kpi-panel__title{font-size: var(--aura-font-size-l);color: color-mix(in srgb,var(--vaadin-text-color) 84%,var(--aura-blue));font-weight: var(--aura-font-weight-semibold)}.attendance-kpi-panel__subtitle{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.attendance-kpi-breakdown{--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);overflow: hidden;width: 100%}.attendance-kpi-breakdown__header{display: flex;flex-direction: column;gap: 3px;padding: var(--vaadin-padding-m) var(--vaadin-padding-m) var(--vaadin-padding-s)}.attendance-kpi-breakdown__subtitle{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.attendance-kpi-grid{--vaadin-grid-cell-padding: 0.45rem 0.875rem;width: 100%}.attendance-kpi-grid::part(header-cell){font-size: var(--aura-font-size-s);text-transform: uppercase;letter-spacing: 0.05em;color: color-mix(in srgb,var(--vaadin-text-color-secondary) 86%,var(--aura-blue))}.attendance-kpi-grid__employee-cell{min-width: 0;gap: 0.7rem}.attendance-kpi-grid__avatar{width: 2rem;height: 2rem;border-radius: 999px;background: color-mix(in srgb,var(--aura-blue) 15%,transparent);color: var(--aura-blue);display: inline-flex;align-items: center;justify-content: center;font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold);flex: 0 0 auto}.attendance-kpi-grid__employee-text{min-width: 0;display: flex;flex-direction: column;gap: 2px}.attendance-kpi-grid__name{color: color-mix(in srgb,var(--vaadin-text-color) 84%,var(--aura-blue));font-weight: var(--aura-font-weight-semibold);font-size: var(--aura-font-size-m);line-height: 1.2}.attendance-kpi-grid__meta{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);line-height: 1.2}.attendance-kpi-grid__metric{font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-semibold)}.attendance-kpi-grid__metric--present{color: var(--aura-green)}.attendance-kpi-grid__metric--late{color: var(--aura-orange-text)}.attendance-kpi-grid__metric--absent{color: var(--aura-red)}.attendance-kpi-grid__score-cell{display: inline-flex;align-items: center;justify-content: flex-end;gap: 0.8rem;width: 100%}.attendance-kpi-grid__score-bar{width: 5.2rem;height: 0.54rem;border-radius: 999px;background: color-mix(in srgb,var(--aura-neutral) 14%,transparent);overflow: hidden}.attendance-kpi-grid__score-bar-fill{height: 100%;border-radius: inherit;background: var(--aura-green)}.attendance-kpi-grid__score-bar-fill--warn{background: var(--aura-orange)}.attendance-kpi-grid__score-bar-fill--low{background: var(--aura-red)}.attendance-kpi-grid__score-value{min-width: 2.4rem;text-align: right;font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold);color: var(--aura-green)}.attendance-kpi-grid__score-value--warn{color: var(--aura-orange-text)}.attendance-kpi-grid__score-value--low{color: var(--aura-red)}.salesman-kpi-period-label{margin: 0;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.salesman-kpi-summary-cards{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: var(--vaadin-gap-s);width: 100%}.salesman-kpi-summary-card{--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);padding: var(--vaadin-padding-s);box-sizing: border-box;display: flex;flex-direction: column;gap: var(--vaadin-gap-xs)}.salesman-kpi-summary-card__top{display: flex;align-items: center;justify-content: space-between;width: 100%}.salesman-kpi-summary-card__label{font-size: var(--aura-font-size-s);color: color-mix(in srgb,var(--vaadin-text-color) 80%,var(--aura-blue));font-weight: var(--aura-font-weight-medium)}.salesman-kpi-summary-card__value{font-size: clamp(1.45rem,1.15rem + 0.5vw,1.85rem);line-height: 1;color: color-mix(in srgb,var(--vaadin-text-color) 86%,var(--aura-blue));font-weight: 700}.salesman-kpi-summary-card__subtitle{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.salesman-kpi-summary-card__icon{width: 2.2rem;height: 2.2rem;border-radius: var(--vaadin-radius-m);display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0}.salesman-kpi-summary-card__icon vaadin-icon{width: 1.1rem;height: 1.1rem}.salesman-kpi-summary-card__icon--neutral{background: color-mix(in srgb,var(--aura-neutral) 12%,transparent);color: color-mix(in srgb,var(--vaadin-text-color) 72%,var(--aura-accent-color))}.salesman-kpi-summary-card__icon--success{background: color-mix(in srgb,var(--aura-green) 12%,transparent);color: var(--aura-green)}.salesman-kpi-summary-card__icon--primary{background: color-mix(in srgb,var(--aura-blue) 12%,transparent);color: var(--aura-blue)}.salesman-kpi-summary-card__icon--warning{background: color-mix(in srgb,var(--aura-orange) 14%,transparent);color: var(--aura-orange-text)}.salesman-kpi-chart-row{width: 100%;display: grid;grid-template-columns: minmax(0,1.35fr) minmax(0,1fr);gap: var(--vaadin-padding-m)}.salesman-kpi-chart-panel{--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);padding: var(--vaadin-padding-m);box-sizing: border-box}.salesman-kpi-chart-panel__header{display: flex;flex-direction: column;gap: 2px;margin-bottom: var(--vaadin-padding-s)}.salesman-kpi-chart-panel__title{font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-semibold);color: color-mix(in srgb,var(--vaadin-text-color) 84%,var(--aura-blue))}.salesman-kpi-chart-panel__subtitle{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.salesman-kpi-breakdown{--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);overflow: hidden;width: 100%}.salesman-kpi-breakdown__header{display: flex;flex-direction: column;gap: 3px;padding: var(--vaadin-padding-m) var(--vaadin-padding-m) var(--vaadin-padding-s)}.salesman-kpi-breakdown__title{font-size: var(--aura-font-size-l);color: color-mix(in srgb,var(--vaadin-text-color) 84%,var(--aura-blue));font-weight: var(--aura-font-weight-semibold)}.salesman-kpi-breakdown__subtitle{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.salesman-kpi-grid{--vaadin-grid-cell-padding: 0.45rem 0.875rem}.salesman-kpi-grid::part(header-cell){font-size: var(--aura-font-size-s);text-transform: uppercase;letter-spacing: 0.05em;color: color-mix(in srgb,var(--vaadin-text-color-secondary) 86%,var(--aura-blue))}.salesman-kpi-grid__salesman-cell{min-width: 0;gap: 0.7rem}.salesman-kpi-grid__avatar{width: 2rem;height: 2rem;border-radius: 999px;background: color-mix(in srgb,var(--aura-blue) 15%,transparent);color: var(--aura-blue);display: inline-flex;align-items: center;justify-content: center;font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold);flex: 0 0 auto}.salesman-kpi-grid__name{color: color-mix(in srgb,var(--vaadin-text-color) 84%,var(--aura-blue));font-weight: var(--aura-font-weight-semibold);font-size: var(--aura-font-size-m)}.salesman-kpi-grid__conversion-badge{display: inline-flex;align-items: center;justify-content: center;border-radius: 8px;padding: 0.16rem 0.66rem;font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold);min-width: 4.25rem}.salesman-kpi-grid__conversion-badge--good{background: color-mix(in srgb,var(--aura-green) 14%,transparent);color: var(--aura-green)}.salesman-kpi-grid__conversion-badge--warn{background: color-mix(in srgb,var(--aura-orange) 14%,transparent);color: var(--aura-orange-text)}.salesman-kpi-grid__conversion-badge--low{background: color-mix(in srgb,var(--aura-red) 12%,transparent);color: var(--aura-red)}.salesman-kpi-grid__chevron{color: var(--vaadin-text-color-secondary)}.salesman-kpi-detail-dialog::part(overlay){border-radius: calc(var(--vaadin-radius-l) + 6px);max-width: min(96vw,980px)}.salesman-kpi-detail-dialog::part(content){padding: 0}.salesman-kpi-detail-dialog__content{width: 100%;box-sizing: border-box;padding: var(--vaadin-padding-m);gap: var(--vaadin-padding-m)}.salesman-kpi-detail-dialog__header{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-gap-s);padding-bottom: var(--vaadin-padding-m);border-bottom: 1px solid var(--vaadin-border-color-secondary)}.salesman-kpi-detail-dialog__avatar{width: 4rem;height: 4rem;border-radius: 999px;background: color-mix(in srgb,var(--aura-blue) 16%,transparent);color: var(--aura-blue);display: inline-flex;align-items: center;justify-content: center;font-size: var(--aura-font-size-xl);font-weight: var(--aura-font-weight-semibold);flex-shrink: 0}.salesman-kpi-detail-dialog__identity-text{margin: 0}.salesman-kpi-detail-dialog__name{font-size: clamp(1.3rem,1.2rem + 0.2vw,1.55rem);font-weight: var(--aura-font-weight-semibold);color: color-mix(in srgb,var(--vaadin-text-color) 84%,var(--aura-blue))}.salesman-kpi-detail-dialog__subtitle{margin-top: 2px;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.salesman-kpi-detail-dialog__chip{display: inline-flex;align-items: center;gap: 0.45rem;border-radius: 8px;padding: 0.22rem 0.7rem;background: color-mix(in srgb,var(--aura-green) 14%,transparent);color: var(--aura-green);font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold)}.salesman-kpi-detail-dialog__chip::before{content: "";width: 0.53rem;height: 0.53rem;border-radius: 999px;background: var(--aura-green)}.salesman-kpi-detail-dialog__close{color: var(--vaadin-text-color-secondary)}.salesman-kpi-detail-dialog__metrics{width: 100%;display: grid;grid-template-columns: repeat(3,1fr);gap: var(--vaadin-padding-s)}@media (max-width: 600px){.salesman-kpi-detail-dialog__metrics{grid-template-columns: repeat(2,1fr)}}@media (max-width: 400px){.salesman-kpi-detail-dialog__metrics{grid-template-columns: 1fr}}.salesman-kpi-detail-dialog__metric-card{--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);padding: var(--vaadin-padding-m);display: flex;flex-direction: column;gap: var(--vaadin-padding-xs)}.salesman-kpi-detail-dialog__metric-label{font-size: var(--aura-font-size-s);color: color-mix(in srgb,var(--vaadin-text-color) 80%,var(--aura-blue));font-weight: var(--aura-font-weight-medium)}.salesman-kpi-detail-dialog__metric-value{font-size: clamp(1.45rem,1.15rem + 0.5vw,1.85rem);line-height: 1;color: color-mix(in srgb,var(--vaadin-text-color) 84%,var(--aura-blue));font-weight: 700}.salesman-kpi-detail-dialog__metric-note{font-size: var(--aura-font-size-m);color: var(--vaadin-text-color-secondary)}.salesman-kpi-detail-dialog__trend{width: 100%}.salesman-kpi-detail-dialog__section-title{display: block;font-size: var(--aura-font-size-l);color: color-mix(in srgb,var(--vaadin-text-color) 84%,var(--aura-blue));font-weight: var(--aura-font-weight-semibold)}.salesman-kpi-detail-dialog__section-subtitle{display: block;margin-top: 0.15rem;margin-bottom: var(--vaadin-padding-xs);font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.salesman-kpi-detail-dialog__footer{margin-top: var(--vaadin-padding-xs)}@media (max-width: 640px){.attendance-summary-period-selector-desktop{display: none}.attendance-summary-period-field-desktop{display: none}.attendance-summary-period-selector-mobile-row{display: block}.salesman-kpi-toolbar-btn{display: none}.salesman-kpi-mobile-actions{display: flex;flex-direction: column}.salesman-kpi-mobile-action-btn{width: 100%}.salesman-kpi-period-selector-desktop,.salesman-kpi-period-selector-desktop vaadin-combo-box{min-width: 120px}.salesman-kpi-chart-row{grid-template-columns: minmax(0,1fr)}.salesman-kpi-detail-dialog__header{flex-direction: column;align-items: stretch}.salesman-kpi-detail-dialog__footer{justify-content: stretch}.salesman-kpi-detail-dialog__footer vaadin-button{width: 100%}}.consignment-badge{display: inline-flex;align-items: center;padding: 2px 8px;border-radius: 999px;font-size: var(--aura-font-size-xs);font-weight: 600;background: color-mix(in srgb,var(--aura-accent-color) 14%,transparent);color: var(--aura-accent-color)}.consignment-po-banner{border: 1px solid color-mix(in srgb,var(--aura-accent-color) 45%,transparent);background: color-mix(in srgb,var(--aura-accent-color) 10%,transparent);border-radius: var(--vaadin-radius-m);padding: var(--vaadin-padding-s) var(--vaadin-padding-m);color: var(--vaadin-text-color)}.consignment-stock-section{border-top: 1px solid var(--vaadin-border-color-secondary);padding-top: var(--vaadin-padding-m);display: grid;gap: var(--vaadin-padding-s)}.consignment-stock-card{border-left: 3px solid var(--aura-accent-color)}.inventory-item-card__meta--consignment::after{content: " • Consignment";color: var(--aura-accent-color);font-weight: 600}.consignor-ap-view__content{padding: var(--vaadin-padding-l);gap: var(--vaadin-padding-l);max-width: none}.consignor-ap-view__summary{display: grid;grid-template-columns: repeat(3,minmax(220px,1fr));gap: var(--vaadin-gap-m);width: 100%;align-items: stretch}.consignor-ap-summary-card{display: flex;flex-direction: column;gap: 10px;padding: var(--vaadin-padding-l);border-radius: calc(var(--vaadin-radius-l) + 2px);background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);min-height: 112px;min-width: 0;box-sizing: border-box}.consignor-ap-summary-card__label{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.consignor-ap-summary-card__value{font-size: clamp(1.55rem,1.15rem + 1vw,2rem);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color);line-height: 1.1}.consignor-ap-summary-card__value--warning{color: var(--aura-orange-text)}.consignor-ap-summary-card__value--success{color: var(--aura-green)}.consignor-ap-summary-card__value--neutral{color: var(--aura-blue-text)}.consignor-ap-summary-card__caption{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.consignor-ap-view__filters{display: grid;grid-template-columns: minmax(0,1.9fr) minmax(180px,0.95fr) minmax(180px,0.95fr);gap: var(--vaadin-gap-m);align-items: center;width: 100%}.consignor-ap-view__filters vaadin-text-field,.consignor-ap-view__filters vaadin-combo-box{width: 100%}.consignor-ap-view__cards{box-sizing: border-box;display: grid !important;gap: var(--vaadin-padding-m);grid-template-columns: 1fr;align-content: start;width: 100%;max-width: 100%;padding: var(--vaadin-padding-xs) 1rem var(--vaadin-padding-xs) var(--vaadin-padding-xs)}.consignor-ap-card{display: flex;flex-direction: column;gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-l);border-radius: var(--vaadin-radius-l);background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);min-height: 228px;transition: box-shadow 0.2s ease,transform 0.2s ease,border-color 160ms ease;min-width: 0;box-sizing: border-box}.consignor-ap-card:hover{box-shadow: var(--aura-shadow-m);transform: translateY(-2px);border-color: color-mix(in srgb,var(--aura-accent-color) 28%,var(--vaadin-border-color-secondary))}.consignor-ap-card__header,.consignor-ap-card__identity,.consignor-ap-card__reference{display: flex;align-items: center}.consignor-ap-card__footer{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));align-items: start;gap: var(--vaadin-gap-m)}.consignor-ap-card__header{justify-content: space-between;gap: var(--vaadin-gap-m)}.consignor-ap-card__identity,.consignor-ap-card__reference{gap: 12px;min-width: 0}.consignor-ap-card__reference{align-items: center;justify-content: flex-start}.consignor-ap-card__avatar{display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 50%;background: color-mix(in srgb,var(--aura-accent-color) 14%,transparent);color: var(--aura-accent-color);font-size: var(--aura-font-size-xs);font-weight: 700;flex-shrink: 0}.consignor-ap-card__text{display: flex;flex-direction: column;gap: 6px;min-width: 0}.consignor-ap-card__vendor{font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.consignor-ap-card__sku{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);letter-spacing: 0.04em}.consignor-ap-pill{display: inline-flex;align-items: center;gap: 6px;padding: 4px 10px;border-radius: 999px;font-size: var(--aura-font-size-xs);font-weight: 700;white-space: nowrap}.consignor-ap-pill::before{content: "";width: 6px;height: 6px;border-radius: 50%;flex-shrink: 0}.consignor-ap-pill--pending{background: color-mix(in srgb,var(--aura-orange) 16%,transparent);color: var(--aura-orange-text)}.consignor-ap-pill--pending::before{background: var(--aura-orange)}.consignor-ap-pill--voucher{background: color-mix(in srgb,var(--aura-accent-color) 14%,transparent);color: var(--aura-accent-color)}.consignor-ap-pill--voucher::before{background: var(--aura-accent-color)}.consignor-ap-pill--settled{background: color-mix(in srgb,var(--aura-green) 14%,transparent);color: var(--aura-green)}.consignor-ap-pill--settled::before{background: var(--aura-green)}.consignor-ap-pill--reversed{background: color-mix(in srgb,var(--aura-red) 14%,transparent);color: var(--aura-red)}.consignor-ap-pill--reversed::before{background: var(--aura-red)}.consignor-ap-card__divider{margin: 0;border: 0;border-top: 1px solid var(--vaadin-border-color-secondary)}.consignor-ap-card__metrics{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--vaadin-gap-m)}.consignor-ap-card__metric{display: flex;flex-direction: column;gap: 8px}.consignor-ap-card__metric-label,.consignor-ap-card__date,.consignor-ap-card__reference-label{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.consignor-ap-card__metric-value{font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-semibold);color: var(--aura-blue-text);line-height: 1.2}.consignor-ap-card__reference-icon{color: var(--vaadin-text-color-secondary);width: 12px;height: 12px}.consignor-ap-empty{grid-column: 1 / -1;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 8px;min-height: 240px;padding: var(--vaadin-padding-xl);border-radius: var(--vaadin-radius-l);background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px dashed var(--vaadin-border-color);text-align: center}.consignor-ap-empty__title{font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color)}.consignor-ap-empty__body{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}@media (max-width: 960px){.consignor-ap-view__summary{grid-template-columns: repeat(2,minmax(0,1fr))}.consignor-ap-view__filters{grid-template-columns: minmax(0,1fr)}}@media (max-width: 640px){.consignor-ap-view__content{padding: var(--vaadin-padding-m);gap: var(--vaadin-padding-m)}.consignor-ap-view__summary,.consignor-ap-card__metrics{grid-template-columns: minmax(0,1fr)}.consignor-ap-card{min-height: auto}.consignor-ap-card__header{align-items: flex-start;flex-direction: column}.consignor-ap-card__footer{grid-template-columns: minmax(0,1fr)}}.consignor-settlement-view__content{padding: var(--vaadin-padding-l);gap: var(--vaadin-padding-l)}.consignor-settlement-view__summary{display: grid;grid-template-columns: repeat(3,minmax(220px,1fr));gap: var(--vaadin-gap-m);width: 100%;align-items: stretch}.consignor-settlement-summary-card{display: flex;flex-direction: column;gap: 10px;min-height: 112px;padding: var(--vaadin-padding-l);border-radius: calc(var(--vaadin-radius-l) + 2px);background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);min-width: 0;box-sizing: border-box}.consignor-settlement-summary-card__label{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.consignor-settlement-summary-card__value{font-size: clamp(1.55rem,1.15rem + 1vw,2rem);font-weight: var(--aura-font-weight-semibold);line-height: 1.1;color: var(--vaadin-text-color)}.consignor-settlement-summary-card__value--warning{color: var(--aura-orange-text)}.consignor-settlement-summary-card__value--success{color: var(--aura-green)}.consignor-settlement-summary-card__value--neutral{color: var(--aura-blue-text)}.consignor-settlement-summary-card__caption{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.consignor-settlement-view__filters{display: grid;grid-template-columns: minmax(0,1.9fr) minmax(180px,0.95fr) minmax(180px,0.95fr);gap: var(--vaadin-gap-m);align-items: center;width: 100%}.consignor-settlement-view__filters vaadin-text-field,.consignor-settlement-view__filters vaadin-combo-box{width: 100%}.consignor-settlement-view__cards{box-sizing: border-box;display: grid !important;gap: var(--vaadin-padding-m);grid-template-columns: 1fr;align-content: start;width: 100%;max-width: 100%;padding: var(--vaadin-padding-xs) 1rem var(--vaadin-padding-xs) var(--vaadin-padding-xs)}.consignor-settlement-card{display: flex;flex-direction: column;gap: var(--vaadin-gap-m);min-height: 228px;padding: var(--vaadin-padding-l);border-radius: var(--vaadin-radius-l);background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);transition: transform 160ms ease,border-color 160ms ease,box-shadow 160ms ease;cursor: pointer;width: 100%;box-sizing: border-box;min-width: 0}.consignor-settlement-card:hover{transform: translateY(-2px);border-color: color-mix(in srgb,var(--aura-accent-color) 28%,var(--vaadin-border-color-secondary));box-shadow: var(--aura-shadow-m)}.consignor-settlement-card__header,.consignor-settlement-card__identity,.consignor-settlement-card__meta,.consignor-settlement-card__meta-item{display: flex;align-items: center}.consignor-settlement-card__header,.consignor-settlement-card__meta{justify-content: space-between;gap: var(--vaadin-gap-m)}.consignor-settlement-card__identity,.consignor-settlement-card__meta-item{gap: 12px;min-width: 0}.consignor-settlement-card__avatar{display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 50%;background: color-mix(in srgb,var(--aura-accent-color) 14%,transparent);color: var(--aura-accent-color);font-size: var(--aura-font-size-xs);font-weight: 700;flex-shrink: 0}.consignor-settlement-card__text{display: flex;flex-direction: column;gap: 6px;min-width: 0}.consignor-settlement-card__vendor{font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.consignor-settlement-card__number,.consignor-settlement-card__meta-value,.consignor-settlement-card__total-label{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.consignor-settlement-card__number{letter-spacing: 0.03em}.consignor-settlement-pill{display: inline-flex;align-items: center;gap: 6px;padding: 4px 10px;border-radius: 999px;font-size: var(--aura-font-size-xs);font-weight: 700;white-space: nowrap}.consignor-settlement-pill::before{content: "";width: 6px;height: 6px;border-radius: 50%;flex-shrink: 0}.consignor-settlement-pill--pending{background: color-mix(in srgb,var(--aura-orange) 16%,transparent);color: var(--aura-orange-text)}.consignor-settlement-pill--pending::before{background: var(--aura-orange)}.consignor-settlement-pill--paid{background: color-mix(in srgb,var(--aura-green) 14%,transparent);color: var(--aura-green)}.consignor-settlement-pill--paid::before{background: var(--aura-green)}.consignor-settlement-card__meta-icon{width: 14px;height: 14px;color: var(--vaadin-text-color-secondary);flex-shrink: 0}.consignor-settlement-card__divider{margin: 0;border: 0;border-top: 1px solid var(--vaadin-border-color-secondary)}.consignor-settlement-card__total{display: flex;align-items: baseline;gap: 10px;flex-wrap: wrap}.consignor-settlement-card__total-value{font-size: clamp(1.65rem,1.2rem + 1vw,2.1rem);font-weight: var(--aura-font-weight-semibold);color: var(--aura-blue-text);line-height: 1.2}.consignor-settlement-empty{grid-column: 1 / -1;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 8px;min-height: 240px;padding: var(--vaadin-padding-xl);border-radius: var(--vaadin-radius-l);background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px dashed var(--vaadin-border-color);text-align: center}.consignor-settlement-empty__title{font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color)}.consignor-settlement-empty__body{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}@media (max-width: 960px){.consignor-settlement-view__summary{grid-template-columns: repeat(2,minmax(0,1fr))}.consignor-settlement-view__filters{grid-template-columns: minmax(0,1fr)}}@media (max-width: 640px){.consignor-settlement-view__content{padding: var(--vaadin-padding-m);gap: var(--vaadin-padding-m)}.consignor-settlement-view__summary{grid-template-columns: minmax(0,1fr)}.consignor-settlement-card{min-height: auto}.consignor-settlement-card__header,.consignor-settlement-card__meta{align-items: flex-start;flex-direction: column}}.consignor-settlement-detail-view__content{padding: var(--vaadin-padding-l);gap: var(--vaadin-gap-m)}.consignor-settlement-detail-view__form{display: flex;flex-direction: column;gap: var(--vaadin-gap-m);width: 100%;padding: var(--vaadin-padding-l);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);background: var(--aura-surface-color);--aura-surface-level: 1}.consignor-settlement-detail-view__filters{display: grid;width: 100%;grid-template-columns: minmax(220px,1.4fr) minmax(180px,0.85fr) minmax(180px,0.85fr);gap: var(--vaadin-gap-m)}.consignor-settlement-detail-view__line-heading{font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-semibold);color: var(--aura-blue-text)}.consignor-settlement-detail-view__notes{width: 100%}.consignor-settlement-detail-view__grid-card{width: 100%;border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);overflow: hidden;background: var(--aura-surface-color);--aura-surface-level: 1}vaadin-grid.consignor-settlement-detail-view__grid::part(header-cell){text-transform: uppercase;letter-spacing: 0.06em;font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold);color: color-mix(in srgb,var(--vaadin-text-color-secondary) 92%,white);background: color-mix(in srgb,var(--aura-neutral) 6%,transparent)}vaadin-grid.consignor-settlement-detail-view__grid::part(cell){font-size: var(--aura-font-size-m)}.consignor-settlement-detail-view__amount-cell{font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-semibold);color: var(--aura-blue-text)}.consignor-settlement-detail-view__status-pill{display: inline-flex;align-items: center;gap: 6px;padding: 4px 12px;border-radius: var(--vaadin-radius-m);font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold);white-space: nowrap}.consignor-settlement-detail-view__status-pill::before{content: "";width: 8px;height: 8px;border-radius: 50%}.consignor-settlement-detail-view__status-pill--pending{color: var(--aura-orange-text);background: color-mix(in srgb,var(--aura-orange) 16%,transparent)}.consignor-settlement-detail-view__status-pill--pending::before{background: var(--aura-orange)}.consignor-settlement-detail-view__status-pill--voucher-drafted{color: var(--aura-blue-text);background: color-mix(in srgb,var(--aura-blue) 16%,transparent)}.consignor-settlement-detail-view__status-pill--voucher-drafted::before{background: var(--aura-blue)}.consignor-settlement-detail-view__status-pill--settled{color: var(--aura-green);background: color-mix(in srgb,var(--aura-green) 14%,transparent)}.consignor-settlement-detail-view__status-pill--settled::before{background: var(--aura-green)}.consignor-settlement-detail-view__status-pill--reversed{color: var(--aura-red);background: color-mix(in srgb,var(--aura-red) 14%,transparent)}.consignor-settlement-detail-view__status-pill--reversed::before{background: var(--aura-red)}.consignor-settlement-detail-view__selection-bar{width: 100%;display: flex;justify-content: space-between;align-items: center;gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-m) var(--vaadin-padding-l);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);background: color-mix(in srgb,var(--aura-neutral) 2%,transparent)}.consignor-settlement-detail-view__selection-caption{font-size: var(--aura-font-size-l);color: var(--vaadin-text-color-secondary)}.consignor-settlement-detail-view__selection-total{font-size: clamp(1.35rem,1.05rem + 0.8vw,1.8rem);font-weight: var(--aura-font-weight-semibold);color: var(--aura-blue-text)}@media (max-width: 960px){.consignor-settlement-detail-view__filters{grid-template-columns: minmax(0,1fr)}}@media (max-width: 640px){.consignor-settlement-detail-view>.aura-view-header{flex-wrap: wrap;align-items: center;row-gap: var(--vaadin-padding-xs)}.consignor-settlement-detail-view>.aura-view-header .aura-view-header__toolbar{flex-basis: 100%;width: 100%;margin-inline-start: 0;flex-wrap: wrap;justify-content: flex-start;gap: var(--vaadin-gap-xs)}.consignor-settlement-detail-view>.aura-view-header .aura-view-header__toolbar>*{flex: 1 1 auto;min-width: fit-content}.consignor-settlement-detail-view__content{padding: var(--vaadin-padding-m)}.consignor-settlement-detail-view__form{padding: var(--vaadin-padding-m)}.consignor-settlement-detail-view__selection-bar{padding: var(--vaadin-padding-m)}.consignor-settlement-detail-view__selection-caption{font-size: var(--aura-font-size-m)}}.consignment-reconciliation-view__content{padding: var(--vaadin-padding-l);gap: var(--vaadin-padding-l)}.consignment-return-view__content{padding: var(--vaadin-padding-l);gap: var(--vaadin-padding-l)}.consignment-return-view__summary{display: flex;flex-wrap: wrap;gap: var(--vaadin-gap-m);align-items: stretch;width: 100%}.consignment-return-view__summary>*{flex: 1 1 280px;min-width: 0}.consignment-return-summary-card{display: flex;flex-direction: column;gap: 10px;min-height: 112px;padding: var(--vaadin-padding-l);border-radius: 18px;background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);width: 100%;box-sizing: border-box}.consignment-return-summary-card__label{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.consignment-return-summary-card__value{font-size: clamp(1.55rem,1.15rem + 1vw,2rem);font-weight: var(--aura-font-weight-semibold);line-height: 1.1;color: var(--aura-blue-text)}.consignment-return-summary-card__caption{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.consignment-return-view__filters{display: grid;grid-template-columns: minmax(0,1.9fr) minmax(220px,0.95fr);gap: var(--vaadin-gap-m);align-items: center;width: 100%;box-sizing: border-box}.consignment-return-view__filters vaadin-text-field,.consignment-return-view__filters vaadin-combo-box{width: 100%}.consignment-return-view__cards{display: grid;grid-template-columns: 1fr;gap: var(--vaadin-gap-m);align-items: start;width: 100%}.consignment-return-view__cards>*{min-width: 0}.consignment-return-card{display: flex;flex-direction: column;gap: var(--vaadin-gap-m);min-height: 220px;padding: var(--vaadin-padding-l);border-radius: 18px;background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);transition: box-shadow 0.2s ease,transform 0.2s ease;width: 100%;box-sizing: border-box}.consignment-return-card:hover{box-shadow: var(--aura-shadow-m);transform: translateY(-2px)}.consignment-return-card__header,.consignment-return-card__meta,.consignment-return-card__meta-item{display: flex;align-items: center}.consignment-return-card__header,.consignment-return-card__meta{justify-content: space-between;gap: var(--vaadin-gap-m)}.consignment-return-card__header{min-width: 0}.consignment-return-card__avatar{display: inline-flex;align-items: center;justify-content: center;width: 42px;height: 42px;border-radius: 50%;background: color-mix(in srgb,var(--aura-accent-color) 14%,transparent);color: var(--aura-accent-color);font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-bold);flex-shrink: 0}.consignment-return-card__text{display: flex;flex-direction: column;gap: 6px;min-width: 0}.consignment-return-card__vendor{font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.consignment-return-card__number,.consignment-return-card__meta-value{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.consignment-return-card__number{letter-spacing: 0.03em}.consignment-return-card__meta-item{gap: 12px}.consignment-return-card__meta-icon{width: 15px;height: 15px;color: var(--vaadin-text-color-secondary);flex-shrink: 0}.consignment-return-card__action{justify-content: flex-start;width: fit-content;padding-inline: 0;color: var(--aura-accent-color);background: transparent;border: none;font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold)}.consignment-return-empty{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 8px;min-height: 220px;padding: var(--vaadin-padding-xl);border-radius: 18px;background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px dashed var(--vaadin-border-color);text-align: center;width: 100%;box-sizing: border-box;grid-column: 1 / -1}.consignment-return-empty__title{font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color)}.consignment-return-empty__body{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.consignment-return-create-dialog::part(overlay){width: min(840px,96vw)}.consignment-return-create-dialog__content{display: flex;flex-direction: column;gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-s) var(--vaadin-padding-m) 0;width: 100%;box-sizing: border-box}.consignment-return-create-dialog__close{margin-left: auto}.consignment-return-create-dialog__section-label{font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color-secondary)}.consignment-return-create-dialog__line-list{display: flex;flex-direction: column;gap: var(--vaadin-gap-s);width: 100%;box-sizing: border-box}.consignment-return-create-dialog__line-item{display: flex;flex-direction: column;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-m);border-radius: var(--vaadin-radius-l);background: color-mix(in srgb,var(--aura-neutral) 6%,transparent)}.consignment-return-create-dialog__line-top{width: 100%}.consignment-return-create-dialog__line-top>vaadin-big-decimal-field{width: 10rem;min-width: 10rem;flex: 0 0 10rem}.consignment-return-create-dialog__remove-line{flex-shrink: 0}.consignment-return-create-dialog__add-line{align-self: flex-start}.consignment-return-create-dialog__footer{width: 100%;justify-content: flex-end}.consignment-return-lines-dialog::part(overlay){width: min(720px,96vw)}.consignment-return-lines-dialog__content{display: flex;flex-direction: column;gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-s) var(--vaadin-padding-m) 0;width: 100%;box-sizing: border-box}.consignment-return-lines-dialog__close{margin-left: auto}.consignment-return-lines-dialog__subtitle{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);line-height: 1.35}.consignment-return-lines-dialog__list{display: flex;flex-direction: column;gap: var(--vaadin-gap-s);width: 100%;box-sizing: border-box}.consignment-return-lines-dialog__row{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-gap-m);width: 100%;box-sizing: border-box;padding: var(--vaadin-padding-m);border-radius: var(--vaadin-radius-l);background: color-mix(in srgb,var(--aura-neutral) 6%,transparent)}.consignment-return-lines-dialog__identity{display: flex;flex-direction: column;gap: 4px;min-width: 0}.consignment-return-lines-dialog__variant,.consignment-return-lines-dialog__qty{font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color)}.consignment-return-lines-dialog__sku{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);letter-spacing: 0.03em}.consignment-return-lines-dialog__meta{display: inline-flex;align-items: center;gap: var(--vaadin-gap-m);flex-shrink: 0}.consignment-return-lines-dialog__reason-pill{display: inline-flex;align-items: center;gap: 6px;padding: 4px 10px;border-radius: 999px;font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold);white-space: nowrap}.consignment-return-lines-dialog__reason-pill::before{content: "";width: 7px;height: 7px;border-radius: 50%;flex-shrink: 0}.consignment-return-lines-dialog__reason-pill--warning{color: color-mix(in srgb,var(--aura-orange) 76%,black 16%);background: color-mix(in srgb,var(--aura-orange) 16%,transparent)}.consignment-return-lines-dialog__reason-pill--warning::before{background: var(--aura-orange)}.consignment-return-lines-dialog__reason-pill--muted{color: var(--vaadin-text-color-secondary);background: color-mix(in srgb,var(--aura-neutral) 12%,transparent)}.consignment-return-lines-dialog__reason-pill--muted::before{background: var(--vaadin-text-color-secondary)}.consignment-return-lines-dialog__empty{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s);padding: var(--vaadin-padding-s) 0}.consignment-return-lines-dialog__footer{width: 100%;justify-content: flex-end}@media (max-width: 960px){.consignment-return-view__filters{grid-template-columns: minmax(0,1fr)}}@media (max-width: 640px){.consignment-return-view__content{padding: var(--vaadin-padding-m);gap: var(--vaadin-padding-m)}.consignment-return-card{min-height: auto}.consignment-return-card__meta{align-items: flex-start;flex-direction: column}.consignment-return-create-dialog__content{padding-left: var(--vaadin-padding-s);padding-right: var(--vaadin-padding-s)}.consignment-return-create-dialog__line-top{align-items: stretch;flex-direction: column;gap: var(--vaadin-gap-s)}.consignment-return-create-dialog__line-top>vaadin-big-decimal-field,.consignment-return-create-dialog__line-top>vaadin-combo-box{width: 100%;min-width: 0;flex: 1 1 auto}.consignment-return-create-dialog__remove-line{align-self: flex-end}.consignment-return-create-dialog__add-line{width: 100%;justify-content: center}.consignment-return-create-dialog__footer{gap: var(--vaadin-gap-s)}.consignment-return-create-dialog__footer vaadin-button{flex: 1 1 0;min-width: 0}.consignment-return-lines-dialog__row{align-items: flex-start;flex-direction: column}.consignment-return-lines-dialog__meta{width: 100%;justify-content: space-between}}.consignment-reconciliation-view__summary{display: flex;flex-wrap: wrap;gap: var(--vaadin-gap-m);align-items: stretch;width: 100%}.consignment-reconciliation-view__summary>*{flex: 1 1 280px;min-width: 0}.consignment-reconciliation-view .consignment-reconciliation-summary-card{display: flex;flex-direction: column;gap: 10px;min-height: 112px;padding: var(--vaadin-padding-l);border-radius: 18px;background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);width: 100%;box-sizing: border-box;overflow: hidden}.consignment-reconciliation-summary-card__label{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.consignment-reconciliation-summary-card__value{font-size: clamp(1.55rem,1.15rem + 1vw,2rem);font-weight: var(--aura-font-weight-semibold);line-height: 1.1;color: var(--vaadin-text-color)}.consignment-reconciliation-summary-card__value--neutral{color: var(--aura-blue-text)}.consignment-reconciliation-summary-card__value--danger{color: var(--aura-red)}.consignment-reconciliation-summary-card__value--accent{color: var(--vaadin-text-color)}.consignment-reconciliation-summary-card__caption{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.consignment-reconciliation-view__filters{display: grid;grid-template-columns: minmax(0,1.9fr) minmax(180px,0.95fr) minmax(180px,0.95fr);gap: var(--vaadin-gap-m);align-items: center;width: 100%;box-sizing: border-box}.consignment-reconciliation-view__filters vaadin-text-field,.consignment-reconciliation-view__filters vaadin-combo-box{width: 100%}.consignment-reconciliation-view__cards{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--vaadin-gap-m);align-items: start;width: 100%}.consignment-reconciliation-view__cards>*{min-width: 0}.consignment-reconciliation-view .consignment-reconciliation-card{display: flex;flex-direction: column;gap: var(--vaadin-gap-m);min-height: 254px;padding: var(--vaadin-padding-l);border-radius: 18px;background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);transition: transform 160ms ease,border-color 160ms ease,background-color 160ms ease;cursor: pointer;width: 100%;box-sizing: border-box;overflow: hidden}.consignment-reconciliation-card:hover{transform: translateY(-2px);border-color: color-mix(in srgb,var(--aura-accent-color) 28%,var(--vaadin-border-color-secondary))}.consignment-reconciliation-card__header,.consignment-reconciliation-card__identity,.consignment-reconciliation-card__meta,.consignment-reconciliation-card__meta-item{display: flex;align-items: center}.consignment-reconciliation-card__header,.consignment-reconciliation-card__meta{justify-content: space-between;gap: var(--vaadin-gap-m)}.consignment-reconciliation-card__identity,.consignment-reconciliation-card__meta-item{gap: 12px;min-width: 0}.consignment-reconciliation-card__avatar{display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 50%;background: color-mix(in srgb,var(--aura-accent-color) 14%,transparent);color: var(--aura-accent-color);font-size: var(--aura-font-size-xs);font-weight: 700;flex-shrink: 0}.consignment-reconciliation-card__text{display: flex;flex-direction: column;gap: 6px;min-width: 0}.consignment-reconciliation-card__vendor{font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.consignment-reconciliation-card__number,.consignment-reconciliation-card__meta-value,.consignment-reconciliation-card__metric-label{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.consignment-reconciliation-card__number{letter-spacing: 0.03em}.consignment-reconciliation-pill{display: inline-flex;align-items: center;gap: 6px;padding: 4px 10px;border-radius: 999px;font-size: var(--aura-font-size-xs);font-weight: 700;white-space: nowrap}.consignment-reconciliation-pill::before{content: "";width: 6px;height: 6px;border-radius: 50%;flex-shrink: 0}.consignment-reconciliation-pill--draft{background: color-mix(in srgb,var(--aura-neutral) 12%,transparent);color: var(--vaadin-text-color)}.consignment-reconciliation-pill--draft::before{background: var(--vaadin-text-color-secondary)}.consignment-reconciliation-pill--submitted{background: color-mix(in srgb,var(--aura-accent-color) 14%,transparent);color: var(--aura-accent-color)}.consignment-reconciliation-pill--submitted::before{background: var(--aura-accent-color)}.consignment-reconciliation-pill--approved{background: color-mix(in srgb,var(--aura-green) 14%,transparent);color: var(--aura-green)}.consignment-reconciliation-pill--approved::before{background: var(--aura-green)}.consignment-reconciliation-pill--disputed{background: color-mix(in srgb,var(--aura-red) 14%,transparent);color: var(--aura-red)}.consignment-reconciliation-pill--disputed::before{background: var(--aura-red)}.consignment-reconciliation-card__meta-icon{width: 14px;height: 14px;color: var(--vaadin-text-color-secondary);flex-shrink: 0}.consignment-reconciliation-card__divider{margin: 0;border: 0;border-top: 1px solid var(--vaadin-border-color-secondary)}.consignment-reconciliation-card__metrics{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--vaadin-gap-m)}.consignment-reconciliation-card__metric{display: flex;flex-direction: column;gap: 8px}.consignment-reconciliation-card__metric-value{font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-semibold);color: var(--aura-blue-text);line-height: 1.2}.consignment-reconciliation-card__outcome{font-size: var(--aura-font-size-s);font-weight: 700}.consignment-reconciliation-card__outcome--muted{color: var(--vaadin-text-color-secondary)}.consignment-reconciliation-card__outcome--success{color: var(--aura-green)}.consignment-reconciliation-card__outcome--danger{color: var(--aura-red)}.consignment-reconciliation-view .consignment-reconciliation-empty{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 8px;min-height: 240px;padding: var(--vaadin-padding-xl);border-radius: 18px;background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px dashed var(--vaadin-border-color);text-align: center;width: 100%;box-sizing: border-box;grid-column: 1 / -1}.consignment-reconciliation-empty__title{font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color)}.consignment-reconciliation-empty__body{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.consignment-reconciliation-create-dialog::part(overlay){width: min(640px,96vw)}.consignment-reconciliation-create-dialog__content{display: flex;flex-direction: column;gap: var(--vaadin-gap-m);width: 100%;box-sizing: border-box;padding: var(--vaadin-padding-s) var(--vaadin-padding-m) 0}.consignment-reconciliation-create-dialog__header{display: flex;align-items: flex-start;gap: var(--vaadin-gap-s);width: 100%}.consignment-reconciliation-create-dialog__hero-icon{width: 2rem;height: 2rem;border-radius: 50%;flex-shrink: 0;background: color-mix(in srgb,var(--aura-accent-color) 18%,transparent)}.consignment-reconciliation-create-dialog__title-block{display: flex;flex-direction: column;gap: 4px;min-width: 0}.consignment-reconciliation-create-dialog__title{font-size: var(--aura-font-size-xl);font-weight: var(--aura-font-weight-semibold);color: var(--aura-blue-text)}.consignment-reconciliation-create-dialog__subtitle{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);line-height: 1.4}.consignment-reconciliation-create-dialog__close{margin-inline-start: auto;margin-top: -2px;flex-shrink: 0}.consignment-reconciliation-create-dialog__period-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--vaadin-gap-s);width: 100%}.consignment-reconciliation-create-dialog__notes{width: 100%}.consignment-reconciliation-create-dialog__footer{width: 100%;justify-content: flex-end;gap: var(--vaadin-gap-s)}.consignment-reconciliation-create-dialog__footer vaadin-button{min-width: 5.5rem}@media (max-width: 960px){.consignment-reconciliation-view__cards{grid-template-columns: repeat(2,minmax(0,1fr))}.consignment-reconciliation-view__filters{grid-template-columns: minmax(0,1fr)}}@media (max-width: 640px){.consignment-reconciliation-view__content{padding: var(--vaadin-padding-m);gap: var(--vaadin-padding-m)}.consignment-reconciliation-view__cards{grid-template-columns: minmax(0,1fr)}.consignment-reconciliation-card__metrics{grid-template-columns: minmax(0,1fr)}.consignment-reconciliation-card{min-height: auto}.consignment-reconciliation-card__header,.consignment-reconciliation-card__meta{align-items: flex-start;flex-direction: column}.consignment-reconciliation-create-dialog__content{padding-left: var(--vaadin-padding-s);padding-right: var(--vaadin-padding-s)}.consignment-reconciliation-create-dialog__period-grid{grid-template-columns: minmax(0,1fr)}.consignment-reconciliation-create-dialog__footer{width: 100%}.consignment-reconciliation-create-dialog__footer vaadin-button{flex: 1 1 0;min-width: 0}}.consignment-reconciliation-detail-view__content{padding: var(--vaadin-padding-m);gap: var(--vaadin-padding-m)}.consignment-reconciliation-detail-view__summary{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--vaadin-gap-s);width: 100%}.consignment-reconciliation-detail-view__summary-card{display: flex;flex-direction: column;gap: var(--vaadin-gap-xs);min-height: 96px;padding: var(--vaadin-padding-m);border-radius: var(--vaadin-radius-l);background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary)}.consignment-reconciliation-detail-view__summary-label{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.consignment-reconciliation-detail-view__summary-value{font-size: clamp(1.1rem,1rem + 0.45vw,1.35rem);font-weight: var(--aura-font-weight-semibold);line-height: 1.1}.consignment-reconciliation-detail-view__summary-value--neutral{color: var(--aura-blue-text)}.consignment-reconciliation-detail-view__summary-value--danger{color: var(--aura-red)}.consignment-reconciliation-detail-view__summary-caption{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.consignment-reconciliation-detail-view__line-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--vaadin-gap-s);align-items: start;width: 100%}.consignment-reconciliation-detail-view__line-card{display: flex;flex-direction: column;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-m);border-radius: var(--vaadin-radius-l);background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);transition: box-shadow 0.2s ease,transform 0.2s ease}.consignment-reconciliation-detail-view__line-card:hover{box-shadow: var(--aura-shadow-m);transform: translateY(-2px)}.consignment-reconciliation-detail-view__line-header,.consignment-reconciliation-detail-view__line-identity,.consignment-reconciliation-detail-view__line-footer{display: flex;align-items: center}.consignment-reconciliation-detail-view__line-header,.consignment-reconciliation-detail-view__line-footer{justify-content: space-between;gap: var(--vaadin-gap-s)}.consignment-reconciliation-detail-view__line-identity{min-width: 0;gap: var(--vaadin-gap-s)}.consignment-reconciliation-detail-view__line-title-block{display: flex;flex-direction: column;gap: 4px;min-width: 0}.consignment-reconciliation-detail-view__line-title{font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold);color: var(--aura-blue-text);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.consignment-reconciliation-detail-view__line-sku{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);letter-spacing: 0.03em}.consignment-reconciliation-detail-view__action-pill{display: inline-flex;align-items: center;gap: 6px;padding: 4px 10px;border-radius: var(--vaadin-radius-m);font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold);white-space: nowrap}.consignment-reconciliation-detail-view__action-pill::before{content: "";width: 7px;height: 7px;border-radius: 50%;flex-shrink: 0}.consignment-reconciliation-detail-view__action-pill--muted{color: color-mix(in srgb,var(--aura-blue-text) 84%,var(--vaadin-text-color-secondary));background: color-mix(in srgb,var(--aura-neutral) 8%,transparent)}.consignment-reconciliation-detail-view__action-pill--muted::before{background: color-mix(in srgb,var(--aura-blue-text) 50%,var(--vaadin-text-color-secondary))}.consignment-reconciliation-detail-view__action-pill--accent{color: var(--aura-accent-color);background: color-mix(in srgb,var(--aura-accent-color) 16%,transparent)}.consignment-reconciliation-detail-view__action-pill--accent::before{background: var(--aura-accent-color)}.consignment-reconciliation-detail-view__action-pill--danger{color: var(--aura-red);background: color-mix(in srgb,var(--aura-red) 14%,transparent)}.consignment-reconciliation-detail-view__action-pill--danger::before{background: var(--aura-red)}.consignment-reconciliation-detail-view__line-metrics{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: var(--vaadin-gap-s);padding-block: var(--vaadin-padding-s);border-top: 1px solid var(--vaadin-border-color-secondary);border-bottom: 1px solid var(--vaadin-border-color-secondary)}.consignment-reconciliation-detail-view__metric{display: flex;flex-direction: column;gap: 4px}.consignment-reconciliation-detail-view__metric-label{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.consignment-reconciliation-detail-view__metric-value{font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold);color: var(--aura-blue-text);line-height: 1.2}.consignment-reconciliation-detail-view__count-field{width: min(168px,100%)}.consignment-reconciliation-detail-view__line-outcome{font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold);text-align: right}.consignment-reconciliation-detail-view__line-outcome--muted{color: var(--vaadin-text-color-secondary)}.consignment-reconciliation-detail-view__line-outcome--success{color: var(--aura-green)}.consignment-reconciliation-detail-view__line-outcome--danger{color: var(--aura-red)}@media (max-width: 1280px){.consignment-reconciliation-detail-view__line-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 960px){.consignment-reconciliation-detail-view__summary{grid-template-columns: minmax(0,1fr)}}@media (max-width: 720px){.consignment-reconciliation-detail-view>.aura-view-header{flex-wrap: wrap;align-items: center;row-gap: var(--vaadin-padding-xs)}.consignment-reconciliation-detail-view>.aura-view-header .aura-view-header__toolbar{flex-basis: 100%;width: 100%;margin-inline-start: 0;flex-wrap: wrap;justify-content: flex-start;gap: var(--vaadin-gap-xs)}.consignment-reconciliation-detail-view>.aura-view-header .aura-view-header__toolbar>*{flex: 1 1 auto;min-width: fit-content}.consignment-reconciliation-detail-view__content{padding: var(--vaadin-padding-m);gap: var(--vaadin-padding-m)}.consignment-reconciliation-detail-view__line-grid{grid-template-columns: minmax(0,1fr)}.consignment-reconciliation-detail-view__line-title{white-space: normal}.consignment-reconciliation-detail-view__line-footer{align-items: flex-start;flex-direction: column}.consignment-reconciliation-detail-view__line-outcome{text-align: left}}.fund-position-view__content{padding: var(--vaadin-padding-l);gap: var(--vaadin-padding-l);max-width: none}.fund-position-view__summary{display: grid;grid-template-columns: repeat(3,minmax(220px,1fr));gap: var(--vaadin-gap-m);width: 100%;align-items: stretch}.fund-position-summary-card{display: flex;flex-direction: column;gap: 10px;padding: var(--vaadin-padding-l);border-radius: calc(var(--vaadin-radius-l) + 2px);background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);min-height: 112px;min-width: 0;box-sizing: border-box}.fund-position-summary-card__label{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.fund-position-summary-card__value{font-size: clamp(1.55rem,1.15rem + 1vw,2rem);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color);line-height: 1.1}.fund-position-summary-card__caption{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.fund-position-group{display: flex;flex-direction: column;gap: var(--vaadin-padding-m);padding: var(--vaadin-padding-l);border-radius: calc(var(--vaadin-radius-l) + 2px);background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);box-sizing: border-box}.fund-group-header{font-weight: 700;text-transform: uppercase;letter-spacing: 0.04em;font-size: var(--vaadin-font-size-s);color: var(--vaadin-text-color-secondary)}.fund-position-group__rows{display: flex;flex-direction: column;gap: var(--vaadin-gap-s)}.fund-position-group__empty{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);padding: var(--vaadin-padding-s) 0}.fund-position-row{display: grid;grid-template-columns: auto minmax(0,1fr) auto;align-items: center;gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-s) 0}.fund-position-row__icon{display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 50%;background: color-mix(in srgb,var(--aura-accent-color) 14%,transparent);color: var(--aura-accent-color);flex-shrink: 0}.fund-position-row__icon vaadin-icon{color: inherit}.fund-position-row__info{display: flex;flex-direction: column;gap: 2px;min-width: 0}.fund-position-row__name{font-weight: var(--aura-font-weight-semibold,600);color: var(--vaadin-text-color);line-height: 1.25}.fund-position-row__code{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);line-height: 1.25}.fund-position-row__amount{font-weight: var(--aura-font-weight-semibold,600);color: var(--vaadin-text-color);white-space: nowrap;text-align: right}.fund-position-group__footer{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-gap-m);padding-top: var(--vaadin-padding-m);border-top: 1px solid var(--vaadin-border-color-secondary)}.fund-position-group__footer-label{font-weight: var(--aura-font-weight-semibold,600);color: var(--vaadin-text-color)}.fund-position-group__footer-value{font-weight: var(--aura-font-weight-semibold,600);color: var(--vaadin-text-color);white-space: nowrap}.fund-total{font-size: var(--vaadin-font-size-xl);font-weight: 700;color: var(--vaadin-primary-text-color)}.fund-negative{color: var(--vaadin-error-text-color,#d32f2f);font-weight: 600}@media (max-width: 900px){.fund-position-view__summary{grid-template-columns: 1fr}}.coa-view__content{padding: var(--vaadin-padding-l);gap: var(--vaadin-padding-l);max-width: none}.coa-view__summary{display: grid;grid-template-columns: repeat(3,minmax(220px,1fr));gap: var(--vaadin-gap-m);width: 100%;align-items: stretch}.coa-summary-card{display: flex;flex-direction: column;gap: 10px;padding: var(--vaadin-padding-l);border-radius: calc(var(--vaadin-radius-l) + 2px);background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);min-height: 112px;min-width: 0;box-sizing: border-box}.coa-summary-card__label{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.coa-summary-card__value{font-size: clamp(1.55rem,1.15rem + 1vw,2rem);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color);line-height: 1.1}.coa-summary-card__caption{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.coa-view__filters{display: flex;align-items: center;gap: var(--vaadin-gap-m);width: 100%}.coa-view__search{flex: 1 1 auto;min-width: 0}.coa-view__type-filter{flex: 0 0 auto}.coa-view__groups{display: flex;flex-direction: column;gap: var(--vaadin-padding-l);width: 100%}.coa-view__empty{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);padding: var(--vaadin-padding-m) 0}.coa-group{display: flex;flex-direction: column;gap: var(--vaadin-padding-m);padding: var(--vaadin-padding-l);border-radius: calc(var(--vaadin-radius-l) + 2px);background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);box-sizing: border-box}.coa-group__header{display: flex;align-items: center;gap: 0.55rem}.coa-group__dot{width: 0.55rem;height: 0.55rem;border-radius: 999px;flex-shrink: 0}.coa-group__dot--asset{background: var(--aura-accent-color)}.coa-group__dot--liability{background: var(--aura-orange)}.coa-group__dot--equity{background: var(--aura-purple)}.coa-group__dot--income{background: var(--aura-green)}.coa-group__dot--expense{background: var(--aura-red)}.coa-group__title{font-weight: var(--aura-font-weight-semibold,600);color: var(--vaadin-text-color);font-size: var(--vaadin-font-size-m)}.coa-group__count{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.coa-group__table{display: flex;flex-direction: column;width: 100%}.coa-group__col-header,.coa-row{display: grid;grid-template-columns: 7rem minmax(0,1.6fr) 8.5rem 7rem 3rem;align-items: center;gap: var(--vaadin-gap-m);width: 100%}.coa-group__col-header{padding: var(--vaadin-padding-s) 0;border-bottom: 1px solid var(--vaadin-border-color-secondary)}.coa-group__col-header .coa-group__col{font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold,600);letter-spacing: 0.04em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.coa-row{padding: calc(var(--vaadin-padding-s) + 2px) 0;border-bottom: 1px solid var(--vaadin-border-color-secondary)}.coa-row:last-child{border-bottom: none}.coa-row--inactive{opacity: 0.72}.coa-row__code{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.coa-row__name{font-weight: var(--aura-font-weight-semibold,600);color: var(--vaadin-text-color);min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.coa-group__col--fund,.coa-group__col--status,.coa-group__col--actions{display: flex;align-items: center}.coa-group__col--actions{justify-content: flex-end}.coa-row__edit{min-width: auto;color: var(--vaadin-text-color-secondary)}.coa-fund-empty{color: var(--vaadin-text-color-secondary)}.coa-fund-badge,.coa-status-badge{display: inline-flex;align-items: center;gap: 0.35rem;padding: 2px 10px;border-radius: 999px;font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold,600);line-height: 1.4;white-space: nowrap}.coa-fund-badge::before,.coa-status-badge::before{content: "";width: 0.4rem;height: 0.4rem;border-radius: 999px;background: currentColor;flex-shrink: 0}.coa-fund-badge--cash{background: color-mix(in srgb,var(--aura-orange) 16%,var(--aura-surface-color));color: var(--aura-orange-text)}.coa-fund-badge--non-cash{background: color-mix(in srgb,var(--aura-accent-color) 12%,var(--aura-surface-color));color: var(--aura-accent-color)}.coa-status-badge--active{background: color-mix(in srgb,var(--aura-green) 14%,var(--aura-surface-color));color: var(--aura-green)}.coa-status-badge--inactive{background: color-mix(in srgb,var(--aura-neutral) 12%,var(--aura-surface-color));color: var(--vaadin-text-color-secondary)}@media (max-width: 900px){.coa-view__summary{grid-template-columns: 1fr}.coa-view__filters{flex-direction: column;align-items: stretch}.coa-view__type-filter{width: 100%}.coa-group__col-header,.coa-row{grid-template-columns: 5.5rem minmax(0,1fr) auto;grid-template-areas: "code name actions" "fund status actions";row-gap: 0.35rem}.coa-group__col--code{grid-area: code}.coa-group__col--name{grid-area: name}.coa-group__col--fund{grid-area: fund}.coa-group__col--status{grid-area: status}.coa-group__col--actions{grid-area: actions;align-self: start}.coa-group__col-header .coa-group__col--fund,.coa-group__col-header .coa-group__col--status{display: none}}.acct-inactive{color: var(--vaadin-disabled-text-color);font-style: italic}.ledger-view__content{padding: var(--vaadin-padding-l);gap: var(--vaadin-padding-l);max-width: none}.ledger-view__summary{display: grid;grid-template-columns: repeat(3,minmax(220px,1fr));gap: var(--vaadin-gap-m);width: 100%;align-items: stretch}.ledger-view__filters{display: flex;align-items: end;gap: var(--vaadin-gap-m);width: 100%;flex-wrap: wrap}.ledger-view__account{flex: 1 1 18rem;min-width: 0;max-width: 28rem}.ledger-view__date{flex: 0 0 auto}.ledger-view__export{margin-left: auto;flex: 0 0 auto}.ledger-view__table-card{padding: var(--vaadin-padding-m) var(--vaadin-padding-l);border-radius: calc(var(--vaadin-radius-l) + 2px);background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);box-sizing: border-box;width: 100%}.ledger-view__grid{background: transparent}.ledger-view__ref-link{color: var(--aura-accent-color);font-weight: var(--aura-font-weight-semibold,600);text-decoration: none}.ledger-view__ref-link:hover{text-decoration: underline}.ledger-view__opening{color: var(--vaadin-text-color-secondary);font-style: italic}.ledger-view__balance{display: block;width: 100%;text-align: right;font-weight: var(--aura-font-weight-semibold,600);color: var(--vaadin-text-color)}@media (max-width: 900px){.ledger-view__summary{grid-template-columns: 1fr}.ledger-view__filters{flex-direction: column;align-items: stretch}.ledger-view__account,.ledger-view__date{width: 100%;max-width: none}.ledger-view__export{margin-left: 0;align-self: flex-start}}.journal-view__content{padding: var(--vaadin-padding-l);gap: var(--vaadin-padding-l);max-width: none}.journal-view__summary{display: grid;grid-template-columns: repeat(2,minmax(220px,1fr));gap: var(--vaadin-gap-m);width: 100%;align-items: stretch}.journal-view__filters{display: flex;align-items: end;gap: var(--vaadin-gap-m);width: 100%}.journal-view__search{flex: 1 1 auto;min-width: 0}.journal-view__date,.journal-view__status-filter{flex: 0 0 auto}.journal-view__table-card{padding: var(--vaadin-padding-m) var(--vaadin-padding-l);border-radius: calc(var(--vaadin-radius-l) + 2px);background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);box-sizing: border-box;width: 100%}.journal-view__grid{background: transparent}.journal-view__number-link{color: var(--aura-accent-color);font-weight: var(--aura-font-weight-semibold,600);text-decoration: none}.journal-view__number-link:hover{text-decoration: underline}.journal-view__source{display: inline-flex;align-items: center;gap: 0.45rem;color: var(--vaadin-text-color)}.journal-view__source-icon{width: 0.95rem;height: 0.95rem;color: var(--vaadin-text-color-secondary);flex-shrink: 0}.journal-view__source-label{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color);white-space: nowrap}.journal-status-badge{display: inline-flex;align-items: center;gap: 0.35rem;padding: 2px 10px;border-radius: 999px;font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold,600);line-height: 1.4;white-space: nowrap}.journal-status-badge::before{content: "";width: 0.4rem;height: 0.4rem;border-radius: 999px;background: currentColor;flex-shrink: 0}.journal-status-badge--posted{background: color-mix(in srgb,var(--aura-green) 14%,var(--aura-surface-color));color: var(--aura-green)}.journal-status-badge--draft{background: color-mix(in srgb,var(--aura-neutral) 12%,var(--aura-surface-color));color: var(--vaadin-text-color-secondary)}.journal-status-badge--void{background: color-mix(in srgb,var(--aura-red) 12%,var(--aura-surface-color));color: var(--aura-red)}@media (max-width: 900px){.journal-view__summary{grid-template-columns: 1fr}.journal-view__filters{flex-direction: column;align-items: stretch}.journal-view__date,.journal-view__status-filter{width: 100%}}.journal-detail-view__content{padding: var(--vaadin-padding-l);gap: var(--vaadin-padding-l);max-width: none}.journal-detail-view__back{align-self: flex-start}.journal-detail-view__header{display: flex;flex-direction: column;gap: 0.35rem;width: 100%}.journal-detail-view__title-row{display: flex;flex-wrap: wrap;align-items: center;gap: 0.65rem 0.85rem}.journal-detail-view__number{font-size: clamp(1.35rem,1.1rem + 0.8vw,1.75rem);font-weight: var(--aura-font-weight-semibold,600);color: var(--vaadin-text-color);line-height: 1.2}.journal-detail-view__meta-date{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.journal-detail-view__source{display: inline-flex;align-items: center;gap: 0.4rem;color: var(--vaadin-text-color-secondary)}.journal-detail-view__source-icon{width: 0.95rem;height: 0.95rem;color: var(--vaadin-text-color-secondary);flex-shrink: 0}.journal-detail-view__source-label{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);white-space: nowrap}.journal-detail-view__description{font-size: var(--vaadin-font-size-m);color: var(--vaadin-text-color-secondary)}.journal-detail-view__lines-card{display: flex;flex-direction: column;width: 100%;padding: var(--vaadin-padding-m) var(--vaadin-padding-l);border-radius: calc(var(--vaadin-radius-l) + 2px);background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);box-sizing: border-box}.journal-detail-view__col-header,.journal-detail-view__row,.journal-detail-view__footer{display: grid;grid-template-columns: 7rem minmax(0,1.4fr) 9rem 9rem minmax(5rem,1fr);align-items: center;gap: var(--vaadin-gap-m);width: 100%}.journal-detail-view__col-header{padding: var(--vaadin-padding-s) 0;border-bottom: 1px solid var(--vaadin-border-color-secondary)}.journal-detail-view__col{font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold,600);letter-spacing: 0.04em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.journal-detail-view__col-header>:nth-child(3),.journal-detail-view__col-header>:nth-child(4),.journal-detail-view__row>:nth-child(3),.journal-detail-view__row>:nth-child(4),.journal-detail-view__footer>:nth-child(3),.journal-detail-view__footer>:nth-child(4){text-align: right}.journal-detail-view__lines{display: flex;flex-direction: column;width: 100%}.journal-detail-view__row{padding: calc(var(--vaadin-padding-s) + 2px) 0;border-bottom: 1px solid var(--vaadin-border-color-secondary)}.journal-detail-view__code{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);font-variant-numeric: tabular-nums}.journal-detail-view__account{font-weight: var(--aura-font-weight-semibold,600);color: var(--vaadin-text-color);min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.journal-detail-view__amount{font-variant-numeric: tabular-nums;color: var(--vaadin-text-color)}.journal-detail-view__memo{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.journal-detail-view__footer{padding: var(--vaadin-padding-m) 0 var(--vaadin-padding-s)}.journal-detail-view__total-label{font-weight: var(--aura-font-weight-semibold,600);color: var(--vaadin-text-color)}.journal-detail-view__footer .journal-detail-view__amount{font-weight: var(--aura-font-weight-semibold,600)}.journal-detail-view__balance{display: inline-flex;align-items: center;justify-content: flex-end;gap: 0.35rem;font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold,600)}.journal-detail-view__balance--ok{color: var(--aura-green)}.journal-detail-view__balance--bad{color: var(--aura-red)}.journal-detail-view__balance-icon{width: 0.95rem;height: 0.95rem}.journal-detail-view__actions{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--vaadin-gap-m);width: 100%}.journal-detail-view__danger,.journal-detail-view__reclassify{display: flex;flex-direction: column;align-items: flex-start;gap: 0.55rem;padding: var(--vaadin-padding-l);border-radius: calc(var(--vaadin-radius-l) + 2px);background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);box-sizing: border-box;min-width: 0}.journal-detail-view__danger{border-color: color-mix(in srgb,var(--aura-red) 35%,transparent);background: color-mix(in srgb,var(--aura-red) 4%,var(--aura-surface-color))}.journal-detail-view__danger-title{font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold,600);letter-spacing: 0.06em;text-transform: uppercase;color: var(--aura-red)}.journal-detail-view__danger-message,.journal-detail-view__reclassify-message{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);line-height: 1.45}.journal-detail-view__reclassify-title{font-weight: var(--aura-font-weight-semibold,600);color: var(--vaadin-text-color)}.journal-detail-view__reclassify-controls{display: flex;align-items: end;gap: var(--vaadin-gap-m);width: 100%;margin-top: 0.25rem}.journal-detail-view__account-search{flex: 1 1 auto;min-width: 0}.journal-detail-view__void-btn{margin-top: 0.25rem}@media (max-width: 900px){.journal-detail-view__col-header,.journal-detail-view__row,.journal-detail-view__footer{grid-template-columns: 5.5rem minmax(0,1fr);grid-template-areas: "code account" "debit credit" "memo memo";row-gap: 0.3rem}.journal-detail-view__col-header>:nth-child(1),.journal-detail-view__row>:nth-child(1){grid-area: code}.journal-detail-view__col-header>:nth-child(2),.journal-detail-view__row>:nth-child(2){grid-area: account}.journal-detail-view__col-header>:nth-child(3),.journal-detail-view__row>:nth-child(3){grid-area: debit;text-align: left}.journal-detail-view__col-header>:nth-child(4),.journal-detail-view__row>:nth-child(4){grid-area: credit;text-align: left}.journal-detail-view__col-header>:nth-child(5),.journal-detail-view__row>:nth-child(5){grid-area: memo}.journal-detail-view__footer{grid-template-areas: "total total" "debit credit" "balance balance"}.journal-detail-view__footer>:nth-child(1){grid-area: total}.journal-detail-view__footer>:nth-child(2){display: none}.journal-detail-view__footer>:nth-child(3){grid-area: debit;text-align: left}.journal-detail-view__footer>:nth-child(4){grid-area: credit;text-align: left}.journal-detail-view__footer>:nth-child(5){grid-area: balance;justify-content: flex-start}.journal-detail-view__actions{grid-template-columns: 1fr}.journal-detail-view__reclassify-controls{flex-direction: column;align-items: stretch}}.je-status-posted{background: var(--vaadin-success-color-10pct);color: var(--vaadin-success-text-color)}.je-status-void{background: var(--vaadin-contrast-10pct);color: var(--vaadin-secondary-text-color)}.je-status-draft{background: var(--vaadin-warning-color-10pct);color: #b26a00}.je-balance-ok{color: var(--vaadin-success-text-color);font-weight: 600}.je-balance-diff{color: var(--vaadin-error-text-color);font-weight: 700}.amount-cell{text-align: right;font-variant-numeric: tabular-nums}.manual-entry-view__content{padding: var(--vaadin-padding-l);gap: var(--vaadin-padding-m);max-width: none}.manual-entry-view__tabs{width: 100%}.manual-entry-view__tab{padding-top: var(--vaadin-padding-m);gap: var(--vaadin-gap-m)}.manual-entry-view__header-fields{display: flex;align-items: end;gap: var(--vaadin-gap-m);width: 100%}.manual-entry-view__date{width: 14rem;max-width: 14rem;flex: 0 0 auto;align-self: flex-start;height: auto}.manual-entry-view__header-fields .manual-entry-view__date{flex: 0 0 auto;width: 14rem}.manual-entry-view__description{flex: 1 1 auto;min-width: 0}.manual-entry-view__lines-card{display: flex;flex-direction: column;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-s) var(--vaadin-padding-m) var(--vaadin-padding-m);border-radius: calc(var(--vaadin-radius-l) + 2px);background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);box-sizing: border-box;width: 100%}.manual-entry-view__grid{background: transparent}.manual-entry-view__grid::part(cell),.manual-entry-view__grid::part(body-cell){overflow: hidden}.manual-entry-view__grid vaadin-grid-cell-content{overflow: hidden;max-width: 100%}.manual-entry-view__remove-line{position: relative;z-index: 1;pointer-events: auto;cursor: pointer;min-width: 2.25rem;min-height: 2.25rem}.manual-entry-view__add-line{align-self: flex-start;margin-left: 0.25rem}.manual-entry-view__balance{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-gap-m);flex-wrap: wrap;padding: var(--vaadin-padding-s) var(--vaadin-padding-m);border-radius: var(--vaadin-radius-m);width: 100%;box-sizing: border-box}.manual-entry-view__balance--ok{background: var(--vaadin-success-color-10pct)}.manual-entry-view__balance--diff{background: color-mix(in srgb,var(--vaadin-error-color,#d32f2f) 12%,transparent)}.manual-entry-view__balance-totals{display: flex;flex-wrap: wrap;align-items: baseline;gap: var(--vaadin-gap-l)}.manual-entry-view__metric{display: inline-flex;align-items: baseline;gap: 0.4rem}.manual-entry-view__metric-label{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.manual-entry-view__metric-value{font-weight: var(--aura-font-weight-semibold,600);font-variant-numeric: tabular-nums;color: var(--vaadin-text-color)}.manual-entry-view__balance-status{margin-left: auto}.manual-entry-view__balance-icon{width: 1rem;height: 1rem;flex-shrink: 0}.manual-entry-view__balance--diff .manual-entry-view__balance-icon{color: var(--vaadin-error-text-color)}.manual-entry-view__balance--ok .manual-entry-view__balance-icon{color: var(--vaadin-success-text-color)}.manual-entry-view__hint{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.manual-entry-view__hint-icon{width: 0.95rem;height: 0.95rem;color: var(--vaadin-text-color-secondary);flex-shrink: 0}.manual-entry-view__amount{font-variant-numeric: tabular-nums}@media (max-width: 720px){.manual-entry-view__header-fields{flex-direction: column;align-items: stretch}.manual-entry-view__balance{flex-direction: column;align-items: stretch}.manual-entry-view__balance-status{margin-left: 0}.manual-entry-view__date,.manual-entry-view__header-fields .manual-entry-view__date{flex: none;width: 100%;max-width: none;height: auto;align-self: flex-start}.manual-entry-view__description{flex: none;width: 100%;max-width: none}}.reports-view__content{padding: var(--vaadin-padding-l);gap: var(--vaadin-padding-l);max-width: none}.reports-view__tabs{display: flex;flex-wrap: wrap;gap: 0.5rem;width: 100%}.reports-view__tab{display: inline-flex;align-items: center;justify-content: center;padding: 0.45rem 0.95rem;border-radius: 999px;font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-medium,500);color: var(--vaadin-text-color-secondary);background: transparent;cursor: pointer;user-select: none;transition: background 0.15s ease,color 0.15s ease}.reports-view__tab:hover{color: var(--aura-accent-text-color);background: color-mix(in srgb,var(--aura-accent-color) 8%,transparent)}.reports-view__tab--active{color: var(--aura-accent-text-color);background: color-mix(in srgb,var(--aura-accent-color) 14%,transparent);font-weight: var(--aura-font-weight-semibold,600)}.reports-view__filters{display: flex;align-items: end;flex-wrap: wrap;gap: var(--vaadin-gap-m);width: 100%}.reports-view__period{flex: 0 0 12rem;min-width: 10rem}.reports-view__date{flex: 0 0 auto}.reports-view__apply{flex: 0 0 auto}.reports-view__export{margin-left: auto;flex: 0 0 auto}.reports-view__summary{display: grid;grid-template-columns: repeat(3,minmax(220px,1fr));gap: var(--vaadin-gap-m);width: 100%}.reports-view__summary-value--income{color: var(--aura-green)}.reports-view__summary-value--expense{color: var(--aura-red)}.reports-view__summary-value--net{color: var(--aura-accent-text-color)}.reports-view__summary-value--balanced{color: var(--aura-green)}.reports-view__summary-value--unbalanced{color: var(--aura-red)}.reports-view__panel{display: flex;flex-direction: column;gap: var(--vaadin-padding-l);width: 100%}.reports-view__comparison{display: flex;flex-direction: column;gap: var(--vaadin-padding-m);padding: var(--vaadin-padding-l);border-radius: calc(var(--vaadin-radius-l) + 2px);background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);box-sizing: border-box}.reports-view__section-title{margin: 0;font-size: var(--vaadin-font-size-m);font-weight: var(--aura-font-weight-semibold,600);color: var(--vaadin-text-color)}.reports-view__bar-row{display: grid;grid-template-columns: 6.5rem minmax(0,1fr) 8.5rem;align-items: center;gap: var(--vaadin-gap-m);width: 100%}.reports-view__bar-label-cell{display: inline-flex;align-items: center;gap: 0.5rem;min-width: 0}.reports-view__dot{width: 0.55rem;height: 0.55rem;border-radius: 999px;flex-shrink: 0}.reports-view__dot--income{background: var(--aura-green)}.reports-view__dot--expense{background: var(--aura-red)}.reports-view__bar-label{color: var(--vaadin-text-color);font-size: var(--aura-font-size-s)}.reports-view__bar-track{height: 0.7rem;border-radius: 999px;background: color-mix(in srgb,var(--aura-neutral) 10%,transparent);overflow: hidden;min-width: 0}.reports-view__bar-fill{height: 100%;border-radius: 999px;min-width: 0}.reports-view__bar-fill--income{background: var(--aura-green)}.reports-view__bar-fill--expense{background: var(--aura-red)}.reports-view__bar-amount{text-align: right;font-variant-numeric: tabular-nums;font-weight: var(--aura-font-weight-semibold,600);color: var(--vaadin-text-color);white-space: nowrap}.reports-view__breakdown{display: flex;flex-direction: column;gap: var(--vaadin-padding-l);width: 100%}.reports-view__group{display: flex;flex-direction: column;gap: var(--vaadin-padding-m);padding: var(--vaadin-padding-l);border-radius: calc(var(--vaadin-radius-l) + 2px);background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);box-sizing: border-box}.reports-view__group-header{display: flex;align-items: center;gap: 0.55rem}.reports-view__group-title{font-weight: var(--aura-font-weight-semibold,600);color: var(--vaadin-text-color)}.reports-view__group-count{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.reports-view__group-table{display: flex;flex-direction: column;width: 100%}.reports-view__row{display: grid;grid-template-columns: 6.5rem minmax(0,1fr) 9rem;align-items: center;gap: var(--vaadin-gap-m);width: 100%;padding: calc(var(--vaadin-padding-s) + 2px) 0;border-bottom: 1px solid var(--vaadin-border-color-secondary)}.reports-view__row:last-child{border-bottom: none}.reports-view__row-code{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.reports-view__row-name{font-weight: var(--aura-font-weight-semibold,600);color: var(--vaadin-text-color);min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.reports-view__row-amount{text-align: right;font-variant-numeric: tabular-nums;font-weight: var(--aura-font-weight-semibold,600);white-space: nowrap}.reports-view__row-amount--income{color: var(--aura-green)}.reports-view__row-amount--expense{color: var(--aura-red)}.reports-view__empty{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);padding: var(--vaadin-padding-s) 0}.reports-view__table-card{padding: var(--vaadin-padding-m) var(--vaadin-padding-l);border-radius: calc(var(--vaadin-radius-l) + 2px);background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);box-sizing: border-box}.reports-view__trial-grid{background: transparent}.reports-view__footer-label,.reports-view__footer-amount{font-weight: var(--aura-font-weight-semibold,600);color: var(--vaadin-text-color)}.reports-view__footer-amount{display: block;width: 100%;text-align: right;font-variant-numeric: tabular-nums}@media (max-width: 900px){.reports-view__summary{grid-template-columns: 1fr}.reports-view__filters{flex-direction: column;align-items: stretch}.reports-view__period,.reports-view__date{width: 100%}.reports-view__export{margin-left: 0;align-self: flex-start}.reports-view__bar-row{grid-template-columns: 1fr;gap: 0.35rem}.reports-view__bar-amount{text-align: left}.reports-view__row{grid-template-columns: 1fr;gap: 0.2rem}.reports-view__row-amount{text-align: left}}.mapping-view__content{padding: var(--vaadin-padding-l);gap: var(--vaadin-padding-l);max-width: none}.mapping-view__summary{display: grid;grid-template-columns: repeat(3,minmax(220px,1fr));gap: var(--vaadin-gap-m);width: 100%;align-items: stretch}.mapping-summary-card{display: flex;flex-direction: column;gap: 10px;padding: var(--vaadin-padding-l);border-radius: calc(var(--vaadin-radius-l) + 2px);background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);min-height: 112px;min-width: 0;box-sizing: border-box}.mapping-summary-card__label{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.mapping-summary-card__value{font-size: clamp(1.55rem,1.15rem + 1vw,2rem);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color);line-height: 1.1}.mapping-summary-card__caption{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.mapping-view__search{width: 100%}.mapping-view__groups{display: flex;flex-direction: column;gap: var(--vaadin-padding-l);width: 100%}.mapping-view__empty{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);padding: var(--vaadin-padding-m) 0}.mapping-group{display: flex;flex-direction: column;padding: 0;overflow: hidden;border-radius: calc(var(--vaadin-radius-l) + 2px);background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);box-sizing: border-box}.mapping-group__header{display: flex;align-items: center;gap: 0.55rem;padding: calc(var(--vaadin-padding-m) + 2px) var(--vaadin-padding-l);border-bottom: 1px solid var(--vaadin-border-color-secondary)}.mapping-group__dot{width: 0.55rem;height: 0.55rem;border-radius: 999px;flex-shrink: 0}.mapping-group__title{font-weight: var(--aura-font-weight-semibold,600);color: var(--vaadin-text-color);font-size: var(--vaadin-font-size-m)}.mapping-group__count{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.mapping-group__rows{display: flex;flex-direction: column;width: 100%;padding: var(--vaadin-padding-s) var(--vaadin-padding-l);box-sizing: border-box}.mapping-row{--vaadin-input-field-height: 2.35rem;display: grid;grid-template-columns: minmax(10rem,1fr) auto minmax(0,1.4fr);align-items: center;gap: var(--vaadin-gap-m);width: 100%;min-height: calc(var(--vaadin-input-field-height) + 1.25rem);padding-block: 0.65rem;padding-inline: 0;border-bottom: 1px solid var(--vaadin-border-color-secondary);box-sizing: border-box}.mapping-row:last-child{border-bottom: none}.mapping-row__label{display: flex;align-items: center;flex-wrap: wrap;gap: 0.45rem;min-width: 0;align-self: center}.mapping-row__event{font-weight: var(--aura-font-weight-semibold,600);color: var(--vaadin-text-color)}.mapping-row__badge{display: inline-flex;align-items: center;padding: 2px 8px;border-radius: 999px;font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold,600);letter-spacing: 0.02em;line-height: 1.35;background: color-mix(in srgb,var(--aura-neutral) 12%,var(--aura-surface-color));color: var(--vaadin-text-color-secondary);white-space: nowrap}.mapping-row__arrow{width: 0.85rem;height: 0.85rem;padding: 0;margin: 0;display: block;align-self: center;color: var(--vaadin-text-color-secondary);opacity: 0.75;flex: none}.mapping-row__picker-wrap{min-width: 0;width: 100%;max-width: 100%;justify-self: stretch;align-self: center;display: flex;align-items: center;line-height: 0}.mapping-row__picker{--vaadin-input-field-height: 2.35rem;width: 100%;max-width: 100%;min-width: 0;margin: 0;padding: 0;align-self: center;box-sizing: border-box;vertical-align: middle}.mapping-row__picker::before{content: none !important;display: none !important;margin: 0 !important;padding: 0 !important;border: none !important;width: 0 !important;height: 0 !important;font-size: 0 !important;line-height: 0 !important}.mapping-row__picker::part(label),.mapping-row__picker::part(helper-text),.mapping-row__picker::part(error-message){display: none}.mapping-row__picker::part(input-field){min-height: var(--vaadin-input-field-height);height: var(--vaadin-input-field-height);width: 100%;max-width: 100%;min-width: 0}.mapping-group--fund .mapping-group__header{background: color-mix(in srgb,var(--aura-accent-color) 10%,var(--aura-surface-color))}.mapping-group__dot--fund{background: var(--aura-accent-color)}.mapping-group--inventory .mapping-group__header{background: color-mix(in srgb,var(--aura-purple) 12%,var(--aura-surface-color))}.mapping-group__dot--inventory{background: var(--aura-purple)}.mapping-group--ap .mapping-group__header,.mapping-group--consignment-ap .mapping-group__header{background: color-mix(in srgb,var(--aura-orange) 12%,var(--aura-surface-color))}.mapping-group__dot--ap,.mapping-group__dot--consignment-ap{background: var(--aura-orange)}.mapping-group--tax .mapping-group__header{background: color-mix(in srgb,var(--aura-green) 10%,var(--aura-surface-color))}.mapping-group__dot--tax{background: color-mix(in srgb,var(--aura-green) 70%,var(--vaadin-text-color))}.mapping-group--revenue .mapping-group__header{background: color-mix(in srgb,var(--aura-green) 12%,var(--aura-surface-color))}.mapping-group__dot--revenue{background: var(--aura-green)}.mapping-group--discount .mapping-group__header{background: color-mix( in srgb,color-mix(in srgb,var(--aura-red) 55%,var(--aura-purple)) 12%,var(--aura-surface-color))}.mapping-group__dot--discount{background: color-mix(in srgb,var(--aura-red) 55%,var(--aura-purple))}.mapping-group--cogs .mapping-group__header{background: color-mix(in srgb,var(--aura-red) 12%,var(--aura-surface-color))}.mapping-group__dot--cogs{background: var(--aura-red)}.mapping-group--cash-over-short .mapping-group__header{background: color-mix(in srgb,var(--aura-neutral) 10%,var(--aura-surface-color))}.mapping-group__dot--cash-over-short{background: var(--vaadin-text-color-secondary)}.mapping-group--equity .mapping-group__header{background: color-mix(in srgb,var(--aura-purple) 10%,var(--aura-surface-color))}.mapping-group__dot--equity{background: var(--aura-purple)}@media (max-width: 900px){.mapping-view__summary{grid-template-columns: 1fr}.mapping-row{grid-template-columns: minmax(0,1fr) auto;grid-template-areas: "label arrow" "picker picker";row-gap: 0.45rem}.mapping-row__label{grid-area: label}.mapping-row__arrow{grid-area: arrow;justify-self: end}.mapping-row__picker-wrap{grid-area: picker}}.period-view__content{padding: var(--vaadin-padding-l);gap: var(--vaadin-padding-l);max-width: none}.period-view__summary{display: grid;grid-template-columns: repeat(3,minmax(220px,1fr));gap: var(--vaadin-gap-m);width: 100%;align-items: stretch}.period-summary-card{display: flex;flex-direction: column;gap: 10px;padding: var(--vaadin-padding-l);border-radius: calc(var(--vaadin-radius-l) + 2px);background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);min-height: 112px;min-width: 0;box-sizing: border-box}.period-summary-card__label{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.period-summary-card__value{font-size: clamp(1.55rem,1.15rem + 1vw,2rem);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color);line-height: 1.1}.period-summary-card__value--accent{color: var(--aura-orange-text)}.period-summary-card__caption{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.period-view__list{display: flex;flex-direction: column;gap: var(--vaadin-gap-m);width: 100%}.period-view__empty{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);padding: var(--vaadin-padding-m) 0}.period-card{border-radius: calc(var(--vaadin-radius-l) + 2px);background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);box-sizing: border-box;overflow: hidden}.period-card--current{border-left: 4px solid var(--aura-orange)}.period-card__body{display: grid;grid-template-columns: auto minmax(9rem,1.2fr) auto minmax(8rem,0.7fr) minmax(10rem,1.1fr) auto;align-items: center;gap: var(--vaadin-gap-m) var(--vaadin-padding-l);padding: var(--vaadin-padding-m) var(--vaadin-padding-l);min-width: 0}.period-card__icon{display: flex;align-items: center;justify-content: center;width: 2.5rem;height: 2.5rem;border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--aura-neutral) 10%,var(--aura-surface-color));color: var(--vaadin-text-color-secondary);flex-shrink: 0}.period-card__icon-glyph{width: 1.15rem;height: 1.15rem}.period-card__identity{display: flex;flex-direction: column;gap: 2px;min-width: 0}.period-card__title{font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold,600);color: var(--vaadin-text-color);line-height: 1.25}.period-card__code{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);font-variant-numeric: tabular-nums}.period-status-badge{display: inline-flex;align-items: center;gap: 0.35rem;padding: 2px 10px;border-radius: 999px;font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold,600);line-height: 1.4;white-space: nowrap;justify-self: start}.period-status-badge::before{content: "";width: 0.4rem;height: 0.4rem;border-radius: 999px;background: currentColor;flex-shrink: 0}.period-status-badge--open{background: color-mix(in srgb,var(--aura-orange) 16%,var(--aura-surface-color));color: var(--aura-orange-text)}.period-status-badge--closed{background: color-mix(in srgb,var(--aura-green) 14%,var(--aura-surface-color));color: var(--aura-green)}.period-card__meta{display: flex;align-items: flex-start;gap: var(--vaadin-padding-l);min-width: 0}.period-card__metric{display: flex;flex-direction: column;gap: 2px;min-width: 0}.period-card__metric-label{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);white-space: nowrap}.period-card__metric-value{font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold,600);color: var(--vaadin-text-color);font-variant-numeric: tabular-nums;white-space: nowrap}.period-card__note{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);min-width: 0}.period-card__close{justify-self: end;white-space: nowrap}.period-card__view{justify-self: end;color: var(--vaadin-text-color-secondary)}.period-card__locked{justify-self: end;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}@media (max-width: 1100px){.period-card__body{grid-template-columns: auto minmax(0,1fr) auto auto;grid-template-areas: "icon identity badge action" "meta meta meta meta" "note note note note"}.period-card__icon{grid-area: icon}.period-card__identity{grid-area: identity}.period-status-badge{grid-area: badge}.period-card__meta{grid-area: meta}.period-card__note{grid-area: note}.period-card__close,.period-card__view,.period-card__locked{grid-area: action}}@media (max-width: 900px){.period-view__summary{grid-template-columns: 1fr}.period-card__body{grid-template-columns: auto minmax(0,1fr) auto;grid-template-areas: "icon identity badge" "meta meta meta" "note note note" "action action action"}.period-card__close,.period-card__view,.period-card__locked{grid-area: action;justify-self: stretch}.period-card__meta{flex-wrap: wrap}}.user-activity-page{width: 100%;min-height: 0;gap: var(--vaadin-padding-m);padding: var(--vaadin-padding-s);box-sizing: border-box}.user-activity-stat-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--vaadin-gap-m);width: 100%}@media (min-width: 1024px){.user-activity-stat-grid{grid-template-columns: repeat(4,minmax(0,1fr))}}.user-activity-stat-card{display: flex;flex-direction: column;gap: var(--vaadin-padding-s);min-height: 5.5rem;padding: var(--vaadin-padding-m) var(--vaadin-padding-l);border-radius: var(--vaadin-radius-l);background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);box-sizing: border-box}.user-activity-stat-card__label{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.user-activity-stat-card__value{font-size: clamp(1.6rem,1.2rem + 1vw,2rem);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color);line-height: 1.1}.user-activity-stat-card__value--success{color: var(--aura-green)}.user-activity-stat-card__value--danger{color: var(--aura-red)}.user-activity-filters{display: flex;flex-wrap: wrap;gap: var(--vaadin-padding-s);align-items: flex-end}.user-activity-filters>*{min-width: 9.5rem;flex: 1 1 9.5rem}.user-activity-clear-filters{flex: 0 0 auto;min-width: auto}.user-activity-grid-card{display: flex;flex-direction: column;min-height: 0;flex: 1 1 auto;border-radius: var(--vaadin-radius-l);background: var(--aura-surface-color);--aura-surface-level: 1;border: 1px solid var(--vaadin-border-color-secondary);overflow: hidden;padding: 0}.user-activity-grid{min-height: 24rem;flex: 1 1 auto}.user-activity-grid::part(header-cell){color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold);text-transform: uppercase;letter-spacing: 0.04em}.user-activity-grid::part(user-activity-when),.user-activity-grid::part(user-activity-actor){color: var(--vaadin-text-color-secondary)}.user-activity-action-badge--failed{background: color-mix(in srgb,var(--aura-red) 12%,transparent);color: var(--aura-red)}.user-activity-action-badge--failed::before{background: var(--aura-red)}.user-activity-subject{display: inline-flex;align-items: center;gap: var(--vaadin-padding-s);min-width: 0}.user-activity-subject-avatar{display: inline-flex;align-items: center;justify-content: center;width: 1.75rem;height: 1.75rem;border-radius: 50%;background: color-mix(in srgb,var(--aura-accent-color) 16%,transparent);color: var(--aura-accent-color);font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold);flex-shrink: 0}.user-activity-subject-name{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.user-activity-row-chevron{color: var(--vaadin-text-color-secondary);width: 0.9rem;height: 0.9rem;opacity: 0.7}.user-activity-summary{color: var(--aura-text-secondary);font-size: var(--aura-font-size-s);max-width: 36rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.user-activity-empty{padding: var(--vaadin-padding-m) var(--vaadin-padding-l)}.user-activity-detail{gap: var(--vaadin-padding-s)}.business-activity-list{display: flex;flex-direction: column;gap: var(--vaadin-padding-s)}.import-dialog{position: relative}.import-dialog__header{gap: var(--vaadin-gap-s)}.import-dialog__header-left{gap: var(--vaadin-gap-m);min-width: 0}.import-dialog__header-icon{display: inline-flex;align-items: center;justify-content: center;width: 2.5rem;height: 2.5rem;flex-shrink: 0;border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--aura-accent-color) 14%,transparent);color: var(--aura-accent-color)}.import-dialog__header-icon vaadin-icon{width: 1.25rem;height: 1.25rem}.import-dialog__title-block{display: flex;flex-direction: column;gap: 0.15rem;min-width: 0}.import-dialog__title{font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color);line-height: 1.25}.import-dialog__subtitle{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}vaadin-button.import-dialog__close-icon{width: 2rem;height: 2rem;min-width: 0;min-height: 0;margin: 0;color: var(--vaadin-text-color-secondary)}.import-dialog__body{display: flex;flex-direction: column;gap: var(--vaadin-padding-m)}.import-dialog__instructions{display: flex;flex-direction: column;gap: 0.65rem;width: 100%;box-sizing: border-box;border-radius: var(--vaadin-radius-l);background: color-mix(in srgb,var(--aura-accent-color) 8%,transparent);padding: var(--vaadin-padding-m) calc(var(--vaadin-padding-m) + 0.15rem)}.import-dialog__step{display: flex;align-items: flex-start;gap: 0.7rem}.import-dialog__step-num{display: inline-flex;align-items: center;justify-content: center;width: 1.35rem;height: 1.35rem;flex-shrink: 0;border-radius: 999px;background: color-mix(in srgb,var(--aura-accent-color) 72%,white);color: var(--vaadin-background-color);font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold);line-height: 1}.import-dialog__step-text{color: var(--vaadin-text-color);font-size: var(--aura-font-size-s);line-height: 1.4;padding-top: 0.1rem}.import-dialog__template-row{gap: var(--vaadin-gap-s);min-height: 2rem}vaadin-button.import-dialog__download{margin: 0;padding-inline: 0;color: var(--aura-accent-color);font-weight: var(--aura-font-weight-medium)}.import-dialog__max-size{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);white-space: nowrap}vaadin-upload.import-dialog__upload{position: relative;width: 100%;box-sizing: border-box;border: 1.5px dashed var(--vaadin-border-color);border-radius: var(--vaadin-radius-l);background: color-mix(in srgb,var(--aura-neutral) 4%,transparent);padding: calc(var(--vaadin-padding-l) + 0.35rem) var(--vaadin-padding-m);--vaadin-upload-background: transparent;--vaadin-upload-border-width: 0;--vaadin-upload-padding: 0;--vaadin-upload-gap: 0.65rem}vaadin-upload.import-dialog__upload:hover{border-color: color-mix(in srgb,var(--aura-accent-color) 45%,var(--vaadin-border-color));background: color-mix(in srgb,var(--aura-accent-color) 5%,transparent)}vaadin-upload.import-dialog__upload::part(primary-buttons){display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0.35rem;width: 100%;min-height: 8.5rem}vaadin-upload.import-dialog__upload::part(drop-label){display: flex !important;flex-direction: column;align-items: center;justify-content: center;gap: 0.65rem;order: -1;width: 100%}vaadin-upload.import-dialog__upload::part(drop-label-icon){margin: 0}vaadin-upload.import-dialog__upload::part(file-list){display: block;width: 100%}.import-dialog__drop-icon{display: inline-flex;align-items: center;justify-content: center;width: 2.75rem;height: 2.75rem;border-radius: var(--vaadin-radius-m);border: 1px solid var(--vaadin-border-color-secondary);background: var(--vaadin-background-color);color: var(--aura-accent-color);box-shadow: 0 1px 2px color-mix(in srgb,var(--aura-neutral) 12%,transparent)}.import-dialog__drop-icon vaadin-icon{width: 1.35rem;height: 1.35rem}.import-dialog__drop-label{display: flex;flex-direction: column;align-items: center;gap: 0.25rem;text-align: center}.import-dialog__drop-title{font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color)}.import-dialog__browse-trigger{display: inline-flex;flex-wrap: wrap;justify-content: center;align-items: baseline;gap: 0;max-width: 100%;padding: 0.15rem 0.35rem;border-radius: var(--vaadin-radius-s);font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);cursor: pointer;user-select: none}.import-dialog__browse-trigger:hover .import-dialog__browse-text{text-decoration: underline}.import-dialog__drop-hint{color: var(--vaadin-text-color-secondary)}.import-dialog__browse-text{color: var(--aura-accent-color);font-weight: var(--aura-font-weight-medium)}.import-dialog__footer{display: grid;grid-template-columns: 1fr 1fr;gap: var(--vaadin-gap-s);width: 100%}vaadin-button.import-dialog__footer-btn{width: 100%;margin: 0}vaadin-button.import-dialog__footer-btn[theme~="tertiary"]{background: color-mix(in srgb,var(--aura-neutral) 10%,transparent);color: var(--vaadin-text-color)}vaadin-upload.import-dialog__upload vaadin-upload-file-list{width: 100%;margin-top: var(--vaadin-padding-s)}.import-dialog__summary{padding: var(--vaadin-padding-s) var(--vaadin-padding-m);border: 1px solid color-mix(in srgb,var(--aura-green) 40%,transparent);background: color-mix(in srgb,var(--aura-green) 12%,transparent);color: var(--vaadin-text-color);border-radius: var(--vaadin-radius-m)}.import-dialog__summary--error{border-color: color-mix(in srgb,var(--aura-red) 42%,transparent);background: color-mix(in srgb,var(--aura-red) 12%,transparent);color: var(--aura-red-text)}.import-dialog__details{display: flex;flex-direction: column;gap: var(--vaadin-padding-xs);width: 100%;box-sizing: border-box}.import-dialog__grid{width: 100%;box-sizing: border-box;border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m);overflow: hidden}.import-dialog__truncated-note{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.import-dialog__loading-overlay{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;background: color-mix(in srgb,var(--aura-background-color) 58%,transparent);backdrop-filter: blur(2px);z-index: 2}.import-dialog__loading-panel{min-width: 18rem;max-width: 90%;display: flex;flex-direction: column;align-items: center;gap: var(--vaadin-padding-s);padding: var(--vaadin-padding-m) var(--vaadin-padding-l);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);background: var(--aura-surface-color);box-shadow: var(--aura-shadow-s)}.import-dialog__processing-text{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}