vaadin-app-layout::part(navbar){box-shadow:var(--sc-shadow-md)}.sc-app-logo{filter:brightness(0) saturate(100%) invert(72%) sepia(38%) saturate(481%) hue-rotate(354deg) brightness(91%) contrast(85%)}@media (max-width: 640px){.sc-header-top>h1{display:none}}header nav{justify-content:safe center}header nav ul{justify-content:safe center}.sc-header-top{display:flex;flex-wrap:wrap;align-items:center;gap:var(--lumo-space-m);row-gap:0}.sc-header-top>nav{flex:1 1 auto;min-width:0;display:flex;justify-content:safe center}.sc-header-top>vaadin-menu-bar,.sc-header-top>a{margin-inline-start:auto}@media (max-width: 1100px){.sc-header-top>nav{flex:1 1 100%;order:99}}header nav a:any-link{text-decoration:none;padding:0 var(--lumo-space-s);border-radius:var(--lumo-border-radius-m);outline:0}header nav a span,header nav a span.font-weight-medium{font-weight:700!important}header nav a vaadin-icon,header nav a iron-icon,header nav a svg{align-self:center;transform:translateY(-2px)}header nav a:hover{color:var(--lumo-header-text-color)}header nav a:active{background-color:var(--lumo-contrast-5pct)}header nav a:focus-visible{box-shadow:0 0 0 2px var(--lumo-primary-color-50pct)}header nav a[highlight] vaadin-icon{color:var(--lumo-primary-text-color)}header nav a[highlight]{background-color:var(--lumo-primary-color-10pct)}.sc-login-view{min-height:100vh;width:100%;background-color:var(--sc-rail);background-image:url(./sarraf-pattern-DIonqaU0.svg);background-repeat:repeat;background-size:150px 150px;background-attachment:fixed;padding:var(--lumo-space-l);box-sizing:border-box}.sc-login-card{width:100%;max-width:420px;background-color:var(--lumo-base-color);border-radius:15px;box-shadow:var(--sc-shadow-lg);padding:var(--lumo-space-xl) var(--lumo-space-l);display:flex;flex-direction:column;align-items:center;gap:var(--lumo-space-m);box-sizing:border-box}.sc-login-brand{margin-bottom:var(--lumo-space-xs)}.sc-login-welcome{margin:0;font-size:var(--lumo-font-size-xxl);font-weight:600;color:var(--sc-text);text-align:center;line-height:1.2}.sc-login-tagline{margin:0 0 var(--lumo-space-s) 0;color:var(--sc-text-secondary);text-align:center;font-size:var(--lumo-font-size-m);max-width:320px;line-height:1.45}.sc-login-error{width:100%;padding:var(--lumo-space-s) var(--lumo-space-m);background-color:var(--sc-error-bg);color:var(--sc-error-text);border:1px solid var(--sc-error);border-radius:15px;font-size:var(--lumo-font-size-s);text-align:center;box-sizing:border-box}.sc-login-form-host{width:100%}.sc-login-form{width:100%;display:flex;flex-direction:column;gap:var(--lumo-space-m);margin:0}.sc-login-field{display:flex;flex-direction:column;gap:6px;width:100%}.sc-login-field-label{font-size:var(--lumo-font-size-s);color:var(--sc-text-secondary);font-weight:500}.sc-login-input{width:100%;height:var(--lumo-size-l);padding:0 var(--lumo-space-m);border:1px solid var(--sc-border);border-radius:15px;font-size:var(--lumo-font-size-m);font-family:inherit;color:var(--sc-text);background-color:var(--lumo-base-color);outline:none;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.sc-login-input:hover{border-color:var(--sc-border-strong)}.sc-login-input:focus{border-color:var(--sc-primary);box-shadow:0 0 0 3px #232f7226}.sc-login-button{width:100%;height:var(--lumo-size-l);margin-top:var(--lumo-space-xs);background-color:var(--sc-primary);color:var(--sc-on-primary);border:none;border-radius:15px;font-size:var(--lumo-font-size-m);font-family:inherit;font-weight:600;cursor:pointer;transition:background-color .15s ease,transform .05s ease,box-shadow .15s ease}.sc-login-button:hover{background-color:var(--sc-primary-hover);box-shadow:var(--sc-shadow-md)}.sc-login-button:active{transform:scale(.98)}.sc-login-button:focus-visible{outline:none;box-shadow:0 0 0 3px #232f7259}@media (max-width: 520px){.sc-login-view{padding:var(--lumo-space-m)}.sc-login-card{padding:var(--lumo-space-l) var(--lumo-space-m);border-radius:15px}.sc-login-welcome{font-size:var(--lumo-font-size-xl)}}.stocks-view{padding:2px;box-sizing:border-box;display:block;position:relative;height:100%;overflow-y:auto;--cv-blue: 212 96% 54%;--cv-purple: 259 97% 66%;--cv-dropzone-border-color: hsl(var(--cv-blue) / .5);--cv-dropzone-bg-color: hsl(var(--cv-blue) / .2);--cv-droptarget-border-color: hsl(var(--cv-purple) / 1);--cv-droptarget-bg-color: hsl(var(--cv-purple) / .4);--cv-stripe-width: 1.5px;--cv-stripe-gap: 9px;--cv-stripe-color: hsl(var(--cv-blue) / .2);--cv-layout-border-color: var(--lumo-contrast-40pct);--cv-checkerboard-color1: hsl(0 0% 0% / .05);--cv-checkerboard-color2: hsl(0 0% 100% / .05);--cv-checkerboard-size: 16px}.stocks-view[dragging]{--cv-checkerboard-color1: hsl(var(--cv-blue) / .2);--cv-checkerboard-color2: hsl(var(--cv-blue) / .1);--cv-layout-border-color: var(--cv-dropzone-border-color)}.stocks-view .preview-container{display:contents}.stocks-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.stocks-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.stocks-view[dragging] .layout:not([style*="gap:"]){gap:8px}.stocks-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.stocks-view .cover-overlay{position:absolute;border-radius:1px}.stocks-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.stocks-view:not([starting-drag]) .cover-overlay.editable-editing{outline:1px solid hsl(var(--cv-blue) / 1);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.stocks-view .overlays,.stocks-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.stocks-view:not([dragging]) .drop-zones{pointer-events:none}.stocks-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.stocks-view[dragging] .drop-zone:not([empty-layout]){outline:1px dashed var(--cv-dropzone-border-color);outline-offset:-2px;background-color:var(--cv-dropzone-bg-color)}.stocks-view .drop-zone[remaining-space]{background:repeating-linear-gradient(-45deg,var(--cv-stripe-color),var(--cv-stripe-color) var(--cv-stripe-width),transparent var(--cv-stripe-width),transparent var(--cv-stripe-gap))}.stocks-view[dragging] .drop-zone[drag-over]{background:var(--cv-droptarget-bg-color);outline:1px solid var(--cv-droptarget-border-color);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.stocks-view:not([readonly]) .layout[empty],vaadin-form-layout[empty]{border-radius:1px;background:repeating-conic-gradient(var(--cv-checkerboard-color1) 0% 25%,var(--cv-checkerboard-color2) 0% 50%) 50% / var(--cv-checkerboard-size) var(--cv-checkerboard-size);background-clip:content-box;outline:1px dashed var(--cv-layout-border-color);outline-offset:-2px}.stocks-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.stocks-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.stocks-view[readonly] .drop-zones,.stocks-view[readonly] .overlays,.stocks-view[inline-editing] .drop-zones,.stocks-view[inline-editing] .overlays{display:none}.stocks-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.stocks-view[dragging] vaadin-form-layout{padding:8px}.stocks-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.stocks-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.customers-view .filter-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:end;gap:0 var(--lumo-space-l)}.customers-view .filter-layout .double-width{grid-column-end:span 2}.customers-view .filter-layout .actions{display:flex;justify-content:flex-end;align-items:flex-end;grid-column-end:-1}.customers-view .filter-layout vaadin-date-picker{--vaadin-field-default-width: 6em;width:100%}.customers-view .filter-layout vaadin-combo-box{--vaadin-field-default-width: auto}.customers-view .mobile-filters{display:none;position:relative}.customers-view .mobile-filters span{font-size:var(--lumo-font-size-m);font-weight:500}@media screen and (max-width: 800px){.customers-view .filter-layout{display:none;gap:var(--lumo-space-m);padding-left:var(--lumo-space-m);padding-right:var(--lumo-space-m)}.customers-view .filter-layout.visible{display:grid;padding-top:0;grid-template-columns:1fr 1fr}.customers-view .filter-layout>*{grid-column-end:span 2}.customers-view .mobile-filters{display:flex;cursor:pointer;color:var(--lumo-secondary-text-color)}.customers-view .mobile-filters:hover:before{content:"";left:0;right:0;top:0;bottom:0;position:absolute;opacity:.02;background-color:currentcolor}.customers-view .mobile-filters:hover{color:var(--lumo-body-text-color)}}.calendar-view{padding:2px;box-sizing:border-box;display:block;position:relative;height:100%;overflow-y:auto;--cv-blue: 212 96% 54%;--cv-purple: 259 97% 66%;--cv-dropzone-border-color: hsl(var(--cv-blue) / .5);--cv-dropzone-bg-color: hsl(var(--cv-blue) / .2);--cv-droptarget-border-color: hsl(var(--cv-purple) / 1);--cv-droptarget-bg-color: hsl(var(--cv-purple) / .4);--cv-stripe-width: 1.5px;--cv-stripe-gap: 9px;--cv-stripe-color: hsl(var(--cv-blue) / .2);--cv-layout-border-color: var(--lumo-contrast-40pct);--cv-checkerboard-color1: hsl(0 0% 0% / .05);--cv-checkerboard-color2: hsl(0 0% 100% / .05);--cv-checkerboard-size: 16px}.calendar-view[dragging]{--cv-checkerboard-color1: hsl(var(--cv-blue) / .2);--cv-checkerboard-color2: hsl(var(--cv-blue) / .1);--cv-layout-border-color: var(--cv-dropzone-border-color)}.calendar-view .preview-container{display:contents}.calendar-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.calendar-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.calendar-view[dragging] .layout:not([style*="gap:"]){gap:8px}.calendar-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.calendar-view .cover-overlay{position:absolute;border-radius:1px}.calendar-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.calendar-view:not([starting-drag]) .cover-overlay.editable-editing{outline:1px solid hsl(var(--cv-blue) / 1);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.calendar-view .overlays,.calendar-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.calendar-view:not([dragging]) .drop-zones{pointer-events:none}.calendar-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.calendar-view[dragging] .drop-zone:not([empty-layout]){outline:1px dashed var(--cv-dropzone-border-color);outline-offset:-2px;background-color:var(--cv-dropzone-bg-color)}.calendar-view .drop-zone[remaining-space]{background:repeating-linear-gradient(-45deg,var(--cv-stripe-color),var(--cv-stripe-color) var(--cv-stripe-width),transparent var(--cv-stripe-width),transparent var(--cv-stripe-gap))}.calendar-view[dragging] .drop-zone[drag-over]{background:var(--cv-droptarget-bg-color);outline:1px solid var(--cv-droptarget-border-color);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.calendar-view:not([readonly]) .layout[empty],vaadin-form-layout[empty]{border-radius:1px;background:repeating-conic-gradient(var(--cv-checkerboard-color1) 0% 25%,var(--cv-checkerboard-color2) 0% 50%) 50% / var(--cv-checkerboard-size) var(--cv-checkerboard-size);background-clip:content-box;outline:1px dashed var(--cv-layout-border-color);outline-offset:-2px}.calendar-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.calendar-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.calendar-view[readonly] .drop-zones,.calendar-view[readonly] .overlays,.calendar-view[inline-editing] .drop-zones,.calendar-view[inline-editing] .overlays{display:none}.calendar-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.calendar-view[dragging] vaadin-form-layout{padding:8px}.calendar-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.calendar-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.expenses-view{padding:2px;box-sizing:border-box;display:block;position:relative;height:100%;overflow-y:auto;--cv-blue: 212 96% 54%;--cv-purple: 259 97% 66%;--cv-dropzone-border-color: hsl(var(--cv-blue) / .5);--cv-dropzone-bg-color: hsl(var(--cv-blue) / .2);--cv-droptarget-border-color: hsl(var(--cv-purple) / 1);--cv-droptarget-bg-color: hsl(var(--cv-purple) / .4);--cv-stripe-width: 1.5px;--cv-stripe-gap: 9px;--cv-stripe-color: hsl(var(--cv-blue) / .2);--cv-layout-border-color: var(--lumo-contrast-40pct);--cv-checkerboard-color1: hsl(0 0% 0% / .05);--cv-checkerboard-color2: hsl(0 0% 100% / .05);--cv-checkerboard-size: 16px}.expenses-view[dragging]{--cv-checkerboard-color1: hsl(var(--cv-blue) / .2);--cv-checkerboard-color2: hsl(var(--cv-blue) / .1);--cv-layout-border-color: var(--cv-dropzone-border-color)}.expenses-view .preview-container{display:contents}.expenses-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.expenses-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.expenses-view[dragging] .layout:not([style*="gap:"]){gap:8px}.expenses-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.expenses-view .cover-overlay{position:absolute;border-radius:1px}.expenses-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.expenses-view:not([starting-drag]) .cover-overlay.editable-editing{outline:1px solid hsl(var(--cv-blue) / 1);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.expenses-view .overlays,.expenses-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.expenses-view:not([dragging]) .drop-zones{pointer-events:none}.expenses-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.expenses-view[dragging] .drop-zone:not([empty-layout]){outline:1px dashed var(--cv-dropzone-border-color);outline-offset:-2px;background-color:var(--cv-dropzone-bg-color)}.expenses-view .drop-zone[remaining-space]{background:repeating-linear-gradient(-45deg,var(--cv-stripe-color),var(--cv-stripe-color) var(--cv-stripe-width),transparent var(--cv-stripe-width),transparent var(--cv-stripe-gap))}.expenses-view[dragging] .drop-zone[drag-over]{background:var(--cv-droptarget-bg-color);outline:1px solid var(--cv-droptarget-border-color);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.drop-zone[empty-layout]{z-index:-1}.expenses-view:not([readonly]) .layout[empty],vaadin-form-layout[empty]{border-radius:1px;background:repeating-conic-gradient(var(--cv-checkerboard-color1) 0% 25%,var(--cv-checkerboard-color2) 0% 50%) 50% / var(--cv-checkerboard-size) var(--cv-checkerboard-size);background-clip:content-box;outline:1px dashed var(--cv-layout-border-color);outline-offset:-2px}.expenses-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.expenses-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.expenses-view[readonly] .drop-zones,.expenses-view[readonly] .overlays,.expenses-view[inline-editing] .drop-zones,.expenses-view[inline-editing] .overlays{display:none}.expenses-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.expenses-view[dragging] vaadin-form-layout{padding:8px}.expenses-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.expenses-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.checkout-view aside{top:calc(var(--lumo-space-xl) + var(--_vaadin-app-layout-navbar-offset-size))}@media (min-width: 1024px){.checkout-view main{grid-template-columns:auto 324px}}.help-view ol{grid-template-columns:repeat(auto-fill,minmax(256px,1fr))}.help-view li{transition:all .2s cubic-bezier(.4,0,.2,1);transition-property:background-color,box-shadow}.help-view li:hover{background-color:var(--lumo-base-color);box-shadow:var(--lumo-box-shadow-s)}.reviews-view{display:block;height:100%}.reviews-view vaadin-grid{height:100%;line-height:var(--lumo-line-height-m)}.reviews-view vaadin-grid,.reviews-view vaadin-grid-cell-content{background-color:var(--lumo-contrast-10pct)}.reviews-view .card{background-color:var(--lumo-base-color);border-radius:var(--lumo-border-radius-m);box-shadow:var(--lumo-box-shadow-xs);padding:var(--lumo-space-m)}.reviews-view img{border-radius:50%;flex-shrink:0;height:var(--lumo-size-m);margin-right:calc(var(--lumo-space-s) * 1.5);width:var(--lumo-size-m)}.reviews-view .header{align-items:baseline}.reviews-view .name{font-size:var(--lumo-font-size-s);font-weight:700;margin-right:var(--lumo-space-s)}.reviews-view .date{color:var(--lumo-tertiary-text-color);font-size:var(--lumo-font-size-xs)}.reviews-view .post{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s);margin-bottom:var(--lumo-space-s);white-space:normal}.reviews-view .actions{align-items:center}.reviews-view .icon{color:var(--lumo-tertiary-text-color);height:calc(var(--lumo-icon-size-s) * .8);margin-right:var(--lumo-space-s);width:calc(var(--lumo-icon-size-s) * .8)}.reviews-view .likes,.reviews-view .comments,.reviews-view .shares{color:var(--lumo-tertiary-text-color);font-size:var(--lumo-font-size-xs);margin-right:var(--lumo-space-l)}.profile-header,.subscription-section,.profile-section{background:var(--lumo-base-color);border-radius:var(--lumo-border-radius-m);box-shadow:var(--sc-shadow-sm)}.subscription-cards{display:flex;gap:var(--lumo-space-m);justify-content:center;align-items:stretch;flex-wrap:nowrap;padding:var(--lumo-space-m) var(--lumo-space-s);margin:var(--lumo-space-s) 0}.subscription-card{background:var(--lumo-base-color);border:1px solid var(--lumo-contrast-20pct);border-radius:var(--lumo-border-radius-l);box-shadow:var(--sc-shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;flex:1;min-width:220px;max-width:280px;display:flex;flex-direction:column;justify-content:space-between;margin:var(--lumo-space-xs) var(--lumo-space-xs)}.subscription-card:hover{transform:translateY(-6px);box-shadow:var(--sc-shadow-lg);border-color:var(--lumo-primary-color-50pct)}.subscription-card.current-plan{border-color:var(--sc-success);box-shadow:var(--sc-shadow-sm)}.subscription-card.current-plan:hover{box-shadow:var(--sc-shadow-lg);transform:translateY(-6px)}.subscription-card.premium-card{border-color:var(--lumo-primary-color);position:relative;overflow:visible}.subscription-card.premium-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--lumo-primary-color),var(--lumo-success-color));border-radius:var(--lumo-border-radius-l) var(--lumo-border-radius-l) 0 0}.subscription-card.premium-card:hover{border-color:var(--lumo-primary-color);box-shadow:var(--sc-shadow-lg);transform:translateY(-6px) scale(1.02)}.subscription-card.premium-card-plus{border-color:var(--lumo-error-color);position:relative;overflow:visible}.subscription-card.premium-card-plus:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--lumo-error-color),var(--lumo-warning-color));border-radius:var(--lumo-border-radius-l) var(--lumo-border-radius-l) 0 0}.subscription-card.premium-card-plus:hover{border-color:var(--lumo-error-color);box-shadow:var(--sc-shadow-lg);transform:translateY(-6px) scale(1.02)}.premium-price{color:var(--lumo-primary-color);font-weight:600}.premium-card-plus .premium-price{color:var(--lumo-error-color);font-weight:600}.current-plan-badge{background:var(--lumo-success-color);color:var(--lumo-success-contrast-color);padding:var(--lumo-space-xs) var(--lumo-space-s);border-radius:var(--lumo-border-radius-m);font-size:var(--lumo-font-size-s);font-weight:600;text-align:center;display:block;margin:var(--lumo-space-s);margin-top:auto}.subscription-card-button{width:calc(100% - 2 * var(--lumo-space-s));margin:var(--lumo-space-s);margin-top:auto;border-radius:15px!important;transition:all .3s ease;font-weight:600;min-height:44px}.premium-button{background:var(--lumo-primary-color);color:var(--lumo-primary-contrast-color);border:none}.premium-button:hover{background:var(--lumo-primary-color-50pct);transform:translateY(-1px)}.premium-card-plus .subscription-card-button{background:var(--lumo-error-color);color:var(--lumo-error-contrast-color);border:none}.premium-card-plus .subscription-card-button:hover{background:var(--lumo-error-color-50pct);transform:translateY(-1px)}.free-price{color:var(--lumo-success-color)!important;font-weight:700}.subscription-card-content{flex:1;display:flex;flex-direction:column}.subscription-card-footer{margin-top:auto}.store-card{background:var(--lumo-base-color);border:1px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-m);box-shadow:var(--sc-shadow-sm);transition:all .2s ease}.store-card:hover{box-shadow:var(--sc-shadow-md);border-color:var(--lumo-primary-color-50pct)}.role-badge{background:var(--lumo-primary-color-10pct);color:var(--lumo-primary-color);padding:var(--lumo-space-xs) var(--lumo-space-s);border-radius:var(--lumo-border-radius-s);font-size:var(--lumo-font-size-s);font-weight:500}@media (max-width: 768px){.subscription-cards{justify-content:flex-start;padding:var(--lumo-space-m) var(--lumo-space-m);overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.subscription-card{flex:0 0 auto;min-width:260px;max-width:260px;margin:var(--lumo-space-xs) var(--lumo-space-xs)}}@media (max-width: 768px){.subscription-cards::-webkit-scrollbar{display:none}.subscription-cards{scrollbar-width:none;-ms-overflow-style:none}}html{--sc-primary: #232F72;--sc-primary-dark: #121358;--sc-primary-hover: #1A2363;--sc-primary-active: #0E1148;--sc-primary-50: #5762B6;--sc-primary-20: #D3D7EA;--sc-primary-10: #E8EAF5;--sc-primary-05: #F4F6FB;--sc-on-primary: #FFFFFF;--sc-accent-gold: #C9A35E;--sc-rail: var(--sc-primary-10);--sc-text: #121358;--sc-text-secondary: #4A5283;--sc-text-muted: #7A82A8;--sc-text-disabled: #ADB1CC;--sc-text-on-dark: #FFFFFF;--sc-surface: #FFFFFF;--sc-surface-subtle: #F4F6FB;--sc-surface-muted: #E8EAF5;--sc-border: #D8DDED;--sc-border-strong: #B0B5D5;--sc-success: #1F7A4A;--sc-success-bg: #E5F3EC;--sc-success-text: #0F4A2E;--sc-error: #B2253B;--sc-error-bg: #FBE7EB;--sc-error-text: #7A1626;--sc-warning: #C97614;--sc-warning-bg: #FAEFD9;--sc-warning-border: #E8C97C;--sc-warning-text: #6D3F09;--sc-info: #2A8FA8;--sc-info-bg: #E2F1F5;--sc-info-text: #14515F;--lumo-primary-color: var(--sc-primary);--lumo-primary-color-50pct: rgba(35, 47, 114, .5);--lumo-primary-color-10pct: rgba(35, 47, 114, .1);--lumo-primary-text-color: var(--sc-primary-dark);--lumo-primary-contrast-color: var(--sc-on-primary);--lumo-error-color: var(--sc-error);--lumo-error-color-50pct: rgba(178, 37, 59, .5);--lumo-error-color-10pct: rgba(178, 37, 59, .1);--lumo-error-text-color: var(--sc-error-text);--lumo-error-contrast-color: var(--sc-on-primary);--lumo-success-color: var(--sc-success);--lumo-success-color-50pct: rgba(31, 122, 74, .5);--lumo-success-color-10pct: rgba(31, 122, 74, .1);--lumo-success-text-color: var(--sc-success-text);--lumo-success-contrast-color: var(--sc-on-primary);--lumo-base-color: #FAFAFC;--lumo-border-radius-s: 15px;--lumo-border-radius-m: 15px;--lumo-border-radius-l: 15px;--sc-shadow-sm: 0 2px 6px rgba(18, 19, 88, .08);--sc-shadow-md: 0 6px 18px rgba(18, 19, 88, .1);--sc-shadow-lg: 0 16px 40px rgba(18, 19, 88, .16);--lumo-box-shadow-xs: var(--sc-shadow-sm);--lumo-box-shadow-s: var(--sc-shadow-sm);--lumo-box-shadow-m: var(--sc-shadow-md);--lumo-box-shadow-l: var(--sc-shadow-md);--lumo-box-shadow-xl: var(--sc-shadow-lg);--lumo-body-text-color: var(--sc-text);--lumo-header-text-color: var(--sc-primary-dark);--lumo-secondary-text-color: var(--sc-text-secondary);--lumo-tertiary-text-color: var(--sc-text-muted)}@media (min-width: 800px){vaadin-app-layout{background-color:var(--sc-rail);background-image:url(./sarraf-pattern-DIonqaU0.svg);background-repeat:repeat;background-size:150px 150px;background-position:0 0;background-attachment:fixed}vaadin-app-layout>:not([slot]){background-color:var(--lumo-base-color);margin-block:15px;margin-inline:auto;min-height:calc(100% - 30px);box-sizing:border-box;border-radius:15px;box-shadow:var(--sc-shadow-md)}vaadin-app-layout>:not([slot]):not(.full-width-view):not(.sc-bare-view){max-width:min(1200px,calc(100% - 30px))}vaadin-app-layout>.full-width-view{max-width:min(1500px,calc(100% - 30px))}vaadin-app-layout>.sc-bare-view{max-width:none;margin:0;border-radius:0;box-shadow:none;background-color:transparent;padding-top:0;min-height:100%}@keyframes sc-card-expand{0%{max-width:1200px}65%{max-width:min(1560px,calc(100% - 6px))}to{max-width:min(1500px,calc(100% - 30px))}}@keyframes sc-card-shrink{0%{max-width:min(1500px,calc(100% - 30px))}65%{max-width:1100px}to{max-width:1200px}}vaadin-app-layout>.sc-transition-expand{animation:sc-card-expand .42s cubic-bezier(.25,.85,.3,1) backwards}vaadin-app-layout>.sc-transition-shrink{animation:sc-card-shrink .42s cubic-bezier(.25,.85,.3,1) backwards}}vaadin-grid::part(cell),vaadin-grid::part(header-cell),vaadin-grid::part(footer-cell){padding-block:var(--lumo-space-s);padding-inline:var(--lumo-space-m)}vaadin-app-layout :is(h1,h2,h3,h4){margin-block-start:0;margin-block-end:var(--lumo-space-s);line-height:1.25}@media (min-width: 800px){vaadin-app-layout>:not([slot]):not(.full-width-view)>*+*{margin-block-start:var(--lumo-space-m)}}vaadin-app-layout>:not([slot]){padding-top:var(--lumo-space-l)}vaadin-app-layout>.full-width-view{padding-top:12px}.customers-view{box-sizing:border-box;padding-inline:var(--lumo-space-l)}@media (max-width: 800px){vaadin-tabs vaadin-tab span[theme~=badge]{display:none}}.stocker-joined-selects{gap:0!important;flex-shrink:0}.stocker-joined-selects>vaadin-select:not(:last-child)::part(input-field){border-top-right-radius:0;border-bottom-right-radius:0}.stocker-joined-selects>vaadin-select:not(:first-child)::part(input-field){border-top-left-radius:0;border-bottom-left-radius:0;border-left:1px solid var(--lumo-contrast-20pct)}vaadin-combo-box-overlay,vaadin-select-overlay,vaadin-date-picker-overlay,vaadin-time-picker-overlay{z-index:1100!important}