vaadin-app-layout{--vaadin-app-layout-drawer-width: max-content}.app-drawer{display: flex;flex-direction: column;width: max-content;height: 100%;max-width: 100%;box-sizing: border-box;overflow: hidden;background: var(--lumo-base-color)}.app-drawer-header{display: flex;flex: 0 0 4rem;align-items: center;min-height: 4rem;padding: 0 var(--lumo-space-m);border-bottom: 1px solid var(--lumo-contrast-10pct);box-sizing: border-box}.app-drawer-logo{display: block;width: auto;max-width: 11rem;max-height: 2.5rem;object-fit: contain}.app-drawer-nav{flex: 1 1 auto;min-height: 0;overflow-y: auto;overscroll-behavior: contain;padding: var(--lumo-space-m) var(--lumo-space-s) var(--lumo-space-l)}.app-nav-group + .app-nav-group{margin-top: var(--lumo-space-m)}.app-nav-group-title{display: block;padding: 0 var(--lumo-space-s) var(--lumo-space-xs);color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-xs);font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase}.app-nav-list{display: grid;gap: var(--lumo-space-xs)}.app-drawer-nav a:any-link{text-decoration: none;width: 100%;padding: 0 var(--lumo-space-s);border-radius: var(--lumo-border-radius-m);outline: 0;box-sizing: border-box;white-space: nowrap}.app-drawer-nav a:hover{color: var(--lumo-header-text-color);background-color: var(--lumo-contrast-5pct)}.app-drawer-nav a:active{background-color: var(--lumo-contrast-5pct)}.app-drawer-nav a:focus-visible{box-shadow: 0 0 0 2px var(--lumo-primary-color-50pct)}.app-drawer-nav a[highlight] vaadin-icon{color: var(--lumo-primary-text-color)}.app-drawer-nav a[highlight]{background-color: var(--lumo-primary-color-10pct);color: var(--lumo-primary-text-color)}.app-navbar{min-width: 0;min-height: 4rem}.app-navbar-content{position: relative;min-width: 0;min-height: 4rem}.app-environment-label{position: absolute;inset-inline-start: 50%;transform: translateX(-50%)}.app-navbar-logo{display: none;width: auto;max-width: 11rem;max-height: 2.5rem;object-fit: contain}vaadin-app-layout:not([drawer-opened]) .app-navbar-logo{display: block}.app-account-summary{min-width: 0;max-width: min(28rem,50vw);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.app-account-menu{margin-inline-start: auto}@media screen and (max-width: 700px){.app-drawer{width: max-content;max-width: 86vw}.app-environment-label{position: static;flex: 0 0 auto;margin: 0 var(--lumo-space-xs) 0 0;padding: 0.1em 0.35em;transform: none;border-radius: var(--lumo-border-radius-s);background: var(--lumo-error-color-10pct);font-size: var(--lumo-font-size-xs);line-height: 1.4}.app-account-summary{max-width: none}.app-account-context{display: none}}.st-logo-spinner{--st-logo-spinner-size: 64px;--st-logo-spinner-duration: 2.6s;--st-logo-spinner-easing: cubic-bezier(0.34,1.1,0.64,1);--st-logo-spinner-rotate: 7.771deg;text-align: center}.st-logo-spinner__stack{position: relative;width: var(--st-logo-spinner-size);height: var(--st-logo-spinner-size);margin: 0 auto}.st-logo-spinner__cards{position: absolute;inset: 0;animation: st-logo-spinner-stack-exit var(--st-logo-spinner-duration) var(--st-logo-spinner-easing) infinite}.st-logo-spinner__card{position: absolute;transform-origin: top left;animation-duration: var(--st-logo-spinner-duration);animation-timing-function: var(--st-logo-spinner-easing);animation-iteration-count: infinite}.st-logo-spinner__card--navy{left: 39.88%;top: 1.33%;width: 50.15%;height: 74.79%;background-color: #004AAD;animation-name: st-logo-spinner-drop-navy}.st-logo-spinner__stripe{position: absolute;top: 4.53%;left: 8.47%;right: 7.62%;height: 13.1%;background-color: #fff}.st-logo-spinner__card--gray{left: 28.54%;top: 20.33%;width: 51.53%;height: 62.06%;background-color: #737373;animation-name: st-logo-spinner-drop-gray}.st-logo-spinner__card--blue{left: 19.79%;top: 27.48%;width: 51.46%;height: 64.49%;background-color: #38b6ff;animation-name: st-logo-spinner-drop-blue}.st-logo-spinner__label{display: block;margin-top: 1rem;font-size: var(--lumo-font-size-l);font-weight: 600;color: var(--lumo-header-text-color)}@keyframes st-logo-spinner-drop-navy{0%,5%{opacity: 0;transform: translateY(-170%) rotate(0deg)}14%{opacity: 1;transform: translateY(8%) rotate(15deg)}16%,100%{opacity: 1;transform: translateY(0%) rotate(var(--st-logo-spinner-rotate))}}@keyframes st-logo-spinner-drop-gray{0%,24%{opacity: 0;transform: translateY(-170%) rotate(0deg)}32%{opacity: 1;transform: translateY(8%) rotate(15deg)}34%,100%{opacity: 1;transform: translateY(0%) rotate(var(--st-logo-spinner-rotate))}}@keyframes st-logo-spinner-drop-blue{0%,42%{opacity: 0;transform: translateY(-170%) rotate(0deg)}52%{opacity: 1;transform: translateY(8%) rotate(15deg)}54%,100%{opacity: 1;transform: translateY(0%) rotate(var(--st-logo-spinner-rotate))}}@keyframes st-logo-spinner-stack-exit{0%,86%{opacity: 1;transform: translateY(0%)}94%,100%{opacity: 0;transform: translateY(-170%)}}.st-loading-host{position: relative}.st-logo-spinner--overlay{--st-logo-spinner-size: 88px;position: absolute;inset: 0;z-index: 10;display: none;flex-direction: column;align-items: center;justify-content: center}.st-logo-spinner--overlay.st-logo-spinner--active{display: flex;animation: st-overlay-appear 160ms ease-out both}@keyframes st-overlay-appear{from{opacity: 0}to{opacity: 1}}.st-logo-spinner[hidden]{display: none !important}.st-logo-spinner--overlay,#st-page-spinner{background: transparent}.st-logo-spinner--overlay::before,#st-page-spinner::before{content: "";position: absolute;inset: 0;z-index: 0;pointer-events: none;background: rgba(255,255,255,0.01);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px)}.st-logo-spinner--overlay>*,#st-page-spinner>*{position: relative;z-index: 1}.st-logo-spinner--overlay .st-logo-spinner__card,.st-logo-spinner--overlay .st-logo-spinner__cards,#st-page-spinner .st-logo-spinner__card,#st-page-spinner .st-logo-spinner__cards{animation-delay: -1.482s}html vaadin-connection-indicator .v-loading-indicator,html vaadin-connection-indicator .v-loading-indicator[style*='none']{display: none !important;animation: none !important}#st-page-spinner{--st-logo-spinner-size: 88px;position: fixed;inset: 0;z-index: 2000;display: none;flex-direction: column;align-items: center;justify-content: center}#st-page-spinner.st-logo-spinner--active{display: flex;animation: st-page-spinner-fade-in 160ms ease-out both}@keyframes st-page-spinner-fade-in{from{opacity: 0}to{opacity: 1}}body:has(.st-logo-spinner--overlay.st-logo-spinner--active) #st-page-spinner{display: none}@media (prefers-reduced-motion: reduce){.st-logo-spinner__cards,.st-logo-spinner__card{animation: none}.st-logo-spinner__card{opacity: 1;transform: rotate(var(--st-logo-spinner-rotate))}}.order-action-body{display: flex;flex-direction: column;gap: var(--lumo-space-m);min-width: 0}.order-action-description{margin: 0;color: var(--lumo-secondary-text-color)}.order-action-section-title{display: block;margin-bottom: var(--lumo-space-xs);font-size: var(--lumo-font-size-xs);font-weight: 600;letter-spacing: 0.04em;text-transform: uppercase;color: var(--lumo-secondary-text-color)}.order-action-summary{font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color)}.order-action-warning{margin: 0;padding: var(--lumo-space-s) var(--lumo-space-m);border-radius: var(--lumo-border-radius-m);background-color: var(--lumo-error-color-10pct);color: var(--lumo-error-text-color);font-weight: 500}.order-action-grid{height: min(55vh,520px)}.order-action-back{margin-inline-end: auto}.order-status-badge{display: inline-flex;align-items: center;gap: 0.3rem;padding: 0.12rem 0.45rem;border-radius: 999px;font-size: var(--lumo-font-size-s);font-weight: 600;line-height: 1.2;white-space: nowrap;color: var(--st-badge-text,var(--lumo-body-text-color));background-color: rgba(var(--st-badge-accent,100,116,139),0.12);border: 1px solid rgba(var(--st-badge-accent,100,116,139),0.38)}.order-status-icon{font-size: 0.72rem;line-height: 1}.order-status--pending-payment{--st-badge-text: #92400e;--st-badge-accent: 245,158,11}.order-status--awaiting-receipt{--st-badge-text: #075985;--st-badge-accent: 14,165,233}.order-status--active{--st-badge-text: #0d47a1;--st-badge-accent: 13,71,161}.order-status--psa-step{--st-badge-text: #5b21b6;--st-badge-accent: 124,58,237}.order-status--returning-customer{--st-badge-text: #3730a3;--st-badge-accent: 99,102,241}.order-status--ready-pickup{--st-badge-text: #9a3412;--st-badge-accent: 249,115,22}.order-status--paid{--st-badge-text: #115e59;--st-badge-accent: 20,184,166}.order-status--completed{--st-badge-text: #065f46;--st-badge-accent: 16,185,129}.order-status--canceled{--st-badge-text: #475569;--st-badge-accent: 100,116,139}.submission-id-badge{font-variant-numeric: tabular-nums}.submission-id--present{--st-badge-text: #065f46;--st-badge-accent: 16,185,129}.submission-id--present-cgc{--st-badge-text: #0d47a1;--st-badge-accent: 13,71,161;background-color: var(--lumo-base-color,#ffffff)}.submission-id--missing{--st-badge-text: #b42318;--st-badge-accent: 212,36,47}[theme='dark'] .order-status--pending-payment{--st-badge-text: #fcd34d}[theme='dark'] .order-status--awaiting-receipt{--st-badge-text: #7dd3fc}[theme='dark'] .order-status--active{--st-badge-text: #93c5fd}[theme='dark'] .order-status--psa-step{--st-badge-text: #c4b5fd}[theme='dark'] .order-status--returning-customer{--st-badge-text: #a5b4fc}[theme='dark'] .order-status--ready-pickup{--st-badge-text: #fdba74}[theme='dark'] .order-status--paid{--st-badge-text: #5eead4}[theme='dark'] .order-status--completed{--st-badge-text: #6ee7b7}[theme='dark'] .order-status--canceled{--st-badge-text: #cbd5e1}[theme='dark'] .submission-id--present{--st-badge-text: #6ee7b7}[theme='dark'] .submission-id--present-cgc{--st-badge-text: #93c5fd}[theme='dark'] .submission-id--missing{--st-badge-text: #fca5a5;--st-badge-accent: 248,113,113}.orders-view .filter-layout{display: flex;flex-direction: column;align-items: stretch;width: 100%;max-width: none;padding: 0;box-sizing: border-box}.orders-view .filter-layout-inner{container-type: inline-size;container-name: orders-filters}.orders-view .filter-layout vaadin-date-picker{--vaadin-field-default-width: 6em}.orders-view .filter-layout vaadin-combo-box{--vaadin-field-default-width: auto}.orders-view .orders-toolbar{display: flex;flex-wrap: wrap;align-items: center;gap: var(--lumo-space-s) var(--lumo-space-m);width: 100%}.orders-view .orders-toolbar-spacer{flex: 1 1 auto}.orders-view .orders-search{flex: 1 1 15rem;min-width: 0;max-width: 25rem}.orders-view .orders-order-number{flex: 0 1 10rem;min-width: 8rem}.orders-view .filter-shop{flex: 0 1 13.75rem;min-width: 0}.orders-view .orders-toolbar .actions{flex: 0 1 11rem;min-width: 0}.orders-view .orders-toolbar vaadin-button{flex: 0 0 auto}.orders-view .orders-secondary-actions{display: contents}.orders-view .orders-result-count{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s);white-space: nowrap;font-variant-numeric: tabular-nums}.orders-view .advanced-filters{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));align-items: start;gap: var(--lumo-space-m);width: 100%;padding: var(--lumo-space-m);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-l);background: var(--lumo-contrast-5pct);box-sizing: border-box}.orders-view .advanced-filter-group{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));align-items: end;gap: var(--lumo-space-xs) var(--lumo-space-s);min-width: 0}.orders-view .advanced-filter-group-title{grid-column: 1 / -1;color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-xs);font-weight: 700;letter-spacing: 0.04em;line-height: 1;text-transform: uppercase}.orders-view .advanced-filters .filter-field{width: 100%;min-width: 0}.orders-view .advanced-filters .filter-flags{grid-column: 1 / -1;display: flex;flex-wrap: wrap;align-items: center;gap: var(--lumo-space-s) var(--lumo-space-l);padding-top: var(--lumo-space-s);border-top: 1px solid var(--lumo-contrast-10pct)}.orders-view .advanced-filter-actions{grid-column: 1 / -1;display: flex;justify-content: flex-end;flex-wrap: wrap;gap: var(--lumo-space-s)}.orders-view .advanced-filter-close{display: none}@container orders-filters (max-width: 56rem){.orders-view .orders-toolbar-spacer{display: none}.orders-view .orders-result-count{order: 1;flex: 1 1 100%}.orders-view .advanced-filters{grid-template-columns: repeat(2,minmax(0,1fr))}.orders-view .advanced-filter-group--date{grid-column: 1 / -1}}@container orders-filters (max-width: 38rem){.orders-view .orders-toolbar{display: grid;grid-template-columns: minmax(7.5rem,0.7fr) minmax(0,1.3fr) auto;gap: var(--lumo-space-xs)}.orders-view .orders-order-number{min-width: 0}.orders-view .orders-search{min-width: 0;max-width: none}.orders-view .filter-shop,.orders-view .orders-toolbar .actions{grid-column: 1 / -1;width: 100%}.orders-view .orders-result-count{grid-column: 1 / 3;grid-row: auto;align-self: center}.orders-view .advanced-filters{grid-template-columns: 1fr}.orders-view .advanced-filter-group--date{grid-column: auto}}@container orders-filters (max-width: 26rem){.orders-view .orders-toolbar{gap: var(--lumo-space-xs) var(--lumo-space-s)}.orders-view .orders-toolbar{grid-template-columns: minmax(6.5rem,0.7fr) minmax(0,1.3fr)}.orders-view .orders-secondary-actions{display: grid;grid-column: 1 / -1;grid-template-columns: auto minmax(0,1fr);gap: var(--lumo-space-s);width: 100%}.orders-view .orders-secondary-actions>vaadin-button{width: 100%}.orders-view .orders-secondary-actions .actions{grid-column: auto;width: 100%;min-width: 0}.orders-view .advanced-filters{gap: var(--lumo-space-s);padding: var(--lumo-space-s)}.orders-view .advanced-filter-group{grid-template-columns: 1fr}.orders-view .advanced-filters .filter-flags{gap: var(--lumo-space-s)}.orders-view .advanced-filter-actions vaadin-button{width: 100%}}.orders-view .order-action-hidden{visibility: hidden}.orders-view .order-actions-cell{display: flex}.orders-view .order-action-track--cgc{color: var(--lumo-primary-color)}.orders-view .order-icon-cell{display: flex;justify-content: center;align-items: center}.orders-view .order-number-cell{display: inline-flex;align-items: center;gap: 0.4rem}.orders-view .order-source-badge{display: inline-flex;align-items: center;justify-content: center;width: 1.35rem;height: 1.35rem;background-position: center;background-repeat: no-repeat;background-size: var(--order-badge-image-size,contain);line-height: 0}.orders-view .order-source-badge--slabsubmit{background-image: url("/images/submit_logo_small.png");--order-badge-image-size: 92%}.orders-view .order-source-badge--admin{background-image: url("/favicon.ico");--order-badge-image-size: 92%}.orders-view .submit-orders-logo{display: inline-flex;align-items: center;justify-content: center;width: 1.1rem;height: 1.1rem;background-image: url("/images/submit_logo_small.png");background-position: center;background-repeat: no-repeat;background-size: 100%;line-height: 0;flex: 0 0 auto}[theme="dark"] .orders-view .order-source-badge--slabsubmit,[theme="dark"] .orders-view .submit-orders-logo{background-image: url("/images/submit_logo_small_dark.png")}@media screen and (max-width: 600px){.orders-view .advanced-filters:not([hidden]){position: fixed;inset: 0;z-index: 1000;display: grid;grid-template-columns: 1fr;align-content: start;max-height: 100dvh;overflow-y: auto;overscroll-behavior: contain;padding: calc(var(--lumo-space-m) + env(safe-area-inset-top)) var(--lumo-space-m) calc(var(--lumo-space-m) + env(safe-area-inset-bottom));border: 0;border-radius: 0;background: var(--lumo-base-color)}.orders-view .advanced-filter-close{display: inline-flex}.orders-view .advanced-filter-actions{position: sticky;bottom: 0;padding-top: var(--lumo-space-s);padding-bottom: env(safe-area-inset-bottom);background: var(--lumo-base-color)}}.master-detail-view{display: flex;flex-direction: column;height: 100%}.master-detail-view vaadin-split-layout{flex: 1 1 auto;width: 100%;height: 100%;min-height: 0;box-sizing: border-box;min-width: 0}.master-detail-view vaadin-split-layout>*{min-width: 0}.master-detail-view vaadin-grid{height: 100%}.master-detail-view .editor-layout{display: flex;flex-direction: column;height: 100%;width: min(400px,100%);max-width: 100%;min-width: 0;min-height: 0;overflow-y: auto;overscroll-behavior: contain;box-sizing: border-box;padding: var(--lumo-space-s);container-name: order-editor;container-type: inline-size}.master-detail-view .editor{flex-grow: 1;min-width: 0;max-width: 100%;box-sizing: border-box;padding: var(--lumo-space-l)}.master-detail-view .editor vaadin-checkbox{padding-top: var(--lumo-space-m)}.master-detail-view .button-layout{width: 100%;flex-wrap: wrap;background-color: var(--lumo-contrast-5pct);padding-bottom: var(--lumo-space-s);padding-top: var(--lumo-space-s);padding-left: var(--lumo-space-l);padding-right: var(--lumo-space-l);gap: var(--lumo-space-m)}.master-detail-view .grid-wrapper{width: 100%;height: 100%;min-width: 0;min-height: 0}@media screen and (max-width: 900px){.master-detail-view.detail-open>.filter-layout,.master-detail-view.detail-open .grid-wrapper{display: none}.master-detail-view.detail-open vaadin-split-layout::part(splitter){display: none}.master-detail-view.detail-open .editor-layout{display: flex;flex: 1 1 100% !important;width: 100% !important;max-width: none}}.dashboard-view{--dashboard-subtle-surface: rgba(246,248,252,0.96);--dashboard-elevated-surface: linear-gradient(180deg,rgba(255,255,255,0.99),rgba(247,249,253,0.99));--dashboard-soft-surface: linear-gradient(180deg,rgba(255,255,255,0.96),rgba(248,250,255,0.96));--dashboard-pill-surface: rgba(245,247,252,0.9);--dashboard-subtle-border: rgba(221,227,239,0.94);--dashboard-strong-text: var(--lumo-body-text-color);--dashboard-muted-text: var(--lumo-secondary-text-color);--dashboard-soft-text: #72809a;--dashboard-mid-text: #4d5c77;--dashboard-contrast-text: #33415a;--dashboard-inset-highlight: rgba(255,255,255,0.85);--dashboard-rail-surface: rgba(223,229,239,0.9);--dashboard-skeleton-surface: rgba(220,226,237,0.9);--dashboard-skeleton-shimmer: rgba(255,255,255,0.58);gap: 1rem;padding: 1rem;background: radial-gradient(circle at top left,rgba(53,109,255,0.08),transparent 28%),linear-gradient(180deg,var(--lumo-base-color) 0%,var(--lumo-contrast-5pct) 100%)}.dashboard-panel{background: var(--lumo-base-color);border: 1px solid var(--lumo-contrast-20pct);border-radius: 24px;box-shadow: 0 18px 40px rgba(15,23,42,0.06);backdrop-filter: blur(8px);display: flex;flex-direction: column}[theme="dark"] .dashboard-view{--dashboard-subtle-surface: rgba(35,39,49,0.9);--dashboard-elevated-surface: linear-gradient(180deg,rgba(38,42,52,0.96),rgba(30,33,42,0.96));--dashboard-soft-surface: linear-gradient(180deg,rgba(36,40,50,0.95),rgba(31,34,43,0.95));--dashboard-pill-surface: rgba(40,44,55,0.92);--dashboard-subtle-border: rgba(82,90,108,0.72);--dashboard-soft-text: #9aa7bf;--dashboard-mid-text: #b7c1d6;--dashboard-contrast-text: #d7dfef;--dashboard-inset-highlight: rgba(255,255,255,0.06);--dashboard-rail-surface: rgba(75,83,101,0.55);--dashboard-skeleton-surface: rgba(62,69,85,0.78);--dashboard-skeleton-shimmer: rgba(255,255,255,0.12);background: radial-gradient(circle at top left,rgba(53,109,255,0.12),transparent 28%),linear-gradient(180deg,#1a1d26 0%,#14161c 100%)}[theme="dark"] .dashboard-panel{background: rgba(30,33,42,0.94);border: 1px solid rgba(70,75,90,0.5);box-shadow: 0 18px 40px rgba(0,0,0,0.4)}.dashboard-header{display: flex;flex-direction: column;gap: 0.5rem;padding: 0;background: transparent;border: 0;box-shadow: none;backdrop-filter: none}.dashboard-title-row{display: flex;align-items: center;justify-content: space-between;gap: 1rem}.dashboard-title-block{display: flex;flex-direction: column;gap: 0.2rem;min-width: 0}.dashboard-title{margin: 0;font-size: 1.35rem;line-height: 1.1;font-weight: 700;color: var(--lumo-body-text-color)}.dashboard-subtitle{margin: 0;font-size: 0.88rem;line-height: 1.35;color: var(--lumo-secondary-text-color)}.dashboard-controls{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;gap: 0.45rem;padding: 0.55rem 0.7rem;border: 1px solid var(--lumo-contrast-15pct);border-radius: 16px;background: linear-gradient(180deg,var(--lumo-base-color),var(--lumo-contrast-5pct))}.dashboard-controls-label{font-size: 0.72rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em;color: var(--lumo-secondary-text-color);white-space: nowrap}.dashboard-range-select{min-width: 10.5rem}.dashboard-date-controls,.dashboard-presets,.dashboard-grader-filters{flex-wrap: wrap;align-items: center}.dashboard-date-controls{gap: 0.45rem;padding-left: 0.45rem;border-left: 1px solid var(--lumo-contrast-15pct)}.dashboard-controls-meta{display: flex;align-items: center;gap: 0.9rem;margin-left: auto;padding-left: 0.7rem;border-left: 1px solid var(--lumo-contrast-15pct)}.dashboard-controls-context{display: flex;align-items: center;gap: 0.6rem;flex-wrap: wrap;min-width: 0}.dashboard-controls-window{font-size: 0.82rem;font-weight: 600;color: var(--lumo-body-text-color);white-space: nowrap;line-height: 1.2}.dashboard-controls-updated{font-size: 0.74rem;color: var(--lumo-secondary-text-color);white-space: nowrap;line-height: 1.2;padding-left: 0.6rem;border-left: 1px solid var(--lumo-contrast-15pct)}.dashboard-date-picker{min-width: 118px}.dashboard-presets{gap: 0.25rem}.dashboard-grader-filters{gap: 0.25rem}@media (min-width: 768px){.dashboard-title{font-size: 1.55rem}.dashboard-date-picker{min-width: 132px}}.dashboard-panel-grid{display: grid;grid-template-columns: repeat(12,minmax(0,1fr));gap: 1rem;width: 100%;align-items: start}.dashboard-panel{padding: 1rem 1rem 1.1rem}.dashboard-panel--status-tiles{grid-column: span 12}.dashboard-panel--status-tiles .dashboard-panel-content{min-height: 0;gap: 0}.dashboard-panel--status{grid-column: span 6;align-self: stretch}.dashboard-panel--grader{grid-column: span 6;align-self: stretch}.dashboard-panel--status,.dashboard-panel--grader{--dashboard-breakdown-chart-height: 520px;height: 720px;display: flex;flex-direction: column}.dashboard-panel--status .dashboard-panel-content,.dashboard-panel--grader .dashboard-panel-content{min-height: 0;height: 100%}.dashboard-panel--trend,.dashboard-panel--kpi{grid-column: span 6}.dashboard-panel-header{margin-bottom: 0.9rem}.dashboard-panel-title{margin: 0;font-size: 1.05rem;font-weight: 700;color: var(--lumo-body-text-color)}.dashboard-panel-content{min-height: 170px;display: flex;flex-direction: column;gap: 0.9rem;flex: 1}.dashboard-panel-content--chart{min-height: 320px}.dashboard-panel-hero{display: flex;flex-direction: column;gap: 0.3rem;padding: 1rem 1.05rem;border-radius: 18px;border: 1px solid var(--lumo-contrast-20pct);background: linear-gradient(180deg,var(--lumo-base-color),var(--lumo-contrast-5pct))}.dashboard-panel-hero-label{font-size: 0.78rem;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;color: var(--lumo-secondary-text-color)}.dashboard-panel-hero-value{font-size: 1.8rem;line-height: 1.05;font-weight: 700;color: var(--lumo-body-text-color)}.dashboard-panel-hero-helper{font-size: 0.88rem;color: var(--lumo-secondary-text-color)}.dashboard-tiles-grid{display: grid;grid-template-columns: repeat(7,minmax(0,1fr));gap: 0.7rem}.dashboard-accent-blue{--dashboard-accent: #356dff;--dashboard-accent-soft: rgba(53,109,255,0.12)}.dashboard-accent-amber{--dashboard-accent: #d59a18;--dashboard-accent-soft: rgba(213,154,24,0.14)}.dashboard-accent-green{--dashboard-accent: #42b36b;--dashboard-accent-soft: rgba(66,179,107,0.14)}.dashboard-accent-purple{--dashboard-accent: #845df0;--dashboard-accent-soft: rgba(132,93,240,0.14)}.dashboard-accent-cyan{--dashboard-accent: #0f9fb8;--dashboard-accent-soft: rgba(15,159,184,0.14)}.dashboard-accent-rose{--dashboard-accent: #d14f7a;--dashboard-accent-soft: rgba(209,79,122,0.14)}.dashboard-tile-card{padding: 0.75rem;border-radius: 16px;border: 1px solid var(--lumo-contrast-20pct);border-top: 4px solid var(--dashboard-accent,#356dff);background: linear-gradient(180deg,var(--lumo-base-color),var(--lumo-contrast-5pct)),var(--dashboard-accent-soft,rgba(53,109,255,0.08));box-shadow: 0 12px 30px rgba(15,23,42,0.06)}.dashboard-tile-header{display: flex;justify-content: space-between;gap: 0.85rem;align-items: flex-start}.dashboard-tile-copy{display: flex;flex-direction: column;gap: 0.28rem}.dashboard-tile-label{font-size: 0.68rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;color: var(--lumo-secondary-text-color)}.dashboard-tile-value{font-size: 1.6rem;line-height: 1;font-weight: 700;color: var(--lumo-body-text-color)}.dashboard-tile-helper{font-size: 0.78rem;color: var(--lumo-secondary-text-color)}.dashboard-tile-icon-wrap{width: 2rem;height: 2rem;border-radius: 0.75rem;display: flex;align-items: center;justify-content: center;background: var(--dashboard-accent-soft,rgba(53,109,255,0.12));color: var(--dashboard-accent,#356dff);flex-shrink: 0}.dashboard-tile-icon{width: 0.95rem;height: 0.95rem}.dashboard-status-stack,.dashboard-grader-list{display: flex;flex-direction: column;gap: 0.8rem}.dashboard-status-filters{display: flex;flex-wrap: wrap;gap: 0.45rem}.dashboard-status-layout{display: grid;grid-template-columns: minmax(0,1.35fr) minmax(280px,0.95fr);gap: 1rem;align-items: start;flex: 1;min-height: 0}.dashboard-status-chart-column,.dashboard-status-summary{min-width: 0;display: flex;flex-direction: column;gap: 0.8rem;min-height: 0}.dashboard-status-chart-column{padding: 0.95rem 1rem 1rem;border-radius: 20px;border: 1px solid var(--dashboard-subtle-border);background: var(--dashboard-subtle-surface);align-self: start}.dashboard-status-subsection-title{font-size: 0.76rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;color: var(--dashboard-soft-text)}.dashboard-status-chart{height: var(--dashboard-breakdown-chart-height);flex: 0 0 auto}.dashboard-grader-chart{height: var(--dashboard-breakdown-chart-height);flex: 0 0 auto}.dashboard-status-summary{min-height: 0;max-height: 100%;overflow: auto}.dashboard-grader-service-list{display: flex;flex-direction: column;gap: 0.55rem;padding-left: 1rem}.dashboard-grader-service-row{padding: 0.7rem 0.8rem;border-radius: 16px}.dashboard-status-empty{font-size: 0.9rem;color: var(--lumo-secondary-text-color)}.dashboard-breakdown-row{padding: 0.85rem 0.9rem;border-radius: 18px;border: 1px solid var(--dashboard-subtle-border);background: var(--dashboard-soft-surface)}.dashboard-breakdown-row-top{display: grid;grid-template-columns: minmax(0,1fr) auto auto;gap: 0.6rem;align-items: center;margin-bottom: 0.55rem}.dashboard-breakdown-label{font-size: 0.9rem;font-weight: 600;color: var(--dashboard-strong-text)}.dashboard-breakdown-count,.dashboard-breakdown-percent{font-size: 0.82rem;color: var(--dashboard-soft-text)}.dashboard-breakdown-count{font-weight: 700;color: var(--dashboard-contrast-text)}.dashboard-breakdown-rail{overflow: hidden;height: 0.48rem;border-radius: 999px;background: var(--dashboard-rail-surface)}.dashboard-breakdown-fill{height: 100%;border-radius: inherit;background: var(--dashboard-accent,#356dff);box-shadow: 0 0 0 1px rgba(255,255,255,0.22) inset}.dashboard-status-meta-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.75rem}.dashboard-compact-metric,.dashboard-kpi-card{padding: 0.8rem 0.9rem;border-radius: 16px;border: 1px solid var(--dashboard-subtle-border);background: var(--dashboard-subtle-surface);display: flex;flex-direction: column;gap: 0.25rem}.dashboard-compact-metric-label,.dashboard-kpi-label{font-size: 0.76rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;color: var(--dashboard-soft-text)}.dashboard-compact-metric-value,.dashboard-kpi-value{font-size: 1.1rem;font-weight: 700;color: var(--dashboard-strong-text)}.dashboard-kpi-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.75rem}.dashboard-drilldowns{flex-wrap: wrap;margin-top: 0.1rem}.dashboard-panel-error{color: var(--lumo-error-text-color);background: var(--lumo-error-color-10pct);border: 1px solid var(--lumo-error-color-50pct);border-radius: 14px;padding: 0.8rem 0.9rem;display: flex;flex-direction: column;gap: 0.6rem;align-items: flex-start}.dashboard-empty-state{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0.65rem;padding: 2rem 1rem;text-align: center;flex: 1;min-height: 120px}.dashboard-empty-state-icon{color: var(--lumo-disabled-text-color);width: 2rem;height: 2rem}.dashboard-empty-state-text{font-size: 0.88rem;color: var(--lumo-secondary-text-color)}.dashboard-chart-wrapper{position: relative;display: flex;min-height: 0;width: 100%}.dashboard-chart-wrapper>div:first-child{width: 100%}.dashboard-chart-expand-icon{position: absolute;top: 6px;right: 6px;width: 1rem;height: 1rem;color: var(--lumo-secondary-text-color);opacity: 0;transition: opacity 0.15s ease;pointer-events: none;z-index: 1}.dashboard-chart-wrapper:hover .dashboard-chart-expand-icon{opacity: 0.7}.dashboard-skeleton-wrapper{display: flex;flex-direction: column;gap: 0.55rem;width: 100%}.dashboard-skeleton-line,.dashboard-skeleton-chart{border-radius: 14px;position: relative;overflow: hidden;background: var(--dashboard-skeleton-surface)}.dashboard-skeleton-line{height: 13px;width: 100%}.dashboard-skeleton-line--short{width: 48%}.dashboard-skeleton-chart{height: 180px;margin-top: 0.4rem}.dashboard-skeleton-line::after,.dashboard-skeleton-chart::after{content: "";position: absolute;inset: 0;transform: translateX(-100%);background: linear-gradient(90deg,transparent,var(--dashboard-skeleton-shimmer),transparent);animation: dashboard-skeleton-shimmer 1.1s infinite}@keyframes dashboard-skeleton-shimmer{100%{transform: translateX(100%)}}@media (max-width: 1200px){.dashboard-tiles-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.dashboard-panel--grader,.dashboard-panel--status,.dashboard-panel--trend,.dashboard-panel--kpi{grid-column: span 12}}@media (max-width: 900px){.dashboard-status-layout{grid-template-columns: 1fr}}@media (max-width: 700px){.dashboard-view{padding: 0.75rem}.dashboard-panel{border-radius: 16px}.dashboard-title-row{flex-direction: column;align-items: stretch}.dashboard-tiles-grid,.dashboard-kpi-grid,.dashboard-status-meta-grid{grid-template-columns: 1fr}.dashboard-status-chart-column{padding: 0.85rem 0.85rem 0.95rem}.dashboard-date-picker{min-width: 100%}.dashboard-tile-header{flex-direction: column}.dashboard-controls{width: 100%;margin-left: 0;justify-content: stretch;border-radius: 20px}.dashboard-presets,.dashboard-date-controls,.dashboard-grader-filters{justify-content: flex-start;width: 100%}.dashboard-date-controls{flex-direction: column;padding-left: 0;border-left: 0;padding-top: 0.45rem;border-top: 1px solid var(--lumo-contrast-15pct)}.dashboard-controls-meta{width: 100%;margin-left: 0;padding-left: 0;border-left: 0;padding-top: 0.45rem;border-top: 1px solid var(--lumo-contrast-15pct);justify-content: space-between}.dashboard-controls-context{align-items: flex-start;gap: 0.25rem;flex-direction: column}.dashboard-controls-updated{padding-left: 0;border-left: 0}}:root{--tt-body-bg: #eef2f7;--tt-bg: #ffffff;--tt-border: rgba(0,0,0,0.09);--tt-text: #2a3046;--tt-text-strong: #0a1c4f;--tt-muted: #545c79;--tt-cyan: #3CB4FF;--tt-navy: #1E4FAB;--tt-rail: rgba(0,0,0,0.10);--tt-rail-done: #3CB4FF;--tt-step-connector: rgba(120,139,166,0.42);--tt-completed-bg: rgba(60,180,255,0.12);--tt-completed-tx: #1E4FAB;--tt-current-bg: rgba(60,180,255,0.10);--tt-current-tx: #0a1c4f;--tt-upcoming-bg: rgba(0,0,0,0.04);--tt-upcoming-tx: #545c79;--tt-badge-border: rgba(60,180,255,0.30);--tt-shadow: 0 4px 24px -8px rgba(30,79,171,0.14),0 1px 6px -2px rgba(0,0,0,0.08);--tt-hallmark-psa-border: rgba(147,24,12,0.55);--tt-hallmark-psa-color: #93180c;--tt-hallmark-cgc-border: rgba(30,79,171,0.55);--tt-hallmark-cgc-color: #1E4FAB;--tt-error-bg: #fff0ee;--tt-error-border: rgba(147,24,12,0.28);--tt-error-text: #6f150c;--tt-error-title: #93180c;--st-dialog-bg: radial-gradient(520px 260px at 24% 0%,rgba(60,180,255,0.10) 0%,transparent 62%),#ffffff;--st-dialog-border: rgba(10,28,79,0.14);--st-dialog-header-border: rgba(10,28,79,0.10);--st-dialog-shadow: 0 30px 80px -28px rgba(10,28,79,0.30),0 12px 32px -18px rgba(0,0,0,0.22);--st-dialog-card-shadow: 0 20px 48px -30px rgba(10,28,79,0.40),0 1px 4px -2px rgba(0,0,0,0.12)}html.theme-dark,[theme~="dark"]{--tt-body-bg: radial-gradient(1000px 520px at 18% -10%,rgba(60,180,255,0.10) 0%,transparent 60%),radial-gradient(700px 460px at 88% 110%,rgba(30,79,171,0.14) 0%,transparent 65%),linear-gradient(180deg,#0a1325 0%,#070e1c 100%);--tt-bg: #131e38;--tt-border: rgba(255,255,255,0.10);--tt-text: #f2f5fb;--tt-text-strong: #ffffff;--tt-muted: #bcc4d4;--tt-rail: rgba(255,255,255,0.14);--tt-rail-done: rgba(60,180,255,0.55);--tt-step-connector: rgba(169,185,215,0.34);--tt-completed-bg: rgba(60,180,255,0.18);--tt-completed-tx: #5fc4ff;--tt-current-bg: rgba(30,79,171,0.28);--tt-current-tx: #d3e1ff;--tt-upcoming-bg: rgba(139,148,173,0.18);--tt-upcoming-tx: #c0c7d6;--tt-badge-border: rgba(60,180,255,0.35);--tt-shadow: 0 30px 60px -24px rgba(0,0,0,0.65),0 14px 28px -10px rgba(0,0,0,0.45),inset 0 1px 0 rgba(255,255,255,0.04);--tt-hallmark-psa-border: rgba(255,100,80,0.45);--tt-hallmark-psa-color: #ff8070;--tt-hallmark-cgc-border: rgba(60,180,255,0.45);--tt-hallmark-cgc-color: #3CB4FF;--tt-error-bg: rgba(255,96,72,0.15);--tt-error-border: rgba(255,128,112,0.42);--tt-error-text: #ffd4ce;--tt-error-title: #ff9b8e;--st-dialog-bg: radial-gradient(520px 260px at 24% 0%,rgba(60,180,255,0.12) 0%,transparent 62%),#101a31;--st-dialog-border: rgba(255,255,255,0.12);--st-dialog-header-border: rgba(255,255,255,0.10);--st-dialog-shadow: 0 30px 80px -24px rgba(0,0,0,0.70),0 12px 32px -16px rgba(0,0,0,0.55);--st-dialog-card-shadow: 0 20px 48px -24px rgba(0,0,0,0.82),inset 0 1px 0 rgba(255,255,255,0.04)}.tt-tracker{position: relative;background: var(--tt-bg);border: 1px solid var(--tt-border);border-radius: 20px;box-shadow: var(--tt-shadow);max-width: 560px;width: 100%;margin: 0 auto;color: var(--tt-text);font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;overflow: hidden}.tt-tracker::before{content: '';display: block;height: 3px;background: linear-gradient(90deg,#3CB4FF 0%,#1E4FAB 100%)}.tt-head{padding: 20px 24px 16px}.tt-brand-row{display: flex;align-items: center;justify-content: space-between;margin-bottom: 14px}.tt-brand{display: flex;align-items: center;gap: 8px}.tt-mark{width: 28px;height: 28px;object-fit: contain;flex-shrink: 0}.tt-wordmark{font-size: 15px;font-weight: 700;color: #7E8585;letter-spacing: -0.01em;line-height: 1}.tt-tm{font-size: 9px;vertical-align: super;font-weight: 600;color: #7E8585}.tt-hallmark{display: inline-flex;align-items: center;gap: 6px;padding: 5px 11px;border-radius: 99px;border: 1.5px solid;background: transparent;line-height: 1;white-space: nowrap}.tt-hallmark.psa{border-color: var(--tt-hallmark-psa-border);color: var(--tt-hallmark-psa-color)}.tt-hallmark.cgc{border-color: var(--tt-hallmark-cgc-border);color: var(--tt-hallmark-cgc-color)}.tt-hallmark-label{font-size: 9px;font-weight: 800;letter-spacing: 0.20em;text-transform: uppercase;opacity: 0.85}.tt-hallmark-id{font-family: 'JetBrains Mono',ui-monospace,'Courier New',monospace;font-size: 11.5px;font-weight: 700;letter-spacing: 0.02em}.tt-eyebrow-hdr{font-size: 11px;font-weight: 700;letter-spacing: 0.14em;text-transform: uppercase;color: var(--tt-muted);margin: 0 0 6px}.tt-h1{font-size: 28px;font-weight: 800;color: var(--tt-text-strong);margin: 0;letter-spacing: -0.025em;line-height: 1.1}.tt-progress-block{display: flex;align-items: center;gap: 18px;padding: 14px 24px;border-top: 1px solid var(--tt-border);border-bottom: 1px solid var(--tt-border);margin-bottom: 16px}.tt-numerals{font-size: 40px;font-weight: 800;color: var(--tt-text-strong);letter-spacing: -0.04em;line-height: 1;flex-shrink: 0}.tt-numerals .tt-slash{color: var(--tt-cyan);font-weight: 500}.tt-numerals .tt-of{color: var(--tt-muted);font-size: 26px;font-weight: 500}.tt-meta{flex: 1;min-width: 0}.tt-meta-label{font-size: 10px;font-weight: 700;letter-spacing: 0.14em;text-transform: uppercase;color: var(--tt-muted);margin-bottom: 2px}.tt-meta-value{font-size: 14px;font-weight: 600;color: var(--tt-text);margin-bottom: 8px}.tt-tick-row{display: flex;gap: 3px}.tt-tick{height: 4px;flex: 1;border-radius: 2px;background: var(--tt-rail);min-width: 0}.tt-tick.done{background: var(--tt-rail-done)}.tt-tick.now{background: var(--tt-cyan)}.tt-body{padding: 0 20px}.tt-summary{border: 1px solid var(--tt-border);border-radius: 10px;margin-bottom: 16px;overflow: hidden}.tt-summary summary{display: flex;align-items: center;gap: 12px;padding: 12px 16px;cursor: pointer;list-style: none;background: var(--tt-completed-bg);color: var(--tt-completed-tx);font-weight: 700;font-size: 13px}.tt-summary summary::-webkit-details-marker{display: none}.tt-summary-check{width: 22px;height: 22px;background: var(--tt-cyan);border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0;color: var(--tt-navy)}.tt-summary-count{flex: 1;font-size: 13px;font-weight: 700;letter-spacing: 0.05em}.tt-completed-list{padding: 8px 16px 12px;display: flex;flex-direction: column;gap: 6px}.tt-completed-item{display: flex;align-items: flex-start;gap: 10px;font-size: 13px;color: var(--tt-muted)}.tt-completed-item-n{font-size: 10px;font-weight: 800;letter-spacing: 0.08em;opacity: 0.6;width: 20px;flex-shrink: 0;padding-top: 1px}.tt-completed-item-name{font-weight: 600;color: var(--tt-text)}.tt-completed-item-desc{font-size: 12px;color: var(--tt-muted)}.tt-rail-list{list-style: none;padding: 14px 0 22px;margin: 0;position: relative}.tt-station{display: grid;grid-template-columns: 48px 1fr;align-items: flex-start;column-gap: 16px;padding: 10px 0;position: relative}.tt-step--current{padding: 16px 0 18px}.tt-marker-wrap{position: relative;isolation: isolate;width: 48px;min-height: 64px;display: flex;justify-content: center}.tt-marker-wrap::before{content: '';position: absolute;top: -22px;bottom: -22px;left: 50%;width: 3px;border-radius: 99px;transform: translateX(-50%);background: var(--tt-step-connector);z-index: -1}.tt-station:first-child .tt-marker-wrap::before{top: 50%}.tt-station:last-child .tt-marker-wrap::before{bottom: 50%}.tt-station:only-child .tt-marker-wrap::before{display: none}.tt-marker{width: 40px;height: 40px;border-radius: 50%;flex-shrink: 0;display: flex;align-items: center;justify-content: center;position: relative;z-index: 1}.tt-marker::before{content: '';position: absolute;inset: -4px;border-radius: 50%;background: var(--tt-bg);z-index: -1}.tt-marker--current{width: 48px;height: 48px;background: var(--tt-cyan);box-shadow: 0 0 0 4px rgba(60,180,255,0.20);color: var(--tt-navy)}.tt-marker--completed{background: var(--tt-cyan);color: var(--tt-navy)}.tt-marker--upcoming{background: #f5f5f5;color: var(--tt-upcoming-tx)}html.theme-dark .tt-marker--completed,[theme~="dark"] .tt-marker--completed{background: #1a395c;color: var(--tt-cyan)}html.theme-dark .tt-marker--upcoming,[theme~="dark"] .tt-marker--upcoming{background: #29334d}html.theme-dark .tt-marker--current,[theme~="dark"] .tt-marker--current{background: var(--tt-navy);color: var(--tt-cyan);box-shadow: 0 0 0 4px rgba(60,180,255,0.22),0 0 28px -4px rgba(60,180,255,0.50)}.tt-marker svg{width: 20px;height: 20px;stroke: currentColor;fill: none;stroke-width: 1.75;stroke-linecap: round;stroke-linejoin: round}.tt-marker--current svg{width: 24px;height: 24px}.tt-step{min-width: 0;padding-top: 6px}.tt-step-head{display: flex;align-items: center;gap: 8px;margin-bottom: 4px;flex-wrap: wrap}.tt-step-title{font-size: 15px;font-weight: 700;color: var(--tt-text-strong);margin: 0}.tt-step--upcoming .tt-step-title{color: var(--tt-muted);font-weight: 600}.tt-badge{display: inline-block;padding: 2px 8px;border-radius: 99px;font-size: 9px;font-weight: 800;letter-spacing: 0.14em;text-transform: uppercase;border: 1px solid var(--tt-badge-border)}.tt-badge--current{background: var(--tt-cyan);color: var(--tt-navy);border-color: transparent}.tt-badge--completed{background: var(--tt-completed-bg);color: var(--tt-completed-tx)}.tt-badge--upcoming{background: var(--tt-upcoming-bg);color: var(--tt-upcoming-tx)}html.theme-dark .tt-badge--current,[theme~="dark"] .tt-badge--current{background: rgba(30,79,171,0.30);color: var(--tt-current-tx);border-color: var(--tt-badge-border)}.tt-step-desc{font-size: 13px;line-height: 1.5;color: var(--tt-muted);margin: 0}.tt-step--current .tt-step-desc{color: var(--tt-current-tx)}.tt-pending{display: flex;align-items: flex-start;gap: 14px;padding: 20px;background: var(--tt-upcoming-bg);border-radius: 10px;color: var(--tt-muted);font-size: 14px}.tt-pending-icon{color: var(--tt-cyan);flex-shrink: 0}.tt-foot{display: flex;align-items: center;justify-content: space-between;padding: 14px 24px;border-top: 1px solid var(--tt-border);margin-top: 16px;font-size: 10px;font-weight: 700;letter-spacing: 0.10em;text-transform: uppercase;color: var(--tt-muted)}.tt-mini-brand{display: flex;align-items: center;gap: 6px;color: var(--tt-muted);font-size: 12px;font-weight: 700;letter-spacing: -0.01em;text-transform: none}.tt-mini-mark{width: 14px;height: 14px;object-fit: contain}.tt-error-card .tt-head{padding-bottom: 20px}.tt-error-panel{padding: 16px 20px;border-radius: 10px;background: var(--tt-error-bg);border: 1px solid var(--tt-error-border);color: var(--tt-error-text);font-size: 14px;line-height: 1.55;overflow-wrap: anywhere}.tt-error-title{display: block;margin-bottom: 5px;color: var(--tt-error-title);font-size: 14px;font-weight: 800}vaadin-dialog-overlay.st-tracking-dialog::part(overlay){background: var(--st-dialog-bg);border: 1px solid var(--st-dialog-border);border-radius: 20px;box-shadow: var(--st-dialog-shadow);color: var(--tt-text);overflow: hidden}vaadin-dialog-overlay.st-tracking-dialog::part(header){background: transparent;border-bottom: 1px solid var(--st-dialog-header-border);color: var(--tt-text-strong);padding: 18px 22px 14px}vaadin-dialog-overlay.st-tracking-dialog::part(title){color: var(--tt-text-strong);font-size: 22px;font-weight: 800;letter-spacing: -0.02em}vaadin-dialog-overlay.st-tracking-dialog::part(content){background: transparent;color: var(--tt-text);padding: 18px 22px 24px}vaadin-dialog-overlay.st-tracking-dialog .tt-tracker{box-shadow: var(--st-dialog-card-shadow)}vaadin-dialog-overlay.st-tracking-dialog h4{color: var(--tt-text);margin: 0}vaadin-dialog-overlay.st-tracking-dialog .st-tracking-dialog-icon{color: var(--tt-cyan)}vaadin-dialog-overlay.st-tracking-dialog .st-tracking-dialog-icon:hover{color: #73caff}@media (max-width: 600px){.tt-tracker{border-radius: 12px}.tt-head{padding: 16px 16px 12px}.tt-progress-block{padding: 12px 16px;gap: 12px}.tt-numerals{font-size: 32px}.tt-numerals .tt-of{font-size: 22px}.tt-body{padding: 0 12px}.tt-foot{padding: 12px 16px}.tt-h1{font-size: 22px}vaadin-dialog-overlay.st-tracking-dialog::part(header){padding: 14px 16px 12px}vaadin-dialog-overlay.st-tracking-dialog::part(content){padding: 12px 10px 14px}vaadin-dialog-overlay.st-tracking-dialog::part(title){font-size: 20px}}.track-submission-view{background: var(--tt-body-bg) !important;min-height: 100vh}.redirect-shop-logo-link{display: inline-flex;align-items: center;justify-content: center;max-width: min(90vw,420px);padding: 10px 16px;border: 1px solid rgba(95,196,255,0.32);border-radius: 10px;background: radial-gradient(circle at 20% 0%,rgba(60,180,255,0.20),transparent 58%),rgba(19,30,56,0.78);backdrop-filter: blur(10px);box-shadow: inset 0 1px 0 rgba(255,255,255,0.12),0 4px 14px rgba(0,0,0,0.24);box-sizing: border-box;line-height: 0;transition: border-color 140ms ease,box-shadow 140ms ease,transform 140ms ease}.redirect-shop-logo-link:hover{border-color: rgba(95,196,255,0.58);box-shadow: inset 0 1px 0 rgba(255,255,255,0.22),0 6px 18px rgba(0,0,0,0.30);transform: translateY(-1px)}.redirect-shop-logo-link:focus-visible{outline: 3px solid #3CB4FF;outline-offset: 3px}.redirect-shop-logo{display: block;width: auto;height: auto;max-width: 100%;max-height: 64px;object-fit: contain;filter: drop-shadow(0 0 1px rgba(255,255,255,0.95)) drop-shadow(0 1px 2px rgba(0,0,0,0.85))}@media (max-width: 480px){.redirect-shop-logo-link{max-width: calc(100vw - 32px);padding: 8px 12px}.redirect-shop-logo{max-height: 54px}}.payment-dialog::part(content){padding-top: 0.5rem}.payment-dialog::part(footer){border-top: 1px solid var(--lumo-contrast-10pct);padding-top: var(--lumo-space-m)}.payment-stripe-branding{width: 7.5rem;height: auto;margin-right: auto}.payment-order-context{box-sizing: border-box;position: relative;overflow: hidden;width: 100%;padding: 1rem 1.1rem;margin-bottom: 1rem;color: var(--lumo-primary-contrast-color);background: linear-gradient(135deg,var(--lumo-primary-color) 0%,#082d68 100%);border-radius: var(--lumo-border-radius-l);box-shadow: 0 10px 24px rgba(13,71,161,0.16)}.payment-order-context::after{content: "";position: absolute;width: 7rem;height: 7rem;right: -2.5rem;top: -3rem;border-radius: 50%;background: rgba(255,255,255,0.11)}.payment-order-context__eyebrow,.payment-order-context__title,.payment-order-context__label,.payment-order-context__value{display: block}.payment-order-context__eyebrow{position: relative;z-index: 1;margin-bottom: 0.15rem;font-size: var(--lumo-font-size-xs);font-weight: 700;letter-spacing: 0.08em;opacity: 0.78;text-transform: uppercase}.payment-order-context__title{position: relative;z-index: 1;font-size: var(--lumo-font-size-xl);font-weight: 800}.payment-order-context__details{position: relative;z-index: 1;display: grid;grid-template-columns: repeat(auto-fit,minmax(7.5rem,1fr));gap: 0.65rem 1rem;margin-top: 0.9rem;padding-top: 0.8rem;border-top: 1px solid rgba(255,255,255,0.2)}.payment-order-context__label{font-size: var(--lumo-font-size-xs);opacity: 0.72}.payment-order-context__value{overflow-wrap: anywhere;font-size: var(--lumo-font-size-s);font-weight: 700}.payment-callout{display: grid;gap: 0.2rem;margin: 0.75rem 0;padding: 0.75rem 0.9rem;color: var(--lumo-body-text-color);background: var(--lumo-primary-color-10pct);border: 1px solid var(--lumo-primary-color-30pct);border-radius: var(--lumo-border-radius-m)}.payment-callout__title{font-size: var(--lumo-font-size-s);font-weight: 700}.payment-callout__body{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s);line-height: 1.45;white-space: pre-line}.payment-link-card{padding: 0.9rem 1rem;background: var(--lumo-contrast-5pct);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-m)}.saved-payment-method-card{box-sizing: border-box;width: 100%;margin-bottom: 0.75rem;padding: 1rem;background: linear-gradient(135deg,var(--lumo-base-color) 0%,var(--lumo-contrast-5pct) 100%);border: 1px solid var(--lumo-contrast-20pct);border-radius: var(--lumo-border-radius-l);box-shadow: 0 4px 14px rgba(16,24,40,0.06)}.saved-payment-method-card__row{display: grid;grid-template-columns: auto minmax(0,1fr) auto;gap: 0.75rem;align-items: center}.saved-payment-method-card__icon{display: flex;align-items: center;justify-content: center;width: 2.6rem;height: 2.6rem;color: var(--lumo-primary-text-color);background: var(--lumo-primary-color-10pct);border-radius: 50%}.saved-payment-method-card__icon vaadin-icon{width: 1.25rem;height: 1.25rem}.saved-payment-method-card__details{min-width: 0}.saved-payment-method-card__title,.saved-payment-method-card__card,.saved-payment-method-card__authorization,.saved-payment-method-card__note{display: block}.saved-payment-method-card__title{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-xs);font-weight: 800;letter-spacing: 0.06em;text-transform: uppercase}.saved-payment-method-card__card{margin-top: 0.1rem;color: var(--lumo-body-text-color);font-size: var(--lumo-font-size-m);font-weight: 800}.saved-payment-method-card__authorization{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-xs)}.saved-payment-method-card__badge{display: inline-flex;align-items: center;gap: 0.35rem;padding: 0.25rem 0.55rem;color: var(--lumo-success-text-color);background: var(--lumo-success-color-10pct);border-radius: 999px;font-size: var(--lumo-font-size-xs);font-weight: 700;white-space: nowrap}.saved-payment-method-card__badge::before{content: "";width: 0.4rem;height: 0.4rem;background: var(--lumo-success-color);border-radius: 50%}.saved-payment-method-card__note{margin-top: 0.75rem;padding: 0.65rem 0.75rem;color: var(--lumo-secondary-text-color);background: var(--lumo-contrast-5pct);border-radius: var(--lumo-border-radius-s);font-size: var(--lumo-font-size-xs);line-height: 1.4}.payment-surface-card{padding: 1rem 1.1rem;background: var(--lumo-base-color);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-l);box-shadow: 0 4px 14px rgba(16,24,40,0.05)}.payment-surface-title{display: block;margin-bottom: 0.65rem;color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-xs);font-weight: 800;letter-spacing: 0.08em;text-transform: uppercase}.payment-summary-stats{display: flex;gap: 1.5rem;align-items: end}.payment-summary-stat{min-width: 0}.payment-summary-stat__label,.payment-summary-stat__value{display: block}.payment-summary-stat__label{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-xs)}.payment-summary-stat__value{margin-top: 0.05rem;font-size: var(--lumo-font-size-s);font-weight: 700}.payment-summary-stat--primary{flex: 0 0 auto;min-width: 8.5rem}.payment-summary-stat--primary .payment-summary-stat__value{color: var(--lumo-body-text-color);font-size: var(--lumo-font-size-xxl);font-weight: 800;line-height: 1.15}.payment-summary-secondary-stats{display: flex;flex: 1;flex-wrap: wrap;gap: 0.5rem 1.5rem;padding-bottom: 0.15rem}.payment-action-bar{display: flex;flex-wrap: wrap;gap: 0.5rem}.payment-summary-card{padding: 0}.payment-summary-title-row .payment-surface-title{margin-bottom: 0}.payment-action-section{margin-top: 0.8rem;padding-top: 0.75rem;border-top: 1px solid var(--lumo-contrast-10pct)}.payment-action-section .payment-surface-title{margin-bottom: 0.4rem}.payment-overview{overflow: hidden;padding: 0.9rem 1rem;box-shadow: none}.payment-reconciliation-label{margin-top: 0.75rem;padding-top: 0.75rem;border-top: 1px solid var(--lumo-contrast-10pct)}.payment-reconciliation-detail{margin: 0.25rem 0 0;color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s)}.payment-reconciliation-actions{flex-wrap: wrap;margin-top: 0.75rem}.payment-history{min-width: 0;margin-top: 0.9rem;padding-top: 0.8rem;border-top: 1px solid var(--lumo-contrast-10pct)}.payment-history .payment-surface-title{margin-bottom: 0.25rem}.payment-history vaadin-grid{min-width: 0;font-size: var(--lumo-font-size-s)}@media screen and (max-width: 600px){.payment-order-context__details{grid-template-columns: 1fr}.payment-dialog::part(footer){flex-wrap: wrap}.saved-payment-method-card__row{grid-template-columns: auto minmax(0,1fr)}.saved-payment-method-card__badge{grid-column: 2;justify-self: start}.payment-action-bar vaadin-button{width: 100%}.payment-summary-stats{display: grid;gap: 0.75rem}.payment-summary-secondary-stats{gap: 0.5rem 1.25rem}}.shop-payout-view .toolbar,.platform-fee-policy-view .toolbar{display: flex;flex-wrap: wrap;align-items: end;gap: var(--lumo-space-s) var(--lumo-space-m);width: 100%;margin-bottom: var(--lumo-space-s)}.shop-payout-view .toolbar vaadin-button,.shop-payout-view .toolbar .export-link,.platform-fee-policy-view .toolbar vaadin-button{flex: 0 0 auto}.shop-payout-view .toolbar vaadin-select{flex: 0 1 14rem;min-width: 10rem}.platform-fee-policy-view .toolbar{justify-content: space-between}.platform-fee-policy-view .toolbar vaadin-combo-box{flex: 0 1 16rem;min-width: 12rem}.shop-payout-view .row-actions,.platform-fee-policy-view .row-actions{align-items: center;flex-wrap: nowrap;gap: var(--lumo-space-xs)}@media screen and (max-width: 600px){.shop-payout-view .toolbar,.platform-fee-policy-view .toolbar{align-items: stretch}.shop-payout-view .toolbar vaadin-select,.shop-payout-view .toolbar vaadin-button,.shop-payout-view .toolbar .export-link,.platform-fee-policy-view .toolbar vaadin-combo-box,.platform-fee-policy-view .toolbar vaadin-button{flex: 1 1 100%}}.shop-payout-view .toolbar,.shop-payout-view .payout-filter-bar{flex-wrap: wrap;align-items: baseline;gap: var(--lumo-space-m)}.shop-payout-view .payout-filter-bar{padding-bottom: var(--lumo-space-xs)}.shop-payout-view .payout-kpi-grid{display: grid;grid-template-columns: repeat(6,minmax(0,1fr));gap: 0.7rem;width: 100%}.shop-payout-view .row-actions{flex-wrap: nowrap;gap: var(--lumo-space-xs)}.shop-payout-view vaadin-grid.clickable-rows::part(body-cell){cursor: pointer}.shop-payout-view vaadin-grid::part(footer-cell){font-weight: 700;background: var(--lumo-contrast-5pct)}@media screen and (max-width: 1400px){.shop-payout-view .payout-kpi-grid{grid-template-columns: repeat(3,minmax(0,1fr))}}@media screen and (max-width: 800px){.shop-payout-view .payout-kpi-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}@media screen and (max-width: 800px){.shop-payout-view{overflow-y: auto}.shop-payout-view vaadin-split-layout{flex: none;min-height: 48rem}}vaadin-login-overlay.login-view::part(backdrop){background: radial-gradient(ellipse at center,rgba(10,35,70,0.15),rgba(10,35,70,0.55)),url('/images/login-background.webp') center / cover no-repeat}vaadin-login-overlay.login-view::part(card){border-radius: 1rem;background: var(--lumo-base-color);box-shadow: 0 1.5rem 3.75rem rgba(13,27,52,0.35),0 0.25rem 0.75rem rgba(13,27,52,0.12)}vaadin-login-overlay.login-view::part(brand){min-height: 0;align-items: center;padding: var(--lumo-space-xl) var(--lumo-space-l) var(--lumo-space-m);background: transparent;color: var(--lumo-header-text-color);border-top: 0.25rem solid var(--lumo-primary-color)}vaadin-login-overlay.login-view::part(description){display: none}vaadin-login-overlay.login-view.login-view--dev::part(description){display: block;margin-top: var(--lumo-space-s);padding: 0.125rem 0.625rem;border-radius: 999px;background: var(--lumo-warning-color-10pct);color: var(--lumo-warning-text-color);font-size: var(--lumo-font-size-xxs);font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}@media only screen and (max-width: 500px){vaadin-login-overlay.login-view::part(content){background: transparent;align-items: center}vaadin-login-overlay.login-view::part(card){width: calc(100% - 2rem);margin: 0}}html{--lumo-primary-color: #0D47A1;--lumo-primary-text-color: #0D47A1;--lumo-primary-color-10pct: rgba(13,71,161,0.10);--lumo-primary-color-30pct: rgba(13,71,161,0.30);--lumo-primary-color-50pct: rgba(13,71,161,0.50);--lumo-primary-contrast-color: #ffffff}vaadin-dialog-overlay.responsive-dialog::part(overlay){max-width: calc(100vw - var(--lumo-space-m) - var(--lumo-space-m));max-height: calc(100dvh - var(--lumo-space-m) - var(--lumo-space-m));box-sizing: border-box}vaadin-dialog-overlay.responsive-dialog::part(content){min-width: 0;overflow: auto;overscroll-behavior: contain}@media screen and (max-width: 600px){vaadin-dialog-overlay.responsive-dialog::part(overlay){width: 100vw !important;height: 100dvh !important;max-width: 100vw;max-height: 100dvh;border-radius: 0}vaadin-dialog-overlay.responsive-dialog::part(header){padding-top: calc(var(--lumo-space-m) + env(safe-area-inset-top))}vaadin-dialog-overlay.responsive-dialog::part(footer){padding-bottom: calc(var(--lumo-space-m) + env(safe-area-inset-bottom))}}.image-container{position: relative;display: flex;justify-content: center;align-items: center;width: 200px;height: 200px;overflow: hidden;margin: 10px;border: 1px solid #ccc;border-radius: 8px;box-shadow: 0 2px 5px rgba(0,0,0,0.1);transition: box-shadow 0.3s ease}.image-container:hover{box-shadow: 0 4px 12px rgba(0,0,0,0.2)}.dynamic-image{max-width: 100%;max-height: 100%;object-fit: cover;transition: transform 0.2s ease}.dynamic-image:hover{transform: scale(1.05);cursor: pointer}.delete-image-button{position: absolute;top: 5px;right: 5px;font-size: 18px;cursor: pointer}.email-preview-container{padding: 10px;border: 1px solid #ccc;background-color: #ffffff;border-radius: 8px}.order-cards-toolbar{flex-wrap: wrap;row-gap: 0.5rem}.order-form-shell{min-width: 0;max-width: 100%;box-sizing: border-box;container-name: order-form-shell;container-type: inline-size}.order-form-shell>.order-form:not(.order-form-header){width: 100%;min-width: 0;box-sizing: border-box}.order-form-shell .order-form-inline-row,.order-form-shell .order-form-terms,.order-form-shell .order-form-header__content,.order-form-shell .order-form-actions{min-width: 0;max-width: 100%}.order-form-shell .order-form-inline-row>vaadin-text-field,.order-form-shell .order-form-inline-row>vaadin-email-field,.order-form-shell .order-form-inline-row>vaadin-number-field,.order-form-shell .order-form-inline-row>vaadin-select{flex: 1 1 12rem;min-width: 0}.order-cards-toolbar-actions{flex-wrap: wrap;justify-content: flex-end}.order-card-summary-row{gap: 0.75rem;align-items: flex-start}.order-card-summary-row>*{min-width: 0}.order-card-summary-thumb{width: 88px;height: 88px;flex: 0 0 auto}.order-card-summary-content{flex: 1 1 320px;min-width: 0}.order-card-summary-details{min-width: 0}.order-card-summary-field{flex-wrap: wrap;align-items: flex-start;column-gap: 0.35rem;row-gap: 0.1rem;min-width: 0}.order-card-summary-label{flex: 0 0 auto;min-width: 110px}.order-card-summary-value{flex: 1 1 180px;min-width: 0;white-space: normal;overflow-wrap: anywhere}.order-card-summary-actions{width: 100%;max-width: 100%;flex-wrap: wrap;align-items: flex-start;justify-content: flex-end}.order-form .order-form-status-row{display: flex;align-items: flex-start;width: 100%}.order-form .order-form-status-row>vaadin-select{flex: 1 1 auto;min-width: 0}.order-form .order-form-status-pill-slot{display: flex;justify-content: center;align-items: flex-start;--order-form-field-label-offset: calc(var(--lumo-font-size-s) * 1.2 + var(--vaadin-input-field-label-spacing,0.25rem));min-height: calc(var(--lumo-text-field-size) + var(--order-form-field-label-offset));padding-top: var(--order-form-field-label-offset);box-sizing: border-box}.order-form-header{box-sizing: border-box;position: sticky;overflow: hidden;padding: 1rem 1.5rem;color: var(--lumo-primary-contrast-color);background: linear-gradient(135deg,var(--lumo-primary-color) 0%,#082d68 100%);border-bottom: 0;border-radius: var(--lumo-border-radius-l);box-shadow: 0 10px 24px rgba(13,71,161,0.16)}.order-form-header::after{content: "";position: absolute;width: 8rem;height: 8rem;right: -2.5rem;top: -3.5rem;border-radius: 50%;background: rgba(255,255,255,0.11);pointer-events: none}.order-form-header__content{position: relative;z-index: 1}.order-form-header__title{color: inherit}.order-form-header__close{flex: 0 0 auto;min-width: var(--lumo-button-size);margin: 0;color: var(--lumo-primary-contrast-color)}.order-form-header__close:hover{background: rgba(255,255,255,0.12)}.order-form-header .order-status--psa-step{color: var(--lumo-primary-contrast-color);background: rgba(255,255,255,0.14);border-color: rgba(255,255,255,0.34)}.order-form-footer{background: var(--lumo-base-color);border-top: 1px solid var(--lumo-contrast-10pct);box-shadow: none}.order-form-actions{flex-wrap: wrap}@container order-form-shell (max-width: 34rem){.order-form-shell .order-form-header{padding: var(--lumo-space-m);border-radius: 0;box-shadow: none}.order-form-shell .order-form-header__content,.order-form-shell .order-form-inline-row,.order-form-shell .order-form-terms{flex-wrap: wrap}.order-form-shell .order-form-header__title{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.order-form-shell .order-form-footer{padding: var(--lumo-space-s);padding-bottom: calc(var(--lumo-space-s) + env(safe-area-inset-bottom))}.order-form-shell .order-form-actions{gap: var(--lumo-space-xs)}.order-form-shell .order-form-actions vaadin-button{flex: 1 1 100%;width: 100%}.order-form-shell .order-cards-toolbar-actions,.order-form-shell .order-card-summary-actions{width: 100%;justify-content: flex-start}.order-form-shell .order-card-summary-row{flex-wrap: wrap}.order-form-shell .order-card-summary-thumb{width: 72px;height: 72px}.order-form-shell .order-card-summary-field{flex-direction: column;align-items: flex-start;gap: 0.1rem}.order-form-shell .order-card-summary-label{min-width: 0;flex: 0 1 auto}}@media screen and (max-width: 1100px){.order-card-summary-row{flex-wrap: wrap}}@media screen and (max-width: 768px){.order-cards-toolbar-actions{width: 100%;justify-content: flex-start}.order-card-summary-actions{width: 100%;justify-content: flex-start}.order-card-summary-thumb{width: 72px;height: 72px}.order-card-summary-field{flex-direction: column;align-items: flex-start;gap: 0.1rem}.order-card-summary-label{min-width: 0;flex: 0 1 auto}}@keyframes spin{0%{transform: rotate(0deg)}100%{transform: rotate(360deg)}}