vaadin-scroller[slot="drawer"]{padding: var(--lumo-space-s) var(--lumo-space-m);position: relative;z-index: 1;background: transparent}vaadin-side-nav-item vaadin-icon{padding: 0}[slot="drawer"]:is(header){display: flex;flex-direction: column;align-items: center;gap: 2px;padding: 0.5rem 1.25rem 1rem;border-bottom: 1px solid rgba(0,0,0,0.06);min-height: auto;box-sizing: border-box;position: relative;z-index: 1;background: transparent}[slot="drawer"]:is(footer){display: flex;flex-direction: column;gap: var(--lumo-space-xs);padding: var(--lumo-space-m) var(--lumo-space-l);border-top: 1px solid rgba(0,0,0,0.06);min-height: auto;box-sizing: border-box;position: relative;z-index: 1;background: transparent}[slot="drawer"]:is(header,footer):is(:empty){display: none}vaadin-side-nav{--_vaadin-side-nav-item-depth: 0}vaadin-side-nav-item{border-radius: var(--app-radius-sm);margin-bottom: 2px;transition: background-color 0.15s ease}vaadin-side-nav-item:hover{background-color: rgba(26,107,60,0.06)}vaadin-side-nav-item[active]{background-color: var(--app-accent-light);color: var(--app-accent);font-weight: 600}vaadin-side-nav-item::part(link),vaadin-side-nav-item::part(content){white-space: normal !important;overflow: visible !important;text-overflow: clip !important;height: auto !important;line-height: 1.3;align-items: center !important;mask-image: none !important;-webkit-mask-image: none !important}.sidebar-version{font-size: 0.625rem;color: var(--app-text-muted);text-align: center;margin-top: 0.5rem}html{--lumo-primary-color: #35448a;--lumo-primary-color-50pct: rgb(40 24 112);--lumo-primary-color-10pct: rgb(43 54 110 / 0.1);--lumo-primary-text-color: #1a4478;--lumo-base-color: #ffffff;--lumo-body-text-color: #1f2937;--lumo-secondary-text-color: #6b7280;--lumo-contrast-10pct: rgba(0,0,0,0.06);--lumo-contrast-20pct: rgba(0,0,0,0.1);--app-bg: #f8f9fa;--app-surface: #ffffff;--app-border: #e5e7eb;--app-sidebar-bg: #ffffff;--app-sidebar-width: 260px;--app-navbar-height: 56px;--app-accent: #321b97;--app-accent-light: #e8f5ec;--app-accent-dark: #224581;--app-text-primary: #222c3e;--app-text-secondary: #6b7280;--app-text-muted: #9ca3af;--app-card-shadow: 0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.06);--app-card-shadow-hover: 0 4px 16px rgba(0,0,0,0.12);--app-btn-shadow: 0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06);--app-btn-shadow-hover: 0 4px 12px rgba(0,0,0,0.15);--app-btn-shadow-active: 0 1px 2px rgba(0,0,0,0.1);--app-grid-shadow: 0 2px 8px rgba(0,0,0,0.06),0 1px 3px rgba(0,0,0,0.04);--app-grid-shadow-hover: 0 6px 20px rgba(0,0,0,0.1);--app-radius: 12px;--app-radius-sm: 8px;--lumo-size-xl: 3rem;--lumo-size-l: 2.5rem;--lumo-size-m: 2.25rem;--lumo-size-s: 1.875rem;--lumo-size-xs: 1.5rem;--lumo-space-xl: 1.75rem;--lumo-space-l: 1.25rem;--lumo-space-m: 0.75rem;--lumo-space-s: 0.5rem;--lumo-space-xs: 0.25rem;--lumo-font-family: 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--lumo-font-size: 0.9375rem;--lumo-font-size-xxxl: 1.75rem;--lumo-font-size-xxl: 1.375rem;--lumo-font-size-xl: 1.125rem;--lumo-font-size-l: 1rem;--lumo-font-size-m: 0.875rem;--lumo-font-size-s: 0.8125rem;--lumo-font-size-xs: 0.75rem;--lumo-font-size-xxs: 0.6875rem;--lumo-line-height-m: 1.5;--lumo-line-height-s: 1.3;--lumo-line-height-xs: 1.2;--lumo-border-radius-s: 6px;--lumo-border-radius-m: 8px;--lumo-border-radius-l: 12px}body{background-color: var(--app-bg);font-family: var(--lumo-font-family);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}vaadin-app-layout{--vaadin-app-layout-drawer-overlay: false}vaadin-app-layout::part(navbar){background: linear-gradient( to right,rgb(176 178 209 / 0.82) 0%,rgb(176 178 209 / 0.48) 12%,rgb(176 178 209 / 0.40) 30%,rgb(176 178 209/ 0.3) 65%,#ededed 100% );border-bottom: none;border-radius: 16px;box-shadow: 4px 0 20px rgba(0,0,0,0.10),8px 0 40px rgba(0,0,0,0.06),1px 0 6px rgba(0,0,0,0.04);height: var(--app-navbar-height);min-height: var(--app-navbar-height);margin: 0.75rem 1rem 0.75rem 1.25rem}vaadin-app-layout::part(drawer){border-right: none;border-radius: 16px 24px 24px 16px;box-shadow: 4px 0 20px rgba(0,0,0,0.10),8px 0 40px rgba(0,0,0,0.06),1px 0 6px rgba(0,0,0,0.04);width: var(--app-sidebar-width);overflow: hidden;margin: 0.75rem 0.75rem 0.75rem 0.75rem;background: linear-gradient( 175deg,rgb(176 178 209 / 0.82) 0%,rgb(176 178 209 / 0.48) 12%,rgb(176 178 209 / 0.40) 30%,rgb(176 178 209/ 0.3) 65%,#ededed 100% )}vaadin-app-layout::part(content){background: var(--app-bg)}vaadin-app-layout>:not([slot]){padding-left: 1.25rem;box-sizing: border-box}vaadin-grid{background: var(--app-surface);border-radius: var(--app-radius);border: 1px solid var(--app-border);box-shadow: var(--app-grid-shadow);transition: box-shadow 0.2s ease;overflow: hidden}vaadin-grid:hover{box-shadow: var(--app-grid-shadow-hover)}vaadin-button{box-shadow: var(--app-btn-shadow);transition: box-shadow 0.2s ease,transform 0.1s ease}vaadin-button:hover{box-shadow: var(--app-btn-shadow-hover);transform: translateY(-1px)}vaadin-button:active{box-shadow: var(--app-btn-shadow-active);transform: translateY(0)}vaadin-button[theme~="primary"]{box-shadow: 0 2px 6px rgba(0,0,0,0.18),0 1px 3px rgba(0,0,0,0.10)}vaadin-button[theme~="primary"]:hover{box-shadow: 0 4px 14px rgba(0,0,0,0.20),0 2px 6px rgba(0,0,0,0.12)}vaadin-button[theme~="tertiary"],vaadin-button[theme~="tertiary-inline"]{box-shadow: none}vaadin-button[theme~="tertiary"]:hover,vaadin-button[theme~="tertiary-inline"]:hover{box-shadow: none;transform: none}.v-status-message{display: none}.v-loading-indicator{position: fixed;top: 0;left: 0;right: 0;bottom: 0;pointer-events: auto;z-index: 2147483647;animation: fadein 0.3s ease-out 0.2s normal 1 both}.v-loading-indicator:before{width: 48px;height: 48px;position: absolute;top: 50%;left: 50%;margin: -24px 0 0 -24px;border: 3px solid var(--app-accent-light);border-top-color: var(--app-accent);border-radius: 50%;animation: spinner 0.8s linear infinite;content: ""}@keyframes spinner{to{transform: rotate(360deg)}}@keyframes fadein{0%{background: rgba(0,0,0,0)}100%{background: rgba(0,0,0,0.3)}}.login-view{width: 100%;min-height: 100vh;padding: 1.5rem;box-sizing: border-box;display: flex;align-items: center;justify-content: center;background-image: linear-gradient(135deg,rgb(25 77 149) 0%,rgba(0,0,0,0.45) 100%),url('https://downloads.clueit.com.br/images/logos/fundo-padrao-app.jpg');background-size: cover;background-position: center;background-repeat: no-repeat}.login-card{width: min(420px,100%);margin: auto;background: rgba(255,255,255,0.96);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border-radius: 20px;padding: 1.25rem 1.75rem 1.25rem;overflow: visible;box-shadow: 0 24px 60px rgba(0,0,0,0.30),0 10px 28px rgba(0,0,0,0.18),0 2px 6px rgba(0,0,0,0.10),0 0 0 1px rgba(255,255,255,0.5) inset;display: flex;flex-direction: column;align-items: stretch;gap: 0.25rem;animation: login-card-in 0.4s ease-out;text-align: center}.login-card>.login-logo,.login-card>.login-welcome,.login-card>.login-version{align-self: center}.login-card vaadin-login-form,.login-card vaadin-login-form-wrapper{background: transparent !important;box-shadow: none !important;padding: 0 !important;border-radius: 0 !important;border: none !important;width: 100% !important;max-width: none !important;min-width: 0 !important;align-self: stretch !important;margin: 0 !important;box-sizing: border-box !important}@keyframes login-card-in{from{opacity: 0;transform: translateY(12px)}to{opacity: 1;transform: translateY(0)}}.login-logo{margin: 0 !important}.login-welcome{margin: 0.25rem 0 0.5rem 0;font-size: 1rem;font-weight: 600;color: var(--app-text-primary);letter-spacing: 0.02em;text-transform: uppercase}.login-version{font-size: 0.75rem;color: var(--app-text-muted);margin-top: 0.75rem}@media (max-width: 480px){.login-card{padding: 2rem 1.25rem 1rem;border-radius: 16px}}