.app-logo{border-radius: min(40%,var(--vaadin-radius-m));margin-inline-start: var(--vaadin-padding-inline-container)}.app-name{font-weight: var(--aura-font-weight-semibold);font-size: var(--aura-font-size-l)}.app-footer{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}vaadin-side-nav:has(vaadin-side-nav-item:only-child)::after{display: block;content: "More menu items will appear here when you add more views.";font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);box-sizing: border-box;padding: 1em;max-width: 14em;min-width: 100%;white-space: normal}.start-view{background: #f6f7f9}.login-view{box-sizing: border-box;min-height: 100vh;background: #f6f7f9;color: #111827}.login-view__card{box-sizing: border-box;width: min(92vw,430px);padding: 34px;border: 1px solid #d9dde3;border-radius: 8px;background: #ffffff;box-shadow: 0 18px 42px rgba(15,23,42,0.12)}.login-view__title{margin: 0;color: #111827;font-size: 30px;font-weight: 650;line-height: 1.12}.login-view__subtitle{margin: 6px 0 22px;color: #64748b;font-size: 15px;font-weight: 600}.login-view__form{width: 100%}.login-view__remember-me{margin-top: 12px;color: #334155;font-weight: 550}.dashboard-view{position: relative;background: #f6f7f9;overflow: hidden}.dashboard-view__content{box-sizing: border-box;padding: 28px;gap: 24px}.dashboard-taskbar{position: relative;box-sizing: border-box;width: 100%;min-height: 82px;padding: 16px 560px 16px 28px;border: 0;border-bottom: 1px solid #d9dde3;border-radius: 0;background: #ffffff;box-shadow: 0 1px 2px rgba(16,24,40,0.05);gap: 24px;overflow: visible}.dashboard-taskbar__title{color: #111827;font-size: 30px;font-weight: 650;line-height: 1.1;white-space: nowrap}.dashboard-taskbar__stats{flex: none;min-width: 210px;gap: 4px}.dashboard-taskbar__stat{color: #334155;font-size: 14px;font-weight: 550;line-height: 1.25}.dashboard-taskbar__spacer{min-width: 24px}.dashboard-taskbar__actions{position: absolute;top: 50%;right: 28px;z-index: 20;display: flex;align-items: center;flex: none;gap: 10px;margin-left: 0;transform: translateY(-50%)}.dashboard-taskbar__user-menu{display: flex;align-items: center;gap: 8px;z-index: 30}.dashboard-taskbar__user-avatar{cursor: pointer;border: 2px solid #e5e7eb;width: 42px;height: 42px}.dashboard-taskbar__user-avatar:hover{border-color: #9ca3af}.dashboard-taskbar__popover-email{font-size: var(--lumo-font-size-s);color: var(--lumo-body-text-color);font-weight: 500;margin-bottom: 8px}.dashboard-taskbar__popover-separator{margin: 8px 0;border-color: #e5e7eb}.dashboard-taskbar__popover-logout{width: 100%;justify-content: flex-start}.dashboard-taskbar__button{width: 48px;height: 48px;min-width: 48px;padding: 0;border: 1px solid #d9dde3;border-radius: 8px;background: #f8fafc;color: #334155;box-shadow: none;cursor: pointer}.dashboard-taskbar__button vaadin-icon{width: 24px;height: 24px}.dashboard-taskbar__button:hover{border-color: #b8c0cc;background: #ffffff}.dashboard-taskbar__button--archive:hover{color: #475569;background: #f1f5f9}.dashboard-taskbar__button--archive{width: auto;min-width: 104px;padding: 0 14px;gap: 8px;font-weight: 650}.dashboard-taskbar__button--back:hover{color: #1d4ed8;background: #eff6ff}.dashboard-taskbar__button--back{width: auto;min-width: 136px;padding: 0 14px;gap: 8px;font-weight: 650}.dashboard-taskbar__button--logout{width: auto;min-width: 104px;padding: 0 14px;gap: 8px;color: #991b1b;font-weight: 650}.dashboard-taskbar__button--logout:hover{border-color: #fecaca;color: #991b1b;background: #fef2f2}.dashboard-taskbar__button--add{width: auto;min-width: 104px;padding: 0 14px;gap: 8px;border-radius: 8px;color: #0f766e;background: #ecfdf5;font-weight: 650}.dashboard-taskbar__button--add:hover{border-color: #99f6e4;color: #0f766e;background: #d1fae5}.dashboard-taskbar__button--user{width: auto;min-width: 104px;padding: 0 14px;gap: 8px;color: #334155;font-weight: 650}.dashboard-taskbar__button--user:hover{border-color: #bfdbfe;color: #1d4ed8;background: #eff6ff}.dashboard-taskbar__button--dashboard{width: auto;min-width: 136px;padding: 0 14px;gap: 8px;color: #334155;font-weight: 650}.dashboard-taskbar__button--dashboard:hover{border-color: #bfdbfe;color: #1d4ed8;background: #eff6ff}.dashboard-taskbar__button--server-update{width: auto;min-width: 144px;padding: 0 14px;gap: 8px;color: #334155;font-weight: 650}.dashboard-taskbar__button--server-update:hover{border-color: #99f6e4;color: #0f766e;background: #ecfdf5}.dashboard-view__version-list{width: min(70%,1120px);min-width: 320px}.user-management__searchbar{box-sizing: border-box;min-height: 68px;padding: 14px 28px;border-bottom: 1px solid #e5e7eb;background: #f8fafc}.user-management__search{width: min(100%,560px)}.user-management__list{width: min(70%,1120px);min-width: 320px}.user-management__row{box-sizing: border-box;min-height: 78px;padding: 16px 20px;border: 1px solid #d9dde3;border-radius: 8px;background: #ffffff;box-shadow: 0 1px 2px rgba(16,24,40,0.05);gap: 18px}.user-management__state-dot{width: 14px;height: 14px;flex: none;border-radius: 999px}.user-management__state-dot--active{background: #0f766e}.user-management__state-dot--inactive{background: #9ca3af}.user-management__info{min-width: 0}.user-management__email{color: #111827;font-size: 17px;font-weight: 700;line-height: 1.2}.user-management__status{color: #6b7280;font-size: 14px;font-weight: 550}.user-management__row-button{width: auto;min-width: 136px;padding: 0 14px;gap: 8px;font-weight: 650}.user-management__row-button:hover{border-color: #bfdbfe;color: #1d4ed8;background: #eff6ff}.user-management__empty{box-sizing: border-box;width: 100%;padding: 22px;border: 1px solid #d9dde3;border-radius: 8px;background: #ffffff;color: #6b7280;font-size: 15px;font-weight: 550;text-align: center;box-shadow: 0 1px 2px rgba(16,24,40,0.05)}.user-management-dialog__content{width: min(560px,84vw);gap: 16px}.update-server-update__panel,.update-server-update__list{width: min(70%,1120px);min-width: 320px}.update-server-update__panel{box-sizing: border-box;padding: 22px;border: 1px solid #d9dde3;border-radius: 8px;background: #ffffff;box-shadow: 0 1px 2px rgba(16,24,40,0.05);gap: 18px}.update-server-update__headline{margin: 0;color: #111827;font-size: 22px;font-weight: 700;line-height: 1.2}.update-server-update__upload{width: 100%}.update-server-update__upload-label{box-sizing: border-box;width: 100%;min-height: 180px;justify-content: center;gap: 8px;color: #111827}.update-server-update__upload-icon vaadin-icon{width: 46px;height: 46px;color: #334155}.update-server-update__upload-title{color: #111827;font-size: 20px;font-weight: 700}.update-server-update__upload-subtitle,.update-server-update__info{color: #64748b;font-size: 14px;font-weight: 550}.update-server-update__row{box-sizing: border-box;min-height: 88px;padding: 16px 20px;border: 1px solid #d9dde3;border-radius: 8px;background: #ffffff;box-shadow: 0 1px 2px rgba(16,24,40,0.05);gap: 18px}.update-server-update__state-dot{width: 14px;height: 14px;flex: none;border-radius: 999px}.update-server-update__state-dot--running{background: #0f766e}.update-server-update__state-dot--idle{background: #9ca3af}.update-server-update__row-title{color: #111827;font-size: 17px;font-weight: 700;line-height: 1.2}.update-server-update__row-subtitle{color: #6b7280;font-size: 14px;font-weight: 550}.update-server-update__row-actions{gap: 10px}.update-server-update__action{cursor: pointer}.update-server-update__empty{box-sizing: border-box;width: 100%;padding: 22px;border: 1px solid #d9dde3;border-radius: 8px;background: #ffffff;color: #6b7280;font-size: 15px;font-weight: 550;text-align: center;box-shadow: 0 1px 2px rgba(16,24,40,0.05)}.archiviert-view__empty{box-sizing: border-box;width: 100%;padding: 22px;border: 1px solid #d9dde3;border-radius: 8px;background: #ffffff;color: #6b7280;font-size: 15px;font-weight: 550;text-align: center;box-shadow: 0 1px 2px rgba(16,24,40,0.05)}.archiviert-view__dashboard-button{position: absolute;top: 18px;right: 28px;z-index: 30;height: 46px;min-width: 142px;padding: 0 16px;border: 1px solid #d9dde3;border-radius: 8px;background: #f8fafc;color: #334155;font-weight: 650;gap: 8px;box-shadow: 0 1px 2px rgba(16,24,40,0.05);cursor: pointer}.archiviert-view__dashboard-button vaadin-icon{width: 21px;height: 21px}.archiviert-view__dashboard-button:hover{border-color: #b8c0cc;background: #ffffff;color: #1d4ed8}.dashboard-view__add-button{position: fixed;right: 32px;bottom: 32px;width: 58px;height: 58px;min-width: 58px;border-radius: 999px;box-shadow: 0 14px 30px rgba(15,23,42,0.24);z-index: 10}.dashboard-view__add-button vaadin-icon{width: 24px;height: 24px}.dashboard-view__archive-button{position: absolute;top: 18px;right: 28px;z-index: 30;height: 46px;min-width: 118px;padding: 0 16px;border: 1px solid #d9dde3;border-radius: 8px;background: #f8fafc;color: #334155;font-weight: 650;gap: 8px;box-shadow: 0 1px 2px rgba(16,24,40,0.05);cursor: pointer}.dashboard-view__archive-button vaadin-icon{width: 21px;height: 21px}.dashboard-view__archive-button:hover{border-color: #b8c0cc;background: #ffffff}.version-brick{box-sizing: border-box;min-height: 88px;padding: 16px 20px;border: 1px solid #d9dde3;border-radius: 8px;background: #ffffff;box-shadow: 0 1px 2px rgba(16,24,40,0.05);gap: 18px}.version-brick__icon,.version-brick__icon--running{width: 18px;height: 18px;flex: none}.version-brick__icon{color: #6b7280}.version-brick__icon--running{color: #0f766e}.version-brick__title-block{min-width: 180px}.version-brick__title{color: #111827;font-size: 18px;font-weight: 650;line-height: 1.25}.version-brick__subtitle{color: #6b7280;font-size: 13px;line-height: 1.35}.version-brick__meta{align-items: center;gap: 22px;flex-wrap: wrap}.version-brick__meta-item{gap: 8px}.version-brick__meta-icon{width: 16px;height: 16px;color: #6b7280}.version-brick__meta-label{color: #6b7280;font-size: 12px;line-height: 1.2}.version-brick__meta-value{color: #1f2937;font-size: 14px;font-weight: 550;line-height: 1.25}.version-brick__badge{min-width: 78px;box-sizing: border-box;padding: 5px 10px;border-radius: 999px;font-size: 12px;font-weight: 700;line-height: 1;text-align: center;text-transform: uppercase}.version-brick__badge--published{color: #075985;background: #e0f2fe}.version-brick__badge--archived{color: #475569;background: #e2e8f0}.version-brick__badge--draft{color: #854d0e;background: #fef3c7}.version-brick__actions{gap: 8px;margin-left: 4px;flex: none}.version-brick__action{width: 38px;height: 38px;min-width: 38px;padding: 0;border: 1px solid #d9dde3;border-radius: 8px;background: #f8fafc;color: #334155;box-shadow: none;cursor: pointer}.version-brick__action vaadin-icon{width: 19px;height: 19px}.version-brick__action:hover{border-color: #b8c0cc;background: #ffffff}.version-brick__action--archive:hover{color: #475569;background: #f1f5f9}.version-brick__action--view:hover{color: #0369a1;background: #f0f9ff}.version-brick__action--edit:hover{color: #1d4ed8;background: #eff6ff}.version-brick__action--publish:hover{color: #047857;background: #ecfdf5}.version-brick__action--rollback:hover{color: #b45309;background: #fffbeb}.add-version-dialog::part(overlay){width: min(86vw,760px);border-radius: 16px;border: 1px solid #d9dde3;box-shadow: 0 28px 70px rgba(15,23,42,0.24)}.add-version-dialog::part(content){padding: 0}.add-version-dialog__content{position: relative;box-sizing: border-box;min-height: 560px;padding: 34px 42px 32px;background: #f6f7f9}.add-version-dialog__close{position: absolute;top: 28px;right: 32px;width: 42px;height: 42px;border: 1px solid #d9dde3;border-radius: 8px;background: #ffffff;color: #334155}.add-version-dialog__close vaadin-icon{width: 24px;height: 24px}.add-version-dialog__headline{gap: 12px;margin-bottom: 24px}.add-version-dialog__title{margin: 0;color: #111827;font-size: 30px;font-weight: 650;line-height: 1.1}.add-version-dialog__verified-icon{display: grid;place-items: center;width: 42px;height: 42px;border: 1px solid #d9dde3;border-radius: 999px;color: #0f8a4b;background: #ffffff}.add-version-dialog__verified-icon vaadin-icon{width: 28px;height: 28px}.add-version-dialog__form{width: min(100%,430px);gap: 18px}.add-version-dialog__upload-area{box-sizing: border-box;width: 100%;min-height: 220px;border: 1px dashed #9aa4b2;border-radius: 8px;color: #1f2937;background: #ffffff;cursor: default;box-shadow: 0 1px 2px rgba(16,24,40,0.05)}.add-version-dialog__upload-area::part(primary-buttons){display: flex;justify-content: center;align-items: center;min-height: 220px;width: 100%}.add-version-dialog__upload-area::part(drop-label){width: 100%;height: 100%}.add-version-dialog__upload-area vaadin-button,.add-version-dialog__upload-area [slot="add-button"]{display: none}.add-version-dialog__upload-label{display: flex;justify-content: center;align-items: center;gap: 10px;width: 100%;min-height: 210px}.add-version-dialog__upload-icon{display: grid;place-items: center;width: 64px;height: 64px;border-radius: 999px;color: #1d4ed8;background: #eff6ff}.add-version-dialog__upload-icon vaadin-icon{width: 34px;height: 34px}.add-version-dialog__upload-title{color: #111827;font-size: 22px;font-weight: 650;line-height: 1.2}.add-version-dialog__upload-subtitle{color: #6b7280;font-size: 14px;line-height: 1.3}.add-version-dialog__field,.add-version-dialog__notes{--vaadin-input-field-background: #ffffff;--vaadin-input-field-border-width: 1px;--vaadin-input-field-border-color: #d9dde3;--vaadin-input-field-border-radius: 8px;--vaadin-input-field-placeholder-color: #6b7280;--vaadin-input-field-value-color: #111827;font-size: 16px}.add-version-dialog__notes{min-height: 118px}.add-version-dialog__add-button{min-width: 92px;height: 42px;margin-top: 2px;border: 1px solid #d9dde3;border-radius: 8px;background: #ffffff;color: #111827;font-size: 16px;font-weight: 650;box-shadow: none}.add-version-dialog__add-button:hover{background: #f8fafc}.view-version-dialog::part(overlay){width: min(86vw,680px);border-radius: 16px;border: 1px solid #d9dde3;box-shadow: 0 28px 70px rgba(15,23,42,0.24)}.view-version-dialog::part(content){padding: 0}.view-version-dialog__content{position: relative;box-sizing: border-box;padding: 30px 34px 34px;background: #f6f7f9;gap: 22px}.view-version-dialog__close{position: absolute;top: 24px;right: 28px;width: 42px;height: 42px;border: 1px solid #d9dde3;border-radius: 8px;background: #ffffff;color: #334155}.view-version-dialog__close vaadin-icon{width: 24px;height: 24px}.view-version-dialog__header{width: calc(100% - 58px);gap: 14px}.view-version-dialog__title{margin: 0;color: #111827;font-size: 28px;font-weight: 650;line-height: 1.15}.view-version-dialog__badge{flex: none;min-width: 84px;box-sizing: border-box;padding: 6px 12px;border-radius: 999px;font-size: 12px;font-weight: 700;line-height: 1;text-align: center;text-transform: uppercase}.view-version-dialog__badge--published{color: #075985;background: #e0f2fe}.view-version-dialog__badge--archived{color: #475569;background: #e2e8f0}.view-version-dialog__badge--draft{color: #854d0e;background: #fef3c7}.view-version-dialog__data-grid{overflow: hidden;width: 100%;border: 1px solid #d9dde3;border-radius: 8px;background: #ffffff;box-shadow: 0 1px 2px rgba(16,24,40,0.05)}.view-version-dialog__row{box-sizing: border-box;width: 100%;min-height: 46px;padding: 10px 14px;border-bottom: 1px solid #eef0f3;gap: 18px}.view-version-dialog__row:last-child{border-bottom: 0}.view-version-dialog__label{width: 150px;flex: none;color: #6b7280;font-size: 13px;font-weight: 600;line-height: 1.25}.view-version-dialog__value{color: #111827;font-size: 14px;font-weight: 550;line-height: 1.35;overflow-wrap: anywhere}.view-version-dialog__notes{box-sizing: border-box;width: 100%;padding: 14px;border: 1px solid #d9dde3;border-radius: 8px;background: #ffffff;box-shadow: 0 1px 2px rgba(16,24,40,0.05);gap: 8px}.view-version-dialog__notes-label{color: #6b7280;font-size: 13px;font-weight: 600;line-height: 1.25}.view-version-dialog__notes-value{min-height: 70px;color: #111827;font-size: 14px;font-weight: 500;line-height: 1.45;white-space: pre-wrap;overflow-wrap: anywhere}.edit-version-dialog::part(overlay){width: min(86vw,560px);border-radius: 16px;border: 1px solid #d9dde3;box-shadow: 0 28px 70px rgba(15,23,42,0.24)}.edit-version-dialog::part(content){padding: 0}.edit-version-dialog__content{position: relative;box-sizing: border-box;padding: 30px 34px 34px;background: #f6f7f9;gap: 18px}.edit-version-dialog__close{position: absolute;top: 24px;right: 28px;width: 42px;height: 42px;border: 1px solid #d9dde3;border-radius: 8px;background: #ffffff;color: #334155}.edit-version-dialog__close vaadin-icon{width: 24px;height: 24px}.edit-version-dialog__title{width: calc(100% - 58px);margin: 0 0 4px;color: #111827;font-size: 28px;font-weight: 650;line-height: 1.15}.edit-version-dialog__field,.edit-version-dialog__notes{--vaadin-input-field-background: #ffffff;--vaadin-input-field-border-width: 1px;--vaadin-input-field-border-color: #d9dde3;--vaadin-input-field-border-radius: 8px;--vaadin-input-field-value-color: #111827;font-size: 15px}.edit-version-dialog__notes{min-height: 150px}.edit-version-dialog__save{align-self: flex-end;min-width: 116px;height: 42px;border-radius: 8px;font-weight: 650}.vaadin-menu-bar__button{padding: 0 10px}.vaadin-menu-bar__button:hover{background: #f3f4f6}