.org-chart-view{padding: var(--lumo-space-l)}.org-chart-container{padding: var(--lumo-space-m);overflow: hidden;position: relative;cursor: grab}.org-chart-component{position: relative;width: 100%;height: 100%}.org-chart-canvas{transform-origin: 0 0;will-change: transform;padding: var(--lumo-space-l)}.org-roots{display: flex;flex-direction: column;align-items: center;gap: var(--lumo-space-l);min-width: fit-content}.org-node-wrapper{display: flex;flex-direction: column;align-items: center;position: relative}.org-card{background: var(--lumo-base-color);border: 1px solid var(--lumo-contrast-20pct);border-radius: var(--lumo-border-radius-m);padding: 6px 10px;min-width: 160px;max-width: 210px;cursor: pointer;box-shadow: var(--lumo-box-shadow-xs);transition: box-shadow 0.15s ease,border-color 0.15s ease;position: relative;z-index: 1;display: flex;align-items: center;gap: 8px}.org-card:hover{box-shadow: var(--lumo-box-shadow-m);border-color: var(--lumo-primary-color)}.org-card-compact{display: flex;align-items: center;gap: 8px;flex: 1;min-width: 0}.org-card-name-block{display: flex;flex-direction: column;min-width: 0;flex: 1}.org-card-name{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 1.3}.org-card-position{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 1.3}.org-card-badge-area{display: flex;align-items: center;gap: 4px;cursor: pointer;padding: 2px 6px;border-radius: var(--lumo-border-radius-s);margin-left: auto;flex-shrink: 0;transition: background-color 0.15s ease}.org-card-badge-area:hover{background-color: var(--lumo-contrast-5pct)}.org-card-badge{font-size: var(--lumo-font-size-xxs);color: var(--lumo-secondary-text-color);white-space: nowrap}.org-toggle-chevron{color: var(--lumo-contrast-50pct);transition: transform 0.2s ease;flex-shrink: 0}.org-card-highlighted{border-color: var(--lumo-primary-color) !important;box-shadow: 0 0 0 3px var(--lumo-primary-color-10pct),var(--lumo-box-shadow-m) !important;animation: org-card-pulse 1.5s ease-in-out 3}@keyframes org-card-pulse{0%,100%{box-shadow: 0 0 0 3px var(--lumo-primary-color-10pct),var(--lumo-box-shadow-m)}50%{box-shadow: 0 0 0 6px var(--lumo-primary-color-10pct),var(--lumo-box-shadow-m)}}.employee-avatar{border-radius: 50%;overflow: hidden;display: flex;align-items: center;justify-content: center;flex-shrink: 0}.employee-avatar-small{width: 32px;height: 32px;min-width: 32px}.employee-avatar-medium{width: 44px;height: 44px;min-width: 44px}.employee-avatar-large{width: 80px;height: 80px;min-width: 80px}.employee-avatar img{width: 100%;height: 100%;object-fit: cover}.org-children{display: flex;flex-wrap: wrap;justify-content: center;gap: var(--lumo-space-m);padding-top: 28px;position: relative;margin-top: 8px;transition: max-height 0.3s ease,opacity 0.25s ease;overflow: visible}.org-children::before{content: '';position: absolute;top: 0;left: 50%;height: 16px;border-left: 2.5px solid var(--lumo-contrast-40pct);pointer-events: none}.org-children::after{content: '';position: absolute;top: 16px;left: 0;right: 0;border-top: 2.5px solid var(--lumo-contrast-40pct);pointer-events: none}.org-children>.org-node-wrapper::before{content: '';position: absolute;top: -12px;left: 50%;height: 12px;border-left: 2.5px solid var(--lumo-contrast-40pct);pointer-events: none}.org-children:has(>.org-node-wrapper:only-child)::after{display: none}.org-children:has(>.org-node-wrapper:only-child)::before{height: 28px}.org-children:has(>.org-node-wrapper:only-child)>.org-node-wrapper::before{display: none}.org-children.collapsed{max-height: 0;opacity: 0;padding: 0;margin: 0;overflow: hidden;pointer-events: none}.org-chart-zoom-controls{display: flex;gap: 2px;padding: 4px;background: var(--lumo-base-color);border: 1px solid var(--lumo-contrast-20pct);border-radius: var(--lumo-border-radius-m);box-shadow: var(--lumo-box-shadow-s);z-index: 10;position: relative;width: fit-content;margin-bottom: var(--lumo-space-s)}.org-zoom-btn{min-width: 32px;width: 32px;height: 32px;padding: 0}@media (max-width: 768px){.org-card{min-width: 140px;max-width: 180px;padding: 4px 8px}.org-children{flex-direction: column;align-items: center}.org-children::after{display: none}.org-children>.org-node-wrapper::before{display: none}}.survey-template-editor{padding: var(--lumo-space-l);gap: var(--lumo-space-m)}.survey-template-header{gap: var(--lumo-space-m)}.survey-template-steps{gap: var(--lumo-space-l);padding-bottom: var(--lumo-space-s);border-bottom: 1px solid var(--lumo-contrast-10pct)}.step-item{gap: var(--lumo-space-xs)}.step-dot{width: 10px;height: 10px;border-radius: 50%;background: var(--lumo-contrast-20pct)}.step-dot.active{background: var(--lumo-primary-color)}.step-label{font-size: var(--lumo-font-size-s);color: var(--lumo-contrast-70pct)}.step-label.active{color: var(--lumo-primary-text-color);font-weight: 600}.survey-template-main{gap: var(--lumo-space-m)}.survey-question-list{width: 320px}.survey-question-editor{flex: 1}.survey-question-card{background: var(--lumo-base-color);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-l);padding: var(--lumo-space-m);box-shadow: var(--lumo-box-shadow-xs);display: flex;flex-direction: column;gap: var(--lumo-space-s)}.survey-library-panel{width: 320px;border-left: 1px solid var(--lumo-contrast-10pct);padding-left: var(--lumo-space-m)}.survey-library-title{font-weight: 600;font-size: var(--lumo-font-size-m)}.survey-library-section-header{font-weight: 600;font-size: var(--lumo-font-size-s)}.survey-library-item{padding: var(--lumo-space-xs) 0;border-bottom: 1px solid var(--lumo-contrast-5pct)}.survey-option-editor{gap: var(--lumo-space-xs)}.survey-scale-preview{padding: var(--lumo-space-xs) 0}.survey-scale-items{gap: var(--lumo-space-xs)}.survey-scale-item{width: 28px;height: 28px;border-radius: 50%;border: 1px solid var(--lumo-contrast-30pct);display: flex;align-items: center;justify-content: center;font-size: var(--lumo-font-size-s);color: var(--lumo-contrast-70pct)}.survey-preview-title{font-weight: 600;font-size: var(--lumo-font-size-l)}.survey-preview-description{color: var(--lumo-contrast-60pct)}.survey-preview-card{padding: var(--lumo-space-s);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-m);display: flex;flex-direction: column;gap: var(--lumo-space-xs)}.survey-preview-question{font-weight: 600}.survey-preview-type{color: var(--lumo-contrast-60pct);font-size: var(--lumo-font-size-s)}.survey-campaign-wizard{padding: var(--lumo-space-l);gap: var(--lumo-space-m)}.survey-campaign-header{gap: var(--lumo-space-m)}.survey-campaign-steps{gap: var(--lumo-space-s);border-bottom: 1px solid var(--lumo-contrast-10pct);padding-bottom: var(--lumo-space-s)}.survey-step-button.active{background: var(--lumo-primary-color-10pct);font-weight: 600}.survey-campaign-step-container{display: block}.survey-campaign-step{display: flex;flex-direction: column;gap: var(--lumo-space-m)}.survey-template-summary{display: flex;flex-direction: column;gap: var(--lumo-space-xs);padding: var(--lumo-space-s);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-m)}.survey-template-summary-title{font-weight: 600}.survey-participant-filters{flex-wrap: wrap;gap: var(--lumo-space-s)}.survey-config-card{padding: var(--lumo-space-s);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-m);background: var(--lumo-base-color)}.survey-campaign-footer{padding-top: var(--lumo-space-s)}.survey-card{border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-m);background: var(--lumo-base-color);box-shadow: var(--lumo-box-shadow-xs)}.survey-response-card{border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-m);background: var(--lumo-base-color);box-shadow: var(--lumo-box-shadow-xs)}.response-distribution-bar{height: 24px;border-radius: 4px;display: flex;overflow: hidden;min-width: 150px;background: var(--lumo-contrast-10pct)}.response-segment{height: 100%;transition: width 0.3s ease}.response-segment.score-5{background: #1a7f37}.response-segment.score-4{background: #57ab5a}.response-segment.score-3{background: #f0b429}.response-segment.score-2{background: #e5534b}.response-segment.score-1{background: #cf222e}.nps-badge{padding: 4px 8px;border-radius: 4px;font-weight: 600;font-size: var(--lumo-font-size-s);display: inline-block}.nps-positive{background: #d4edda;color: #1a7f37}.nps-neutral{background: #fff3cd;color: #856404}.nps-negative{background: #f8d7da;color: #cf222e}.nps-hidden{background: var(--lumo-contrast-10pct);color: var(--lumo-secondary-text-color)}.results-header-meta{display: flex;flex-wrap: wrap;gap: 24px;color: var(--lumo-secondary-text-color);align-items: center;padding: var(--lumo-space-s) 0}.response-rate-bar{width: 150px;height: 8px;background: var(--lumo-contrast-10pct);border-radius: 4px;overflow: hidden}.confidentiality-banner{display: flex;align-items: center;padding: var(--lumo-space-m);background: var(--lumo-contrast-5pct);border: 1px solid var(--lumo-contrast-20pct);border-radius: var(--lumo-border-radius-m);color: var(--lumo-secondary-text-color)}.confidentiality-banner vaadin-icon{color: var(--lumo-contrast-60pct)}.text-response-card{padding: var(--lumo-space-m);background: var(--lumo-contrast-5pct);border-radius: var(--lumo-border-radius-m);border-left: 3px solid var(--lumo-primary-color);font-style: italic}.question-cell{max-width: 400px;white-space: normal;line-height: 1.4}.team-calendar-container{overflow-x: auto;padding-bottom: var(--lumo-space-m)}.team-calendar-grid{min-width: max-content}.calendar-header-corner{display: flex;align-items: center;justify-content: center;background: var(--lumo-contrast-5pct);border-bottom: 1px solid var(--lumo-contrast-10pct);padding: var(--lumo-space-xs)}.calendar-week-header{text-align: center;font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color);background: var(--lumo-contrast-5pct)}.calendar-day-header{text-align: center;font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color);background: var(--lumo-contrast-5pct)}.calendar-day-number{text-align: center;font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color);background: var(--lumo-contrast-5pct)}.calendar-employee-cell{background: var(--lumo-base-color);border-right: 1px solid var(--lumo-contrast-10pct)}.calendar-day-cell{background: var(--lumo-base-color);border-right: 1px solid var(--lumo-contrast-5pct)}.calendar-day--weekend{background-color: var(--lumo-contrast-5pct) !important}.calendar-day--today{background-color: var(--lumo-primary-color-10pct) !important}.absence-bar--vacation{background-color: var(--lumo-primary-color);color: white}.absence-bar--sick{background-color: var(--lumo-error-color);color: white}.absence-bar--unpaid{background-color: #EF6C00;color: white}.absence-bar{cursor: default;box-shadow: var(--lumo-box-shadow-xs)}.personal-calendar-grid{border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-m);overflow: auto}.personal-calendar-headers{border-bottom: 1px solid var(--lumo-contrast-10pct)}.personal-calendar-day{border-bottom: 1px solid var(--lumo-contrast-10pct);border-right: 1px solid var(--lumo-contrast-10pct);overflow: visible}.personal-calendar-day:nth-child(7n){border-right: none}.personal-calendar-day-number{font-weight: 500}.calendar-day--approval-pending{background: var(--lumo-warning-color-10pct) !important;border-left: 3px solid var(--lumo-warning-color)}.calendar-day--approval-approved{background: var(--lumo-success-color-10pct) !important;border-left: 3px solid var(--lumo-success-color)}.calendar-day--approval-rejected{background: var(--lumo-error-color-10pct) !important;border-left: 3px solid var(--lumo-error-color)}.time-off-balance-panel{background: var(--lumo-base-color)}.balance-progress-bar{height: 8px;background: var(--lumo-contrast-10pct);border-radius: 4px;overflow: hidden}.balance-progress-fill{height: 100%;border-radius: 4px;transition: width 0.3s ease}.calendar-day--holiday{background-color: var(--lumo-success-color-10pct) !important}.calendar-holiday-name{font-size: var(--lumo-font-size-xxs);color: var(--lumo-success-text-color);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%}.calendar-holiday-dot{width: 6px;height: 6px;border-radius: 50%;background-color: var(--lumo-success-color);display: inline-block;margin-right: 4px}.global-search{position: relative}.search-results-dropdown{position: absolute;top: 100%;left: 0;right: 0;background: var(--lumo-base-color);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-m);box-shadow: var(--lumo-box-shadow-m);max-height: 400px;overflow-y: auto;z-index: 1000;min-width: 320px}.search-result-item{display: flex;align-items: center;padding: var(--lumo-space-s) var(--lumo-space-m);cursor: pointer;gap: var(--lumo-space-m)}.search-result-item:hover{background: var(--lumo-contrast-5pct)}.search-result-content{display: flex;flex-direction: column}.search-result-title{font-weight: 500}.search-no-results{padding: var(--lumo-space-m);color: var(--lumo-secondary-text-color);text-align: center}.notification-bell{position: relative}.bell-wrapper{position: relative;display: inline-block}.notification-badge{position: absolute;top: -4px;right: -4px;background: var(--lumo-error-color);color: white;font-size: 10px;font-weight: 600;min-width: 18px;height: 18px;border-radius: 9px;display: flex;align-items: center;justify-content: center;padding: 0 4px;pointer-events: none}.notification-dropdown{position: absolute;top: 100%;right: 0;width: 360px;max-height: 480px;overflow-y: auto;background: var(--lumo-base-color);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-m);box-shadow: var(--lumo-box-shadow-l);z-index: 1000}.notification-header{padding: var(--lumo-space-m);border-bottom: 1px solid var(--lumo-contrast-10pct)}.notification-item{display: flex;gap: var(--lumo-space-m);padding: var(--lumo-space-m);cursor: pointer;border-bottom: 1px solid var(--lumo-contrast-5pct)}.notification-item:hover{background: var(--lumo-contrast-5pct)}.notification-item.unread{background: var(--lumo-primary-color-10pct)}.notification-item.unread:hover{background: var(--lumo-primary-color-10pct);filter: brightness(0.97)}.notification-icon{flex-shrink: 0;margin-top: 2px}.notification-icon.type-action_required{color: var(--lumo-primary-color)}.notification-icon.type-approval{color: var(--lumo-success-color)}.notification-icon.type-rejection{color: var(--lumo-error-color)}.notification-icon.type-reminder{color: var(--lumo-warning-color)}.notification-icon.type-info{color: var(--lumo-secondary-text-color)}.notification-content{display: flex;flex-direction: column;gap: 2px;min-width: 0}.notification-title{font-weight: 500}.notification-message{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;word-break: break-word}.notification-empty{padding: var(--lumo-space-l);text-align: center;color: var(--lumo-secondary-text-color)}.headcount-report-view{max-width: 1400px;margin: 0 auto}.summary-cards{display: flex;gap: var(--lumo-space-m);margin-bottom: var(--lumo-space-l);flex-wrap: wrap}.summary-card{flex: 1;min-width: 140px;background: var(--lumo-base-color);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-l);padding: var(--lumo-space-l);display: flex;flex-direction: column;align-items: center;text-align: center}.summary-card .card-icon{font-size: 32px;margin-bottom: var(--lumo-space-s)}.summary-card .card-value{font-size: var(--lumo-font-size-xxxl);font-weight: 700;line-height: 1}.summary-card .card-label{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s);margin-top: var(--lumo-space-xs)}.summary-card.theme-primary .card-icon,.summary-card.theme-primary .card-value{color: var(--lumo-primary-color)}.summary-card.theme-success .card-icon,.summary-card.theme-success .card-value{color: var(--lumo-success-color)}.summary-card.theme-warning .card-icon,.summary-card.theme-warning .card-value{color: var(--lumo-warning-color)}.summary-card.theme-contrast .card-icon,.summary-card.theme-contrast .card-value{color: var(--lumo-contrast-70pct)}.summary-card.theme-info .card-icon,.summary-card.theme-info .card-value{color: var(--lumo-primary-text-color)}.breakdown-container{background: var(--lumo-base-color);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-l)}.headcount-trend-view{max-width: 1400px;margin: 0 auto}.trend-chart{background: var(--lumo-base-color);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-l);padding: var(--lumo-space-m);margin: var(--lumo-space-m) 0}.bar-chart{display: flex;align-items: flex-end;justify-content: space-around;height: 250px;padding-bottom: var(--lumo-space-xs)}.bar-container{display: flex;flex-direction: column;align-items: center;flex: 1;max-width: 60px;height: 100%;justify-content: flex-end}.chart-bar{width: 30px;background: var(--lumo-primary-color);border-radius: var(--lumo-border-radius-s) var(--lumo-border-radius-s) 0 0;min-height: 4px;transition: height 0.3s ease}.chart-bar:hover{background: var(--lumo-primary-color-50pct)}.bar-label{font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color);margin-top: var(--lumo-space-xs)}.bar-value{font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color);margin-bottom: var(--lumo-space-xs)}.summary-card.theme-error .card-icon,.summary-card.theme-error .card-value{color: var(--lumo-error-color)}.absence-report-view{max-width: 1400px;margin: 0 auto}.absence-type-badge{display: inline-block;padding: 4px 10px;border-radius: var(--lumo-border-radius-m);color: white;font-size: var(--lumo-font-size-s);font-weight: 500}.turnover-report-view{max-width: 1400px;margin: 0 auto}.turnover-high{background-color: var(--lumo-error-color-10pct);color: var(--lumo-error-text-color);padding: 2px 8px;border-radius: var(--lumo-border-radius-s);font-weight: 600}.tenure-badge{display: inline-block;padding: 4px 10px;border-radius: var(--lumo-border-radius-m);font-size: var(--lumo-font-size-s);font-weight: 500}.tenure-short{background-color: var(--lumo-error-color-10pct);color: var(--lumo-error-text-color)}.tenure-medium{background-color: var(--lumo-primary-color-10pct);color: var(--lumo-primary-text-color)}.tenure-long{background-color: var(--lumo-success-color-10pct);color: var(--lumo-success-text-color)}.empty-state{min-height: 300px;text-align: center}.empty-state .empty-state-icon{width: 64px;height: 64px;color: var(--lumo-contrast-50pct);margin-bottom: var(--lumo-space-m)}.empty-state .empty-state-headline{color: var(--lumo-header-text-color);margin: 0 0 var(--lumo-space-xs) 0;font-weight: 600}.empty-state .empty-state-description{color: var(--lumo-secondary-text-color);max-width: 400px;margin: 0 0 var(--lumo-space-l) 0;line-height: var(--lumo-line-height-m)}.empty-state .empty-state-cta{margin-top: var(--lumo-space-s)}.empty-state.compact{min-height: 200px;padding: var(--lumo-space-l)}.empty-state.compact .empty-state-icon{width: 48px;height: 48px}vaadin-app-layout{--vaadin-app-layout-drawer-width: 280px;--vaadin-app-layout-transition-duration: 200ms}vaadin-app-layout[drawer-collapsed]:not([overlay]){--vaadin-app-layout-drawer-width: 56px}.drawer-toggle-button{margin-left: var(--lumo-space-s);flex-shrink: 0}.branding-initial{display: none}vaadin-app-layout[drawer-collapsed]:not([overlay]) .branding-text{display: none !important}vaadin-app-layout[drawer-collapsed]:not([overlay]) .branding-initial{display: block;font-size: var(--lumo-font-size-xl);font-weight: 700;color: var(--lumo-primary-color);text-align: center;padding: var(--lumo-space-s) 0}vaadin-app-layout[drawer-collapsed]:not([overlay]) .branding-header{padding: var(--lumo-space-xs);text-align: center}vaadin-app-layout[drawer-collapsed]:not([overlay]) .nav-group-label{font-size: 0;overflow: hidden;height: 1px;padding: 0;margin: var(--lumo-space-xs) var(--lumo-space-s);background: var(--lumo-contrast-10pct)}vaadin-app-layout[drawer-collapsed]:not([overlay]) vaadin-side-nav{padding-inline: 0 !important}vaadin-app-layout[drawer-collapsed]:not([overlay]) vaadin-side-nav-item::part(link){width: 56px;box-sizing: border-box;overflow: hidden;padding-inline: 16px;gap: 0;flex-wrap: nowrap}vaadin-app-layout[drawer-collapsed]:not([overlay]) vaadin-side-nav-item::part(content){width: 56px;overflow: hidden;padding-inline: 0}vaadin-app-layout[drawer-collapsed]:not([overlay]) vaadin-side-nav-item>vaadin-icon{flex-shrink: 0;width: var(--lumo-icon-size-m,24px);height: var(--lumo-icon-size-m,24px)}vaadin-app-layout[drawer-collapsed]:not([overlay]) vaadin-side-nav-item{position: relative;--_vaadin-side-nav-child-indent: 0}vaadin-app-layout[drawer-collapsed]:not([overlay]) vaadin-side-nav-item:hover::after{content: attr(title);position: absolute;left: 100%;top: 50%;transform: translateY(-50%);background: var(--lumo-base-color);color: var(--lumo-body-text-color);padding: var(--lumo-space-xs) var(--lumo-space-s);border-radius: var(--lumo-border-radius-m);box-shadow: var(--lumo-box-shadow-m);white-space: nowrap;z-index: 1000;margin-left: var(--lumo-space-xs);font-size: var(--lumo-font-size-s);line-height: var(--lumo-line-height-s);pointer-events: none}vaadin-app-layout[drawer-collapsed]:not([overlay]) .drawer-nav-container{overflow: hidden}.dashboard-widget-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(320px,100%),1fr));gap: var(--lumo-space-l);margin-top: var(--lumo-space-l)}.dashboard-widget-grid>*{width: 100% !important;min-width: 0}.dashboard-widget{background: var(--lumo-base-color);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-l);overflow: hidden}.dashboard-widget-header{padding: var(--lumo-space-m);border-bottom: 1px solid var(--lumo-contrast-5pct);background: var(--lumo-contrast-5pct)}.dashboard-widget-icon{color: var(--lumo-primary-color);width: 20px;height: 20px;flex-shrink: 0}.dashboard-widget-title{margin: 0;font-size: var(--lumo-font-size-m);font-weight: 600}.dashboard-widget-link{font-size: var(--lumo-font-size-s);color: var(--lumo-primary-color);text-decoration: none;white-space: nowrap;flex-shrink: 0}.dashboard-widget-link:hover{text-decoration: underline}.dashboard-widget-body{padding: var(--lumo-space-s)}.dashboard-widget-item{padding: var(--lumo-space-s);border-radius: var(--lumo-border-radius-m);transition: background 0.15s}.dashboard-widget-item.clickable{cursor: pointer}.dashboard-widget-item.clickable:hover{background: var(--lumo-contrast-5pct)}.dashboard-widget-item-icon{color: var(--lumo-contrast-60pct);width: 16px;height: 16px;flex-shrink: 0}.dashboard-widget-item-text{font-size: var(--lumo-font-size-s);color: var(--lumo-body-text-color)}.dashboard-widget-item-subtext{font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color)}.dashboard-widget-empty{display: block;text-align: center;padding: var(--lumo-space-l);color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s)}.quick-action-card{min-width: 140px;padding: var(--lumo-space-m);background: var(--lumo-base-color);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-m);cursor: pointer;transition: all 0.15s ease;text-align: center}.quick-action-card:hover{background: var(--lumo-contrast-5pct);border-color: var(--lumo-primary-color-50pct);transform: translateY(-2px);box-shadow: var(--lumo-box-shadow-s)}.quick-action-card.primary{background: var(--lumo-primary-color-10pct);border-color: var(--lumo-primary-color-50pct)}.quick-action-card.primary:hover{background: var(--lumo-primary-color)}.quick-action-card.primary:hover .quick-action-icon,.quick-action-card.primary:hover .quick-action-label,.quick-action-card.primary:hover .quick-action-description{color: var(--lumo-primary-contrast-color)}.quick-action-icon{width: 28px;height: 28px;color: var(--lumo-primary-color)}.quick-action-label{font-size: var(--lumo-font-size-s);font-weight: 600;color: var(--lumo-body-text-color)}.quick-action-description{font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color)}@media (max-width: 600px){.quick-actions-bar{flex-direction: column !important}.quick-action-card{width: 100%}}.history-export-panel .export-form{margin-bottom: var(--lumo-space-l)}.history-export-panel .export-preview{padding: var(--lumo-space-m);background: var(--lumo-contrast-5pct);border-radius: var(--lumo-border-radius-l);border-left: 4px solid var(--lumo-primary-color)}.history-export-panel .export-preview h4{margin: 0 0 var(--lumo-space-s) 0}.history-export-panel .export-preview p{margin: 0 0 var(--lumo-space-xs) 0}.audit-filter-bar{padding: var(--lumo-space-s) 0}.audit-detail-row{padding: var(--lumo-space-xs) 0;border-bottom: 1px solid var(--lumo-contrast-10pct)}.audit-detail-row:last-child{border-bottom: none}.breadcrumb{display: flex;align-items: center;gap: var(--lumo-space-xs);font-size: var(--lumo-font-size-s);margin-bottom: var(--lumo-space-s)}.breadcrumb-link{color: var(--lumo-primary-color);text-decoration: none;transition: color 0.15s}.breadcrumb-link:hover{color: var(--lumo-primary-color-50pct);text-decoration: underline}.breadcrumb-separator{width: 12px;height: 12px;color: var(--lumo-contrast-40pct);flex-shrink: 0}.breadcrumb-current{color: var(--lumo-secondary-text-color);font-weight: 500}.breadcrumb-link,.breadcrumb-current{max-width: 200px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}@media (max-width: 600px){.breadcrumb{font-size: var(--lumo-font-size-xs)}.breadcrumb-link,.breadcrumb-current{max-width: 100px}}.field-help-icon{color: var(--lumo-contrast-50pct);cursor: help;transition: color 0.15s;flex-shrink: 0}.field-help-icon:hover{color: var(--lumo-primary-color)}vaadin-tooltip::part(overlay){max-width: 280px;font-size: var(--lumo-font-size-s);line-height: var(--lumo-line-height-m)}.cookie-banner{position: fixed;bottom: 24px;right: 24px;z-index: 10000;animation: cookie-slide-up 0.3s ease-out}@keyframes cookie-slide-up{from{opacity: 0;transform: translateY(20px)}to{opacity: 1;transform: translateY(0)}}@media (max-width: 600px){.cookie-banner{bottom: 0;right: 0;left: 0}.cookie-banner>div{max-width: 100% !important;border-radius: var(--lumo-border-radius-l) var(--lumo-border-radius-l) 0 0 !important}}.legal-page{min-height: 100vh;background: var(--lumo-base-color)}.legal-page h2{margin-top: var(--lumo-space-l);margin-bottom: var(--lumo-space-s);font-size: var(--lumo-font-size-l)}.legal-page p{line-height: var(--lumo-line-height-m);color: var(--lumo-body-text-color)}.legal-page ul{padding-left: var(--lumo-space-l)}.legal-page li{margin-bottom: var(--lumo-space-xs);line-height: var(--lumo-line-height-m)}.help-fab{position: fixed !important;bottom: 24px;right: 24px;width: 48px !important;height: 48px !important;min-width: 48px !important;border-radius: 50% !important;padding: 0 !important;box-shadow: 0 4px 12px rgba(0,0,0,0.15);z-index: 999;transition: transform 0.2s,box-shadow 0.2s;background: var(--lumo-primary-color);color: var(--lumo-primary-contrast-color)}.help-fab:hover{transform: scale(1.08);box-shadow: 0 6px 20px rgba(0,0,0,0.22)}.help-fab:active{transform: scale(0.95)}.help-page{height: 100%}.help-toc{background: var(--lumo-contrast-5pct);border-radius: var(--lumo-border-radius-l);overflow-y: auto;max-height: 100%}.help-toc vaadin-details{margin: 0}.help-article-link{display: block;padding: var(--lumo-space-xs) var(--lumo-space-s);color: var(--lumo-body-text-color);text-decoration: none;border-radius: var(--lumo-border-radius-s);font-size: var(--lumo-font-size-s)}.help-article-link:hover{background: var(--lumo-contrast-10pct);color: var(--lumo-primary-text-color)}.help-breadcrumbs{font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color);margin-bottom: var(--lumo-space-m)}.help-breadcrumbs a{color: var(--lumo-primary-text-color);text-decoration: none}.help-breadcrumbs a:hover{text-decoration: underline}.help-feedback{margin-top: var(--lumo-space-xl);padding-top: var(--lumo-space-m);border-top: 1px solid var(--lumo-contrast-10pct);display: flex;align-items: center;gap: var(--lumo-space-m)}.help-drawer{position: fixed !important;top: 0 !important;right: 0 !important;bottom: 0 !important;left: auto !important;width: 400px !important;max-width: 90vw !important;margin: 0 !important;border-radius: 0 !important;box-shadow: -4px 0 24px rgba(0,0,0,0.15) !important;animation: help-drawer-slide-in 0.2s ease-out}@keyframes help-drawer-slide-in{from{transform: translateX(100%)}to{transform: translateX(0)}}.help-drawer-item{padding: var(--lumo-space-s) 0;border-bottom: 1px solid var(--lumo-contrast-10pct)}.help-drawer-link{font-weight: 500;color: var(--lumo-primary-text-color);text-decoration: none}.help-drawer-link:hover{text-decoration: underline}.help-drawer-summary{font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color);margin: var(--lumo-space-xs) 0 0 0}.markdown-body{line-height: 1.7}.markdown-body h1{font-size: var(--lumo-font-size-xxl);margin-top: 0;margin-bottom: var(--lumo-space-m)}.markdown-body h2{font-size: var(--lumo-font-size-xl);margin-top: var(--lumo-space-l);margin-bottom: var(--lumo-space-s);padding-bottom: var(--lumo-space-xs);border-bottom: 1px solid var(--lumo-contrast-10pct)}.markdown-body h3{font-size: var(--lumo-font-size-l);margin-top: var(--lumo-space-m)}.markdown-body p{margin: var(--lumo-space-s) 0}.markdown-body ul,.markdown-body ol{padding-left: var(--lumo-space-l)}.markdown-body li{margin-bottom: var(--lumo-space-xs)}.markdown-body table{width: 100%;border-collapse: collapse;margin: var(--lumo-space-m) 0}.markdown-body th,.markdown-body td{padding: var(--lumo-space-xs) var(--lumo-space-s);border: 1px solid var(--lumo-contrast-20pct);text-align: left}.markdown-body th{background: var(--lumo-contrast-5pct);font-weight: 600}.markdown-body blockquote{border-left: 3px solid var(--lumo-primary-color);padding: var(--lumo-space-s) var(--lumo-space-m);margin: var(--lumo-space-m) 0;margin-left: 0;background: var(--lumo-primary-color-10pct);border-radius: 0 var(--lumo-border-radius-s) var(--lumo-border-radius-s) 0}.markdown-body blockquote p{margin: 0}.markdown-body code{background: var(--lumo-contrast-10pct);padding: 2px 6px;border-radius: var(--lumo-border-radius-s);font-size: 0.9em;font-family: var(--lumo-font-family-monospace,monospace)}.markdown-body pre{background: var(--lumo-contrast-5pct);padding: var(--lumo-space-m);border-radius: var(--lumo-border-radius-m);overflow-x: auto}.markdown-body pre code{background: none;padding: 0}.markdown-body hr{border: none;border-top: 1px solid var(--lumo-contrast-10pct);margin: var(--lumo-space-l) 0}.markdown-body a{color: var(--lumo-primary-text-color)}@media (max-width: 768px){.help-page{flex-direction: column !important}.help-toc{width: 100% !important;max-height: 300px}.help-drawer{width: 100% !important;max-width: 100% !important}.help-fab{bottom: 16px;right: 16px}}.settings-nav{background: var(--lumo-contrast-5pct);border-right: 1px solid var(--lumo-contrast-10pct);overflow: hidden}.settings-nav vaadin-text-field::part(input-field){background: var(--lumo-base-color);border: 1px solid var(--lumo-contrast-20pct);border-radius: var(--lumo-border-radius-m)}vaadin-grid{min-width: 0;--vaadin-grid-cell-text-overflow: ellipsis}@media (max-width: 768px){.settings-layout{flex-direction: column !important}.settings-layout .settings-nav{width: 100% !important;min-width: 0 !important;max-height: 200px;border-right: none;border-bottom: 1px solid var(--lumo-contrast-10pct)}}.time-off-calendar-row{overflow-y: auto}@media (max-width: 768px){.time-off-calendar-row{flex-wrap: wrap !important}.time-off-calendar-row .time-off-balance-panel{width: 100% !important;min-width: 0 !important}}@media (max-height: 800px){.personal-calendar-day{--calendar-cell-min-height: 60px}.personal-calendar-day .calendar-holiday-name,.personal-calendar-day .calendar-absence-label{font-size: var(--lumo-font-size-xxs) !important}}@media (max-height: 600px){.personal-calendar-day{--calendar-cell-min-height: 48px}}@media (max-width: 768px){.responsive-toolbar{flex-wrap: wrap !important;gap: var(--lumo-space-s)}}