.okit-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0;user-select:none;transition:var(--okit-transition)}.okit-avatar__initials{font-weight:700;line-height:1;letter-spacing:.5px;color:#fff;pointer-events:none}.okit-avatar__image{width:100%;height:100%;object-fit:cover;display:block}.okit-avatar--sm{width:28px;height:28px}.okit-avatar--sm .okit-avatar__initials{font-size:var(--okit-font-xs)}.okit-avatar--md{width:48px;height:48px}.okit-avatar--md .okit-avatar__initials{font-size:var(--okit-font-label)}.okit-avatar--c0{background:#1976d2}.okit-avatar--c1{background:#388e3c}.okit-avatar--c2{background:#7b1fa2}.okit-avatar--c3{background:#c62828}.okit-avatar--c4{background:#00838f}.okit-avatar--c5{background:#e65100}.okit-avatar--c6{background:#4527a0}.okit-avatar--c7{background:#2e7d32}.shortcut-menu-bar{gap:var(--okit-space-sm);padding:var(--okit-space-xs) var(--okit-space-md);background:#ffffff1a;border-radius:var(--okit-radius-md)}.shortcut-status-indicator{display:flex;align-items:center;gap:6px;padding:6px var(--okit-space-md);background:#ffffff26;border-radius:var(--okit-radius-sm);min-width:120px}.status-dot{width:var(--okit-space-sm);height:var(--okit-space-sm);border-radius:50%}.status-dot--in-project{background:var(--okit-success)}.status-dot--working{background:var(--okit-warning)}.status-dot--inactive{background:#757575}.status-dot--pulse{animation:pulse 2s infinite}.shortcut-status-indicator--in-project{background:#4caf5033}.shortcut-status-indicator--working{background:#ff980033}.shortcut-status-text{color:#fff;font-size:var(--okit-font-meta);font-weight:500;white-space:nowrap}vaadin-button.shortcut-action-button{color:#fff;border-radius:var(--okit-radius-sm)}vaadin-button.shortcut-action-button:hover{background:#fff3!important}@keyframes pulse{0%{box-shadow:0 0 #ffffffb3}50%{box-shadow:0 0 0 6px #fff0}to{box-shadow:0 0 #fff0}}vaadin-button[theme~="tertiary success"]:hover{background:#4caf5033!important}vaadin-button[theme~="tertiary error"]:hover{background:#f4433633!important}vaadin-button[theme~="tertiary primary"]:hover{background:var(--okit-primary-hover-bg)!important}vaadin-button[theme~="tertiary contrast"]:hover{background:#fff3!important}.shortcut-menu{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}vaadin-button[title]:hover:after{content:attr(title);position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:var(--okit-space-xs) var(--okit-space-sm);border-radius:var(--okit-radius-xs);font-size:var(--okit-font-sm);white-space:nowrap;z-index:1000}.green{color:var(--lumo-success-color)}.red{color:var(--lumo-error-color)}.orange{color:var(--lumo-warning-color, orange)}.line{display:inline}.header-root{height:64px;width:100%;background:linear-gradient(135deg,#42a5f5,#1976d2 45%,#0d47a1);box-shadow:var(--okit-shadow-float);padding:0 var(--okit-space-xl);position:sticky;top:0;z-index:1000}.header-left-side{gap:var(--okit-space-lg)}.header-powered-by{color:#ffffffe6;font-size:var(--okit-font-meta);font-weight:500;letter-spacing:.5px}.header-center{margin-left:auto;margin-right:auto}.header-right-side{margin-left:auto;gap:var(--okit-space-md)}.header-logo-container{cursor:pointer;padding:var(--okit-space-sm) var(--okit-space-md);border-radius:var(--okit-radius-md);transition:var(--okit-transition-bg)}.header-logo-container:hover{background:#ffffff1a}.header-logo-icon{color:#fff}.header-avatar{border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0003;transition:var(--okit-transition)}.header-avatar:hover{border-color:#fff;transform:scale(1.05)}.header-root vaadin-button.notifications{--lumo-primary-text-color: rgba(255, 255, 255, .9);--lumo-body-text-color: rgba(255, 255, 255, .9);border-radius:var(--okit-radius-md);transition:var(--okit-transition-bg)}.header-root vaadin-button.notifications:hover{background:#ffffff26}.header-root vaadin-button.notifications::part(prefix){color:#fff}.header-root vaadin-button.notifications::part(label){color:#fff;font-size:var(--okit-font-xs);font-weight:700;background:var(--okit-danger);border-radius:var(--okit-radius-xl);padding:1px 6px;min-width:18px;line-height:16px}.kb-status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--okit-radius-xl);background:#ffffff1f;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:var(--okit-transition-bg);user-select:none}.kb-status-badge:hover{background:#ffffff38;border-color:#fff6}.kb-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.kb-status-dot--connected{background:#4caf50;box-shadow:0 0 0 2px #4caf5059;animation:kb-pulse 2.5s ease-in-out infinite}@keyframes kb-pulse{0%,to{box-shadow:0 0 0 2px #4caf5059}50%{box-shadow:0 0 0 5px #4caf5000}}.kb-status-label{color:#ffffffe6;font-size:var(--okit-font-sm);font-weight:500;letter-spacing:.3px}.action-button-row vaadin-button{flex:0 0 auto;width:auto}vaadin-button.btn-success{--lumo-primary-color: var(--okit-success);--lumo-primary-text-color: white;--lumo-primary-color-50pct: rgba(76, 175, 80, .5)}vaadin-button.btn-warning{--lumo-primary-color: var(--okit-warning);--lumo-primary-text-color: white;--lumo-primary-color-50pct: rgba(255, 152, 0, .5)}vaadin-button.btn-danger{--lumo-primary-color: var(--okit-danger);--lumo-primary-text-color: white;--lumo-primary-color-50pct: rgba(244, 67, 54, .5)}.sidenav-scroll-area{overflow-y:auto;overflow-x:hidden;min-height:0}.sidenav-footer{background:var(--okit-surface);border-top:1px solid var(--okit-border);flex-shrink:0}.sidenav-user-info{padding:var(--okit-space-sm) 0;color:var(--okit-text-secondary);font-size:var(--okit-font-meta);gap:var(--okit-space-sm)}.sidenav-user-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}vaadin-notification-card{background:transparent!important;box-shadow:none!important;padding:0!important}vaadin-notification-card[theme~=success]{--notification-background: linear-gradient(135deg, var(--okit-success) 0%, var(--okit-success-dark) 100%)}vaadin-notification-card[theme~=error]{--notification-background: linear-gradient(135deg, var(--okit-danger) 0%, var(--okit-danger-dark) 100%)}vaadin-notification-card[theme~=warning]{--notification-background: linear-gradient(135deg, var(--okit-warning) 0%, var(--okit-warning-dark) 100%)}vaadin-notification-card[theme~=primary]{--notification-background: linear-gradient(135deg, var(--okit-primary) 0%, var(--okit-primary-dark) 100%)}vaadin-notification-card[theme~=contrast]{--notification-background: linear-gradient(135deg, var(--okit-neutral-dark) 0%, var(--okit-neutral-darker) 100%)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}vaadin-notification-card{animation:slideInRight .3s cubic-bezier(.4,0,.2,1)}vaadin-notification-card[closing]{animation:slideOutRight .3s cubic-bezier(.4,0,.2,1)}.toast-layout{gap:var(--okit-space-md)}.toast-container{padding:var(--okit-padding-nav);border-radius:var(--okit-radius-md);box-shadow:var(--okit-shadow-float);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.toast-icon{flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.toast-message{font-size:var(--okit-font-label);font-weight:500}.toast-close-btn{flex-shrink:0}vaadin-notification-card vaadin-button[theme~=tertiary-inline]:hover{background:#fff3!important}@keyframes progress{0%{width:100%}to{width:0%}}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:#ffffff4d;border-radius:0 0 var(--okit-radius-md) var(--okit-radius-md)}.toast-progress-bar{height:100%;background:#fffc;animation:progress var(--duration) linear}vaadin-notification-container{top:72px!important;flex-direction:column!important;gap:var(--okit-space-md)}@media(max-width:768px){vaadin-notification-card{max-width:calc(100vw - 32px)!important;margin:0 var(--okit-space-lg)!important}}@media(prefers-color-scheme:dark){vaadin-notification-card{--notification-background-opacity: .95}}@media(prefers-contrast:high){vaadin-notification-card{border:2px solid currentColor}}@media(prefers-reduced-motion:reduce){vaadin-notification-card{animation:none!important}}.navbar-area{background:#fff}.hr-overview-title{margin:0 0 var(--okit-space-lg) 0;color:var(--okit-text-primary)}.hr-error-state{padding:var(--okit-space-2xl);text-align:center;color:var(--lumo-error-text-color)}.employee-card{background:var(--okit-surface);border-radius:var(--okit-radius-md);transition:var(--okit-transition)}.employee-card-name{font-weight:600;font-size:var(--okit-font-label);color:var(--okit-text-primary)}.employee-vacation-label{font-size:var(--okit-font-xs);color:var(--okit-text-secondary)}.employee-vacation-days{font-size:var(--okit-font-label);font-weight:600;color:var(--okit-primary)}.employee-saldo-label{font-size:var(--okit-font-sm)}.employee-saldo-label--positive{color:var(--okit-success)}.employee-saldo-label--negative{color:var(--okit-danger)}.absence-card{background:var(--okit-warning-bg);border-left:4px solid var(--okit-warning);border-radius:var(--okit-radius-md)}.absence-date-range{font-size:var(--okit-font-sm);color:var(--okit-text-secondary)}.absence-card-icon{color:var(--okit-warning)}.absence-user-name{font-weight:600;font-size:var(--okit-font-label)}.absence-type-badge{padding:var(--okit-space-xs) var(--okit-space-md);background:#fff;border-radius:var(--okit-radius-lg);font-size:var(--okit-font-xs);font-weight:600;color:var(--okit-warning)}.holiday-grid{flex-wrap:wrap}.holiday-card{background:var(--okit-success-bg);border-radius:var(--okit-radius-md);border:2px solid var(--okit-success)}.holiday-day-number{font-size:var(--okit-font-hero);font-weight:700;line-height:1;color:var(--okit-success)}.holiday-month-year{font-size:var(--okit-font-sm);color:var(--okit-text-secondary);margin-top:var(--okit-space-xs)}.holiday-divider{width:100%;height:1px;background:var(--okit-success-light);margin:var(--okit-space-sm) 0}.holiday-name{font-size:var(--okit-font-meta);font-weight:600;text-align:center;color:var(--okit-text-primary)}.empty-state-text{font-size:var(--okit-font-label)}.attendance-title{margin:0}.info-row{padding:var(--okit-space-lg) 0;border-bottom:1px solid var(--okit-border)}.info-row-label{font-size:var(--okit-font-body);color:var(--okit-text-secondary)}.info-row-value{font-size:var(--okit-font-value);font-weight:600;color:var(--okit-primary)}.saldo-box{background:var(--okit-surface);border-radius:var(--okit-radius-md)}.saldo-box-label{font-size:var(--okit-font-meta);color:var(--okit-text-secondary);margin-bottom:var(--okit-space-xs)}.saldo-box-value{font-size:var(--okit-font-stat);font-weight:700}.info-row-value--warning{color:var(--okit-warning)}.info-row-value--primary{color:var(--okit-primary)}.info-row-value--danger{color:var(--okit-danger)}.info-row-value--success,.saldo-box-value--positive{color:var(--okit-success)}.saldo-box-value--negative{color:var(--okit-danger)}.project-progress-bar{margin-top:var(--okit-space-md)}.project-progress-label{font-size:var(--okit-font-meta);color:var(--okit-text-secondary);margin-top:var(--okit-space-xs)}.team-avatars{flex-wrap:wrap;gap:var(--okit-space-sm)}.project-section-title{margin:var(--okit-space-sm) 0;font-size:16px}.project-work-card{padding:var(--okit-space-lg);background:var(--okit-surface);border-radius:var(--okit-radius-md);border-left:4px solid var(--lumo-primary-color);transition:var(--okit-transition)}.project-work-card--compact{padding:var(--okit-space-sm) var(--okit-space-md)}.project-work-name-row{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:var(--okit-space-xs)}.project-work-duration-badge{font-size:var(--okit-font-label);font-weight:600;color:var(--okit-primary);white-space:nowrap;margin-left:var(--okit-space-sm)}.project-work-description-row{display:block;color:var(--okit-text-secondary);font-size:var(--okit-font-meta);margin-top:var(--okit-space-xs);font-style:italic}.project-work-name{font-weight:600;font-size:var(--okit-font-body);color:var(--okit-primary);display:block;margin-bottom:var(--okit-space-xs)}.project-work-time-row{color:var(--okit-text-secondary);font-size:var(--okit-font-label)}.team-more-label{padding:var(--okit-space-sm) var(--okit-space-md);background:var(--okit-border);border-radius:50%;font-size:var(--okit-font-sm);font-weight:600;text-align:center;width:40px;height:40px}.dialog-header{background:var(--okit-primary);color:#fff}.dialog-header-title{margin:0;color:#fff;font-size:var(--okit-font-title)}vaadin-button.dialog-header-close{color:#fff}.dialog-search-section{background:#fff;border-bottom:1px solid var(--okit-border)}.dialog-datetime-section{background:var(--okit-header-bg);border-bottom:1px solid var(--okit-border)}.dialog-section-label{font-weight:500;font-size:var(--okit-font-label);color:var(--okit-text-secondary)}.dialog-project-list{background:#fff;overflow-y:auto}.dialog-project-column--internal{background:#fff;border-right:1px solid var(--okit-border);overflow-y:auto}.dialog-project-column--external{background:#fff;overflow-y:auto}.dialog-footer{background:var(--okit-header-bg);border-top:1px solid var(--okit-border)}.dialog-category-header{background:var(--okit-surface);border-bottom:2px solid var(--okit-border);position:sticky;top:0;z-index:10}.dialog-category-title{font-weight:600;font-size:var(--okit-font-label);color:var(--okit-text-primary)}.dialog-count-badge{background:var(--okit-primary);color:#fff;padding:2px var(--okit-space-sm);border-radius:var(--okit-radius-lg);font-size:var(--okit-font-sm);font-weight:600;margin-left:var(--okit-space-sm)}.dialog-project-card{padding:var(--okit-space-lg) 20px;border-bottom:1px solid var(--okit-border);cursor:pointer;transition:var(--okit-transition-bg);position:relative}.dialog-project-card:not(.dialog-project-card--selected):hover{background:var(--okit-surface)}.dialog-project-card--selected{background:var(--okit-blue-bg)}.dialog-project-name{font-weight:500;font-size:var(--okit-font-body);color:var(--okit-text-primary);display:block;margin-bottom:var(--okit-space-xs)}.dialog-internal-badge{background:var(--okit-blue-bg);color:var(--okit-primary);padding:2px var(--okit-space-sm);border-radius:var(--okit-radius-xs);font-size:var(--okit-font-sm);font-weight:500}.dialog-partner-name{font-size:var(--okit-font-meta);color:var(--okit-text-secondary)}.dialog-selection-indicator{position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent;transition:var(--okit-transition-bg)}.dialog-selection-indicator--selected{background:var(--okit-primary)}.absence-calendar-placeholder{background:var(--okit-surface);border-radius:var(--okit-radius-md);border:2px dashed var(--okit-border);display:flex;align-items:center;justify-content:center;min-height:400px}.absence-placeholder-text{color:var(--okit-text-secondary);font-size:var(--okit-font-value)}.absence-availability-section{background:var(--okit-surface);border-radius:var(--okit-radius-md);margin-top:var(--okit-space-lg)}.absence-available-value{font-size:var(--okit-font-value);font-weight:700;color:var(--okit-primary)}.absence-selected-value{font-size:var(--okit-font-value);font-weight:700;color:var(--okit-warning)}.form-label-text{font-size:var(--okit-font-label);color:var(--okit-text-secondary)}.form-action-buttons{margin-top:var(--okit-space-lg)}.form-section-label--spaced-top{margin-top:8px}.form-section-label--block{display:block;margin-bottom:8px}.message-label{overflow:hidden;text-overflow:ellipsis}.project-portlet-name{font-size:var(--lumo-font-size-l)}.my-work-sidebar{border-right:1px solid var(--lumo-contrast-10pct);background:var(--okit-surface)}.panel-card--clickable{cursor:pointer}.label-failure{color:var(--lumo-error-text-color)}.label-success{color:var(--lumo-success-text-color)}.label-bold{font-weight:700}.info-message-panel{padding:var(--okit-space-lg)}.info-message-card{padding:var(--okit-space-sm) var(--okit-space-md);background:var(--okit-surface);border-radius:var(--okit-radius-md);border-left:4px solid var(--okit-primary);margin-bottom:var(--okit-space-xs)}.info-message-card--bug{border-left-color:var(--okit-danger)}.info-message-card--warning{border-left-color:var(--okit-warning)}.info-message-card--notification{border-left-color:var(--okit-danger);background:var(--okit-danger-bg)}.info-message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--okit-space-xs)}.info-message-author-group{display:flex;align-items:center;gap:var(--okit-space-sm)}.info-message-author{font-weight:600;font-size:var(--okit-font-label);color:var(--okit-text-primary)}.info-message-time{font-size:var(--okit-font-sm);color:var(--okit-text-muted);white-space:nowrap;margin-left:var(--okit-space-md)}.info-message-body{font-size:var(--okit-font-label);color:var(--okit-text-secondary);line-height:1.4}.info-message-action{display:block;font-size:var(--okit-font-sm);color:var(--okit-primary);margin-top:var(--okit-space-xs);font-style:italic}.info-message-action-buttons{display:flex;flex-direction:column;gap:var(--okit-space-sm);margin-top:var(--okit-space-md)}.info-message-action-row{display:flex;flex-wrap:wrap;gap:var(--okit-space-sm);margin-top:var(--okit-space-sm)}.info-message-edit-btn{cursor:pointer}.availability-panel{padding:var(--okit-space-lg);display:flex;flex-direction:column;gap:0}.availability-group-header{font-size:var(--okit-font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--okit-text-muted);padding:var(--okit-space-sm) 0 var(--okit-space-xs);display:block}.availability-group-header--online{color:var(--okit-success)}.availability-group-header--vacation{color:var(--okit-warning)}.availability-group-header--offline,.availability-group-header--hidden{color:var(--okit-text-muted)}.availability-user-card{display:flex;align-items:center;gap:var(--okit-space-md);padding:var(--okit-space-xs) var(--okit-space-sm);border-radius:var(--okit-radius-md);margin-bottom:var(--okit-space-xs);background:var(--okit-surface)}.availability-avatar-area{position:relative;display:inline-flex;flex-shrink:0}.availability-status-dot{position:absolute;width:13px;height:13px;border-radius:50%;bottom:1px;right:1px;border:2px solid var(--lumo-base-color, #fff)}.availability-status-dot--online{background:var(--okit-success)}.availability-status-dot--offline{background:var(--okit-danger)}.availability-status-dot--vacation{background:var(--okit-warning)}.availability-status-dot--hidden{background:var(--okit-text-muted)}.availability-user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.availability-user-name{font-size:var(--okit-font-label);font-weight:500;color:var(--okit-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.availability-user-project{font-size:var(--okit-font-xs);color:var(--okit-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoice-overview-portlet{padding:var(--okit-space-lg);gap:var(--okit-space-lg)}.invoice-section-title{display:block;font-size:var(--okit-font-label);font-weight:600;color:var(--okit-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--okit-space-sm)}.invoice-filter-section{background:var(--okit-surface);border-radius:var(--okit-radius-md);padding:var(--okit-space-lg);width:100%;box-sizing:border-box}.invoice-filter-row{flex-wrap:wrap;gap:var(--okit-space-md);width:100%}.invoice-filter-field--wide{flex:2;min-width:280px}.invoice-filter-btn-row{gap:var(--okit-space-sm);margin-top:var(--okit-space-md)}.invoice-kpi-row{gap:var(--okit-space-md)}.invoice-kpi-card{flex:1;padding:var(--okit-space-lg);border-radius:var(--okit-radius-md);background:var(--okit-surface);border-left:4px solid var(--okit-border);display:flex;flex-direction:column;gap:var(--okit-space-xs)}.invoice-kpi-card--total{border-left-color:var(--okit-primary)}.invoice-kpi-card--open{border-left-color:var(--okit-warning)}.invoice-kpi-card--overdue{border-left-color:var(--okit-danger)}.invoice-kpi-label{font-size:var(--okit-font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--okit-text-muted)}.invoice-kpi-value{font-size:var(--okit-font-stat);font-weight:700;color:var(--okit-text-primary)}.invoice-kpi-value--overdue{color:var(--okit-danger)}.invoice-grid-section{display:flex;flex-direction:column}.invoice-grid-header{align-items:center}.invoice-grid-count{font-size:var(--okit-font-sm);color:var(--okit-text-muted);font-weight:500;margin-bottom:var(--okit-space-sm)}.invoice-grid{flex:1}.invoice-export-buttons{gap:0}.invoice-log-grid{width:100%}.invoice-due-date--overdue{color:var(--okit-danger);font-weight:600}.invoice-status-badge{padding:2px var(--okit-space-sm);border-radius:var(--okit-radius-xl);font-size:var(--okit-font-xs);font-weight:600;white-space:nowrap}.invoice-status-badge--paid{background:var(--okit-badge-success-bg);color:var(--okit-badge-success-text)}.invoice-status-badge--open{background:var(--okit-badge-info-bg);color:var(--okit-badge-info-text)}.invoice-status-badge--overdue{background:var(--okit-badge-danger-bg);color:var(--okit-badge-danger-text)}.single-invoice-portlet{padding:var(--okit-space-lg);gap:var(--okit-space-md);overflow-y:auto}.single-invoice-section{background:var(--lumo-base-color);border:1px solid var(--lumo-contrast-10pct);border-radius:var(--okit-radius-md);padding:var(--okit-space-md);width:100%}.single-invoice-section-title{font-size:var(--lumo-font-size-s);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--lumo-secondary-text-color);margin-bottom:var(--okit-space-sm)}.single-invoice-field-row{display:flex;flex-wrap:wrap;gap:var(--okit-space-sm);width:100%}.single-invoice-field-row vaadin-text-field,.single-invoice-field-row vaadin-text-area,.single-invoice-field-row vaadin-combo-box,.single-invoice-field-row vaadin-date-picker{flex:1 1 200px}.single-invoice-field--wide{flex:2 1 300px!important}.single-invoice-positions-toolbar{display:flex;gap:var(--okit-space-xs);align-items:center;margin-bottom:var(--okit-space-xs)}.single-invoice-totals-row{display:flex;justify-content:flex-end;gap:var(--okit-space-lg);padding:var(--okit-space-sm) 0;font-size:var(--lumo-font-size-m)}.single-invoice-totals-row .single-invoice-total-label{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s)}.single-invoice-totals-row .single-invoice-total-value{font-weight:600;min-width:120px;text-align:right}.single-invoice-totals-row .single-invoice-total-value--gross{font-size:var(--lumo-font-size-l);color:var(--okit-primary)}.single-invoice-action-row{display:flex;justify-content:flex-end;gap:var(--okit-space-sm);padding:var(--okit-space-sm) 0}.single-invoice-checkbox-row{display:flex;gap:var(--okit-space-lg);align-items:center;padding-top:var(--okit-space-sm)}.single-invoice-position-dialog{width:600px;max-width:95vw}.single-invoice-position-dialog .single-invoice-field-row{margin-bottom:var(--okit-space-xs)}.single-invoice-position-calc-row{display:flex;justify-content:flex-end;gap:var(--okit-space-md);padding:var(--okit-space-xs) 0;font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color);border-top:1px solid var(--lumo-contrast-10pct);margin-top:var(--okit-space-xs)}vaadin-button.dialog-close-btn{color:var(--lumo-contrast-80pct)}vaadin-button.dialog-close-btn:hover{color:var(--lumo-contrast)}.simple-text-area{overflow-y:auto;white-space:pre;font-family:monospace}.finish-attendance-time-section,.finish-attendance-info-section,.finish-attendance-form-section{border-top:1px solid var(--okit-border)}.finish-attendance-timesheet-section{border-top:1px solid var(--okit-border);padding-bottom:var(--okit-space-md)}.finish-attendance-timesheet-list{max-height:280px;overflow-y:auto;padding-right:var(--okit-space-xs)}.finish-attendance-timesheet-empty{display:flex;align-items:center;gap:var(--okit-space-sm);color:var(--okit-text-secondary);font-size:var(--okit-font-label);padding:var(--okit-space-md) 0}.invoice-closing-header-recipient{font-size:var(--okit-font-label);color:var(--okit-text-secondary)}.invoice-closing-header-total{font-size:var(--okit-font-label);font-weight:600}.invoice-closing-form-section{border-top:1px solid var(--okit-border)}.invoice-closing-rollback-section{border-top:1px solid var(--okit-border);padding-top:var(--okit-space-md)}.invoice-closing-rollback-row{padding:var(--okit-space-xs) 0}.invoice-closing-rollback-ref{font-weight:500}.invoice-closing-rollback-hint{color:var(--okit-text-secondary);font-size:var(--okit-font-label)}.invoice-closing-rollback-date{max-width:160px}::slotted(vaadin-button.dialog-close-btn){color:var(--lumo-contrast-80pct);cursor:pointer}::slotted(vaadin-button.dialog-close-btn:hover){color:var(--lumo-contrast)}:root{--lumo-space-xs: .25rem;--lumo-space-s: .375rem;--lumo-space-m: .5rem;--lumo-space-l: .75rem;--lumo-space-xl: 1rem;--lumo-font-size-xxs: .75rem;--lumo-font-size-xs: .8125rem;--lumo-font-size-s: .875rem;--lumo-font-size-m: .9375rem;--lumo-font-size-l: 1rem;--lumo-font-size-xl: 1.125rem;--okit-blue: #5B5BEA;--okit-blue-light: #9898F2;--okit-blue-lighter: #E6E6FC;--okit-primary: #1976d2;--okit-primary-dark: #1565c0;--okit-primary-hover-bg: rgba(25, 118, 210, .2);--okit-header-bg: #f5f5f5;--okit-surface: #f8f9fa;--okit-border: #e0e0e0;--okit-blue-bg: #e3f2fd;--okit-badge-success-bg: #d4edda;--okit-badge-success-text: #155724;--okit-badge-info-bg: #cce5ff;--okit-badge-info-text: #004085;--okit-badge-danger-bg: #f8d7da;--okit-badge-danger-text: #721c24;--okit-text-primary: #333;--okit-text-secondary: #666;--okit-text-muted: #999;--okit-success: #4caf50;--okit-success-dark: #45a049;--okit-success-bg: #e8f5e9;--okit-success-light: #c8e6c9;--okit-warning: #ff9800;--okit-warning-dark: #fb8c00;--okit-warning-bg: #fff3e0;--okit-danger: #f44336;--okit-danger-dark: #e53935;--okit-danger-bg: #f8d7da;--okit-neutral-dark: #424242;--okit-neutral-darker: #303030;--notification-success: #08A55D;--notification-warning: #F0AF23;--notification-danger: #F75E55;--notification-info: var(--okit-blue);--okit-shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--okit-shadow-card: 0 4px 12px rgba(0, 0, 0, .1);--okit-shadow-hover: 0 2px 8px rgba(0, 0, 0, .1);--okit-shadow-float: 0 4px 12px rgba(0, 0, 0, .15);--okit-radius-xs: 4px;--okit-radius-sm: 6px;--okit-radius-md: 8px;--okit-radius-lg: 12px;--okit-radius-xl: 20px;--okit-space-xs: 4px;--okit-space-sm: 8px;--okit-space-md: 12px;--okit-space-lg: 16px;--okit-space-xl: 24px;--okit-space-2xl: 40px;--okit-font-xs: 11px;--okit-font-sm: 12px;--okit-font-meta: 13px;--okit-font-label: 14px;--okit-font-body: 15px;--okit-font-value: 18px;--okit-font-title: 20px;--okit-font-stat: 24px;--okit-font-hero: 32px;--okit-transition: all .2s ease;--okit-transition-bg: background .2s ease;--okit-padding-nav: var(--okit-space-md) var(--okit-space-lg)}.panel-section{background:#fff;border-radius:var(--okit-radius-lg);box-shadow:var(--okit-shadow-card)}.panel-bg{background:var(--okit-header-bg);overflow:auto}.panel-section-title{margin:0 0 var(--okit-space-lg) 0;font-size:var(--okit-font-value)}.panel-divider{height:1px;background:var(--okit-border);margin:var(--okit-space-sm) 0}.status-badge{padding:6px var(--okit-space-lg);border-radius:var(--okit-radius-xl);font-size:var(--okit-font-label);font-weight:600}.status-badge--running{background:var(--okit-badge-success-bg);color:var(--okit-badge-success-text)}.status-badge--finished{background:var(--okit-badge-info-bg);color:var(--okit-badge-info-text)}.status-badge--not-started{background:var(--okit-badge-danger-bg);color:var(--okit-badge-danger-text)}.status-badge--active{background:var(--okit-badge-success-bg);color:var(--okit-badge-success-text)}.status-badge--no-project{background:var(--okit-badge-danger-bg);color:var(--okit-badge-danger-text)}.empty-state{padding:var(--okit-space-2xl);text-align:center;color:var(--okit-text-muted)}.info-row-icon{color:var(--okit-text-secondary)}.form-section-label{font-weight:500;font-size:var(--okit-font-label);color:var(--okit-text-secondary)}.attendance-nav,.absence-nav-header{padding:var(--okit-padding-nav);background:#fff;border-radius:var(--okit-radius-md);box-shadow:var(--okit-shadow-sm)}.project-mgmt-header-title,.absence-month-header,.attendance-date-header{margin:0;font-size:var(--okit-font-title);font-weight:600}.employee-card:hover,.project-work-card:hover{background:var(--okit-blue-bg);transform:translate(4px);box-shadow:var(--okit-shadow-hover)}