@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";html{--lumo-font-family: "Inter", "Roboto Flex", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--lumo-font-size-xxxl: 2.25rem;--lumo-font-size-xxl: 1.75rem;--lumo-font-size-xl: 1.375rem;--lumo-font-size-l: 1.125rem;--lumo-font-size-m: .9375rem;--lumo-font-size-s: .8125rem;--lumo-font-size-xs: .75rem;--lumo-line-height-m: 1.5;--lumo-line-height-s: 1.375;--lumo-line-height-xs: 1.25}html{--lumo-primary-color: #1565C0;--lumo-primary-color-50pct: hsla(211, 82%, 38%, .16);--lumo-primary-color-10pct: hsla(211, 82%, 38%, .08);--lumo-primary-text-color: #1565C0;--lumo-primary-contrast-color: #ffffff;--lumo-success-color: #2E7D32;--lumo-success-color-50pct: hsla(125, 46%, 33%, .16);--lumo-success-color-10pct: hsla(125, 46%, 33%, .08);--lumo-success-text-color: #2E7D32;--lumo-success-contrast-color: #ffffff;--lumo-error-color: #C62828;--lumo-error-color-50pct: hsla(0, 65%, 47%, .16);--lumo-error-color-10pct: hsla(0, 65%, 47%, .08);--lumo-error-text-color: #C62828;--lumo-error-contrast-color: #ffffff;--posmate-warning-color: #E65100;--lumo-warning-color: #E65100;--lumo-base-color: #FAFAFA;--lumo-tint: #ffffff;--lumo-shade: #000000;--lumo-body-text-color: hsla(0, 0%, 10%, .9);--lumo-secondary-text-color: hsla(0, 0%, 10%, .6);--lumo-tertiary-text-color: hsla(0, 0%, 10%, .4);--lumo-disabled-text-color: hsla(0, 0%, 10%, .3);--lumo-header-text-color: hsla(0, 0%, 10%, .95);--lumo-contrast-5pct: hsla(0, 0%, 0%, .04);--lumo-contrast-10pct: hsla(0, 0%, 0%, .08);--lumo-contrast-20pct: hsla(0, 0%, 0%, .12);--lumo-contrast-30pct: hsla(0, 0%, 0%, .18);--lumo-contrast-40pct: hsla(0, 0%, 0%, .24);--lumo-contrast-50pct: hsla(0, 0%, 0%, .36);--lumo-contrast-60pct: hsla(0, 0%, 0%, .48);--lumo-contrast-70pct: hsla(0, 0%, 0%, .6);--lumo-contrast-80pct: hsla(0, 0%, 0%, .72);--lumo-contrast-90pct: hsla(0, 0%, 0%, .88);--lumo-contrast: hsla(0, 0%, 0%, .95)}[theme~=dark]{--lumo-primary-color: #90CAF9;--lumo-primary-color-50pct: hsla(207, 89%, 77%, .2);--lumo-primary-color-10pct: hsla(207, 89%, 77%, .1);--lumo-primary-text-color: #90CAF9;--lumo-primary-contrast-color: #0D3B66;--lumo-success-color: #81C784;--lumo-success-color-50pct: hsla(123, 38%, 64%, .2);--lumo-success-color-10pct: hsla(123, 38%, 64%, .1);--lumo-success-text-color: #81C784;--lumo-success-contrast-color: #1B5E20;--lumo-error-color: #EF9A9A;--lumo-error-color-50pct: hsla(0, 73%, 78%, .2);--lumo-error-color-10pct: hsla(0, 73%, 78%, .1);--lumo-error-text-color: #EF9A9A;--lumo-error-contrast-color: #7F1D1D;--posmate-warning-color: #FFB74D;--lumo-warning-color: #FFB74D;--lumo-base-color: #1C1B1F;--lumo-tint: #2B2930;--lumo-shade: #000000;--lumo-body-text-color: hsla(0, 0%, 100%, .87);--lumo-secondary-text-color: hsla(0, 0%, 100%, .6);--lumo-tertiary-text-color: hsla(0, 0%, 100%, .38);--lumo-disabled-text-color: hsla(0, 0%, 100%, .25);--lumo-header-text-color: hsla(0, 0%, 100%, .92);--lumo-contrast-5pct: hsla(0, 0%, 100%, .05);--lumo-contrast-10pct: hsla(0, 0%, 100%, .1);--lumo-contrast-20pct: hsla(0, 0%, 100%, .14);--lumo-contrast-30pct: hsla(0, 0%, 100%, .2);--lumo-contrast-40pct: hsla(0, 0%, 100%, .26);--lumo-contrast-50pct: hsla(0, 0%, 100%, .36);--lumo-contrast-60pct: hsla(0, 0%, 100%, .48);--lumo-contrast-70pct: hsla(0, 0%, 100%, .6);--lumo-contrast-80pct: hsla(0, 0%, 100%, .72);--lumo-contrast-90pct: hsla(0, 0%, 100%, .88);--lumo-contrast: hsla(0, 0%, 100%, .95)}html{--lumo-box-shadow-xs: 0 1px 2px rgba(0, 0, 0, .08);--lumo-box-shadow-s: 0 1px 3px 1px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--lumo-box-shadow-m: 0 2px 6px 2px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--lumo-box-shadow-l: 0 4px 8px 3px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .08);--lumo-box-shadow-xl: 0 6px 10px 4px rgba(0, 0, 0, .1), 0 2px 3px rgba(0, 0, 0, .08)}[theme~=dark]{--lumo-box-shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--lumo-box-shadow-s: 0 1px 3px 1px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .15);--lumo-box-shadow-m: 0 2px 6px 2px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .15);--lumo-box-shadow-l: 0 4px 8px 3px rgba(0, 0, 0, .25), 0 1px 3px rgba(0, 0, 0, .2);--lumo-box-shadow-xl: 0 6px 10px 4px rgba(0, 0, 0, .3), 0 2px 3px rgba(0, 0, 0, .2)}html{--lumo-border-radius-s: 8px;--lumo-border-radius-m: 12px;--lumo-border-radius-l: 16px;--posmate-radius-xl: 28px;--posmate-radius-full: 9999px}html{--lumo-space-xs: .25rem;--lumo-space-s: .5rem;--lumo-space-m: 1rem;--lumo-space-l: 1.5rem;--lumo-space-xl: 2rem;--lumo-size-xs: 1.5rem;--lumo-size-s: 1.875rem;--lumo-size-m: 2.25rem;--lumo-size-l: 2.75rem;--lumo-size-xl: 3.25rem}vaadin-app-layout{--vaadin-app-layout-navbar-background: var(--lumo-base-color);--vaadin-app-layout-drawer-background: var(--lumo-base-color)}vaadin-app-layout::part(navbar){box-shadow:var(--lumo-box-shadow-s);z-index:1;min-height:64px;border-bottom:none}vaadin-app-layout::part(drawer){border-right:1px solid var(--lumo-contrast-10pct);padding:var(--lumo-space-s)}.m3-header{background:transparent;padding:0 var(--lumo-space-m)}.m3-header h1,.app-title{font-weight:600;font-size:var(--lumo-font-size-l);color:var(--lumo-primary-text-color);letter-spacing:-.01em}.m3-header [theme~=badge]{font-size:var(--lumo-font-size-xs);border-radius:var(--posmate-radius-full);padding:2px 10px}vaadin-drawer-toggle{border-radius:var(--lumo-border-radius-m);color:var(--lumo-body-text-color)}vaadin-drawer-toggle:hover{background:var(--lumo-contrast-5pct)}vaadin-side-nav{padding:var(--lumo-space-xs)}vaadin-side-nav-item{border-radius:var(--posmate-radius-xl);margin:2px 0;transition:background-color .2s ease,color .2s ease}vaadin-side-nav-item:hover{background:var(--lumo-contrast-5pct)}vaadin-side-nav-item[active]{background:var(--lumo-primary-color-10pct);color:var(--lumo-primary-text-color);font-weight:500}vaadin-side-nav-item[active]:before{display:none}vaadin-side-nav-item vaadin-icon{color:var(--lumo-secondary-text-color);transition:color .2s ease}vaadin-side-nav-item[active] vaadin-icon{color:var(--lumo-primary-text-color)}vaadin-side-nav-item:hover vaadin-icon{color:var(--lumo-body-text-color)}vaadin-grid{--_lumo-grid-border-color: var(--lumo-contrast-10pct);--_lumo-grid-secondary-border-color: var(--lumo-contrast-5pct);border:none;border-radius:var(--lumo-border-radius-l);overflow:hidden;box-shadow:var(--lumo-box-shadow-xs);background:var(--lumo-base-color)}vaadin-grid::part(header-cell){font-weight:500;font-size:var(--lumo-font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--lumo-secondary-text-color);background:var(--lumo-contrast-5pct);border-bottom:1px solid var(--lumo-contrast-10pct)}vaadin-grid::part(cell){border-bottom:1px solid var(--lumo-contrast-5pct);font-size:var(--lumo-font-size-s);min-height:48px}vaadin-grid::part(row):hover vaadin-grid::part(cell){background:var(--lumo-contrast-5pct)}vaadin-grid::part(selected-row) vaadin-grid::part(cell){background:var(--lumo-primary-color-10pct)}vaadin-grid::part(first-header-row-cell){border-top:none}vaadin-grid-sorter{color:var(--lumo-secondary-text-color)}vaadin-grid-sorter[direction]{color:var(--lumo-primary-text-color)}vaadin-button{border-radius:20px;font-weight:500;letter-spacing:.02em;transition:background-color .2s ease,box-shadow .2s ease,transform .15s ease;cursor:pointer}vaadin-button[theme~=primary]{background:var(--lumo-primary-color);color:var(--lumo-primary-contrast-color);box-shadow:var(--lumo-box-shadow-xs)}vaadin-button[theme~=primary]:hover{box-shadow:var(--lumo-box-shadow-s);filter:brightness(1.08)}vaadin-button[theme~=primary]:active{transform:scale(.98);box-shadow:var(--lumo-box-shadow-xs)}vaadin-button[theme~=tertiary]{border-radius:20px}vaadin-button[theme~=tertiary]:hover{background:var(--lumo-contrast-5pct)}vaadin-button[theme~=error]{color:var(--lumo-error-text-color)}vaadin-button[theme~=error][theme~=primary]{background:var(--lumo-error-color);color:var(--lumo-error-contrast-color)}vaadin-button[theme~=small]{font-size:var(--lumo-font-size-xs);min-height:var(--lumo-size-s);padding:0 var(--lumo-space-m)}vaadin-button[theme~=icon]{border-radius:50%;min-width:var(--lumo-size-m);padding:0}vaadin-button[theme~=icon]:hover{background:var(--lumo-contrast-5pct)}vaadin-button[disabled]{opacity:.38;cursor:not-allowed}vaadin-text-field,vaadin-password-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker,vaadin-select{--vaadin-input-field-border-radius: var(--lumo-border-radius-m)}vaadin-text-field::part(input-field),vaadin-password-field::part(input-field),vaadin-text-area::part(input-field),vaadin-combo-box::part(input-field),vaadin-date-picker::part(input-field),vaadin-select::part(input-field){border-radius:var(--lumo-border-radius-m);background:var(--lumo-contrast-5pct);border:1px solid transparent;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}vaadin-text-field:hover::part(input-field),vaadin-password-field:hover::part(input-field),vaadin-combo-box:hover::part(input-field),vaadin-date-picker:hover::part(input-field){background:var(--lumo-contrast-10pct)}vaadin-text-field[focused]::part(input-field),vaadin-password-field[focused]::part(input-field),vaadin-combo-box[focused]::part(input-field),vaadin-date-picker[focused]::part(input-field){border-color:var(--lumo-primary-color);box-shadow:0 0 0 1px var(--lumo-primary-color);background:var(--lumo-base-color)}vaadin-text-field[invalid]::part(input-field),vaadin-password-field[invalid]::part(input-field){border-color:var(--lumo-error-color);box-shadow:0 0 0 1px var(--lumo-error-color)}vaadin-text-field::part(label),vaadin-password-field::part(label),vaadin-combo-box::part(label),vaadin-date-picker::part(label){font-size:var(--lumo-font-size-s);font-weight:500;color:var(--lumo-secondary-text-color)}vaadin-text-field::part(helper-text),vaadin-password-field::part(helper-text){font-size:var(--lumo-font-size-xs);color:var(--lumo-tertiary-text-color)}vaadin-text-field::part(error-message),vaadin-password-field::part(error-message){font-size:var(--lumo-font-size-xs);color:var(--lumo-error-text-color)}vaadin-checkbox::part(checkbox){border-radius:4px;transition:background-color .2s ease}vaadin-checkbox[checked]::part(checkbox){background:var(--lumo-primary-color);border-color:var(--lumo-primary-color)}vaadin-dialog-overlay::part(overlay){border-radius:var(--posmate-radius-xl);box-shadow:var(--lumo-box-shadow-xl);background:var(--lumo-base-color);border:none}vaadin-dialog-overlay::part(header){border-bottom:1px solid var(--lumo-contrast-10pct);padding:var(--lumo-space-m) var(--lumo-space-l);font-weight:600;font-size:var(--lumo-font-size-l)}vaadin-dialog-overlay::part(content){padding:var(--lumo-space-l)}vaadin-dialog-overlay::part(footer){border-top:1px solid var(--lumo-contrast-10pct);padding:var(--lumo-space-s) var(--lumo-space-l);gap:var(--lumo-space-s)}vaadin-dialog-overlay::part(backdrop){background:#00000052}[theme~=dark] vaadin-dialog-overlay::part(backdrop){background:#00000080}vaadin-confirm-dialog-overlay::part(overlay){border-radius:var(--posmate-radius-xl);box-shadow:var(--lumo-box-shadow-xl)}[theme~=badge]{border-radius:var(--posmate-radius-full);font-size:var(--lumo-font-size-xs);font-weight:500;padding:2px 12px;min-height:24px;display:inline-flex;align-items:center;text-transform:none;letter-spacing:.01em}[theme~=badge][theme~=success]{background:var(--lumo-success-color-10pct);color:var(--lumo-success-text-color)}[theme~=badge][theme~=error]{background:var(--lumo-error-color-10pct);color:var(--lumo-error-text-color)}[theme~=badge][theme~=contrast]{background:var(--lumo-contrast-10pct);color:var(--lumo-secondary-text-color)}[theme~=badge][theme~=primary]{background:var(--lumo-primary-color-10pct);color:var(--lumo-primary-text-color)}[theme~=badge][theme~=small]{font-size:.6875rem;padding:1px 8px;min-height:20px}vaadin-tabs{box-shadow:inset 0 -1px 0 var(--lumo-contrast-10pct)}vaadin-tab{font-weight:500;padding:var(--lumo-space-s) var(--lumo-space-m);color:var(--lumo-secondary-text-color);transition:color .2s ease;border-radius:var(--lumo-border-radius-s) var(--lumo-border-radius-s) 0 0}vaadin-tab:hover{color:var(--lumo-body-text-color);background:var(--lumo-contrast-5pct)}vaadin-tab[selected]{color:var(--lumo-primary-text-color)}vaadin-tab[selected]:after{background:var(--lumo-primary-color);border-radius:3px 3px 0 0;height:3px}vaadin-notification-card{border-radius:var(--lumo-border-radius-m);box-shadow:var(--lumo-box-shadow-l);font-size:var(--lumo-font-size-s)}vaadin-notification-card[theme~=success]{background:var(--lumo-success-color);color:var(--lumo-success-contrast-color)}vaadin-notification-card[theme~=error]{background:var(--lumo-error-color);color:var(--lumo-error-contrast-color)}.login-view{background:linear-gradient(135deg,#e3f2fd,#fafafa,#e8f5e9);min-height:100vh}[theme~=dark] .login-view{background:linear-gradient(135deg,#0d3b66,#1c1b1f,#1b5e20)}.login-card{background:var(--lumo-base-color);border-radius:var(--posmate-radius-xl);box-shadow:var(--lumo-box-shadow-l);padding:var(--lumo-space-xl) var(--lumo-space-xl) var(--lumo-space-l);max-width:420px;width:100%;text-align:center}.login-card h1{font-size:var(--lumo-font-size-xxl);font-weight:700;color:var(--lumo-primary-text-color);margin-bottom:var(--lumo-space-l);letter-spacing:-.02em}.login-card vaadin-login-form{width:100%}.login-card a{color:var(--lumo-primary-text-color);font-size:var(--lumo-font-size-s);text-decoration:none;transition:color .2s ease}.login-card a:hover{color:var(--lumo-primary-color);text-decoration:underline}.metric-card{display:flex;flex-direction:column;align-items:center;gap:var(--lumo-space-xs);padding:var(--lumo-space-l);background:var(--lumo-base-color);border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-s);min-width:180px;flex:1;transition:box-shadow .25s ease,transform .2s ease;cursor:default}.metric-card:hover{box-shadow:var(--lumo-box-shadow-m);transform:translateY(-2px)}.view-toolbar{gap:var(--lumo-space-s);padding:var(--lumo-space-s) 0;flex-wrap:wrap}.dashboard-view .card-row{gap:var(--lumo-space-m)}html.theme-transitioning,html.theme-transitioning *,html.theme-transitioning *:before,html.theme-transitioning *:after{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease,fill .3s ease!important}@media (max-width: 599px){.metric-card{min-width:100%!important}.view-toolbar{flex-direction:column;align-items:stretch!important}.view-toolbar vaadin-text-field,.view-toolbar vaadin-combo-box,.view-toolbar vaadin-date-picker{width:100%}vaadin-dialog-overlay::part(overlay){width:95vw!important;max-width:95vw!important;border-radius:var(--lumo-border-radius-l)}.login-card{margin:var(--lumo-space-m);padding:var(--lumo-space-l)}}@media (min-width: 600px) and (max-width: 839px){.metric-card{min-width:calc(50% - var(--lumo-space-m))}}@media (min-width: 840px) and (max-width: 1199px){.metric-card{min-width:calc(33% - var(--lumo-space-m))}}@media (min-width: 1200px){.metric-card{min-width:180px}}