vaadin-login-form.login-view-login-form-1{border-radius:var(--lumo-border-radius-l);border-width:0px;padding:var(--lumo-space-s)}vaadin-login-form.login-view-login-form-1 vaadin-button[theme~=submit]{--lumo-button-size:var(--lumo-size-s);border-radius:var(--lumo-border-radius-l);border-width:0px;padding-inline:var(--lumo-space-s)}vaadin-text-area.task-view-text-area-1::part(input-field){border-style:solid;border-width:1px}vaadin-vertical-layout.laboratoria-view-vertical-layout-1{border-color:#21529ce6;border-radius:var(--lumo-border-radius-m)}vaadin-scroller[slot=drawer]{padding:var(--lumo-space-xs);width:fit-content}.app-side-nav{width:fit-content}vaadin-side-nav-item vaadin-icon{padding:0}[slot=drawer]:is(header,footer){display:flex;align-items:center;gap:var(--lumo-space-xs);padding:var(--lumo-space-xs) var(--lumo-space-s);min-height:var(--lumo-size-xl);box-sizing:border-box}[slot=drawer]:is(header,footer):is(:empty){display:none}@media(max-width:768px){.hide-on-mobile{display:none!important}vaadin-app-layout::part(navbar){overflow:visible}}.drawer-tabs vaadin-tab{padding:.25rem .5rem;font-size:var(--lumo-font-size-s);line-height:1.2;min-height:2rem}.compact-app::part(navbar){align-items:center;gap:var(--lumo-space-xs);flex-wrap:nowrap}.duser-navbar-controls{flex:1 1 auto;min-width:0;justify-content:flex-end;flex-wrap:nowrap;gap:var(--lumo-space-xs)}.duser-navbar-actions{flex:0 1 auto;min-width:0;display:inline-flex;align-items:center;gap:var(--lumo-space-xs);white-space:nowrap}.app-drawer-toggle{flex:0 0 auto;z-index:2}.user-area{flex:0 0 auto;justify-content:flex-end;white-space:nowrap}.user-area-label{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duser-navbar-search{flex:0 1 auto;min-width:0;display:inline-flex;align-items:center}.duser-export-actions{gap:var(--lumo-space-xs);font-size:var(--lumo-font-size-s);flex-wrap:nowrap}.duser-export-actions span{white-space:nowrap}.duser-export-control{display:inline-flex}.duser-navbar-search .duser-search-all{width:clamp(8rem,14vw,14rem);min-width:8rem;max-width:14rem}@media(max-width:900px){.duser-navbar-search .duser-search-all{max-width:10rem;min-width:8rem}}.s-dkp-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}.s-dkp-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)}.s-dkp-view .preview-container{display:contents}.s-dkp-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.s-dkp-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.s-dkp-view[dragging] .layout:not([style*="gap:"]){gap:8px}.s-dkp-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.s-dkp-view .cover-overlay{position:absolute;border-radius:1px}.s-dkp-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.s-dkp-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)}.s-dkp-view .overlays,.s-dkp-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.s-dkp-view:not([dragging]) .drop-zones{pointer-events:none}.s-dkp-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.s-dkp-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)}.s-dkp-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))}.s-dkp-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)}.s-dkp-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}.s-dkp-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.s-dkp-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.s-dkp-view[readonly] .drop-zones,.s-dkp-view[readonly] .overlays,.s-dkp-view[inline-editing] .drop-zones,.s-dkp-view[inline-editing] .overlays{display:none}.s-dkp-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.s-dkp-view[dragging] vaadin-form-layout{padding:8px}.s-dkp-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.s-dkp-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.sdkp-results-details::part(summary){font-weight:600}.sdkp-results-details::part(content){padding:var(--lumo-space-s);background:var(--lumo-base-color);border:1px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-s);box-shadow:0 2px 8px #0000000f}.sdkp-results-grid{--lumo-size-m: var(--lumo-size-s)}.sdkp-lab-acc::part(summary),.sdkp-lab-acc::part(content){background:transparent}.sdkp-lab-acc::part(content){padding:var(--lumo-space-s) 0}.duser-layout-row{align-items:flex-start}.duser-search-all{max-width:360px;min-width:240px;width:100%;--vaadin-combo-box-overlay-width: 360px}.duser-navbar-search .duser-search-all{margin-right:var(--lumo-space-xs)}.duser-group-panel,.duser-group-shell{width:100%;box-sizing:border-box}.duser-group-panel{min-height:100%}.duser-group-shell{align-items:stretch;gap:var(--lumo-space-xs);min-height:100%}.duser-group-nav-wrap{position:sticky;top:var(--lumo-space-xs);align-self:flex-start;flex:0 0 auto;width:fit-content;max-width:fit-content;min-height:calc(100vh - 10rem);display:flex;flex-direction:column;align-items:flex-end;gap:var(--lumo-space-xs)}.duser-group-nav-toggle{align-self:flex-end;flex:0 0 auto;min-width:1rem;width:1rem;height:1rem;margin-top:0}.duser-group-panel-nav-collapsed .duser-primary-content{max-width:none}.duser-nav-rail{width:fit-content;min-height:100%}.duser-nav-card{width:fit-content;box-sizing:border-box;border:1px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-s);background:var(--lumo-base-color);box-shadow:0 6px 18px var(--lumo-shade-10pct);padding:var(--lumo-space-xs);min-height:100%;display:flex;flex-direction:column;gap:var(--lumo-space-xs)}.duser-student-nav{width:fit-content;--_lumo-list-box-item-selected-icon-display: none;border:1px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-s);background:linear-gradient(180deg,var(--lumo-contrast-5pct),transparent);overflow:auto}.duser-student-nav::part(items){min-height:100%}.duser-student-nav vaadin-item{min-height:1rem;font-size:var(--lumo-font-size-xs);border-radius:var(--lumo-border-radius-s);white-space:nowrap;padding:.18rem var(--lumo-space-xs)}.duser-student-nav vaadin-item::part(checkmark){display:none}.duser-student-nav vaadin-item::part(content){flex:0 0 auto}.duser-student-nav vaadin-item[selected]{background:linear-gradient(135deg,var(--lumo-primary-color-20pct),var(--lumo-primary-color-10pct));color:var(--lumo-primary-text-color);font-weight:lighter}.duser-student-nav-scroller{flex:1 1 auto;min-height:0}.duser-primary-content{flex:1 1 auto;min-width:0;padding:var(--lumo-space-xs);background:linear-gradient(180deg,var(--lumo-contrast-5pct),transparent 40%),radial-gradient(circle at top right,var(--lumo-primary-color-10pct),transparent 28%)}.duser-overview-host,.duser-student-details{border:1px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-m);background:var(--lumo-base-color);box-shadow:0 6px 18px var(--lumo-shade-10pct);padding:var(--lumo-space-s)}.duser-empty-state{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s)}.duser-section-title{display:block;font-size:1.05rem;font-weight:700;letter-spacing:.01em}.duser-section-hint{margin:0;color:var(--lumo-secondary-text-color);max-width:78ch}.duser-overview-stats{flex-wrap:wrap;margin-bottom:var(--lumo-space-s)}.duser-stat-card{min-width:140px;padding:.8rem .95rem;border-radius:var(--lumo-border-radius-m);background:linear-gradient(135deg,var(--lumo-contrast-5pct),var(--lumo-primary-color-10pct));border:1px solid var(--lumo-contrast-10pct)}.duser-stat-value{display:block;font-size:1.15rem;font-weight:700}.duser-stat-label{display:block;color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s)}.duser-overview-grid{border-radius:var(--lumo-border-radius-m);overflow:hidden}.duser-overview-grid-wrap{width:100%;overflow:auto}.duser-overview-grid::part(header-cell){background:linear-gradient(180deg,var(--lumo-contrast-10pct),var(--lumo-contrast-5pct));font-weight:700}.duser-lab-group-title{display:block;width:100%;box-sizing:border-box;padding:.3rem .45rem;text-align:center;font-weight:700;border-left:2px solid var(--lumo-primary-color-50pct);border-right:2px solid var(--lumo-primary-color-50pct);border-top:2px solid var(--lumo-primary-color-50pct);border-radius:var(--lumo-border-radius-s) var(--lumo-border-radius-s) 0 0;background:linear-gradient(180deg,var(--lumo-primary-color-10pct),transparent)}.duser-lab-total-cell{border-right:2px solid var(--lumo-primary-color-50pct);font-weight:700}.duser-student-caption{display:block;margin-bottom:var(--lumo-space-s);color:var(--lumo-secondary-text-color)}.duser-search-all::part(input-field){background:var(--lumo-base-color);border-radius:var(--lumo-border-radius-m);box-shadow:inset 0 0 0 1px var(--lumo-contrast-20pct)}.duser-search-all::part(input-field):hover{box-shadow:inset 0 0 0 1px var(--lumo-contrast-30pct)}vaadin-combo-box-overlay[theme~=duser-search]::part(overlay){min-width:520px}vaadin-combo-box-overlay[theme~=duser-search] vaadin-combo-box-item::part(content){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1024px){.duser-layout-row{display:flex;flex-direction:column;gap:var(--lumo-space-xs)}.duser-group-shell{flex-direction:column}.duser-group-nav-wrap{position:static;max-width:100%;flex-basis:auto;min-height:auto}.duser-group-nav-toggle{align-self:flex-end;width:fit-content;min-width:0;margin-top:0}.duser-primary-content{padding:var(--lumo-space-xs)}.duser-nav-card{min-height:auto}.duser-student-nav-scroller{max-height:clamp(16rem,52vh,34rem)}.duser-overview-host,.duser-student-details{padding:var(--lumo-space-s)}.duser-stat-card{min-width:calc(50% - var(--lumo-space-xs))}.duser-overview-grid-wrap{overflow-x:auto}}.laboratoria-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}.laboratoria-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)}.laboratoria-view .preview-container{display:contents}.laboratoria-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.laboratoria-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.laboratoria-view[dragging] .layout:not([style*="gap:"]){gap:8px}.laboratoria-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.laboratoria-view .cover-overlay{position:absolute;border-radius:1px}.laboratoria-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.laboratoria-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)}.laboratoria-view .overlays,.laboratoria-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.laboratoria-view:not([dragging]) .drop-zones{pointer-events:none}.laboratoria-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.laboratoria-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)}.laboratoria-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))}.laboratoria-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}.laboratoria-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}.laboratoria-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.laboratoria-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.laboratoria-view[readonly] .drop-zones,.laboratoria-view[readonly] .overlays,.laboratoria-view[inline-editing] .drop-zones,.laboratoria-view[inline-editing] .overlays{display:none}.laboratoria-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.laboratoria-view[dragging] vaadin-form-layout{padding:8px}.laboratoria-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.laboratoria-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}@media(max-width:768px){.labs-layout-row{display:flex;flex-direction:column}.labs-left,.labs-right,.labs-list{width:100%!important;max-width:100%!important;box-sizing:border-box}.labs-divider{display:none!important}}.task-progress{width:100%}.task-progress-labels{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--lumo-space-s);width:100%}.task-progress-labels>div:first-child{justify-self:start;min-width:0}.task-progress-labels>div:nth-child(2){justify-self:center}.task-progress-labels>div:last-child{justify-self:end;min-width:0}.labs-left{padding:0!important}.labs-left vaadin-list-box,.labs-list{margin:0!important;padding:0!important}@media(max-width:768px){.task-progress-labels{grid-template-columns:1fr;row-gap:var(--lumo-space-xs);text-align:center}.task-progress-labels>div:first-child,.task-progress-labels>div:last-child{justify-self:center}}:root{--vaadin-app-layout-drawer-width: fit-content}@media(max-width:480px){:root{--vaadin-app-layout-drawer-width: 85vw}}vaadin-side-nav-item::part(label){white-space:nowrap;overflow-wrap:normal;text-overflow:clip;overflow:visible}vaadin-side-nav-item::part(link) [aria-current=page]{font-weight:700;text-decoration:underline}vaadin-tab[selected]{font-weight:700;text-decoration:underline}:root{--lumo-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, Cantarell, "Noto Sans", Arial, "Apple Color Emoji", "Segoe UI Emoji"}