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: 6px;--app-radius-m: 8px;--app-radius-l: 12px;--app-primary-color: #0065E9;--app-primary-color-hover: #0E4AA4;--app-primary-color-10pct: rgba(0, 101, 233, .1);--app-side-nav-background: #f8fafc;--app-side-nav-item-hover: rgba(0, 0, 0, .04);--app-side-nav-item-active-bg: #eff6ff;--app-side-nav-item-active-text: #1e40af;--app-side-nav-subitem-bg: transparent;--app-border-color: #e2e8f0;--app-border-color-hover: #cbd5e1;--app-surface-color: #ffffff;--app-surface-secondary: #f8fafc;--app-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--app-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--vaadin-side-nav-item-current-text-color: var(--app-side-nav-item-active-text);--vaadin-side-nav-item-current-background: var(--app-side-nav-item-active-bg)}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){background-color:var(--app-side-nav-background);border-inline-end:1px solid var(--app-border-color);overflow:hidden;width:260px}vaadin-side-nav{padding:var(--lumo-space-s)}vaadin-side-nav-item{font-size:var(--lumo-font-size-s);color:var(--lumo-body-text-color);margin-bottom:2px}vaadin-side-nav-item::part(link){border-radius:var(--app-radius-m);padding:var(--lumo-space-s) var(--lumo-space-m);transition:background-color .2s,color .2s;min-height:var(--lumo-size-m);cursor:pointer}vaadin-side-nav-item [slot=prefix]{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-l);margin-inline-end:var(--lumo-space-m);transition:color .2s}vaadin-side-nav-item::part(link):hover{background-color:var(--app-side-nav-item-hover);text-decoration:none}vaadin-side-nav-item:hover [slot=prefix]{color:var(--app-primary-color)}vaadin-side-nav-item[current]::part(link){background-color:var(--app-side-nav-item-active-bg);color:var(--app-side-nav-item-active-text);font-weight:600;position:relative}vaadin-side-nav-item[current]::part(link):before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background-color:var(--app-primary-color);border-radius:0 4px 4px 0}vaadin-side-nav-item[current] [slot=prefix]{color:var(--app-primary-color)}vaadin-side-nav-item[expanded]{background-color:#00000003;border-radius:var(--app-radius-m)}vaadin-side-nav-item[expanded]::part(link){color:var(--lumo-header-text-color)}vaadin-side-nav-item vaadin-side-nav-item{margin-top:1px;margin-bottom:1px}vaadin-side-nav-item::part(children){position:relative;margin-left:24px;border-left:1px solid var(--app-border-color);padding-left:4px}vaadin-side-nav-item vaadin-side-nav-item::part(link){padding-left:var(--lumo-space-m);font-size:calc(var(--lumo-font-size-s) * .95);background-color:transparent}vaadin-side-nav-item vaadin-side-nav-item[current]::part(link):before{left:-5px}vaadin-side-nav-item::part(toggle){color:var(--lumo-tertiary-text-color);transition:transform .2s,color .2s;cursor:pointer}vaadin-side-nav-item:hover::part(toggle){color:var(--lumo-secondary-text-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}}vaadin-combo-box-item.coral{color:coral}vaadin-combo-box-item.gold{color:gold}vaadin-combo-box-item.orange{color:orange}vaadin-combo-box-item.lightblue{color:#1e90ff}vaadin-combo-box-item.yellowgreen{color:#9acd32}vaadin-combo-box-item.lightgreen{color:#00008b}vaadin-text-field.campo-invalido::part(input-field){background-color:var(--lumo-error-color-10pct);border:1px solid var(--lumo-error-color)}
