html{--brand-blue-deep:#1c22a0;--brand-blue:#485fde;--brand-blue-soft:#e0e9ff;--brand-blue-soft-50:#eef3ff;--lumo-primary-color:var(--brand-blue);--lumo-primary-text-color:#2a35c8;--lumo-primary-color-50pct:#485fde80;--lumo-primary-color-10pct:#485fde17;--lumo-header-text-color:#0b1f32;--lumo-border-radius-m:.4em;--lumo-border-radius-l:.6em}vaadin-app-layout::part(navbar){background:var(--lumo-base-color);border-bottom:1px solid var(--lumo-contrast-10pct)}vaadin-app-layout::part(drawer){border-inline-end:1px solid var(--lumo-contrast-10pct);background:#fcfdff;width:17rem}.app-navbar{min-height:3.4rem;padding-inline:var(--lumo-space-s) var(--lumo-space-m)}.brand-mark{background:linear-gradient(135deg, var(--brand-blue), var(--brand-blue-deep));color:#fff;border-radius:.65rem;flex-shrink:0;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;display:flex;box-shadow:0 2px 6px #1c22a04d}.brand-mark vaadin-icon{width:1.3rem;height:1.3rem}.drawer-brand{align-items:center;gap:.7rem;padding:1rem 1rem .85rem;display:flex}.drawer-brand h1{letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:700;line-height:1.25}.drawer-brand .brand-sub{font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color);display:block}.drawer-scroller{flex:1}.drawer-nav{padding:.25rem .65rem 1rem}.drawer-nav vaadin-side-nav{margin-top:.9rem}.drawer-nav vaadin-side-nav:first-child{margin-top:0}.drawer-footer{border-top:1px solid var(--lumo-contrast-10pct);font-size:var(--lumo-font-size-xs);color:var(--lumo-tertiary-text-color);padding:.7rem 1rem}.view-intro{max-width:78ch}vaadin-form-layout h4{font-size:var(--lumo-font-size-s);text-transform:uppercase;letter-spacing:.06em;color:var(--lumo-secondary-text-color);border-bottom:1px solid var(--lumo-contrast-10pct);padding-bottom:.35rem}.app-callout{max-width:78ch;padding:var(--lumo-space-s) var(--lumo-space-m);background:var(--brand-blue-soft-50);border-inline-start:3px solid var(--brand-blue);border-radius:var(--lumo-border-radius-m);font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color);align-items:flex-start;gap:.6rem;line-height:1.55;display:flex}.app-callout vaadin-icon{width:1.05rem;height:1.05rem;color:var(--lumo-primary-text-color);flex-shrink:0;margin-top:.15rem}.app-callout--warning{background:var(--lumo-warning-color-10pct,#fdf3e3);border-inline-start-color:var(--lumo-warning-color,#f5a623)}.app-callout--warning vaadin-icon{color:var(--lumo-warning-text-color,#9a6c00)}vaadin-grid.app-grid{border:1px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-l);overflow:hidden}vaadin-grid.app-grid::part(header-cell){background:var(--lumo-contrast-5pct)}.login-view{background:radial-gradient(60rem 30rem at 85% -10%,#485fde1f,#0000 60%),radial-gradient(50rem 28rem at -10% 110%,#1c22a012,#0000 60%),#f7f9fd}.login-card{background:var(--lumo-base-color);border:1px solid var(--lumo-contrast-10pct);border-radius:1rem;flex-direction:column;align-items:center;width:24.5rem;max-width:92vw;padding:2.1rem 1.6rem 1.4rem;display:flex;box-shadow:0 12px 32px #0b1f321a}.login-card vaadin-login-form{width:100%}.login-brand{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.login-brand .brand-mark{border-radius:.85rem;width:3rem;height:3rem}.login-brand .brand-mark vaadin-icon{width:1.6rem;height:1.6rem}.login-brand h1{font-size:var(--lumo-font-size-xl);margin:0;line-height:1.2}.login-brand .brand-sub{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color)}.login-meta{border-top:1px solid var(--lumo-contrast-10pct);flex-direction:column;gap:.4rem;width:100%;margin-top:.4rem;padding-top:.9rem;display:flex}.login-meta .meta-line{font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color);align-items:flex-start;gap:.5rem;line-height:1.5;display:flex}.login-meta .meta-line vaadin-icon{width:.95rem;height:.95rem;color:var(--lumo-tertiary-text-color);flex-shrink:0;margin-top:.1rem}.login-footer{font-size:var(--lumo-font-size-xs);color:var(--lumo-tertiary-text-color);margin-top:1rem}