html{--app-drawer-bg: #0f172a;--app-drawer-bg-hover: rgba(148, 163, 184, .12);--app-drawer-text: #cbd5e1;--app-drawer-muted: #94a3b8;--app-accent: #3b82f6;--app-accent-soft: rgba(59, 130, 246, .2);--lumo-primary-color: #2563eb;--lumo-primary-color-50pct: rgba(37, 99, 235, .5);--lumo-primary-color-10pct: rgba(37, 99, 235, .1);--lumo-primary-text-color: #2563eb}vaadin-app-layout{--vaadin-app-layout-drawer-width: 17rem}vaadin-app-layout::part(drawer){background:var(--app-drawer-bg);border-inline-end:none}vaadin-app-layout vaadin-drawer-toggle{color:var(--lumo-secondary-text-color)}vaadin-scroller[slot=drawer]{padding:var(--lumo-space-s) var(--lumo-space-m)}header.app-brand{display:flex;align-items:center;gap:.75rem;padding:1rem 1rem .875rem;border-bottom:1px solid rgba(148,163,184,.18);box-sizing:border-box}.app-logo{width:2.5rem;height:2.5rem;flex:none;filter:drop-shadow(0 4px 10px rgba(59,130,246,.45))}.app-titles{display:flex;flex-direction:column;line-height:1.15}.app-name{color:#f8fafc;font-size:1.125rem;font-weight:700;letter-spacing:.02em}.app-sub{color:var(--app-drawer-muted);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase}vaadin-side-nav{--lumo-body-text-color: var(--app-drawer-text)}vaadin-side-nav::part(label){color:var(--app-drawer-muted)}vaadin-side-nav-item{--_lumo-item-radius: var(--lumo-border-radius-m)}vaadin-side-nav-item::part(link){color:var(--app-drawer-text);font-size:var(--lumo-font-size-s);font-weight:500;white-space:normal;overflow:visible;text-overflow:clip}vaadin-side-nav-item::part(content){border-radius:var(--lumo-border-radius-m);transition:background-color .15s ease}vaadin-side-nav-item::part(link):hover,vaadin-side-nav-item::part(link):active{color:#fff;background:var(--app-drawer-bg-hover)}vaadin-side-nav-item vaadin-icon{padding:0;color:var(--app-drawer-muted);transition:color .15s ease}vaadin-side-nav-item:hover>vaadin-icon{color:var(--app-accent)}vaadin-side-nav-item::part(toggle-button){color:var(--app-drawer-muted)}vaadin-side-nav-item::part(toggle-button):hover{color:#fff}vaadin-side-nav-item::part(children){margin-inline-start:.9rem;padding-inline-start:0;border-inline-start:1px solid rgba(148,163,184,.2)}vaadin-side-nav-item[current]::part(content){background:var(--app-accent-soft);box-shadow:inset 3px 0 0 var(--app-accent)}vaadin-side-nav-item[current]::part(link),vaadin-side-nav-item[current]::part(link):hover{color:#fff;background:transparent}vaadin-side-nav-item[current]>vaadin-icon{color:var(--app-accent)}footer.app-user{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;border-top:1px solid rgba(148,163,184,.18);box-sizing:border-box}footer.app-user vaadin-avatar{flex:none}.app-user-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f1f5f9;font-size:var(--lumo-font-size-s);font-weight:600}vaadin-button.app-logout{flex:none;margin:0;color:var(--app-drawer-muted)}vaadin-button.app-logout:hover{color:#f87171}[slot=drawer]:is(header,footer):is(:empty){display:none}.year-badge{margin-inline-start:auto;margin-inline-end:var(--lumo-space-m);padding:.15rem .7rem;border-radius:999px;font-size:var(--lumo-font-size-s);font-weight:600;white-space:nowrap;color:#1d4ed8;background:#3b82f61f}.year-badge-readonly{color:#b45309;background:#f59e0b2e}vaadin-text-field,vaadin-text-area,vaadin-number-field,vaadin-integer-field,vaadin-big-decimal-field,vaadin-password-field,vaadin-email-field,vaadin-combo-box,vaadin-multi-select-combo-box,vaadin-select,vaadin-date-picker,vaadin-date-time-picker,vaadin-time-picker,vaadin-button{max-width:100%}vaadin-horizontal-layout:not(.no-wrap){flex-wrap:wrap}vaadin-dialog-overlay::part(overlay){max-width:98vw!important;max-height:96vh!important}vaadin-dialog-overlay vaadin-form-layout{box-sizing:border-box}vaadin-app-layout h1{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}vaadin-grid{max-width:100%}@media (max-width: 1000px){vaadin-app-layout>vaadin-vertical-layout[theme~=padding],vaadin-app-layout>div>vaadin-vertical-layout[theme~=padding]{padding:var(--lumo-space-m)}}@media (max-width: 600px){vaadin-app-layout>vaadin-vertical-layout[theme~=padding],vaadin-app-layout>div>vaadin-vertical-layout[theme~=padding]{padding:var(--lumo-space-s)}.filter-bar>:is(vaadin-text-field,vaadin-combo-box,vaadin-date-picker,vaadin-number-field,vaadin-select){flex:1 1 100%}vaadin-button{min-height:var(--lumo-size-m)}vaadin-grid{max-height:75vh}vaadin-grid.lines-grid{min-height:280px;flex-shrink:0}.app-user-name{max-width:10rem}}vaadin-grid::part(deleted-row){color:var(--lumo-disabled-text-color);text-decoration:line-through}.home-view{padding:2px;box-sizing:border-box;display:block;position:relative;height:100%;overflow-y:auto;--cv-blue: 212 96% 54%;--cv-purple: 259 97% 66%;--cv-dropzone-border-color: hsl(var(--cv-blue) / .5);--cv-dropzone-bg-color: hsl(var(--cv-blue) / .2);--cv-droptarget-border-color: hsl(var(--cv-purple) / 1);--cv-droptarget-bg-color: hsl(var(--cv-purple) / .4);--cv-stripe-width: 1.5px;--cv-stripe-gap: 9px;--cv-stripe-color: hsl(var(--cv-blue) / .2);--cv-layout-border-color: var(--lumo-contrast-40pct);--cv-checkerboard-color1: hsl(0 0% 0% / .05);--cv-checkerboard-color2: hsl(0 0% 100% / .05);--cv-checkerboard-size: 16px}.home-view[dragging]{--cv-checkerboard-color1: hsl(var(--cv-blue) / .2);--cv-checkerboard-color2: hsl(var(--cv-blue) / .1);--cv-layout-border-color: var(--cv-dropzone-border-color)}.home-view .preview-container{display:contents}.home-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.home-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.home-view[dragging] .layout:not([style*="gap:"]){gap:8px}.home-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.home-view .cover-overlay{position:absolute;border-radius:1px}.home-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.home-view:not([starting-drag]) .cover-overlay.editable-editing{outline:1px solid hsl(var(--cv-blue) / 1);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.home-view .overlays,.home-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.home-view:not([dragging]) .drop-zones{pointer-events:none}.home-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.home-view[dragging] .drop-zone:not([empty-layout]){outline:1px dashed var(--cv-dropzone-border-color);outline-offset:-2px;background-color:var(--cv-dropzone-bg-color)}.home-view .drop-zone[remaining-space]{background:repeating-linear-gradient(-45deg,var(--cv-stripe-color),var(--cv-stripe-color) var(--cv-stripe-width),transparent var(--cv-stripe-width),transparent var(--cv-stripe-gap))}.home-view[dragging] .drop-zone[drag-over]{background:var(--cv-droptarget-bg-color);outline:1px solid var(--cv-droptarget-border-color);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.drop-zone[empty-layout]{z-index:-1}.home-view:not([readonly]) .layout[empty],vaadin-form-layout[empty]{border-radius:1px;background:repeating-conic-gradient(var(--cv-checkerboard-color1) 0% 25%,var(--cv-checkerboard-color2) 0% 50%) 50% / var(--cv-checkerboard-size) var(--cv-checkerboard-size);background-clip:content-box;outline:1px dashed var(--cv-layout-border-color);outline-offset:-2px}.home-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.home-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.home-view[readonly] .drop-zones,.home-view[readonly] .overlays,.home-view[inline-editing] .drop-zones,.home-view[inline-editing] .overlays{display:none}.home-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.home-view[dragging] vaadin-form-layout{padding:8px}.home-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.home-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.login-view{display:flex;min-height:100vh;width:100%;background:var(--lumo-base-color)}.login-brand{flex:1 1 50%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem;padding:4rem;color:#e2e8f0;background:radial-gradient(60rem 40rem at 10% 0%,rgba(99,102,241,.45),transparent 60%),radial-gradient(50rem 40rem at 100% 100%,rgba(59,130,246,.4),transparent 60%),#0f172a}.login-brand-logo{width:4rem;height:4rem;margin-bottom:1rem;filter:drop-shadow(0 10px 24px rgba(59,130,246,.45))}.login-brand h1{margin:0;font-size:2.75rem;letter-spacing:-.02em;color:#fff}.login-brand p{margin:0;max-width:24rem;font-size:1.125rem;color:#94a3b8}.login-panel{flex:1 1 50%;display:flex;align-items:center;justify-content:center;padding:1.5rem 16px;background:linear-gradient(160deg,#f8fafc,#eef2ff)}.login-card{display:flex;flex-direction:column;gap:.25rem;width:100%;max-width:26rem;box-sizing:border-box;padding:2.25rem 2rem;background:#fff;border-radius:1rem;box-shadow:0 20px 50px -12px #0f172a40,0 0 0 1px #0f172a0d}.login-hello{font-size:1.5rem;font-weight:700;color:#0f172a}.login-hint{margin-bottom:1rem;color:#64748b}.login-year{width:100%}.login-card vaadin-login-form{width:100%}.login-card vaadin-login-form vaadin-button[theme~=primary]{margin-top:.75rem;height:2.75rem;border-radius:.5rem;font-weight:600}@media (max-width: 900px){.login-brand{display:none}}html{--lumo-base-color: white;--lumo-font-size: 1rem;--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-font-size-xxs: .6875rem;--lumo-line-height-m: 1.4;--lumo-line-height-s: 1.2;--lumo-line-height-xs: 1.1;--lumo-size-xl: 3rem;--lumo-size-l: 2.5rem;--lumo-size-m: 2rem;--lumo-size-s: 1.75rem;--lumo-size-xs: 1.5rem;--lumo-space-xl: 1.875rem;--lumo-space-l: 1.25rem;--lumo-space-m: .625rem;--lumo-space-s: .3125rem;--lumo-space-xs: .1875rem}vaadin-grid::part(opening-row){font-weight:700}vaadin-grid::part(cheapest-row){font-weight:700;color:var(--lumo-success-text-color)}