@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=JetBrains+Mono:wght@400;500&display=swap";:root{--crud-toolbar-gap: var(--lumo-space-s);--crud-badge-success-bg: #e8f5e9;--crud-badge-success-color: #2e7d32;--crud-badge-warning-bg: #fff3e0;--crud-badge-warning-color: #e65100;--crud-badge-error-bg: #ffebee;--crud-badge-error-color: #c62828;--crud-badge-info-bg: #e3f2fd;--crud-badge-info-color: #1565c0;--crud-badge-neutral-bg: var(--lumo-contrast-10pct);--crud-badge-neutral-color: var(--lumo-secondary-text-color);--crud-delete-color: var(--lumo-error-color)}[theme~=dark]{--crud-badge-success-bg: #1b5e20;--crud-badge-success-color: #a5d6a7;--crud-badge-warning-bg: #33200a;--crud-badge-warning-color: #ffcc80;--crud-badge-error-bg: #b71c1c;--crud-badge-error-color: #ef9a9a;--crud-badge-info-bg: #0d47a1;--crud-badge-info-color: #90caf9}.status-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:var(--lumo-font-size-xs);font-weight:500}.crud-toolbar{padding-bottom:var(--lumo-space-m);border-bottom:1px solid var(--lumo-contrast-10pct);margin-bottom:var(--lumo-space-m);flex-wrap:wrap;gap:var(--crud-toolbar-gap)}.crud-toolbar__title{font-size:var(--lumo-font-size-xl);font-weight:700}.crud-toolbar__count{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color)}.centered-card{background:var(--lumo-base-color);border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-s);padding:var(--lumo-space-l);box-sizing:border-box}.version-label{font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color);padding:var(--lumo-space-s) var(--lumo-space-m)}:root{--lumo-font-family: "Plus Jakarta Sans", system-ui, sans-serif;--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: .875rem;--lumo-font-size-s: .8125rem;--lumo-font-size-xs: .75rem;--lumo-primary-color: hsl(234, 80%, 62%);--lumo-primary-color-50pct: hsla(234, 80%, 62%, .5);--lumo-primary-color-10pct: hsla(234, 80%, 62%, .08);--lumo-primary-text-color: hsl(234, 80%, 58%);--lumo-primary-contrast-color: #fff;--lumo-success-color: hsl(160, 72%, 40%);--lumo-success-color-50pct: hsla(160, 72%, 40%, .5);--lumo-success-color-10pct: hsla(160, 72%, 40%, .1);--lumo-success-text-color: hsl(160, 72%, 34%);--lumo-error-color: hsl(0, 78%, 62%);--lumo-error-color-50pct: hsla(0, 78%, 62%, .5);--lumo-error-color-10pct: hsla(0, 78%, 62%, .08);--lumo-error-text-color: hsl(0, 78%, 52%);--lumo-warning-color: hsl(38, 95%, 54%);--lumo-warning-text-color: hsl(30, 85%, 40%);--lumo-border-radius-s: 6px;--lumo-border-radius-m: 8px;--lumo-border-radius-l: 12px;--lumo-box-shadow-xs: 0 1px 2px rgba(0, 0, 0, .04), 0 0 0 1px rgba(0, 0, 0, .02);--lumo-box-shadow-s: 0 2px 4px rgba(0, 0, 0, .06), 0 0 0 1px rgba(0, 0, 0, .03);--lumo-box-shadow-m: 0 4px 12px rgba(0, 0, 0, .08), 0 0 0 1px rgba(0, 0, 0, .03);--lumo-box-shadow-l: 0 8px 24px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .03);--lumo-box-shadow-xl: 0 16px 48px rgba(0, 0, 0, .12), 0 0 0 1px rgba(0, 0, 0, .04);--lumo-base-color: hsl(225, 25%, 99%);--lumo-header-text-color: hsl(225, 30%, 14%);--lumo-body-text-color: hsl(225, 16%, 24%);--lumo-secondary-text-color: hsl(225, 10%, 48%);--lumo-tertiary-text-color: hsl(225, 8%, 62%);--lumo-disabled-text-color: hsl(225, 6%, 72%);--lumo-shade-5pct: hsla(225, 14%, 50%, .06);--lumo-shade-10pct: hsla(225, 14%, 50%, .1);--lumo-shade-20pct: hsla(225, 14%, 50%, .16);--lumo-shade-30pct: hsla(225, 14%, 50%, .24);--lumo-shade-40pct: hsla(225, 14%, 50%, .34);--lumo-shade-50pct: hsla(225, 14%, 50%, .46);--lumo-shade-60pct: hsla(225, 14%, 50%, .58);--lumo-shade-70pct: hsla(225, 14%, 50%, .7);--lumo-shade-80pct: hsla(225, 14%, 50%, .82);--lumo-shade-90pct: hsla(225, 14%, 50%, .92);--lumo-shade: hsl(225, 14%, 18%);--singularidade-nav-bg: hsl(225, 28%, 97%);--singularidade-drawer-bg: hsl(225, 24%, 97.5%);--singularidade-border: hsl(225, 14%, 90%);--singularidade-hover: hsla(234, 80%, 62%, .06);--singularidade-active: hsla(234, 80%, 62%, .1)}html,body{background:var(--lumo-base-color)}vaadin-app-layout::part(drawer){background:var(--singularidade-drawer-bg);border-right:1px solid var(--singularidade-border)}vaadin-side-nav-item{border-radius:var(--lumo-border-radius-m);margin:2px 10px;padding:0 4px;font-weight:500;font-size:var(--lumo-font-size-s);letter-spacing:-.01em;color:var(--lumo-secondary-text-color);transition:all .15s ease}vaadin-side-nav-item:hover{background:var(--singularidade-hover);color:var(--lumo-primary-text-color)}vaadin-side-nav-item[active]{background:var(--singularidade-active);color:var(--lumo-primary-text-color);font-weight:600}vaadin-side-nav-item vaadin-icon{width:18px;height:18px;opacity:.7;transition:opacity .15s ease}vaadin-side-nav-item:hover vaadin-icon,vaadin-side-nav-item[active] vaadin-icon{opacity:1;color:var(--lumo-primary-text-color)}vaadin-app-layout::part(navbar){background:var(--singularidade-nav-bg);border-bottom:1px solid var(--singularidade-border);box-shadow:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}vaadin-grid{border:1px solid var(--singularidade-border);border-radius:var(--lumo-border-radius-l);overflow:hidden;--_lumo-grid-border-color: var(--singularidade-border)}vaadin-grid::part(header-cell){font-weight:600;font-size:var(--lumo-font-size-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--lumo-secondary-text-color)}vaadin-dialog-overlay::part(overlay){box-shadow:var(--lumo-box-shadow-xl);border-radius:var(--lumo-border-radius-l);border:1px solid var(--singularidade-border)}vaadin-button[theme~=primary]{border-radius:var(--lumo-border-radius-m);font-weight:600;letter-spacing:-.01em;box-shadow:0 1px 2px #0000001f,inset 0 1px #ffffff1f}vaadin-button[theme~=primary]:hover{box-shadow:0 2px 6px #00000029,inset 0 1px #ffffff1f}vaadin-button[theme~=tertiary]{font-weight:500;letter-spacing:-.01em}span[theme~=badge]{font-weight:600;font-size:var(--lumo-font-size-xs);letter-spacing:.02em;padding:2px 10px;border-radius:100px}span[theme~=badge][theme~=success]{background:var(--lumo-success-color-10pct);color:var(--lumo-success-text-color)}span[theme~=badge][theme~=error]{background:var(--lumo-error-color-10pct);color:var(--lumo-error-text-color)}span[theme~=badge][theme~=contrast]{background:var(--lumo-shade-10pct);color:var(--lumo-secondary-text-color)}.material-card{border:1px solid var(--singularidade-border);border-radius:var(--lumo-border-radius-l);padding:20px;background:var(--lumo-base-color);box-shadow:var(--lumo-box-shadow-xs);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;min-width:280px;flex:1 1 300px;max-width:400px}.material-card:hover{box-shadow:var(--lumo-box-shadow-m);border-color:var(--lumo-primary-color-50pct);transform:translateY(-2px)}vaadin-tab{font-weight:500;letter-spacing:-.01em}vaadin-tab[selected]{font-weight:600}vaadin-text-field::part(input-field),vaadin-password-field::part(input-field),vaadin-integer-field::part(input-field),vaadin-select::part(input-field){border-radius:var(--lumo-border-radius-m)}.code-panel{font-family:JetBrains Mono,Fira Code,monospace;font-size:var(--lumo-font-size-s);line-height:1.6;background:#f3f4f7;border:1px solid var(--singularidade-border);border-radius:var(--lumo-border-radius-m);padding:14px 16px;white-space:pre-wrap;word-break:break-word;overflow-x:auto;color:#292e3d;margin:0;max-height:360px;overflow-y:auto}[theme~=dark] .code-panel{background:#1e212f;border-color:#c3c7d51a;color:#d0d3dc}.detail-label{font-size:var(--lumo-font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--lumo-secondary-text-color);margin:0;padding:0}.hint-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--lumo-font-size-xs);font-weight:500;padding:3px 10px;border-radius:100px;background:var(--lumo-contrast-5pct);color:var(--lumo-secondary-text-color);border:1px solid var(--lumo-contrast-10pct)}.hint-badge--active{background:var(--lumo-primary-color-10pct);color:var(--lumo-primary-text-color);border-color:var(--lumo-primary-color-50pct)}.clickable-grid vaadin-grid::part(body-cell){cursor:pointer}html[theme~=dark] vaadin-notification-card,html[theme~=dark] vaadin-dialog-overlay,html[theme~=dark] vaadin-date-picker-overlay,html[theme~=dark] vaadin-combo-box-overlay,html[theme~=dark] vaadin-select-overlay,html[theme~=dark] vaadin-context-menu-overlay,html[theme~=dark] vaadin-multi-select-combo-box-overlay,html[theme~=dark] vaadin-popover-overlay{--lumo-base-color: hsl(214, 35%, 21%);--lumo-tint-5pct: hsla(214, 65%, 85%, .06);--lumo-tint-10pct: hsla(214, 60%, 80%, .14);--lumo-tint-20pct: hsla(214, 64%, 82%, .23);--lumo-tint-30pct: hsla(214, 69%, 84%, .32);--lumo-tint-40pct: hsla(214, 73%, 86%, .41);--lumo-tint-50pct: hsla(214, 78%, 88%, .5);--lumo-tint-60pct: hsla(214, 82%, 90%, .58);--lumo-tint-70pct: hsla(214, 87%, 92%, .69);--lumo-tint-80pct: hsla(214, 91%, 94%, .8);--lumo-tint-90pct: hsla(214, 96%, 96%, .9);--lumo-tint: hsl(214, 100%, 98%);--lumo-shade-5pct: hsla(214, 0%, 0%, .07);--lumo-shade-10pct: hsla(214, 4%, 2%, .15);--lumo-shade-20pct: hsla(214, 8%, 4%, .23);--lumo-shade-30pct: hsla(214, 12%, 6%, .32);--lumo-shade-40pct: hsla(214, 16%, 8%, .41);--lumo-shade-50pct: hsla(214, 20%, 10%, .5);--lumo-shade-60pct: hsla(214, 24%, 12%, .6);--lumo-shade-70pct: hsla(214, 28%, 13%, .7);--lumo-shade-80pct: hsla(214, 32%, 13%, .8);--lumo-shade-90pct: hsla(214, 33%, 13%, .9);--lumo-shade: hsl(214, 33%, 13%);--lumo-contrast-5pct: var(--lumo-tint-5pct);--lumo-contrast-10pct: var(--lumo-tint-10pct);--lumo-contrast-20pct: var(--lumo-tint-20pct);--lumo-contrast-30pct: var(--lumo-tint-30pct);--lumo-contrast-40pct: var(--lumo-tint-40pct);--lumo-contrast-50pct: var(--lumo-tint-50pct);--lumo-contrast-60pct: var(--lumo-tint-60pct);--lumo-contrast-70pct: var(--lumo-tint-70pct);--lumo-contrast-80pct: var(--lumo-tint-80pct);--lumo-contrast-90pct: var(--lumo-tint-90pct);--lumo-contrast: var(--lumo-tint);--lumo-header-text-color: var(--lumo-contrast);--lumo-body-text-color: var(--lumo-contrast-90pct);--lumo-secondary-text-color: var(--lumo-contrast-70pct);--lumo-tertiary-text-color: var(--lumo-contrast-50pct);--lumo-disabled-text-color: var(--lumo-contrast-30pct);--lumo-primary-color: hsl(214, 90%, 48%);--lumo-primary-color-50pct: hsla(214, 90%, 70%, .69);--lumo-primary-color-10pct: hsla(214, 90%, 55%, .13);--lumo-primary-text-color: hsl(214, 90%, 77%);--lumo-error-color: hsl(3, 79%, 49%);--lumo-error-color-50pct: hsla(3, 75%, 62%, .5);--lumo-error-color-10pct: hsla(3, 75%, 62%, .14);--lumo-error-text-color: hsl(3, 100%, 80%);--lumo-success-color: hsl(145, 72%, 30%);--lumo-success-color-50pct: hsla(145, 92%, 51%, .5);--lumo-success-color-10pct: hsla(145, 92%, 51%, .1);--lumo-success-text-color: hsl(145, 85%, 46%);--lumo-warning-color: hsl(43, 100%, 48%);--lumo-warning-color-10pct: hsla(40, 100%, 50%, .2);--lumo-warning-text-color: hsl(45, 100%, 60%);--lumo-warning-contrast-color: var(--lumo-shade-90pct)}vaadin-text-field:focus-within::part(input-field),vaadin-password-field:focus-within::part(input-field),vaadin-integer-field:focus-within::part(input-field),vaadin-email-field:focus-within::part(input-field),vaadin-text-area:focus-within::part(input-field),vaadin-select:focus-within::part(input-field),vaadin-combo-box:focus-within::part(input-field),vaadin-date-picker:focus-within::part(input-field),vaadin-date-time-picker:focus-within::part(input-field){outline:2px solid var(--lumo-primary-color);outline-offset:-1px}vaadin-button:focus-visible{outline:2px solid var(--lumo-primary-color);outline-offset:2px}vaadin-checkbox:focus-within::part(checkbox){outline:2px solid var(--lumo-primary-color);outline-offset:2px}vaadin-grid::part(row):hover>vaadin-grid::part(body-cell){background:var(--singularidade-hover)}vaadin-grid::part(body-cell){transition:background .15s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--lumo-contrast-20pct);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--lumo-contrast-30pct)}*{scrollbar-width:thin;scrollbar-color:var(--lumo-contrast-20pct) transparent}@media(max-width:768px){.material-card{min-width:unset;max-width:unset;flex:1 1 100%}vaadin-grid{font-size:var(--lumo-font-size-s)}}.login-view{background:var(--lumo-base-color)}vaadin-login-form-wrapper{border-radius:var(--lumo-border-radius-l)}[theme~=dark]{--lumo-base-color: hsl(228, 20%, 11%);--lumo-header-text-color: hsl(225, 20%, 96%);--lumo-body-text-color: hsl(225, 14%, 84%);--lumo-secondary-text-color: hsl(225, 10%, 62%);--lumo-tertiary-text-color: hsl(225, 8%, 48%);--lumo-disabled-text-color: hsl(225, 6%, 36%);--lumo-contrast-5pct: hsla(225, 18%, 80%, .06);--lumo-contrast-10pct: hsla(225, 18%, 80%, .1);--lumo-contrast-20pct: hsla(225, 18%, 80%, .18);--lumo-contrast-30pct: hsla(225, 18%, 80%, .26);--lumo-contrast-40pct: hsla(225, 18%, 80%, .36);--lumo-contrast-50pct: hsla(225, 18%, 80%, .48);--lumo-contrast-60pct: hsla(225, 18%, 80%, .6);--lumo-contrast-70pct: hsla(225, 18%, 80%, .72);--lumo-contrast-80pct: hsla(225, 18%, 80%, .84);--lumo-contrast-90pct: hsla(225, 18%, 80%, .93);--lumo-contrast: hsl(225, 18%, 92%);--lumo-primary-color: hsl(234, 82%, 68%);--lumo-primary-color-50pct: hsla(234, 82%, 68%, .5);--lumo-primary-color-10pct: hsla(234, 82%, 68%, .12);--lumo-primary-text-color: hsl(234, 82%, 72%);--lumo-success-color: hsl(160, 65%, 48%);--lumo-success-text-color: hsl(160, 60%, 55%);--lumo-success-color-10pct: hsla(160, 65%, 48%, .14);--lumo-error-color: hsl(0, 75%, 65%);--lumo-error-text-color: hsl(0, 75%, 70%);--lumo-error-color-10pct: hsla(0, 75%, 65%, .14);--lumo-box-shadow-xs: 0 1px 3px rgba(0, 0, 0, .3), 0 0 0 1px rgba(255, 255, 255, .03);--lumo-box-shadow-s: 0 2px 6px rgba(0, 0, 0, .35), 0 0 0 1px rgba(255, 255, 255, .03);--lumo-box-shadow-m: 0 4px 14px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .04);--lumo-box-shadow-l: 0 8px 28px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .04);--lumo-box-shadow-xl: 0 16px 48px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .05);--singularidade-nav-bg: hsl(228, 20%, 13%);--singularidade-drawer-bg: hsl(228, 22%, 10%);--singularidade-border: hsla(225, 18%, 80%, .08);--singularidade-hover: hsla(234, 82%, 68%, .08);--singularidade-active: hsla(234, 82%, 68%, .14)}[theme~=dark] .material-card{background:#1d1f2b;border-color:#c3c7d514}[theme~=dark] .material-card:hover{border-color:var(--lumo-primary-color-50pct);background:#212431}[theme~=dark] vaadin-app-layout::part(drawer){background:var(--singularidade-drawer-bg);border-right-color:var(--singularidade-border)}[theme~=dark] vaadin-app-layout::part(navbar){background:var(--singularidade-nav-bg);border-bottom-color:var(--singularidade-border)}[theme~=dark] vaadin-button[theme~=primary]{box-shadow:0 1px 3px #0000004d,inset 0 1px #ffffff14}.stat-card{flex:1 1 160px;max-width:220px;padding:var(--lumo-space-l);border-radius:var(--lumo-border-radius-l);background:var(--lumo-base-color);border:1px solid var(--lumo-contrast-10pct);box-shadow:var(--lumo-box-shadow-xs);transition:all .2s cubic-bezier(.4,0,.2,1)}.stat-card:hover{box-shadow:var(--lumo-box-shadow-m);transform:translateY(-2px)}.stat-card--error{border-color:var(--lumo-error-color);background:var(--lumo-error-color-10pct)}.stat-card--warning{border-color:var(--lumo-warning-color);background:#f9a71a14}.welcome-card{text-align:center;max-width:480px;padding:var(--lumo-space-xl)}.welcome-card__icon{color:var(--lumo-success-color)}@media(max-width:768px){.stat-card{min-width:unset;max-width:unset;flex:1 1 100%}}[theme~=dark] .stat-card{background:#1d1f2b;border-color:#c3c7d514}[theme~=dark] .stat-card--error{background:#e963631f;border-color:var(--lumo-error-color)}[theme~=dark] .stat-card--warning{background:#f9a71a1f;border-color:var(--lumo-warning-color)}
