html{--lumo-font-size-l:1.125rem;--lumo-font-size-m:1rem;--lumo-font-size-s:.875rem;--lumo-font-size-xl:1.375rem;--lumo-font-size-xs:.8125rem;--lumo-font-size-xxl:1.75rem;--lumo-font-size-xxs:.75rem;--lumo-font-size-xxxl:2.5rem}.order-stat-card,.order-stat-grid,.section-card{transition:all .3s ease-in-out}.order-stat-card:hover{background-color:var(--lumo-base-color);box-shadow:var(--lumo-box-shadow-s);cursor:pointer}.order-stat-grid:hover{box-shadow:var(--lumo-box-shadow-s);cursor:pointer}.section-card:hover{box-shadow:var(--lumo-box-shadow-s)}.view-header{animation:fadeSlideUp .6s ease-out}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.stat-card{position:relative;overflow:hidden;animation:fadeSlideUp .6s ease-out;transition:all .3s ease-in-out}.stat-card:before{content:"";position:absolute;inset:0;border:2px solid transparent;border-radius:8px;pointer-events:none}.stat-card:hover:before{animation:borderSweep 3s linear forwards}@keyframes borderSweep{0%{border-top-color:var(--lumo-primary-color);border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}25%{border-right-color:var(--lumo-primary-color)}50%{border-bottom-color:var(--lumo-primary-color)}75%{border-left-color:var(--lumo-primary-color)}to{border-color:var(--lumo-primary-color)}}.statistics-section{position:relative;animation:fadeSlideUp .6s ease-out;transition:all .3s ease-in-out}.statistics-section:hover{box-shadow:var(--lumo-box-shadow-m)}.statistics-section h2{position:relative;display:inline-block;border-bottom:none;padding-bottom:10px}.statistics-section h2:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background-color:var(--lumo-success-color);transition:width .8s ease}.statistics-section:hover h2:after{width:100%}html{background-color:var(--lumo-contrast-5pct);--lumo-primary-color: hsl(245, 75%, 60%);--lumo-primary-text-color: hsl(245, 75%, 55%);--lumo-primary-color-50pct: hsla(245, 75%, 60%, .5);--lumo-primary-color-10pct: hsla(245, 75%, 60%, .1);--lumo-success-color: hsl(142, 65%, 45%);--lumo-success-text-color: hsl(142, 65%, 40%);--lumo-success-color-50pct: hsla(142, 65%, 45%, .5);--lumo-success-color-10pct: hsla(142, 65%, 45%, .1);--lumo-error-color: hsl(354, 75%, 55%);--lumo-error-text-color: hsl(354, 75%, 50%);--lumo-error-color-50pct: hsla(354, 75%, 55%, .5);--lumo-error-color-10pct: hsla(354, 75%, 55%, .1);--lumo-border-radius-m: 12px;--lumo-border-radius-l: 16px;--lumo-border-radius-s: 8px;--lumo-box-shadow-s: 0 2px 8px rgba(0, 0, 0, .03), 0 1px 3px rgba(0, 0, 0, .02);--lumo-box-shadow-m: 0 8px 24px rgba(0, 0, 0, .05), 0 2px 6px rgba(0, 0, 0, .03);--lumo-box-shadow-l: 0 20px 40px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .04)}#outlet{overflow:auto}.components-view{padding:var(--lumo-space-l)}.components-view .card{padding:var(--lumo-space-l);border-radius:var(--lumo-border-radius-l);background:radial-gradient(circle at 25% 0%,hsl(0 0% 100% / .9),transparent 50%),#fafafab3;background-origin:border-box;box-shadow:inset 0 0 0 1px #ffffff0f,0 0 0 1px #0000000f;transition:all .3s ease}.components-view .card:hover{box-shadow:var(--lumo-box-shadow-m)}.components-view vaadin-select.state-select{padding:0}.glass-card{background:#fffc;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.4);border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-m);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{transform:translateY(-2px);box-shadow:var(--lumo-box-shadow-l)}vaadin-side-nav-item{font-weight:500;transition:all .2s ease}vaadin-side-nav-item::part(link){border-radius:var(--lumo-border-radius-m);margin:4px 8px;padding:8px 16px;transition:all .2s ease}vaadin-side-nav-item[active]::part(link){background-color:var(--lumo-primary-color-10pct);color:var(--lumo-primary-text-color);font-weight:600}vaadin-side-nav-item::part(link):hover{background-color:var(--lumo-contrast-5pct);color:var(--lumo-primary-color)}@media screen and (max-width: 1200px){.components-view .view-content{flex-wrap:wrap}}