html{--lumo-font-size-xs: .7rem;--lumo-font-size-s: .75rem;--lumo-font-size-m: .8rem;--lumo-font-size-l: .9rem;--lumo-size-xs: 1.25rem;--lumo-size-s: 1.5rem;--lumo-size-m: 1.75rem;--lumo-size-l: 2rem;--lumo-space-xs: .15rem;--lumo-space-s: .25rem;--lumo-space-m: .4rem;--lumo-space-l: .6rem;--app-radius-s: 10px;--app-radius-m: 12px;--app-radius-l: 18px;--app-primary-color: #0065E9;--app-primary-color-hover: #0E4AA4;--app-border-color: #d1d5db;--app-border-color-hover: #9ca3af;--app-surface-color: #ffffff;--app-surface-secondary: #f9fafb;--app-shadow: 0 8px 24px rgba(15, 23, 42, .06);--vaadin-side-nav-item-current-text-color: var(--app-primary-color);--vaadin-side-nav-item-current-background: transparent}vaadin-text-field,vaadin-number-field,vaadin-integer-field,vaadin-combo-box,vaadin-date-picker,vaadin-text-area{font-size:var(--lumo-font-size-s)}vaadin-text-field::part(label),vaadin-number-field::part(label),vaadin-integer-field::part(label),vaadin-combo-box::part(label),vaadin-date-picker::part(label),vaadin-text-area::part(label){font-size:var(--lumo-font-size-xs)}vaadin-button{font-size:var(--lumo-font-size-s);min-height:var(--lumo-size-s)}vaadin-tabs,vaadin-tab{font-size:var(--lumo-font-size-s)}vaadin-grid{font-size:var(--lumo-font-size-s)}vaadin-grid::part(green-rating){background:linear-gradient(var(--lumo-success-color-10pct),var(--lumo-success-color-10pct)) var(--lumo-base-color)}vaadin-grid::part(yellow-rating){background:linear-gradient(var(--lumo-warning-color-10pct),var(--lumo-warning-color-10pct)) var(--lumo-base-color)}vaadin-grid::part(red-rating){background:linear-gradient(var(--lumo-error-color-10pct),var(--lumo-error-color-10pct)) var(--lumo-base-color)}vaadin-grid::part(font-weight-bold){font-weight:700}vaadin-app-layout::part(drawer){overflow:hidden;width:250px}vaadin-side-nav-item::part(link){border-radius:var(--app-radius-m);margin-bottom:3px;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .15s ease}vaadin-side-nav-item::part(link):hover{background-color:#0065e914;color:var(--app-primary-color);box-shadow:0 2px 8px #0065e91f;transform:translate(2px)}vaadin-side-nav-item[current]::part(link){background-color:#0065e914;color:var(--app-primary-color);font-weight:600;border-radius:0;box-shadow:none!important;outline:none!important;border:none!important}vaadin-side-nav-item[current]::part(content){box-shadow:none!important;border:none!important;outline:none!important}vaadin-side-nav-item[current]{box-shadow:none!important;border:none!important;outline:none!important}vaadin-side-nav-item[current]::part(link),vaadin-side-nav-item[current]::part(content){border-bottom:none!important;box-shadow:none!important;outline:none!important}vaadin-side-nav-item[current]:before,vaadin-side-nav-item[current]:after{display:none!important}vaadin-side-nav-item::part(content){transition:color .2s ease}vaadin-side-nav-item:hover::part(content){color:var(--app-primary-color)}.login-view{background:radial-gradient(circle at top,#f8fafc,#eef2f7 45%,#e5eaf1)}.login-form{border-radius:var(--app-radius-l);overflow:hidden;animation:login-fade-in .35s ease-out}.login-form vaadin-login-form-wrapper{background:var(--app-surface-color);padding:32px;width:min(360px,calc(100vw - 32px));min-width:unset;border-radius:var(--app-radius-l);border:1px solid #e5e7eb;box-shadow:var(--app-shadow)}.login-form::part(form-title){font-size:1.45rem;font-weight:600;letter-spacing:-.5px;color:#111827}.login-form vaadin-text-field::part(label),.login-form vaadin-password-field::part(label){font-size:.95rem;font-weight:600;letter-spacing:.2px;color:#4b5563}.login-form vaadin-text-field,.login-form vaadin-password-field{--vaadin-input-field-background: var(--app-surface-secondary);--vaadin-input-field-border-width: 1px;--vaadin-input-field-border-color: var(--app-border-color);--vaadin-input-field-radius: var(--app-radius-m);min-height:48px}.login-form vaadin-text-field::part(input-field),.login-form vaadin-password-field::part(input-field){min-height:34px;padding-left:8px;padding-right:8px;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.login-form vaadin-text-field::part(input-field):hover,.login-form vaadin-password-field::part(input-field):hover{border-color:var(--app-border-color-hover)}.login-form vaadin-text-field[focused]::part(input-field),.login-form vaadin-password-field[focused]::part(input-field){border-color:var(--app-primary-color);box-shadow:0 0 0 3px #2563eb26}.login-form vaadin-text-field:focus-within::part(input-field),.login-form vaadin-password-field:focus-within::part(input-field){border-color:var(--app-primary-color)}.login-form vaadin-button{background:var(--app-primary-color);color:#fff;border-radius:var(--app-radius-s);height:42px;font-weight:600;font-size:.95rem;transition:background .2s ease,transform .1s ease,box-shadow .2s ease}.login-form vaadin-button:hover{background:var(--app-primary-color-hover)}.login-form vaadin-button:focus-visible{box-shadow:0 0 0 3px #2563eb40}.login-form vaadin-button:active{transform:scale(.98)}.dialog-title{font-size:14px;margin:0}@keyframes login-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.login-form vaadin-login-form-wrapper{padding:24px;width:calc(100vw - 24px)}.login-form::part(form-title){font-size:1.25rem}}
