@font-face{font-family:Satoshi;src:url(./Satoshi-Variable-CFg-z2ne.woff2) format("woff2");font-weight:300 900;font-display:swap;font-style:normal}html,html[theme]{--base-h: 220;--base-s: 35%;--base-l: 90%;--accent-h: 218;--accent-s: 80%;--accent-l: 47%;--accent: hsl(var(--accent-h) var(--accent-s) var(--accent-l));--accent-10pct: hsl(var(--accent-h) var(--accent-s) var(--accent-l) / .12);--accent-text: hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l) - 3%));--accent-contrast: hsl(0 0% calc(100% - (100*clamp(0%, var(--accent-l) - 50%, 1%))) );accent-color:var(--accent);--grad1: linear-gradient(to bottom right, hsl(var(--base-h) calc(var(--base-s) * 1.5) calc(var(--base-l) + 6%)) 20%, hsl(var(--base-h) var(--base-s) var(--base-l)) 50%, hsl(calc(var(--base-h) - 30) var(--base-s) calc(33% + var(--base-l) / 1.5)) 100%);--grad2: radial-gradient(50% 80% at 25% 70%, hsl(calc(var(--base-h) - 5) calc(var(--base-s) * 1.5) calc(var(--base-l) - 10%) / .4) 0%, transparent 100%);--grad3: radial-gradient(83% 132% at 76% 20%, transparent 84%, hsl(var(--base-h) var(--base-s) calc(var(--base-l) + 10%) / .8) 100%);--bg: var(--grad3), var(--grad2), var(--grad1), hsl(var(--base-h) var(--base-s) var(--base-l));--lumo-base-color: hsl(var(--base-h) var(--base-s) 100%);--lumo-base-color-90pct: hsl(var(--base-h) var(--base-s) 100% / .9);--lumo-base-color-80pct: hsl(var(--base-h) var(--base-s) 100% / .8);--lumo-base-color-70pct: hsl(var(--base-h) var(--base-s) 99% / .7);--lumo-base-color-60pct: hsl(var(--base-h) var(--base-s) 99% / .6);--lumo-disabled-text-color: var(--lumo-contrast-40pct);--lumo-primary-contrast-color: var(--lumo-base-color);--lumo-primary-color: var(--lumo-contrast-90pct);--lumo-primary-color-50pct: var(--lumo-contrast-70pct);--lumo-primary-color-10pct: var(--lumo-contrast-10pct);--lumo-primary-text-color: var(--lumo-body-text-color);--vaadin-focus-ring-color: hsl(var(--accent-h) var(--accent-s) var(--accent-l) / .75);--lumo-error-text-color: hsl(342 70% 43%);--lumo-error-color: hsl(342 68% 51%);--lumo-error-color-10pct: hsl(342 68% 51% / .13);--lumo-error-color-50pct: hsl(342 68% 51% / .6);--lumo-success-text-color: hsl(160 98% 22%);--lumo-success-color: hsl(160 88% 27%);--lumo-success-color-10pct: hsl(160 88% 27% / .14);--lumo-success-color-50pct: hsl(160 88% 27% / .6);--lumo-tint-5pct: hsla(0, 0%, 100%, .19);--lumo-tint-10pct: hsla(0, 0%, 100%, .29);--lumo-tint-20pct: hsla(0, 0%, 100%, .38);--lumo-tint-30pct: hsla(0, 0%, 100%, .45);--lumo-tint-40pct: hsla(0, 0%, 100%, .51);--lumo-tint-50pct: hsla(0, 0%, 100%, .57);--lumo-tint-60pct: hsla(0, 0%, 100%, .66);--lumo-tint-70pct: hsla(0, 0%, 100%, .74);--lumo-tint-80pct: hsla(0, 0%, 100%, .82);--lumo-tint-90pct: hsla(0, 0%, 100%, .9);--lumo-tint: #fff;--lumo-shade-2pct: hsl(var(--base-h) min(calc(var(--base-s) * 1.2), 35%) 41% / .04);--lumo-shade-5pct: hsl(var(--base-h) min(calc(var(--base-s) * 1.12), 35%) 40% / .06);--lumo-shade-10pct: hsl(var(--base-h) min(calc(var(--base-s) * 1.08), 35%) 39% / .09);--lumo-shade-20pct: hsl(var(--base-h) min(calc(var(--base-s) * 1.04), 35%) 37% / .15);--lumo-shade-30pct: hsl(var(--base-h) min(calc(var(--base-s) * 1), 35%) 34% / .22);--lumo-shade-40pct: hsl(var(--base-h) min(calc(var(--base-s) * .96), 35%) 31% / .38);--lumo-shade-50pct: hsl(var(--base-h) min(calc(var(--base-s) * .92), 35%) 28% / .55);--lumo-shade-60pct: hsl(var(--base-h) min(calc(var(--base-s) * .9), 35%) 25% / .68);--lumo-shade-70pct: hsl(var(--base-h) min(calc(var(--base-s) * .9), 35%) 22% / .8);--lumo-shade-80pct: hsl(var(--base-h) min(calc(var(--base-s) * .8), 35%) 19% / .91);--lumo-shade-90pct: hsl(var(--base-h) min(calc(var(--base-s) * .8), 35%) 16% / .98);--lumo-shade: hsl(var(--base-h) min(calc(var(--base-s) * .8), 35%) 12%);--lumo-font-family: Satoshi, system-ui, ui-sans-serif, sans-serif;font-weight:430;--lumo-font-size-xxxl: 2rem;--lumo-font-size-xxl: 1.5rem;--lumo-font-size-xl: 1.25rem;--lumo-font-size-l: 1.0625rem;--lumo-font-size-m: .9375rem;--lumo-font-size-s: .875rem;--lumo-font-size-xs: .75rem;--lumo-font-size-xxs: .625rem;--lumo-line-height-xl: 2rem;--lumo-line-height-l: 1.75rem;--lumo-line-height-m: 1.625rem;--lumo-line-height-s: 1.375rem;--lumo-line-height-xs: 1.125rem;--lumo-border-radius-l: 12px;--lumo-border-radius-m: 7px;--lumo-border-radius-s: 5px;--lumo-size-xl: 3rem;--lumo-size-l: 2.5rem;--lumo-size-m: 2.125rem;--lumo-size-s: 1.875rem;--lumo-size-xs: 1.625rem;--lumo-icon-size-l: var(--lumo-line-height-m);--lumo-icon-size-m: var(--lumo-line-height-s);--lumo-icon-size-s: var(--lumo-line-height-xs);--view-glow: radial-gradient(circle at 25% 0%, hsl(0 0% 100% / .3), transparent 50%);--view-background: var(--view-glow), hsl(var(--base-h) var(--base-s) max(calc(var(--base-l) + 10%), 90%) / .8);--view-background-clip: padding-box;--view-border-width: 1px;--view-border-color: var(--lumo-contrast-10pct) var(--lumo-contrast-10pct) var(--lumo-contrast-20pct);--view-box-shadow: 0 1px 1px 0 var(--lumo-shade-10pct);--view-inset: 1vmax;--vaadin-button-border-width: 1px;--blur-radius: 20px}@media (pointer: coarse){html,html[theme]{--lumo-font-size-xxxl: 2rem;--lumo-font-size-xxl: 1.75rem;--lumo-font-size-xl: 1.5rem;--lumo-font-size-l: 1.25rem;--lumo-font-size-m: 1.0625rem;--lumo-font-size-s: .9375rem;--lumo-font-size-xs: .875rem;--lumo-font-size-xxs: .75rem;--lumo-line-height-xl: 2rem;--lumo-line-height-l: 1.75rem;--lumo-line-height-m: 1.5rem;--lumo-line-height-s: 1.375rem;--lumo-line-height-xs: 1.25rem;--lumo-size-xl: 3.75rem;--lumo-size-l: 3.125rem;--lumo-size-m: 2.75rem;--lumo-size-s: 2.25rem;--lumo-size-xs: 1.75rem}}[theme~=dark],html[theme~=dark]{--base-l: 6%;--base-s: 22%;--grad1: linear-gradient(to bottom right, hsl(var(--base-h) var(--base-s) calc(var(--base-l) + 3%)) 20%, hsl(var(--base-h) var(--base-s) calc(var(--base-l) + 0%)) 50%, hsl(calc(var(--base-h) - 10) calc(var(--base-s) * 1.2) var(--base-l)) 100%);--grad2: radial-gradient(50% 80% at 25% 70%, hsl(calc(var(--base-h) - 10) calc(var(--base-s) * 1.5) calc(var(--base-l) + 10%) / .4) 0%, transparent 100%);--grad3: radial-gradient(83% 132% at 76% 20%, transparent 84%, hsl(var(--base-h) var(--base-s) calc(var(--base-l) - 6%) / .8) 100%);--lumo-base-color: hsl(var(--base-h) var(--base-s) max(calc(var(--base-l) + 5%), 8%) / 1);--lumo-base-color-90pct: hsl(var(--base-h) var(--base-s) max(calc(var(--base-l) + 5%), 8%) / .9);--lumo-base-color-80pct: hsl(var(--base-h) var(--base-s) max(calc(var(--base-l) + 5%), 8%) / .8);--lumo-base-color-70pct: hsl(var(--base-h) var(--base-s) max(calc(var(--base-l) + 5%), 8%) / .7);--lumo-base-color-60pct: hsl(var(--base-h) var(--base-s) max(calc(var(--base-l) + 5%), 8%) / .6);--accent-h: 210;--accent-10pct: hsl(var(--accent-h) var(--accent-s) var(--accent-l) / .18);--accent-text: hsl(calc(var(--accent-h) - 3) calc(var(--accent-s) * 1.25) calc(var(--accent-l) * 1.3));--vaadin-focus-ring-color: hsl(var(--accent-h) calc(var(--accent-s) * 1.25) calc(var(--accent-l) * 1.3) / .65);--lumo-primary-contrast-color: var(--lumo-base-color);--lumo-primary-color: var(--lumo-contrast-90pct);--lumo-primary-color-50pct: var(--lumo-contrast-70pct);--lumo-primary-color-10pct: var(--lumo-contrast-10pct);--lumo-primary-text-color: var(--lumo-body-text-color);--lumo-error-text-color: hsl(342 85% 70%);--lumo-error-color: hsl(342 68% 51%);--lumo-error-color-10pct: hsl(342 68% 61% / .16);--lumo-error-color-50pct: hsl(342 68% 61% / .65);--lumo-success-text-color: hsl(160 88% 52%);--lumo-success-color: hsl(160 78% 31%);--lumo-success-color-10pct: hsl(160 78% 37% / .18);--lumo-success-color-50pct: hsl(160 78% 37% / .65);--lumo-shade-2pct: hsl(var(--base-h) calc(var(--base-s) * .1) 0% / .08);--lumo-shade-5pct: hsl(var(--base-h) calc(var(--base-s) * .1) 0% / .1);--lumo-shade-10pct: hsl(var(--base-h) calc(var(--base-s) * .1) 1% / .2);--lumo-shade-20pct: hsl(var(--base-h) calc(var(--base-s) * .1) 1% / .3);--lumo-shade-30pct: hsl(var(--base-h) calc(var(--base-s) * .1) 3% / .4);--lumo-shade-40pct: hsl(var(--base-h) calc(var(--base-s) * .1) 4% / .5);--lumo-shade-50pct: hsl(var(--base-h) calc(var(--base-s) * .1) 5% / .6);--lumo-shade-60pct: hsl(var(--base-h) calc(var(--base-s) * .1) 5% / .7);--lumo-shade-70pct: hsl(var(--base-h) calc(var(--base-s) * .11) 5% / .8);--lumo-shade-80pct: hsl(var(--base-h) calc(var(--base-s) * .12) 5% / .9);--lumo-shade-90pct: hsl(var(--base-h) calc(var(--base-s) * .13) 5% / .95);--lumo-shade: hsl(var(--base-h) calc(var(--base-s) * .1) 5%);--lumo-tint-5pct: hsl(var(--base-h) calc(var(--base-s) / 2) 65% / .06);--lumo-tint-10pct: hsl(var(--base-h) calc(var(--base-s) / 2) 66% / .12);--lumo-tint-20pct: hsl(var(--base-h) calc(var(--base-s) / 2) 67% / .18);--lumo-tint-30pct: hsl(var(--base-h) calc(var(--base-s) / 2) 69% / .29);--lumo-tint-40pct: hsl(var(--base-h) calc(var(--base-s) / 2) 71% / .4);--lumo-tint-50pct: hsl(var(--base-h) calc(var(--base-s) / 2) 74% / .51);--lumo-tint-60pct: hsl(var(--base-h) calc(var(--base-s) / 2) 80% / .62);--lumo-tint-70pct: hsl(var(--base-h) calc(var(--base-s) / 2) 83% / .75);--lumo-tint-80pct: hsl(var(--base-h) calc(var(--base-s) / 2) 87% / .9);--lumo-tint-90pct: hsl(var(--base-h) calc(var(--base-s) / 2) 94% / .96);--lumo-tint: hsl(var(--base-h) calc(var(--base-s) / 2) 99%);--view-glow: radial-gradient(circle at 25% 0%, hsl(0 0% calc(30% + var(--base-l) * 4) / .1), transparent 50%);--view-background: var(--view-glow), hsl(var(--base-h) var(--base-s) max(calc(var(--base-l) + 7%), 8%) / .7);--view-background-clip: border-box;--view-border-color: var(--lumo-contrast-10pct) var(--lumo-contrast-5pct) var(--lumo-contrast-5pct)}:is(vaadin-details,vaadin-accordion-panel){display:grid;grid-template-rows:min-content 0fr;transition:grid-template-rows .3s}:is(vaadin-details,vaadin-accordion-panel)[opened]{grid-template-rows:min-content 1fr}:is(vaadin-details,vaadin-accordion-panel)::part(content){display:block;overflow:hidden;min-height:0;padding:0;transition:visibility .3s,opacity .3s}:is(vaadin-details,vaadin-accordion-panel):not([opened])::part(content){visibility:hidden;pointer-events:none;opacity:0}vaadin-app-layout:not([overlay])::part(drawer){background-color:transparent;border-inline-end:transparent}vaadin-app-layout:not([overlay])::part(navbar){background-color:var(--lumo-base-color-60pct);background-image:none;border-bottom-style:solid;border-bottom-width:min(var(--view-inset),var(--view-border-width));border-color:var(--view-border-color);background:var(--view-background);background-clip:var(--view-background-clip)}[theme~=badge]{padding:var(--lumo-space-xs) calc(var(--lumo-space-xs) * 1.5);font-size:var(--lumo-font-size-xs);font-weight:620;color:var(--lumo-secondary-text-color)}[theme~=badge][theme~=small]{font-size:var(--lumo-font-size-xxs);font-weight:660}[theme~=badge][theme~=accent]{background-color:var(--accent-10pct);color:var(--accent-text)}[theme~=badge][theme~=accent][theme~=primary]{background-color:var(--accent);color:var(--accent-contrast)}[theme~=badge][theme~=dimmed]{background:transparent;color:var(--lumo-contrast-60pct)}[theme~=badge]:not([icon]):empty,[theme~=badge][theme~=dot]{font-size:0;padding:.25rem;width:0;height:0;border-radius:100%}[theme~=badge][theme~=small]:not([icon]):empty,[theme~=badge][theme~=small][theme~=dot]{padding:.1875rem}[theme~=badge][theme~=dot]:before{font-size:var(--lumo-font-size-xs)}[theme~=badge][theme~=small][theme~=dot]:before{font-size:var(--lumo-font-size-xxs)}[theme~=badge] vaadin-icon{width:var(--lumo-icon-size-s);height:var(--lumo-icon-size-s)}[theme~=badge] vaadin-icon,[theme~=badge]:before{margin:calc(var(--lumo-space-xs) * -1) 0}[theme~=badge][theme~=small] vaadin-icon{width:calc(var(--lumo-icon-size-s) * .8);height:calc(var(--lumo-icon-size-s) * .8)}[theme~=badge] vaadin-icon:first-child{margin-inline-start:calc(var(--lumo-space-xs) * -1.5)}[theme~=badge] vaadin-icon:last-child{margin-inline-end:calc(var(--lumo-space-xs) * -1.5)}:is(vaadin-button,vaadin-menu-bar-button){--vaadin-button-background: transparent;--vaadin-button-border: var(--vaadin-button-border-width) solid var(--lumo-contrast-20pct);--vaadin-button-padding: 0 calc(var(--_button-size) / 4 + var(--lumo-border-radius-m) / 2);--vaadin-button-tertiary-padding: var(--vaadin-button-padding);margin:0;font-weight:630;box-shadow:0 1px 1px 0 var(--lumo-shade-2pct)}:is(vaadin-button,vaadin-menu-bar-button):before{inset:calc(var(--vaadin-button-border-width) * -1)}:is(vaadin-button,vaadin-menu-bar-button):after{display:none}@media (any-hover: hover){:is(vaadin-button,vaadin-menu-bar-button):hover:before{background-color:currentColor;opacity:.04}}:is(vaadin-button,vaadin-menu-bar-button):is(:active,[active]):before{opacity:.08}:is(vaadin-button,vaadin-menu-bar-button):is(:active,[active])[theme~=primary]:before{background-color:#000}:is(vaadin-button,vaadin-menu-bar-button)[theme*=tertiary]{--vaadin-button-border-width: 0px;box-shadow:none}:is(vaadin-button,vaadin-menu-bar-button)[theme~=primary]{font-weight:680;min-width:initial;background-image:linear-gradient(170deg,#ffffff0d,#0000000d);background-blend-mode:overlay}:is(vaadin-button,vaadin-menu-bar-button)[focus-ring]{box-shadow:0 0 0 1px var(--lumo-base-color),0 0 0 calc(var(--vaadin-focus-ring-width, 2px) + 1px) var(--vaadin-focus-ring-color)}:is(vaadin-button,vaadin-menu-bar-button)[theme~=accent]:not([theme~=primary]){color:var(--accent-text)}:is(vaadin-button,vaadin-menu-bar-button)[theme~=accent][theme~=primary]{background-color:var(--accent);color:var(--accent-contrast)}:is(vaadin-button,vaadin-menu-bar-button) vaadin-icon[slot$=fix],:is(vaadin-button,vaadin-menu-bar-button)[theme~=icon] vaadin-icon{vertical-align:top}:is(vaadin-button,vaadin-menu-bar-button):not([theme~=icon]) vaadin-icon[slot=prefix]{margin-inline-end:var(--lumo-space-xs)}:is(vaadin-button,vaadin-menu-bar-button):not([theme~=icon]) vaadin-icon[slot=suffix]{margin-inline-start:var(--lumo-space-xs)}:is(vaadin-button,vaadin-menu-bar-button)[theme~=tertiary-inline]{padding:0;cursor:pointer}@media (any-hover: hover){:is(vaadin-button,vaadin-menu-bar-button)[theme~=tertiary-inline]:hover{opacity:.85}}:is(vaadin-button,vaadin-menu-bar-button)[theme~=tertiary-inline]::part(prefix){margin-inline-start:0}:is(vaadin-button,vaadin-menu-bar-button)[theme~=tertiary-inline]::part(suffix){margin-inline-end:0}:where(vaadin-button,vaadin-menu-bar-button):not([theme~=primary],[theme~=success],[theme~=error]) vaadin-icon,:where(vaadin-menu-bar-overlay vaadin-menu-bar-item):not([theme~=primary],[theme~=success],[theme~=error]) vaadin-icon{opacity:.7}:is(vaadin-button,vaadin-menu-bar-button)[theme~=icon]{width:var(--lumo-button-size);min-width:0;height:var(--lumo-button-size);padding:0}:is(vaadin-button,vaadin-menu-bar-button)[theme~=pill]{border-radius:var(--lumo-button-size);padding-inline-start:.75em;padding-inline-end:.75em}vaadin-menu-bar-button>vaadin-menu-bar-item{margin:0;padding:0}vaadin-button [theme~=badge][slot$=fix]{vertical-align:top}vaadin-checkbox{--vaadin-checkbox-background: transparent;--vaadin-input-field-border-color: var(--lumo-contrast-30pct)}vaadin-confirm-dialog-overlay::part(header),vaadin-confirm-dialog-overlay::part(footer){background:transparent}vaadin-confirm-dialog-overlay::part(footer){padding:var(--lumo-space-m)}vaadin-confirm-dialog-overlay h3{line-height:var(--lumo-line-height-m)}vaadin-confirm-dialog-overlay::part(content){padding-bottom:var(--lumo-space-s)}vaadin-confirm-dialog-overlay vaadin-button[theme~=tertiary]{padding:var(--vaadin-button-tertiary-padding)}vaadin-confirm-dialog-overlay::part(reject-button){order:-1;flex-grow:1}vaadin-confirm-dialog-overlay::part(cancel-button){flex-grow:0}vaadin-date-picker-overlay-content,vaadin-date-picker-month-scroller,vaadin-date-picker-overlay-content::part(toolbar){background:transparent}vaadin-date-picker-year-scroller{background:var(--lumo-shade-10pct)}vaadin-month-calendar::part(date),vaadin-month-calendar::part(weekday),vaadin-date-picker-year::part(year-number){font-weight:480}vaadin-month-calendar::part(month-header){font-size:var(--lumo-font-size-m);font-weight:600}vaadin-date-time-picker vaadin-date-picker{margin-inline-end:calc(var(--vaadin-input-field-border-width) * -1);position:relative}vaadin-date-time-picker vaadin-date-picker:after{content:"";position:absolute;height:100%;width:var(--vaadin-input-field-border-width);background:var(--lumo-base-color);inset-inline-end:0}::part(overlay){background:var(--view-glow),hsl(var(--base-h) var(--base-s) max(calc(var(--base-l) + 7%),8%));box-shadow:inset 0 .5px 0 0 var(--lumo-tint-5pct),inset 0 0 0 .5px var(--lumo-tint-10pct),0 0 0 1px var(--lumo-shade-5pct),var(--lumo-box-shadow-l);-webkit-backdrop-filter:blur(var(--blur-radius));backdrop-filter:blur(var(--blur-radius));font-weight:inherit}vaadin-dialog-overlay::part(header),vaadin-dialog-overlay::part(footer){background:transparent}vaadin-dialog-overlay::part(footer){padding:var(--lumo-space-m)}@media (prefers-reduced-motion){:is([opening],[closing]),:is([opening],[closing])::part(overlay){animation:none}vaadin-dialog-overlay:is([opening],[closing]),vaadin-dialog-overlay:is([opening],[closing])::part(overlay){animation:none}}vaadin-tooltip-overlay{inset:0}vaadin-tooltip-overlay::part(overlay){font-weight:500}@media (max-width: 420px),(max-height: 420px){:is(vaadin-context-menu-overlay,vaadin-menu-bar-overlay,vaadin-select-overlay)::part(overlay){max-height:80vh}}vaadin-grid::part(header-cell){min-height:var(--lumo-size-m)}vaadin-grid.transparent-body{background:transparent;--vaadin-grid-cell-background: transparent}vaadin-grid.transparent-body::part(header-cell){--vaadin-grid-cell-background: var(--lumo-base-color)}vaadin-grid.no-header::part(header-cell){height:0;min-height:0;overflow:hidden;border-bottom-color:transparent;--vaadin-grid-cell-background: transparent}vaadin-grid.no-header[overflow~=top]::part(header-cell){border-bottom-color:var(--lumo-contrast-10pct)}vaadin-grid::part(body-cell):before{border-radius:inherit}vaadin-menu-bar::part(container){padding:calc(var(--vaadin-focus-ring-width, 2px) + 1px);margin:calc(var(--vaadin-focus-ring-width, 2px) * -1 - 1px)}vaadin-menu-bar-button[aria-haspopup]::part(suffix):after{content:var(--lumo-icons-dropdown);font-family:lumo-icons;opacity:.7}vaadin-menu-bar-button[aria-haspopup][theme~=icon]::part(suffix):after{position:absolute;z-index:1;bottom:0;right:0;transition:opacity .12s}vaadin-menu-bar-button[theme~=icon]:not(:hover,[active])::part(suffix):after{opacity:0}vaadin-menu-bar-item{border-radius:var(--lumo-border-radius-s)}vaadin-menu-bar-item .hint{color:var(--lumo-secondary-text-color);margin-inline-start:auto;font-weight:450;display:flex;align-items:center;gap:var(--lumo-space-xs)}vaadin-menu-bar-item.uncheckable{padding-inline-start:var(--lumo-space-s)}vaadin-menu-bar-item.uncheckable::part(checkmark){display:none}vaadin-menu-bar.icon-only vaadin-menu-bar-item>:not(vaadin-icon){display:none}@media (pointer: fine){vaadin-menu-bar-item{font-size:var(--lumo-font-size-s);min-height:auto}}vaadin-menu-bar-item::part(checkmark):before{font-size:var(--lumo-icon-size-s)}vaadin-menu-bar-item[theme~=error]{color:var(--lumo-error-text-color)}vaadin-menu-bar-item[theme~=error]:hover{background-color:var(--lumo-error-color-10pct)}vaadin-menu-bar-item>[theme~=badge]:last-child{margin-inline-start:auto;margin-inline-end:calc(var(--lumo-space-m) * -1)}vaadin-menu-bar.separate-buttons::part(container){gap:var(--lumo-space-xs)}vaadin-menu-bar.separate-buttons vaadin-menu-bar-button{border-radius:var(--lumo-border-radius-m)}vaadin-message-input{padding:0;margin:0;overflow:visible}vaadin-message-input vaadin-text-area{margin-inline-end:0}vaadin-message-input vaadin-button[theme]{width:var(--lumo-size-m);background:transparent;padding:0;margin-inline-start:calc(var(--lumo-size-m) * -1);align-self:end;color:var(--lumo-secondary-text-color)}vaadin-message-input vaadin-button:hover{color:var(--lumo-body-text-color)}vaadin-message-input vaadin-button[theme]:before{display:none}vaadin-message-input vaadin-button::part(label){text-overflow:clip;padding:0;font-size:0}vaadin-message-input vaadin-button::part(label):before{content:"";display:inline-block;width:var(--lumo-size-m);height:var(--lumo-size-m);background:currentColor;--mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="black"><path stroke-linecap="round" stroke-linejoin="round" d="M6 12L3.269 3.126A59.768 59.768 0 0121.485 12 59.77 59.77 0 013.27 20.876L5.999 12zm0 0h7.5" /></svg>');-webkit-mask-image:var(--mask-image);mask-image:var(--mask-image);-webkit-mask-size:50%;mask-size:50%;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:top}vaadin-message{padding:var(--lumo-space-s) var(--lumo-space-l);cursor:default;gap:var(--lumo-space-m)}vaadin-message::part(name){font-weight:700;line-height:var(--lumo-line-height-xs)}vaadin-message::part(time){font-size:var(--lumo-font-size-xs);line-height:var(--lumo-line-height-xs)}vaadin-message vaadin-avatar{margin:0}vaadin-message-list{display:flex;flex-direction:column;justify-content:end}vaadin-message-list::part(list){display:flex;flex-direction:column;justify-content:end}vaadin-message-list.one-to-one{background:linear-gradient(transparent,var(--lumo-shade-2pct) 100px,var(--lumo-shade-2pct) calc(100% - 100px),transparent)}vaadin-message-list.one-to-one vaadin-message::part(content){max-width:80%;flex-grow:0;width:fit-content;gap:var(--lumo-space-xs)}vaadin-message-list.one-to-one vaadin-message::part(message){padding:var(--lumo-space-s) var(--lumo-space-m);border-radius:var(--lumo-border-radius-l);background:linear-gradient(var(--lumo-tint-5pct),var(--lumo-tint-5pct)) var(--lumo-base-color);box-shadow:inset 0 0 0 1px var(--lumo-contrast-20pct),0 1px 3px -1px var(--lumo-shade-10pct)}vaadin-message-list.one-to-one vaadin-message:not(.me)::part(message){border-end-start-radius:0}vaadin-message-list.one-to-one vaadin-message.me::part(message){border-end-end-radius:0}vaadin-message-list.one-to-one vaadin-message vaadin-avatar{align-self:end;margin-bottom:var(--lumo-space-xs);display:none}vaadin-message-list.one-to-one vaadin-message::part(name){font-size:var(--lumo-font-size-xs);font-weight:500;margin:0;display:none}vaadin-message-list.one-to-one vaadin-message::part(header){order:1;min-height:0;gap:var(--lumo-space-s)}vaadin-message-list.one-to-one vaadin-message.me{flex-direction:row-reverse}vaadin-message-list.one-to-one vaadin-message.me::part(header){justify-content:end;flex-direction:row-reverse}vaadin-message-list.one-to-one vaadin-message.me::part(message){background:var(--accent-10pct);box-shadow:inset 0 0 0 1px var(--lumo-contrast-10pct),0 1px 3px -1px var(--lumo-shade-10pct)}vaadin-message-list vaadin-message.new-messages{padding-inline-start:0;margin-inline-start:-1000%}vaadin-message-list vaadin-message.new-messages::part(header),vaadin-message-list vaadin-message.new-messages>vaadin-avatar{display:none}vaadin-message-list vaadin-message.new-messages::part(content){flex-direction:row;align-items:center;width:100%;max-width:none}vaadin-message-list vaadin-message.new-messages::part(content):before{content:"";flex:auto;display:block;height:1px;width:100%;background:var(--lumo-error-color-50pct)}vaadin-message-list vaadin-message.new-messages::part(message){background:transparent;padding:0;border-radius:0;border:0;box-shadow:none;color:var(--lumo-error-text-color);font-size:var(--lumo-font-size-s);font-weight:600;line-height:1}vaadin-notification-card[theme~=primary]::part(overlay){background:var(--lumo-primary-color)}vaadin-notification-card[theme~=success]::part(overlay){background:var(--lumo-success-color)}vaadin-notification-card[theme~=warning]::part(overlay){background:var(--lumo-warning-color)}vaadin-notification-card[theme~=error]::part(overlay){background:var(--lumo-error-color)}vaadin-notification-card[theme~=contrast]::part(overlay){background:var(--lumo-contrast)}vaadin-notification-card[theme~=about-dialog-hint]::part(overlay){margin-inline-start:var(--lumo-size-xl)}vaadin-progress-bar{height:12px}vaadin-progress-bar::part(bar){border:1px solid var(--lumo-contrast-30pct);padding:2px;background:transparent;box-sizing:border-box}vaadin-progress-bar[theme~=accent]::part(value){background-color:var(--accent)}vaadin-radio-button{--vaadin-radio-button-background: transparent;--vaadin-input-field-border-color: var(--lumo-contrast-30pct)}vaadin-select vaadin-item::part(content){min-width:0}vaadin-select.autosize{--vaadin-field-default-width: auto}vaadin-select.autosize vaadin-select-value-button{width:auto}vaadin-select.icon-only vaadin-item>:not(vaadin-icon){display:none}vaadin-select.borderless{--vaadin-input-field-border-width: 0px;--vaadin-input-field-background: transparent}vaadin-select.borderless::part(input-field),vaadin-select.borderless vaadin-select-value-button,vaadin-select.borderless vaadin-item{padding:0}vaadin-side-nav,vaadin-side-nav-item{display:grid;grid-template-rows:min-content 1fr;--transition-duration: .26s;transition:grid-template-rows var(--transition-duration);line-height:var(--lumo-line-height-xs)}vaadin-side-nav[collapsed],vaadin-side-nav-item:not([expanded]){grid-template-rows:min-content 0fr}vaadin-side-nav::part(label){font-weight:600;min-width:0;padding-inline-start:var(--_child-indent, 0px)}vaadin-side-nav>[slot=label]{min-width:0;overflow:hidden;text-overflow:ellipsis;margin:0;padding:var(--lumo-space-s);margin-bottom:var(--lumo-space-xs)}vaadin-side-nav::part(children),vaadin-side-nav-item::part(children){display:flex;flex-direction:column;gap:var(--lumo-space-xs);min-height:0;transition:visibility var(--transition-duration),opacity var(--transition-duration)}vaadin-side-nav[collapsed]::part(children),vaadin-side-nav-item:not([expanded])::part(children){visibility:hidden;opacity:0}vaadin-side-nav::part(toggle-button){font-size:var(--lumo-font-size-s);font-weight:400}vaadin-side-nav-item::part(link){font-weight:600;min-height:0;overflow:hidden;box-sizing:border-box;gap:0;padding:calc((var(--lumo-size-m) - var(--lumo-icon-size-s)) / 2 - var(--view-border-width));padding-inline-start:calc((var(--lumo-size-m) - var(--lumo-icon-size-s)) / 2 - var(--view-border-width) + var(--_child-indent, 0px))}vaadin-side-nav-item::part(content){border-style:solid;border-width:var(--view-border-width);border-color:transparent;border-radius:var(--lumo-border-radius-m);color:var(--lumo-contrast-80pct);box-sizing:border-box;min-height:var(--lumo-size-m);min-width:0;position:relative;transition:background-color .2s,backdrop-filter .2s,-webkit-backdrop-filter .2s}vaadin-side-nav-item::part(content):hover{background:var(--lumo-tint-5pct);-webkit-backdrop-filter:brightness(1.02);backdrop-filter:brightness(1.02)}vaadin-side-nav-item::part(link):active:focus{background-color:transparent}vaadin-side-nav-item::part(content):active{background:var(--lumo-tint-10pct)}vaadin-side-nav-item[current]::part(content){color:var(--lumo-header-text-color);background:var(--lumo-tint-5pct);border-color:var(--lumo-contrast-10pct);background-clip:var(--view-background-clip);-webkit-backdrop-filter:brightness(1.04);backdrop-filter:brightness(1.04)}vaadin-side-nav-item[has-children]::part(content){padding-inline-end:0}vaadin-side-nav-item::part(toggle-button){margin-inline-end:0}vaadin-side-nav-item vaadin-icon{color:inherit;opacity:.7;padding:0;width:var(--lumo-icon-size-s);height:var(--lumo-icon-size-s)}vaadin-side-nav vaadin-side-nav-item:is([current],:hover) vaadin-icon{opacity:.8}:is(vaadin-side-nav,vaadin-side-nav-item).small{font-size:var(--lumo-font-size-s)}vaadin-side-nav+vaadin-side-nav{margin-top:var(--lumo-space-s)}vaadin-tabs{background:var(--lumo-contrast-10pct);border-radius:calc(var(--lumo-border-radius-s) + 3px);min-height:var(--lumo-size-m);box-shadow:none}vaadin-tabs::part(tabs){padding:3px;margin:0;min-height:inherit;box-sizing:border-box}vaadin-tabsheet{box-sizing:border-box}vaadin-tabsheet::part(tabs-container){box-shadow:none;padding:var(--lumo-space-m)}vaadin-tabsheet::part(content){padding:0}vaadin-tabsheet>vaadin-tabs{margin:0}vaadin-tabsheet[theme~=bordered]{border-color:var(--lumo-contrast-10pct);border-top-left-radius:calc(var(--lumo-border-radius-s) + var(--lumo-space-s));border-top-right-radius:calc(var(--lumo-border-radius-s) + var(--lumo-space-s))}vaadin-tabsheet[overflow~=top]::part(content){border-top:1px solid var(--lumo-contrast-10pct)}vaadin-tabsheet:not([theme~=bordered])[overflow~=bottom]::part(content){border-bottom:1px solid var(--lumo-contrast-10pct)}vaadin-tab:before,vaadin-tab:after{display:none}vaadin-tab{font-weight:600;border-radius:var(--lumo-border-radius-s);transition:color .16s,background-color .16s,box-shadow 60ms,transform .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s;padding:var(--lumo-space-xs) var(--lumo-space-m);flex:auto}vaadin-tab[selected]{color:var(--lumo-header-text-color);background-color:var(--lumo-tint-30pct);-webkit-backdrop-filter:brightness(1.06);backdrop-filter:brightness(1.06)}vaadin-tab[active]{transform:scale(.98);transition-duration:50ms}vaadin-tab[selected]:not([focus-ring]){box-shadow:0 0 0 1px var(--lumo-shade-5pct),0 1px 1px 0 var(--lumo-shade-5pct)}html{--vaadin-input-field-background: var(--lumo-contrast-5pct);--vaadin-input-field-border-width: 1px;--vaadin-input-field-border-color: var(--lumo-contrast-30pct)}:is(vaadin-text-field,vaadin-password-field,vaadin-combo-box,vaadin-multi-select-combo-box,vaadin-date-picker,vaadin-time-picker,vaadin-select,vaadin-number-field,vaadin-email-field,vaadin-text-area){padding:var(--lumo-space-xs) 0}:is(vaadin-text-field,vaadin-password-field,vaadin-combo-box,vaadin-multi-select-combo-box,vaadin-date-picker,vaadin-time-picker,vaadin-select,vaadin-number-field,vaadin-email-field,vaadin-text-area)[focused]::part(input-field){box-shadow:0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}vaadin-text-area::part(input-field){padding-top:calc((var(--lumo-text-field-size) - var(--lumo-line-height-s)) / 2);padding-bottom:calc((var(--lumo-text-field-size) - var(--lumo-line-height-s)) / 2)}:is(h1,h2,h3,h4,h5,h6){text-wrap:balance}h1{font-weight:850;line-height:var(--lumo-line-height-xl)}:is(h2,h3){font-weight:800;line-height:var(--lumo-line-height-l)}h4{font-weight:650;line-height:var(--lumo-line-height-m)}:is(h5,h6){font-weight:600;line-height:var(--lumo-line-height-s)}a:where(:any-link){color:var(--accent-text)}html{background:var(--bg);background-attachment:fixed;height:100vh}:focus-visible{outline-color:var(--vaadin-focus-ring-color);outline-width:var(--vaadin-focus-ring-width)}vaadin-connection-indicator:not([offline]){pointer-events:none}.v-status-message{box-sizing:border-box}:not(vaadin-button,vaadin-menu-bar-button,vaadin-select-value-button)::part(label){color:inherit}vaadin-item::part(content),vaadin-menu-bar-item::part(content),vaadin-context-menu-item::part(content),vaadin-select-item::part(content),vaadin-combo-box-item::part(content),vaadin-multi-select-combo-box-item::part(content){display:flex;align-items:center;gap:.75rem;font-weight:550}vaadin-select.minimal{--vaadin-input-field-border-width: 0px;--vaadin-input-field-background: transparent}vaadin-avatar::part(abbr){font-weight:650}vaadin-icon.small{width:var(--lumo-icon-size-s);height:var(--lumo-icon-size-s)}vaadin-grid:not([theme~=no-border]),vaadin-rich-text-editor:not([theme~=no-border]){border-radius:var(--lumo-border-radius-m);overflow:hidden;border-color:var(--lumo-contrast-10pct)}vaadin-context-menu{display:contents}hr{margin:0}:is(vaadin-menu-bar-overlay,vaadin-context-menu-overlay,vaadin-select-overlay) hr{margin:var(--lumo-space-s) var(--lumo-space-xs)}.pcflipper-app-layout{background-color:var(--color-bg-surface)}.app-bar{padding:0 var(--lumo-space-m);min-height:56px;box-sizing:border-box;background:linear-gradient(90deg,var(--color-primary-soft),transparent);border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-soft);gap:var(--lumo-space-m)}.app-bar-left,.app-bar-right{gap:var(--lumo-space-s)}.app-bar-title{cursor:pointer;white-space:nowrap;font-size:var(--lumo-font-size-l);font-weight:700}.app-bar-title:hover{color:var(--lumo-primary-text-color)}.app-bar-toggle::part(icon){color:var(--lumo-secondary-text-color)}.app-bar-toggle:hover::part(icon){color:var(--lumo-primary-text-color)}.workspace-selection,.profile-dropdown{font-size:var(--lumo-font-size-s)}.app-drawer-scroller{padding:var(--lumo-space-s) 0;background-color:var(--color-bg-surface);border-right:1px solid var(--glass-border)}.app-sidenav{width:100%}.app-sidenav::part(nav){padding:var(--lumo-space-xs) 0}.app-sidenav::part(item){border-radius:0 var(--lumo-border-radius-l) var(--lumo-border-radius-l) 0;margin:2px 0;padding-inline:var(--lumo-space-m);min-height:38px;font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color)}.app-sidenav vaadin-icon{width:18px;height:18px;margin-right:var(--lumo-space-s)}.app-sidenav::part(item):hover{background-color:var(--color-bg-glass);color:var(--lumo-body-text-color)}.app-sidenav a[aria-current=page]::part(item){background-color:var(--color-primary-soft);color:var(--lumo-primary-text-color);font-weight:600}.app-sidenav a[aria-current=page]:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 4px 4px 0;background-color:var(--color-primary)}.app-sidenav a{position:relative}@media (max-width: 800px){.app-bar{padding-inline:var(--lumo-space-s);gap:var(--lumo-space-s)}.app-bar-title{font-size:var(--lumo-font-size-m)}.workspace-selection{display:none}}@media (max-width: 500px){.profile-dropdown{--lumo-font-size-s: var(--lumo-font-size-xs)}}.legal-page{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at top left,rgba(79,209,197,.18),transparent 55%),radial-gradient(circle at bottom right,rgba(86,100,210,.22),transparent 55%),var(--lumo-base-color)}.legal-content{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--lumo-space-l)}.legal-card{background-color:color-mix(in srgb,var(--lumo-base-color) 98%,transparent);border-radius:var(--lumo-border-radius-xl);box-shadow:var(--lumo-box-shadow-m);border:1px solid color-mix(in srgb,var(--lumo-primary-color) 10%,transparent);padding:var(--lumo-space-l);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--lumo-space-xs)}.legal-title{margin-top:0;margin-bottom:var(--lumo-space-s);font-size:1.4rem}.legal-card p{margin:0;font-size:var(--lumo-font-size-s)}@media (max-width: 600px){.legal-content,.legal-card{padding:var(--lumo-space-m)}}.landing-view{background:radial-gradient(circle at top left,rgba(79,209,197,.22),transparent 55%),radial-gradient(circle at bottom right,rgba(86,100,210,.3),transparent 55%),var(--lumo-base-color);min-height:100vh;padding:calc(var(--lumo-space-xl) + 56px) var(--lumo-space-l) var(--lumo-space-xl);box-sizing:border-box;gap:var(--lumo-space-xl)}.landing-header{position:fixed;left:50%;top:0;transform:translate(-50%);width:min(1120px,calc(100% - 2 * var(--lumo-space-l)));padding:.3rem 1.25rem;border-radius:var(--lumo-border-radius-l);background-color:color-mix(in srgb,var(--lumo-base-color) 96%,transparent);box-shadow:var(--lumo-box-shadow-s);border:1px solid color-mix(in srgb,var(--lumo-primary-color) 10%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:20;margin:0}.landing-header-brand{font-weight:600;letter-spacing:.04em}.landing-header-right{display:flex;gap:var(--lumo-space-s)}.landing-header-register-btn{border-radius:999px}.landing-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1.2fr);gap:var(--lumo-space-xl);align-items:center;max-width:1120px;margin:0 auto}.landing-hero-cta-row{display:flex;gap:.75rem;flex-wrap:wrap}.landing-hero-discord-btn{background:linear-gradient(135deg,#5865f2,#4f46e5);color:#fff;border-radius:999px;font-weight:600;letter-spacing:.01em;box-shadow:0 10px 30px #5865f273;transform:translateY(0);transition:transform .12s ease-out,box-shadow .12s ease-out,filter .12s ease-out}.landing-hero-discord-btn vaadin-icon{margin-right:.35rem}.landing-hero-discord-btn:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 14px 35px #5865f28c}.landing-hero-discord-btn:active{transform:translateY(0);box-shadow:0 6px 20px #5865f259}.landing-socialproof{max-width:900px;margin:var(--lumo-space-xl) auto 0;text-align:center;gap:var(--lumo-space-s);display:flex;flex-direction:column;padding-block:var(--lumo-space-m);border-top:1px solid color-mix(in srgb,var(--lumo-primary-color) 10%,transparent)}.landing-section{max-width:1120px;margin:var(--lumo-space-xl) auto 0;padding:var(--lumo-space-l);border-radius:var(--lumo-border-radius-xl);background-color:color-mix(in srgb,var(--lumo-base-color) 96%,transparent);box-shadow:var(--lumo-box-shadow-m);border:1px solid color-mix(in srgb,var(--lumo-primary-color) 6%,transparent);display:flex;flex-direction:column;gap:var(--lumo-space-l)}.landing-features.landing-section{background-color:color-mix(in srgb,var(--lumo-base-color) 98%,transparent)}.landing-howitworks.landing-section{background-color:color-mix(in srgb,var(--lumo-base-color) 95%,transparent)}.landing-faq.landing-section{background-color:color-mix(in srgb,var(--lumo-base-color) 97%,transparent)}.landing-features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--lumo-space-l)}.landing-feature-card{background-color:color-mix(in srgb,var(--lumo-base-color) 90%,transparent);border-radius:var(--lumo-border-radius-l);padding:var(--lumo-space-l);box-shadow:var(--lumo-box-shadow-s);border:1px solid color-mix(in srgb,var(--lumo-primary-color) 10%,transparent);display:flex;flex-direction:column;gap:var(--lumo-space-s)}.landing-howitworks-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--lumo-space-l)}.landing-howitworks-card{background-color:color-mix(in srgb,var(--lumo-base-color) 90%,transparent);border-radius:var(--lumo-border-radius-l);padding:var(--lumo-space-m);box-shadow:var(--lumo-box-shadow-s)}.landing-footer{max-width:1120px;margin:var(--lumo-space-xl) auto 0;padding-top:var(--lumo-space-m);border-top:1px solid color-mix(in srgb,var(--lumo-primary-color) 10%,transparent)}@media (max-width: 800px){.landing-view{padding-inline:var(--lumo-space-m)}.landing-header{border-radius:var(--lumo-border-radius-m)}.landing-hero,.landing-features-grid,.landing-howitworks-steps,.landing-faq-list{grid-template-columns:minmax(0,1fr)}}.landing-pricing.landing-section{background-color:color-mix(in srgb,var(--lumo-base-color) 96%,transparent)}.landing-pricing-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--lumo-space-xl);align-items:stretch;max-width:900px;margin:0 auto}.landing-pricing-card{background-color:var(--lumo-base-color);border-radius:var(--lumo-border-radius-xl);padding:var(--lumo-space-xl);border:1px solid color-mix(in srgb,var(--lumo-primary-color) 12%,transparent);box-shadow:var(--lumo-box-shadow-s);display:flex;flex-direction:column;justify-content:space-between;gap:var(--lumo-space-m)}.landing-pricing-card--highlight{border-color:color-mix(in srgb,var(--lumo-primary-color) 35%,transparent);background-color:color-mix(in srgb,var(--lumo-primary-color) 3%,var(--lumo-base-color) 97%);box-shadow:var(--lumo-box-shadow-l);transform:scale(1.03)}.landing-pricing-badge{position:absolute;top:var(--lumo-space-m);right:var(--lumo-space-m);padding:.2rem .6rem;font-size:var(--lumo-font-size-xs);border-radius:999px;background-color:color-mix(in srgb,var(--lumo-primary-color) 18%,transparent);color:var(--lumo-primary-text-color)}.landing-pricing-label{font-size:var(--lumo-font-size-s);text-transform:uppercase;color:var(--lumo-secondary-text-color);letter-spacing:.12em}.landing-pricing-price{margin:0;font-size:2rem}.landing-pricing-desc{margin:0;color:var(--lumo-secondary-text-color)}.landing-pricing-card ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.landing-pricing-btn{margin-top:auto;align-self:flex-start}@media (max-width: 800px){.landing-pricing-cards{grid-template-columns:1fr}.landing-pricing-card--highlight{transform:none}}.landing-stats{padding:var(--lumo-space-xl) var(--lumo-space-l);max-width:1120px;margin:0 auto;text-align:center}.landing-stats-subtitle{margin-top:var(--lumo-space-s);margin-bottom:var(--lumo-space-l);color:var(--lumo-secondary-text-color)}.landing-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--lumo-space-l)}@media (min-width: 1100px){.landing-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 600px){.landing-stats{padding:var(--lumo-space-l) var(--lumo-space-m)}.landing-stats-grid{grid-template-columns:1fr}}.landing-stat-card{background-color:var(--lumo-base-color);border-radius:var(--lumo-border-radius-l);padding:var(--lumo-space-l);box-shadow:0 8px 24px #0000000f;display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid var(--lumo-contrast-10pct)}.landing-stat-label{font-size:var(--lumo-font-size-s);text-transform:uppercase;letter-spacing:.08em;color:var(--lumo-secondary-text-color);margin-bottom:var(--lumo-space-xs)}.landing-stat-value{font-size:2rem;font-weight:700;line-height:1.1;margin-bottom:var(--lumo-space-xs)}.landing-stat-text{margin:0;font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color)}.landing-discord-banner{margin-top:1.5rem;margin-bottom:1.5rem;padding:0}.landing-discord-banner-inner{background:radial-gradient(circle at 0% 0%,#4f46e5 0,#111827 45%,#020617);border-radius:1.25rem;padding:1.25rem 1.5rem;color:#f9fafb;box-shadow:0 16px 40px #0f172ab3}.landing-discord-banner-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;opacity:.85;display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.landing-discord-banner-label:before{content:"●";font-size:.65rem;color:#a5b4fc}.landing-discord-banner-content{display:flex;align-items:center;justify-content:space-between;gap:1rem}.landing-discord-banner-text{margin:0;max-width:36rem;font-size:.95rem;opacity:.95}.landing-discord-banner-btn{border-radius:999px;font-weight:600;letter-spacing:.01em;white-space:nowrap;box-shadow:0 10px 30px #0f172acc;background-color:#f9fafb;color:#111827;transition:transform .12s ease-out,box-shadow .12s ease-out,background-color .12s ease-out,color .12s ease-out}.landing-discord-banner-btn:hover{transform:translateY(-1px);box-shadow:0 14px 40px #0f172ae6;background-color:#e5e7eb}.landing-community{margin-top:2rem}.landing-community-content{max-width:720px;margin:0 auto;align-items:flex-start}.landing-community-content h2{margin-bottom:.5rem}.landing-community-content p{margin-top:0;margin-bottom:.75rem;color:var(--lumo-secondary-text-color)}.landing-community-list{margin:0 0 1rem;padding-left:1.2rem}.landing-community-list li{margin-bottom:.35rem}.landing-community-discord-btn{border-radius:999px;font-weight:600}@media (max-width: 900px){.landing-discord-banner-inner{padding:1.1rem 1.2rem}.landing-discord-banner-content{flex-direction:column;align-items:flex-start}.landing-discord-banner-btn{width:100%;justify-content:center}}@media (max-width: 640px){.landing-hero-cta-row{flex-direction:column;align-items:stretch}.landing-hero-cta-row vaadin-button{width:100%;justify-content:center}}.login-view{background:radial-gradient(circle at top left,rgba(79,209,197,.25),transparent 55%),radial-gradient(circle at bottom right,rgba(86,100,210,.35),transparent 55%),var(--lumo-base-color);min-height:100vh;display:flex;flex-direction:column}.login-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:calc(var(--lumo-space-xl) * 2 + 3.5rem) var(--lumo-space-l) var(--lumo-space-l);box-sizing:border-box;width:100%}.auth-card-wrapper{width:100%;max-width:720px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.auth-title{margin-bottom:var(--lumo-space-l);text-align:center;letter-spacing:.05em}.auth-layout{display:flex;gap:var(--lumo-space-l);padding:var(--lumo-space-l);box-sizing:border-box}.auth-card{background-color:color-mix(in srgb,var(--lumo-base-color) 80%,transparent);border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-l);padding:var(--lumo-space-l);box-sizing:border-box;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid color-mix(in srgb,var(--lumo-primary-color) 12%,transparent);width:100%;display:flex;flex-direction:column;align-items:center}.auth-card-title,.auth-register-form h3{margin-top:0;margin-bottom:var(--lumo-space-m)}.auth-login-form,.auth-register-form{width:100%;max-width:420px;margin:var(--lumo-space-m) auto var(--lumo-space-m)}.auth-captcha,recaptcha-component-v2{margin-top:var(--lumo-space-m);align-self:center}.auth-field{--vaadin-input-field-border-radius: var(--lumo-border-radius-m)}.auth-register-button{margin-top:var(--lumo-space-m)}@media (max-width: 900px){.auth-layout{flex-direction:column;max-width:480px;padding:var(--lumo-space-m)}.auth-card{padding:var(--lumo-space-m)}.auth-title{font-size:var(--lumo-font-size-l)}}@media (max-width: 600px){.auth-card{padding:var(--lumo-space-m)}.auth-login-form,.auth-register-form{max-width:100%}}.auth-error-message{color:var(--lumo-error-text-color);font-size:var(--lumo-font-size-s);background-color:color-mix(in srgb,var(--lumo-error-color) 8%,transparent);border-radius:var(--lumo-border-radius-s);padding:var(--lumo-space-xs) var(--lumo-space-s)}.auth-info-message{color:var(--lumo-success-text-color);font-size:var(--lumo-font-size-s);background-color:color-mix(in srgb,var(--lumo-success-color) 8%,transparent);border-radius:var(--lumo-border-radius-s);padding:var(--lumo-space-xs) var(--lumo-space-s)}.hardware-card-list{width:100%;display:flex;flex-direction:column;gap:var(--lumo-space-s)}.hardware-card-list.hardware-card-list--compact{flex-direction:column}.hardware-picker-card{border-radius:12px;border:1px solid var(--lumo-contrast-10pct);background-color:var(--lumo-base-color);box-shadow:var(--lumo-box-shadow-xs);transition:box-shadow .12s ease,transform .12s ease,border-color .12s ease}.hardware-picker-card:hover{box-shadow:var(--lumo-box-shadow-m);transform:translateY(-1px);border-color:var(--lumo-contrast-20pct)}.hardware-picker-card .hardware-card-image{width:72px;height:72px;border-radius:10px}.hardware-picker-card .hardware-card-right{min-width:150px}vaadin-dialog-overlay::part(content){padding:var(--lumo-space-m)}.hardware-buy-content{gap:var(--lumo-space-m)}.hardware-buy-picked-grid{border-radius:8px;border:1px solid var(--lumo-contrast-10pct);overflow:hidden}.hardware-buy-content{gap:var(--lumo-space-l)}.hardware-buy-right{position:sticky;top:var(--lumo-space-m);align-self:flex-start}.hardware-buy-right vaadin-grid{border-radius:8px;border:1px solid var(--lumo-contrast-10pct);overflow:hidden}.hardware-buy-summary{border-top:1px solid var(--lumo-contrast-10pct);padding-top:var(--lumo-space-s);margin-top:var(--lumo-space-s)}.hardware-card{box-sizing:border-box;border-radius:12px;border:1px solid var(--lumo-contrast-10pct);padding:var(--lumo-space-m);background-color:var(--lumo-base-color);box-shadow:var(--lumo-box-shadow-xs);display:flex;gap:var(--lumo-space-m);cursor:pointer;transition:box-shadow .12s ease,transform .12s ease,border-color .12s ease,background-color .12s ease}.hardware-card-list .hardware-card{width:100%}.hardware-card:hover{box-shadow:var(--lumo-box-shadow-m);transform:translateY(-1px);border-color:var(--lumo-primary-color-10pct);background-color:var(--lumo-base-color)}.hardware-card-image{width:80px;min-width:80px;height:80px;border-radius:8px;border:1px solid var(--lumo-contrast-10pct);display:flex;align-items:center;justify-content:center}.hardware-card-image-icon{width:32px;height:32px;color:var(--lumo-primary-color)}.hardware-card-center{flex:1 1 auto;gap:var(--lumo-space-xs)}.hardware-card-title{font-size:1.1rem;font-weight:600}.hardware-card-subtitle{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color)}.hardware-card-badges{flex-wrap:wrap;margin-top:var(--lumo-space-xs)}.hardware-card-badge,.cpu-card .hardware-card-badge{background-color:var(--lumo-contrast-10pct);border-radius:999px;padding:.1rem .6rem;font-size:var(--lumo-font-size-xs)}.hardware-card-spec-summary{margin-top:var(--lumo-space-s);font-size:var(--lumo-font-size-s);color:var(--lumo-body-text-color)}.cpu-card-spec-row{display:flex;flex-wrap:wrap;gap:var(--lumo-space-s)}.cpu-card-spec{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color)}.hardware-card-right{min-width:180px;gap:var(--lumo-space-s)}.hardware-card-price{text-align:right}.hardware-card-price-label{font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color)}.hardware-card-price-value{font-size:1.3rem;font-weight:600}.hardware-card-price-perunit{font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color)}.hardware-card-price-hint{margin-top:var(--lumo-space-xs);font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color)}.hardware-card-bench{text-align:right}.hardware-card-bench-label{font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color)}.hardware-card-bench-value{font-size:1.1rem;font-weight:600}.hardware-card-bench-key{font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color)}.hardware-card-details-button{margin-top:var(--lumo-space-s)}.hardware-card+.hardware-card{margin-top:var(--lumo-space-s)}@media (max-width: 800px){.hardware-card{flex-direction:column}.hardware-card-right{align-items:flex-start;text-align:left}.hardware-card-price,.hardware-card-bench{text-align:left;align-items:flex-start}}.hardware-card-list{width:100%;margin:var(--lumo-space-xl) auto;padding:var(--lumo-space-xl) var(--lumo-space-l);display:grid;grid-template-columns:repeat(auto-fit,340px);grid-auto-rows:370px;justify-content:center;gap:var(--lumo-space-l)}.hardware-card.inventory-card{position:relative;box-sizing:border-box;border-radius:var(--glass-radius-m);padding:var(--lumo-space-m);display:flex;flex-direction:column;gap:var(--lumo-space-m);width:100%;height:100%;overflow:hidden;background:var(--glass-bg-strong);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-soft);color:var(--glass-text-normal);transition:transform .14s ease-out,box-shadow .14s ease-out,border-color .14s ease-out}.hardware-card-grid-item{width:100%;height:100%}.hardware-card.inventory-card:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 0 0,var(--glass-glow-primary),transparent 65%);pointer-events:none}.hardware-card.inventory-card:hover{transform:translateY(-2px);box-shadow:var(--glass-shadow-medium);border-color:#ffffff2e}.inventory-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--lumo-space-l)}.inventory-card-header-left{display:flex;flex-direction:column;align-items:center}.inventory-card-header-right{display:flex;flex-direction:column;align-items:flex-end}.inventory-card-marketprice{width:auto!important;max-width:160px;margin-top:.25rem}.inventory-card-left{display:flex;flex-direction:column;align-items:center;gap:var(--lumo-space-s)}.hardware-card-image{width:88px;height:88px;border-radius:14px;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-soft);background:radial-gradient(circle at 0 0,var(--glass-glow-primary),var(--glass-bg-strong));display:flex;align-items:center;justify-content:center;overflow:hidden}.hardware-card-image-img{width:100%;height:100%;object-fit:cover}.hardware-image-placeholder-label{font-size:.7rem;color:var(--glass-text-muted)}.inventory-card-type{font-size:.7rem;color:var(--glass-text-muted);text-transform:uppercase;letter-spacing:.08em}.hardware-card-center{flex:1;display:flex;flex-direction:column;gap:.3rem}.hardware-card-title{font-size:1.05rem;font-weight:600;color:var(--glass-text-strong)}.hardware-card-subtitle{font-size:.86rem;color:var(--glass-text-normal)}.hardware-card-badges{display:flex;flex-wrap:wrap;gap:.3rem}.hardware-card-badge{padding:.18rem .65rem;border-radius:999px;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--glass-text-muted);font-size:.72rem}.inventory-card-spec-row{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:.35rem}.inventory-card-spec{font-size:.83rem;color:var(--glass-text-faded)}.inventory-card-footer{display:flex;justify-content:flex-end;margin-top:auto}.inventory-card-details-button{--vaadin-button-border-radius: 999px}@media (max-width: 900px){.hardware-card.inventory-card{flex-direction:column}.inventory-card-header{flex-direction:row;align-items:center}.inventory-card-header-left{flex-direction:row;gap:var(--lumo-space-m)}.inventory-card-header-right{align-items:flex-start}}.hardware-detail-view{padding:100px}.hardware-detail-main{max-width:1200px;margin:var(--lumo-space-l) auto var(--lumo-space-xl);padding:0 var(--lumo-space-l);width:100%}.hardware-hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,320px);gap:var(--lumo-space-l);align-items:flex-start}@media (max-width: 900px){.hardware-hero{grid-template-columns:1fr}}.hardware-hero-left{gap:var(--lumo-space-m)}.hardware-title{margin:0;font-size:1.8rem;line-height:1.2}.hardware-subtitle{font-size:.95rem;color:var(--lumo-secondary-text-color)}.hardware-teaser{margin:var(--lumo-space-xs) 0 var(--lumo-space-s);font-size:.95rem;color:var(--lumo-body-text-color);max-width:60ch}.hardware-badges{flex-wrap:wrap;gap:var(--lumo-space-xs);margin-bottom:var(--lumo-space-s)}.hardware-badge{background-color:var(--lumo-contrast-10pct);border-radius:999px;padding:.2rem .7rem;font-size:.75rem;color:var(--lumo-body-text-color);white-space:nowrap}.hardware-spec-layout{margin-top:var(--lumo-space-s)}.hardware-spec-layout vaadin-form-item::part(label){font-size:.8rem;color:var(--lumo-secondary-text-color)}.hardware-spec-layout span{font-size:.9rem}.hardware-image-box{position:relative;padding:var(--lumo-space-m);border-radius:14px;border:1px solid var(--lumo-contrast-10pct);background:radial-gradient(circle at top left,rgba(255,255,255,.9),var(--lumo-base-color));display:flex;align-items:center;justify-content:center}.hardware-image-box img{max-width:100%;max-height:320px;object-fit:contain}.hardware-image-placeholder-label{font-size:.8rem;color:var(--lumo-secondary-text-color);margin-top:var(--lumo-space-xs)}.hardware-image-box .hardware-image-placeholder-label{margin-top:var(--lumo-space-xs);font-size:.75rem;opacity:.85}.hardware-section-title{margin:0 0 var(--lumo-space-xs);font-size:1.3rem}.hardware-section-subtitle{display:block;font-size:.9rem;color:var(--lumo-secondary-text-color);margin-bottom:var(--lumo-space-m)}.hardware-bench-section{padding:var(--lumo-space-l) 0;border-top:1px solid var(--lumo-contrast-10pct)}.hardware-bench-cards{flex-wrap:wrap;gap:var(--lumo-space-m);margin-top:var(--lumo-space-m)}.hardware-bench-card{min-width:200px;max-width:260px;background:var(--lumo-base-color);border-radius:12px;border:1px solid var(--lumo-contrast-10pct);padding:var(--lumo-space-m);box-shadow:0 2px 6px #0000000a;display:flex;flex-direction:column;gap:.25rem}.hardware-bench-card-title{font-size:.9rem;color:var(--lumo-secondary-text-color)}.hardware-bench-card-value{font-size:1.4rem;font-weight:600;color:var(--lumo-body-text-color)}.hardware-bench-card-desc{font-size:.8rem;color:var(--lumo-secondary-text-color)}.hardware-bench-source{margin-top:var(--lumo-space-s);font-size:.8rem;color:var(--lumo-secondary-text-color)}.hardware-price-section-inner{padding:var(--lumo-space-l) 0 var(--lumo-space-xl);border-top:1px solid var(--lumo-contrast-10pct)}.hardware-price-row{margin-top:var(--lumo-space-m);display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1.6fr);gap:var(--lumo-space-m)}@media (max-width: 900px){.hardware-price-row{grid-template-columns:1fr}}.hardware-price-card-current{background:var(--lumo-base-color);border-radius:12px;border:1px solid var(--lumo-contrast-10pct);padding:var(--lumo-space-m);box-shadow:0 2px 6px #0000000a;display:flex;flex-direction:column;gap:.25rem}.hardware-price-label{font-size:.9rem;color:var(--lumo-secondary-text-color)}.hardware-price-value{font-size:1.5rem;font-weight:600;color:var(--lumo-body-text-color)}.hardware-price-hint{font-size:.8rem;color:var(--lumo-secondary-text-color)}.hardware-price-card-chart{background:var(--lumo-base-color);border-radius:12px;border:1px solid var(--lumo-contrast-10pct);padding:var(--lumo-space-m);box-shadow:0 2px 6px #0000000a;display:flex;flex-direction:column;gap:var(--lumo-space-s)}.hardware-price-chart-title{font-size:.9rem;color:var(--lumo-secondary-text-color)}.hardware-price-chart-placeholder{width:100%;height:180px;border-radius:8px;border:1px dashed var(--lumo-contrast-20pct);display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--lumo-secondary-text-color);background:repeating-linear-gradient(-45deg,rgba(0,0,0,.01),rgba(0,0,0,.01) 6px,transparent 6px,transparent 12px)}.workspace-settings-view{min-height:100vh;padding:var(--lumo-space-l);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--lumo-space-l);background:radial-gradient(circle at 15% 0%,rgba(255,255,255,.8),transparent 60%),radial-gradient(circle at 85% 100%,var(--color-primary-soft),transparent 60%),radial-gradient(circle at 0% 100%,var(--color-accent-soft),transparent 65%),linear-gradient(145deg,#dbe2f2,#c6cfe6 40%,#b3bedc)}.workspace-settings-title{max-width:1200px;margin:0 auto;font-size:1.9rem;font-weight:600;color:var(--text-strong);text-align:center}.workspace-settings-grid{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:var(--lumo-space-l);align-items:flex-start;justify-content:center}.workspace-settings-card{position:relative;display:flex;flex-direction:column;gap:var(--lumo-space-m);flex:3 0 480px;min-width:0;background:#ffffff59;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-radius:24px;border:1px solid rgba(255,255,255,.65);box-shadow:0 14px 40px #0f172a2e;color:var(--text-normal);overflow:hidden}.workspace-settings-section-title{margin:0 0 var(--lumo-space-s);font-size:1.25rem;font-weight:600;color:var(--text-strong)}.workspace-settings-card vaadin-text-field,.workspace-settings-card vaadin-email-field,.workspace-settings-card vaadin-combo-box{width:100%}.workspace-settings-card vaadin-button[theme~=primary]{align-self:flex-start;margin-top:var(--lumo-space-s)}.workspace-settings-card vaadin-grid{background:#ffffff80;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:20px;border:1px solid rgba(255,255,255,.7);box-shadow:0 10px 32px #0f172a26;overflow:hidden}.workspace-settings-card vaadin-grid::part(header-cell){background:#ffffffbf;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-weight:600;color:var(--text-strong)}.workspace-settings-card vaadin-button[theme~=error]{font-size:var(--lumo-font-size-xs)}.workspace-settings-card .workspace-settings-invite-row{margin-top:var(--lumo-space-m);gap:var(--lumo-space-m);align-items:baseline}.workspace-settings-card .workspace-settings-invite-row vaadin-email-field{max-width:320px}.workspace-settings-invite-row vaadin-button{margin-top:0}@media (max-width: 900px){.workspace-settings-view{padding:var(--lumo-space-m)}.workspace-settings-grid{max-width:100%}.workspace-settings-card{padding:var(--lumo-space-m);flex:1 1 100%}.workspace-settings-title{max-width:100%;font-size:1.6rem}}@media (max-width: 700px){.workspace-settings-card .workspace-settings-invite-row{flex-direction:column;width:100%}.workspace-settings-card vaadin-grid{font-size:var(--lumo-font-size-s)}}.price-insights-view{display:flex;flex-direction:column}.price-insights-result-card{border-radius:var(--lumo-border-radius-m);border:1px solid var(--lumo-contrast-10pct);background-color:var(--lumo-base-color);cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease,background-color .15s ease,transform .1s ease}.price-insights-result-card:hover{box-shadow:0 0 0 1px var(--lumo-primary-color-50pct);border-color:var(--lumo-primary-color-50pct);transform:translateY(-1px)}.price-insights-result-card--selected{border-color:var(--lumo-primary-color);box-shadow:0 0 0 1px var(--lumo-primary-color);background-color:var(--lumo-primary-color-5pct)}.price-insights-result-image{width:64px;height:64px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--lumo-border-radius-m);background-color:var(--lumo-contrast-5pct);flex-shrink:0}.price-insights-result-image-img{max-width:100%;max-height:100%;object-fit:contain}.price-insights-result-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--lumo-contrast-50pct)}.price-insights-detail-header{display:flex;gap:var(--lumo-space-m);align-items:flex-start;margin-bottom:var(--lumo-space-m)}.price-insights-detail-image{width:120px;height:120px;display:flex;align-items:center;justify-content:center;border-radius:var(--lumo-border-radius-l);background-color:var(--lumo-contrast-5pct);overflow:hidden;flex-shrink:0}.price-insights-detail-image-img{max-width:100%;max-height:100%;object-fit:contain}.price-insights-detail-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--lumo-contrast-50pct)}.price-insights-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--lumo-space-m);margin-bottom:var(--lumo-space-m);width:100%}.price-insights-summary-card{border-radius:var(--lumo-border-radius-m);padding:var(--lumo-space-m);border:1px solid var(--lumo-contrast-10pct);background-color:var(--lumo-base-color);display:flex;flex-direction:column;gap:var(--lumo-space-xs)}.price-insights-summary-card span:first-child{font-size:var(--lumo-font-size-xs);color:var(--lumo-contrast-60pct);text-transform:uppercase;letter-spacing:.04em}.price-insights-summary-card span:last-child{font-size:var(--lumo-font-size-l);font-weight:600}.price-summary-current span:last-child{color:var(--lumo-primary-text-color)}.price-summary-avg span:last-child{color:var(--lumo-success-text-color)}.price-summary-range span:last-child{color:var(--lumo-contrast-80pct)}.price-insights-main{align-items:stretch}.price-insights-main-marketprice{flex:1 1 auto}.price-insights-chart-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.2fr);gap:var(--lumo-space-m);margin-bottom:var(--lumo-space-m);width:100%}@media (max-width: 1100px){.price-insights-chart-row{grid-template-columns:1fr}}.price-insights-chart{border-radius:var(--lumo-border-radius-m);border:1px solid var(--lumo-contrast-10pct);background-color:var(--lumo-base-color);padding:var(--lumo-space-m);min-height:260px;width:100%;display:flex;flex-direction:column}.price-insights-chart .apexcharts-canvas{width:100%!important;height:100%!important}.price-insights-table{border-radius:var(--lumo-border-radius-m);border:1px solid var(--lumo-contrast-10pct);background-color:var(--lumo-base-color);padding:var(--lumo-space-m)}.price-insights-empty{padding:var(--lumo-space-l);border-radius:var(--lumo-border-radius-m);border:1px dashed var(--lumo-contrast-20pct);color:var(--lumo-contrast-60pct);text-align:center}.price-insights-loading{display:inline-flex;align-items:center;gap:var(--lumo-space-s);font-size:var(--lumo-font-size-s);color:var(--lumo-primary-text-color)}.price-insights-loading:before{content:"";display:inline-block;width:16px;height:16px;border-radius:999px;border:2px solid var(--lumo-primary-color-20pct);border-top-color:var(--lumo-primary-color);animation:price-insights-spin .75s linear infinite}.price-insights-point-detail{border-radius:var(--lumo-border-radius-l);padding:var(--lumo-space-m);background:var(--lumo-base-color);box-shadow:var(--lumo-box-shadow-s)}.price-insights-point-card-header{font-weight:600;margin-bottom:.25rem}.price-insights-point-card-price{font-size:1.2rem;font-weight:700;margin-bottom:.25rem}.price-insights-point-card-meta{font-size:.85rem;color:var(--lumo-secondary-text-color)}.price-point-detail-card{border-radius:var(--lumo-border-radius-m);padding:var(--lumo-space-m);background-color:var(--lumo-base-color);box-shadow:var(--lumo-box-shadow-xs)}.price-point-detail-row{margin-bottom:.25rem;font-size:var(--lumo-font-size-s)}.price-point-detail-row strong{font-weight:600}.price-point-detail-row--link{margin-top:.5rem}.price-point-detail-link{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .6rem;border-radius:999px;text-decoration:none;font-size:var(--lumo-font-size-s);background-color:var(--lumo-primary-color-10pct);color:var(--lumo-primary-text-color)}.price-point-detail-link:hover{background-color:var(--lumo-primary-color-20pct)}@keyframes price-insights-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 900px){.price-insights-detail-header{flex-direction:column;align-items:flex-start}.price-insights-chart-row{flex-direction:column}}.bought-bundles-view{padding:var(--lumo-space-m);box-sizing:border-box}.bought-bundles-toolbar{margin-bottom:var(--lumo-space-m)}.bundle-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--lumo-space-m);align-items:stretch}.bundle-card{background:var(--lumo-base-color);border-radius:var(--lumo-border-radius-l);box-shadow:0 6px 18px #0f172a29;padding:var(--lumo-space-m);display:flex;flex-direction:column;gap:var(--lumo-space-s);transition:transform .12s ease-out,box-shadow .12s ease-out;border:1px solid var(--lumo-contrast-5pct)}.bundle-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0f172a38}.bundle-card-header{margin-bottom:var(--lumo-space-s)}.bundle-card-supplier{font-weight:600;font-size:var(--lumo-font-size-m)}.bundle-card-date{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color)}.bundle-card-meta{margin-top:var(--lumo-space-xs)}.bundle-card-price{font-weight:600}.bundle-card-count{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color)}.bundle-pagination-bar{margin-top:var(--lumo-space-m);border-top:1px solid var(--lumo-contrast-10pct);padding-top:var(--lumo-space-s)}.spec-tile-selector{gap:var(--lumo-space-m)}.spec-tile-search-bar{align-items:flex-end;gap:var(--lumo-space-s)}.spec-tile-search-field{max-width:500px}.spec-tile-search-button{white-space:nowrap}.spec-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--lumo-space-m);align-items:stretch}.spec-tile-paging-bar{margin-top:var(--lumo-space-xs)}.spec-tile-page-info{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color)}.spec-tile-card{background-color:var(--lumo-base-color);border-radius:var(--lumo-border-radius-m);box-shadow:var(--lumo-box-shadow-s);border:1px solid var(--lumo-contrast-10pct);padding:var(--lumo-space-m);display:flex;flex-direction:column;gap:var(--lumo-space-s);box-sizing:border-box;transition:box-shadow .12s ease,transform .12s ease,border-color .12s ease,background-color .12s ease;cursor:default}.spec-tile-card:hover{box-shadow:var(--lumo-box-shadow-m);border-color:var(--lumo-primary-color-10pct);background-color:var(--lumo-base-color);transform:translateY(-2px)}.spec-tile-image-wrapper{display:flex;justify-content:center;align-items:center;height:140px;overflow:hidden;border-radius:var(--lumo-border-radius-m);background-color:var(--lumo-contrast-5pct)}.spec-tile-image{max-width:100%;max-height:100%;object-fit:contain}.spec-tile-placeholder-icon{width:48px;height:48px;color:var(--lumo-secondary-text-color)}.spec-tile-title{margin:0;font-size:var(--lumo-font-size-m);font-weight:600;line-height:1.2}.spec-tile-subtitle{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spec-tile-price{font-size:var(--lumo-font-size-s)}.spec-tile-choose-button{margin-top:auto}.spec-tile-loading,.spec-tile-error{font-size:var(--lumo-font-size-m);color:var(--lumo-secondary-text-color);text-align:center;width:100%}@media (max-width: 600px){.spec-tile-grid{grid-template-columns:1fr}.spec-tile-search-bar{flex-direction:column;align-items:stretch}.spec-tile-search-button{width:100%}}.pcbuilder-page{background-color:#f5f5f7}.pcbuilder-url-bar{padding:.5rem 1.5rem;background-color:#fff;border-bottom:1px solid #dcdfe3;box-shadow:0 2px 4px #0000000a;box-sizing:border-box}.pcbuilder-url{font-family:monospace;font-size:.9rem;padding:.35rem .75rem;border-radius:4px;border:1px solid #dcdfe3;background-color:#f8f9fb}.pcbuilder-compat-bar{padding:.4rem 1.5rem;background-color:#00a55a;color:#fff;font-size:.9rem;box-sizing:border-box}.pcbuilder-compat-icon{font-weight:700;margin-right:.5rem}.pcbuilder-main{box-sizing:border-box}.pcbuilder-component-list{background-color:#fff;border-radius:6px;box-shadow:0 2px 6px #0000000d;border:1px solid #dcdfe3;padding:0;overflow:hidden}.pcbuilder-row-header{background-color:#f2f4f8;font-weight:600}.pcbuilder-row{padding:.4rem .75rem;border-bottom:1px solid #eceff3;font-size:.9rem}.pcbuilder-row:last-child{border-bottom:none}.pcbuilder-col-component{width:120px;font-weight:600}.pcbuilder-col-selection{flex:1;color:#4b5563}.pcbuilder-col-price{min-width:80px;text-align:right;color:#111827}.pcbuilder-choose-btn{--lumo-primary-color: #2b6cb0;--lumo-primary-text-color: #ffffff;font-size:.8rem;white-space:nowrap}.pcbuilder-selector-host{background-color:#fff;border-radius:6px;box-shadow:0 2px 6px #0000000d;border:1px solid #dcdfe3;padding:.75rem;box-sizing:border-box;min-height:400px}.pcbuilder-selector-host .spec-tile-selector{height:100%}@media (max-width: 1000px){.pcbuilder-main{flex-direction:column}.pcbuilder-component-list{width:100%!important;min-width:0}}.contest-page{max-width:1120px;margin:0 auto;padding:2.5rem 1.25rem 3rem}.contest-header{margin-bottom:1.5rem}.contest-eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;opacity:.8;color:#9ca3af;margin-bottom:.35rem}.contest-title{font-size:clamp(1.9rem,3vw,2.4rem);line-height:1.15;margin:0 0 .4rem}.contest-subtitle{margin:0;max-width:40rem;color:var(--lumo-secondary-text-color)}.contest-banner{margin-top:1.5rem;margin-bottom:1.75rem}.contest-banner-inner{background:radial-gradient(circle at 0% 0%,#4f46e5 0,#111827 45%,#020617);border-radius:1.25rem;padding:1.25rem 1.5rem;color:#f9fafb;box-shadow:0 16px 40px #0f172ab3}.contest-banner-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;opacity:.85;display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.contest-banner-label:before{content:"●";font-size:.65rem;color:#a5b4fc}.contest-banner-content{display:flex;align-items:center;justify-content:space-between;gap:1.25rem}.contest-banner-text-wrapper{max-width:34rem}.contest-banner-text{margin:0 0 .75rem;font-size:.95rem;opacity:.96}.contest-chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.contest-chip{font-size:.75rem;padding:.25rem .65rem;border-radius:999px;border:1px solid rgba(148,163,184,.7);background:#0f172a80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.contest-banner-right{align-items:flex-end;gap:.35rem}.contest-timer-label{font-size:.8rem;opacity:.8}.contest-timer-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1.5rem;letter-spacing:.08em}.contest-banner-btn{border-radius:999px;font-weight:600;letter-spacing:.01em;white-space:nowrap;box-shadow:0 10px 30px #0f172ae6;background-color:#f9fafb;color:#111827;transition:transform .12s ease-out,box-shadow .12s ease-out,background-color .12s ease-out,color .12s ease-out;margin-top:.35rem}.contest-banner-btn:hover{transform:translateY(-1px);box-shadow:0 14px 40px #0f172a;background-color:#e5e7eb}.contest-main{margin-top:.5rem;gap:2rem}.contest-section-title{margin-top:0;margin-bottom:.35rem;font-size:1.2rem}.contest-section-subtitle{margin:0 0 .9rem;font-size:.9rem;color:var(--lumo-secondary-text-color)}.contest-ranking-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.65rem}.contest-ranking-item{display:flex;align-items:center;gap:.9rem;padding:.75rem .85rem;border-radius:.75rem;background:linear-gradient(135deg,#0f172ae6,#0f172acc);border:1px solid rgba(148,163,184,.3);box-shadow:0 10px 30px #0f172aa6;color:#e5e7eb}.contest-ranking-item:nth-child(1){border-color:#facc15;box-shadow:0 12px 36px #facc1559}.contest-ranking-item:nth-child(2){border-color:#e5e7eb}.contest-ranking-item:nth-child(3){border-color:#a1a1aa}.contest-ranking-rank{font-weight:700;font-size:1.05rem;width:2.4rem;text-align:center}.contest-ranking-middle{flex:1;display:flex;flex-direction:column}.contest-ranking-username{font-size:.85rem;opacity:.9}.contest-ranking-title{font-size:.95rem}.contest-ranking-right{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.contest-ranking-views{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem}.contest-ranking-link{font-size:.8rem;text-decoration:none;color:#a5b4fc}.contest-ranking-link:hover{text-decoration:underline}.contest-info{max-width:320px}.contest-rules{margin:0 0 .75rem 1.2rem;padding:0;font-size:.9rem;color:var(--lumo-secondary-text-color)}.contest-rules li{margin-bottom:.3rem}.contest-info-link{font-size:.85rem}@media (max-width: 900px){.contest-banner-inner{padding:1.1rem 1.2rem}.contest-banner-content{flex-direction:column;align-items:flex-start}.contest-banner-right{align-items:flex-start;width:100%}.contest-banner-btn{width:100%;justify-content:center}.contest-main{flex-direction:column}.contest-info{max-width:none;width:100%}}@media (max-width: 640px){.contest-page{padding-top:1.8rem}.contest-ranking-item{flex-direction:column;align-items:flex-start}.contest-ranking-right{align-items:flex-start}}.contest-submit-page{padding-top:2.25rem}.contest-submit-strip{margin-top:1rem;margin-bottom:1.25rem;padding:.9rem 1.1rem;border-radius:1rem;background:radial-gradient(circle at 0% 0%,#4f46e5 0,#020617 52% 100%);box-shadow:0 14px 32px #0f172ab3;color:#e5e7eb;display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem}.contest-submit-strip-left{display:flex;flex-direction:column;gap:.2rem}.contest-strip-week-label{font-size:.85rem;font-weight:600}.contest-strip-ends{font-size:.8rem;opacity:.85}.contest-strip-timer-row{display:flex;align-items:baseline;gap:.5rem;margin-top:.1rem}.contest-strip-timer-label{font-size:.8rem;opacity:.8}.contest-strip-timer-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;letter-spacing:.08em;font-size:1.1rem}.contest-submit-strip-right{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.contest-mini-stat{min-width:130px;padding:.5rem .7rem;border-radius:.75rem;border:1px solid rgba(148,163,184,.4);background:linear-gradient(135deg,#0f172af2,#0f172ad9);box-shadow:0 10px 26px #0f172a99}.contest-mini-stat-value{display:block;font-size:.95rem;font-weight:600}.contest-mini-stat-label{display:block;font-size:.78rem;opacity:.85}.contest-submit-main{gap:1.75rem}.contest-submit-card{border-radius:1rem;padding:1.25rem 1.3rem;background:radial-gradient(circle at 0% 0%,#1e40af40 0,#0f172afa,#0f172a);border:1px solid rgba(148,163,184,.4);box-shadow:0 18px 40px #0f172ad9;color:#e5e7eb}.contest-submit-card-form{width:100%}.contest-submit-card-toprow{margin-bottom:1.1rem}.contest-submit-channel-box{display:flex;flex-direction:column;gap:.2rem;max-width:340px}.contest-channel-status-badge{font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:999px;border:1px solid rgba(148,163,184,.7);background:#0f172ad9}.contest-channel-status-badge.status-ok:before,.contest-channel-status-badge.status-warn:before{content:"●";font-size:.7rem}.contest-channel-status-badge.status-ok{border-color:#34d399e6;color:#bbf7d0}.contest-channel-status-badge.status-ok:before{color:#22c55e}.contest-channel-status-badge.status-warn{border-color:#f8fafcb3;color:#fee2e2}.contest-channel-status-badge.status-warn:before{color:#f97316}.contest-channel-hint{font-size:.82rem;opacity:.85}.contest-submit-limit-box{text-align:right}.contest-submit-limit-label{display:block;font-size:.85rem;font-weight:600}.contest-submit-limit-hint{display:block;font-size:.8rem;opacity:.85}.contest-submit-form vaadin-text-field,.contest-submit-form vaadin-text-area{--vaadin-input-field-background: rgba(15, 23, 42, .96)}.contest-submit-rule-hint{display:block;margin-top:.25rem;font-size:.82rem;color:#fde68a}.contest-submit-tips{margin:.7rem 0 .9rem 1.1rem;padding:0;font-size:.86rem;color:var(--lumo-secondary-text-color)}.contest-submit-tips li{margin-bottom:.25rem}.contest-submit-button-row{margin-top:.4rem}.contest-submit-main-btn{border-radius:999px;font-weight:600}.contest-submit-side{min-width:260px}.contest-stat-grid{margin-top:.6rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.6rem}.contest-user-submissions-list{margin-top:.8rem;display:flex;flex-direction:column;gap:.6rem}.contest-user-submission-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.55rem .7rem;border-radius:.75rem;background:#0f172af2;border:1px solid rgba(148,163,184,.45)}.contest-user-submission-left{display:flex;flex-direction:column;gap:.1rem;flex:1}.contest-user-submission-title{font-size:.9rem;font-weight:500}.contest-user-submission-meta{font-size:.78rem;opacity:.82}.contest-user-submission-right{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.contest-user-submission-status{font-size:.75rem;padding:.15rem .5rem;border-radius:999px;border:1px solid transparent}.contest-user-submission-status.status-pending{border-color:#f59e0bcc;color:#fed7aa}.contest-user-submission-status.status-approved{border-color:#34d399e6;color:#bbf7d0}.contest-user-submission-status.status-rejected{border-color:#f87171e6;color:#fecaca}.contest-user-submission-link{font-size:.8rem}@media (max-width: 900px){.contest-submit-strip{flex-direction:column;align-items:flex-start}.contest-submit-strip-right{justify-content:flex-start}.contest-submit-main{flex-direction:column}.contest-submit-limit-box{text-align:left}}@media (max-width: 640px){.contest-user-submission-row{flex-direction:column;align-items:flex-start}.contest-user-submission-right{align-items:flex-start}}.contest-submit-card-form{background:radial-gradient(circle at 0% 0%,#3741c259 0,#0f172af5 45%,#0f172a);color:#f9fafb}.contest-submit-card-form,.contest-submit-card-stats,.contest-submit-card-list{--_text-main-color: #f9fafb;--_text-secondary-color: rgba(226, 232, 240, .82)}.contest-submit-card-form .contest-section-title,.contest-submit-card-stats .contest-section-title,.contest-submit-card-list .contest-section-title{color:var(--_text-main-color)}.contest-submit-card-form .contest-section-subtitle,.contest-submit-card-stats .contest-section-subtitle,.contest-submit-card-list .contest-section-subtitle{color:var(--_text-secondary-color)}.contest-submit-rule-hint{color:#facc15;font-weight:500;font-size:.85rem}.contest-submit-tips{color:#e2e8f0d9}.contest-submit-form vaadin-text-field,.contest-submit-form vaadin-text-area{--vaadin-input-field-background: #020617;--vaadin-input-field-border-color: rgba(148, 163, 184, .7);--vaadin-input-field-hover-border-color: rgba(191, 219, 254, .95);--vaadin-input-field-focus-border-color: #60a5fa;--vaadin-input-field-placeholder-color: rgba(148, 163, 184, .9);--vaadin-input-field-value-color: #e5e7eb;--vaadin-input-field-label-color: rgba(229, 231, 235, .95);color:#e5e7eb}.contest-submit-form vaadin-text-field::part(error-message),.contest-submit-form vaadin-text-area::part(error-message){color:#fecaca}.contest-submit-strip{color:#e5e7eb}.contest-strip-week-label,.contest-strip-ends,.contest-strip-timer-label,.contest-strip-timer-value{color:#f9fafb}.contest-submit-button-row vaadin-button[theme~=tertiary-inline]{color:#bfdbfef2}.contest-user-submission-meta{color:#d1d5dbd9}.contest-submit-card-stats,.contest-submit-card-list{background:radial-gradient(circle at 0% 0%,#2563eb40 0,#0f172afa,#0f172a)}:root{--listing-bg: radial-gradient(circle at top left, #1f2937 0, #020617 55%, #020617 100%);--listing-card: linear-gradient(135deg, rgba(31, 41, 55, .95), rgba(15, 23, 42, .96));--listing-border: rgba(148, 163, 184, .5);--accent: #6366f1;--accent-strong: #4f46e5;--accent-alt: #ec4899;--accent-soft: rgba(99, 102, 241, .15);--danger: #f97373;--success: #22c55e;--muted: #9ca3af;--text-main: #ffffff;--text-subtle: #e2e8f0;--text-muted: #cbd5e1;--text-faded: #a7b0bb;--heading-color: #ffffff}.listing-control-view{padding:18px 24px;background:var(--listing-bg);--lumo-body-text-color: var(--text-main);--lumo-header-text-color: var(--text-main);--lumo-secondary-text-color: var(--text-subtle);--lumo-tertiary-text-color: var(--text-muted)}.listing-control-view span,.listing-control-view p,.listing-control-view div{color:var(--text-main)}.listing-shell{max-width:1440px;margin:0 auto;border-radius:24px;background:radial-gradient(circle at 0 0,rgba(56,189,248,.12),transparent 55%),radial-gradient(circle at 100% 0,rgba(244,114,182,.12),transparent 55%),radial-gradient(circle at 100% 100%,rgba(52,211,153,.16),transparent 55%);padding:20px 20px 16px;border:1px solid rgba(148,163,184,.35);box-shadow:0 20px 60px #0f172ab3;position:relative;overflow:hidden}.listing-inner{position:relative;z-index:1}.page-header{margin-bottom:18px}.page-title-group{gap:4px}.page-badge{font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:4px 10px;border-radius:999px;background:#0f172acc;border:1px solid rgba(148,163,184,.6);color:var(--text-muted)}.pulse-dot{width:8px;height:8px;border-radius:999px;background:var(--success);box-shadow:0 0 0 6px #22c55e40}.page-title{display:flex;align-items:baseline;gap:8px;font-size:22px;font-weight:600;color:var(--text-main)!important}.page-title-highlight{background:linear-gradient(135deg,#e5e7eb,#c4b5fd);-webkit-background-clip:text;color:var(--text-main)!important}.page-subtitle{font-size:13px;color:var(--text-subtle)!important}.header-actions .btn-primary,.header-actions .btn-accent,.header-actions .btn-ghost{border-radius:999px}.toolbar{margin-bottom:14px}.toolbar-filters{flex-grow:1}.toolbar-input,.toolbar-select{min-width:150px}.toolbar-input vaadin-text-field,.toolbar-select vaadin-combo-box{--vaadin-input-field-border-radius: 999px}.toolbar-input vaadin-text-field::part(label),.toolbar-select vaadin-combo-box::part(label){color:var(--text-subtle)!important}.toolbar-input vaadin-text-field::part(input-field)::placeholder,.toolbar-select vaadin-combo-box::part(input-field)::placeholder{color:var(--text-muted)!important}.toolbar-actions .toolbar-btn{border-radius:999px;background:#0f172aeb;color:var(--text-main)!important;border:1px solid rgba(148,163,184,.7);box-shadow:0 6px 16px #0f172ab3}.toolbar-actions .toolbar-btn[disabled]{opacity:1;background:#0f172a99;color:var(--text-muted)!important;border-color:#94a3b866}.toolbar-actions .toolbar-btn:not([disabled]):hover{background:#0f172a;box-shadow:0 10px 24px #0f172ae6}.listing-split-layout{--vaadin-split-layout-splitter-size: 6px;--vaadin-split-layout-splitter-background: rgba(15, 23, 42, .8)}.card{border-radius:18px;background:var(--listing-card);border:1px solid var(--listing-border);box-shadow:0 18px 35px #00000059;padding:12px 12px 10px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.card-header{margin-bottom:8px}.card-title{font-size:14px;font-weight:600;color:var(--text-main)}.card-subtitle{font-size:11px;color:var(--text-muted)}.metric-chips{flex-wrap:wrap}.metric-chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:4px 9px;border-radius:999px;background:#0f172ae6;border:1px solid rgba(148,163,184,.6)}.metric-dot{width:7px;height:7px;border-radius:999px}.metric-dot-live{background:var(--success)}.metric-dot-paused{background:#facc15}.metric-dot-error{background:var(--danger)}.metric-chip-label{color:var(--text-muted)}.metric-chip-value{font-weight:600;color:#e5e7eb}.listing-grid{font-size:12px}.listing-grid::part(header-cell){font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-main)!important;background-color:#0f172afa}.listing-grid::part(body-row){background-color:#0f172ae6;color:var(--text-main)!important}.listing-grid::part(odd-row){background-color:#0f172adb}.listing-grid::part(even-row){background-color:#0f172af0}.listing-grid::part(body-cell){color:#0f172af0!important}.listing-grid::part(body-row):hover{background-color:#0f172a;box-shadow:0 10px 20px #0f172ae6}.row-checkbox{--vaadin-checkbox-size: 14px}.listing-item-cell{gap:10px}.listing-thumb{width:36px;height:36px;border-radius:10px;background:radial-gradient(circle at 0 0,#94a3b8b3,#1e40afb3)}.listing-title-wrap{gap:2px}.listing-title{font-size:13px;font-weight:500;color:var(--text-main)}.listing-meta{font-size:11px;color:var(--text-muted)!important}.marketplace-cell{gap:0}.marketplace-name{font-size:12px;font-weight:500;color:#0f172af0}.marketplace-id{font-size:11px;color:var(--text-muted)!important}.status-badge{font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid transparent}.status-live{background:#16a34a2e;color:#bbf7d0;border-color:#22c55e99}.status-paused{background:#facc1529;color:#fef9c3;border-color:#facc1599}.status-ended{background:#94a3b829;color:#e5e7eb;border-color:#94a3b8b3}.status-error{background:#f8717129;color:#fecaca;border-color:#f87171b3}.status-draft{background:#3b82f629;color:#bfdbfe;border-color:#3b82f6b3}.row-actions .row-action-btn{--vaadin-button-border-radius: 999px}.detail-card{min-height:360px}.detail-header{margin-bottom:8px}.detail-badge{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.detail-title{font-size:16px;font-weight:600;color:var(--text-main)!important}.detail-subtitle{font-size:12px;color:var(--text-subtle)!important}.detail-actions{margin-bottom:6px}.detail-btn-primary{--vaadin-button-border-radius: 999px;background:radial-gradient(circle at 0 0,var(--accent-alt),var(--accent-strong))}.detail-btn-ghost,.detail-btn-danger{--vaadin-button-border-radius: 999px}.detail-tabs{margin-top:4px;margin-bottom:4px}.detail-tabs vaadin-tab::part(label){color:#0f172af0!important}.detail-tabs vaadin-tab[selected]::part(label){color:var(--accent-alt)!important;font-weight:600}.detail-tabs vaadin-tab::part(label):hover{color:#0f172af0!important}.detail-content{font-size:12px;color:#e5e7eb}.detail-line{font-size:12px;color:#0f172af0!important}.detail-line-strong{font-size:13px;font-weight:600}.detail-line-muted{font-size:11px;color:var(--text-muted)!important}.detail-tags{margin-top:6px}.detail-tag{font-size:11px;padding:3px 9px;border-radius:999px;background:#0f172ae6;border:1px solid rgba(148,163,184,.6)}.market-price-box{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .9rem;border-radius:999px;background:radial-gradient(circle at 0 0,#ffffff29,#ffffff05);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-soft);color:var(--glass-text-normal);min-width:0}.market-price-main{display:flex;flex-direction:column;gap:.1rem;min-width:0}.market-price-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--glass-text-muted)}.market-price-value{font-size:1.1rem;font-weight:600;white-space:nowrap}.market-price-actions{display:flex;align-items:center;gap:.25rem}.market-price-icon-btn{--vaadin-button-border-radius: 999px;--vaadin-button-padding: .25rem;min-width:0;border-radius:999px;border:1px solid transparent}.market-price-icon-btn vaadin-icon{width:16px;height:16px}.market-price-icon-btn:hover{background:#ffffff0f;border-color:#ffffff29}.market-price-icon-btn.spin vaadin-icon{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bundle-draft-panel{position:fixed;top:50%;right:0;transform:translateY(-50%);z-index:2000;pointer-events:none}.bundle-draft-tab{pointer-events:auto;padding:.7rem 1rem;border-radius:999px 0 0 999px;background:#fffffff5;border:1px solid #d0d7e1;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;gap:.15rem;cursor:pointer;min-width:190px;color:#1e293b}.bundle-draft-tab-title{font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:#475569}.bundle-draft-tab-meta{font-size:.85rem;font-weight:500;color:#1e293b}.bundle-draft-drawer{pointer-events:auto;position:absolute;top:50%;right:100%;transform:translate(-10px,-50%);width:880px;max-height:75vh;display:flex;flex-direction:column;gap:1rem;padding:1rem;margin-right:.5rem;border-radius:16px;background:#fffffff5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #d0d7e1;box-shadow:0 12px 40px #0000001f;opacity:0;pointer-events:none;transform-origin:center right;transition:opacity .14s ease-out,transform .14s ease-out;color:#1e293b}.bundle-draft-panel[data-open=true] .bundle-draft-drawer{opacity:1;pointer-events:auto;transform:translateY(-50%)}.bundle-draft-header{display:flex;align-items:center;gap:.5rem}.bundle-draft-title{font-weight:600;font-size:1rem}.bundle-draft-summary{margin-left:auto;font-size:.8rem;color:#475569}.bundle-draft-clear,.bundle-draft-close{font-size:.8rem;color:#475569}.bundle-draft-meta-row,.bundle-draft-pricing-bar,.bundle-draft-profit-summary{padding:.75rem;border-radius:12px;background:#fffffff5;border:1px solid #e2e8f0;display:flex;gap:.75rem;align-items:center}.bundle-draft-profit-summary{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;column-gap:8px;row-gap:4px;font-size:.8rem}.bundle-draft-list{display:flex;flex-direction:column;gap:.35rem;overflow-y:auto}.bundle-draft-item{display:flex;align-items:stretch;gap:.75rem;font-size:.8rem;padding:.6rem;border-radius:10px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a}.bundle-draft-item-main{display:flex;flex-direction:column;justify-content:space-between;flex:1}.bundle-draft-item-name{font-weight:500;margin-bottom:.2rem;color:#1e293b}.bundle-draft-qty-row{display:flex;align-items:center;gap:.3rem}.bundle-draft-item-qty{min-width:2ch;text-align:center;font-variant-numeric:tabular-nums}.bundle-draft-qty-btn{font-size:.75rem;padding:.2rem .45rem;border-radius:6px;background:#f1f5f9;color:#1e293b;border:1px solid #cbd5e1}.bundle-draft-item-right{display:flex;align-items:center;gap:.6rem}.bundle-draft-item-image{width:52px;height:52px;min-width:52px;border-radius:6px;background:#f8fafc;border:1px solid #d4dbe5;display:flex;align-items:center;justify-content:center;overflow:hidden}.bundle-draft-item-image-img{width:100%;height:100%;object-fit:contain}.bundle-draft-item-image-placeholder{font-size:.7rem;color:#94a3b8}.bundle-draft-marketprice{min-width:110px}.bundle-draft-scaled{font-size:.75rem;color:#475569}.bundle-draft-create{align-self:flex-end;--vaadin-button-border-radius: 999px;margin-top:.5rem}.hardware-buy-card-list{display:flex;flex-direction:column;gap:.5rem}.hardware-buy-card{align-items:flex-start;border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-xs);background:var(--lumo-base-color)}.hardware-buy-card-image{width:72px;min-width:72px;height:72px;overflow:hidden;border-radius:var(--lumo-border-radius-m)}.hardware-buy-card-image-img{width:100%;height:100%;object-fit:cover}.hardware-buy-card-center{gap:.1rem}.hardware-buy-card-right{align-items:flex-end;justify-content:space-between}.hardware-sell-card-list{display:flex;flex-direction:column;gap:.5rem}.hardware-sell-card{align-items:flex-start;border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-xs);background:var(--lumo-base-color)}.hardware-sell-card-image{width:72px;min-width:72px;height:72px;overflow:hidden;border-radius:var(--lumo-border-radius-m)}.hardware-sell-card-image-img{width:100%;height:100%;object-fit:cover}.hardware-sell-card-center{gap:.1rem}.hardware-sell-card-right{align-items:flex-end;justify-content:space-between}.profile-card{width:520px;padding:2rem;border-radius:14px;background-color:var(--lumo-base-color);border:1px solid var(--lumo-contrast-10pct);box-shadow:0 3px 12px #0000000d}.profile-card h2{margin-top:0;margin-bottom:1rem;font-size:1.4rem}.profile-card hr{margin:1.5rem 0}.profile-card .vaadin-button{border-radius:8px}.bot-settings-view{background-color:var(--lumo-base-color)}.bot-settings-card{margin-top:2rem;border-radius:14px;background-color:var(--lumo-base-color);border:1px solid var(--lumo-contrast-10pct);box-shadow:0 6px 18px #0f172a0f}.bot-settings-title{margin-top:0;margin-bottom:.5rem;font-size:1.4rem}.bot-settings-intro{font-size:.9rem;color:var(--lumo-secondary-text-color);margin-bottom:1.2rem}.market-price-box .spin vaadin-icon{animation:mpb-spin .8s linear infinite}@keyframes mpb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--glass-bg: rgba(255, 255, 255, .45);--glass-bg-strong: rgba(244, 236, 236, .7);--glass-bg-hover: rgba(255, 255, 255, .6);--glass-border: rgba(255, 255, 255, .55);--glass-shadow-soft: 0 8px 24px rgba(0, 0, 0, .06);--glass-shadow-medium: 0 12px 32px rgba(0, 0, 0, .1);--glass-shadow-strong: 0 18px 48px rgba(0, 0, 0, .14);--glass-glow-primary: rgba(99, 102, 241, .18);--glass-glow-secondary: rgba(236, 72, 153, .15);--glass-radius-s: 10px;--glass-radius-m: 16px;--glass-radius-l: 22px;--glass-blur: 18px;--glass-text-strong: #0f172a;--glass-text-normal: #1e293b;--glass-text-muted: #64748b;--glass-text-faded: #94a3b8;--brand-primary: #6366f1;--brand-primary-soft: rgba(99, 102, 241, .18);--brand-accent: #ec4899;--brand-accent-soft: rgba(236, 72, 153, .18)}body[theme~=pc-lager]{background:radial-gradient(circle at top left,#fff 0,#e5e9f5,#dbe2f0)}