.client-badge{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color);padding:2px 10px;background-color:var(--lumo-contrast-5pct);border-radius:10px;max-width:400px;flex-shrink:4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:auto}.admin-button,.todo-button{cursor:pointer}.user-avatar{cursor:pointer;border-radius:100%}.user-menu-button{border-radius:100%}.user-display{border-bottom-color:var(--lumo-contrast-10pct);border-bottom-style:solid;border-bottom-width:2px}.user-display-name{overflow:hidden;text-overflow:ellipsis}.user-display-email{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color);overflow:hidden;text-overflow:ellipsis}.menu-item-button{cursor:pointer}.widget-bar-wrapper{flex-shrink:0}.widget-bar-toggle-button{float:right}.user-grid{border-width:medium;border-color:var(--lumo-contrast-10pct)}.user-grid-menu{margin-left:auto}.menu-icon-small{width:var(--lumo-icon-size-s);height:var(--lumo-icon-size-s);margin-right:var(--lumo-space-s)}.company-info-panel{padding:var(--lumo-space-l)}.company-description-area{margin-top:var(--lumo-space-s)}.company-button-layout{margin-top:var(--lumo-space-m)}.subscription-status-badge{padding:var(--lumo-space-xs) var(--lumo-space-m);border-radius:var(--lumo-border-radius-m);font-size:var(--lumo-font-size-s);font-weight:600}.status-active{background-color:var(--lumo-success-color-10pct);color:var(--lumo-success-text-color)}.status-trial{background-color:var(--lumo-primary-color-10pct);color:var(--lumo-primary-text-color)}.status-expired,.status-suspended{background-color:var(--lumo-error-color-10pct);color:var(--lumo-error-text-color)}.status-cancelled{background-color:var(--lumo-contrast-10pct);color:var(--lumo-contrast-70pct)}.no-subscription-alert{background-color:var(--lumo-warning-color-10pct);border:1px solid var(--lumo-warning-color);border-radius:var(--lumo-border-radius-m);padding:var(--lumo-space-l);margin-bottom:var(--lumo-space-l)}.plan-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--lumo-space-l);margin-top:var(--lumo-space-l)}.plan-card{border:2px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-l);transition:all .3s ease;background:var(--lumo-base-color)}.plan-card:hover{border-color:var(--lumo-primary-color);box-shadow:var(--lumo-box-shadow-m);transform:translateY(-4px)}.plan-card-current{border-color:var(--lumo-primary-color);background:var(--lumo-primary-color-10pct)}.plan-badge-recommended{background-color:var(--lumo-primary-color);color:var(--lumo-base-color);padding:var(--lumo-space-xs) var(--lumo-space-s);border-radius:var(--lumo-border-radius-m);font-size:var(--lumo-font-size-xs);font-weight:600}.plan-badge-current{background-color:var(--lumo-success-color);color:var(--lumo-base-color);padding:var(--lumo-space-xs) var(--lumo-space-s);border-radius:var(--lumo-border-radius-m);font-size:var(--lumo-font-size-xs);font-weight:600}.plan-price-section{text-align:center;margin:var(--lumo-space-m) 0}.plan-price{font-size:var(--lumo-font-size-xxxl);font-weight:600;color:var(--lumo-primary-text-color);display:block}.plan-period{font-size:var(--lumo-font-size-m);color:var(--lumo-secondary-text-color);display:block}.plan-contact-text{font-size:var(--lumo-font-size-xl);font-weight:500;color:var(--lumo-secondary-text-color)}.plan-features-list{list-style:none;padding:0;margin:var(--lumo-space-m) 0}.plan-features-list li{padding:var(--lumo-space-xs) 0;display:flex;align-items:center}.feature-icon{color:var(--lumo-success-color);margin-right:var(--lumo-space-s)}.usage-panel{background-color:var(--lumo-contrast-5pct);border-radius:var(--lumo-border-radius-m)}.usage-indicator{margin-bottom:var(--lumo-space-m)}.usage-label{font-weight:500}.usage-value-normal{color:var(--lumo-success-text-color);font-weight:600}.usage-value-warning{color:var(--lumo-warning-text-color);font-weight:600}.usage-value-critical{color:var(--lumo-error-text-color);font-weight:600}.usage-value-unlimited{color:var(--lumo-primary-text-color);font-weight:600}.progress-normal{--vaadin-progress-value-color: var(--lumo-success-color)}.progress-warning{--vaadin-progress-value-color: var(--lumo-warning-color)}.progress-critical{--vaadin-progress-value-color: var(--lumo-error-color)}.progress-unlimited{--vaadin-progress-value-color: var(--lumo-primary-color)}.usage-warning{background-color:var(--lumo-warning-color-10pct);border:1px solid var(--lumo-warning-color);border-radius:var(--lumo-border-radius-m);padding:var(--lumo-space-m);margin-top:var(--lumo-space-m)}.subscription-overview-panel{background-color:var(--lumo-base-color);border:1px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-m)}.subscription-button-layout{margin-top:var(--lumo-space-m)}.invoice-grid{border:1px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-m)}@media (max-width: 768px){.plan-cards-container{grid-template-columns:1fr}}vaadin-grid.modern-grid{background-color:transparent}vaadin-grid.modern-grid::part(header-cell){background-color:transparent;font-weight:600;font-size:var(--lumo-font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--lumo-tertiary-text-color);padding:var(--lumo-space-s) var(--lumo-space-m);border:none}vaadin-grid.modern-grid::part(cell){padding:var(--lumo-space-m);background-color:var(--lumo-contrast-5pct);cursor:pointer}vaadin-grid.modern-grid::part(row){border-bottom-color:var(--lumo-base-color);border-bottom-width:var(--lumo-space-m);border-bottom-style:solid}vaadin-grid.modern-grid::part(row):hover{background-color:var(--lumo-contrast-5pct);cursor:pointer}vaadin-grid.modern-grid::part(first-column-cell){border-top-left-radius:10px;border-bottom-left-radius:10px}vaadin-grid.modern-grid::part(last-column-cell){border-top-right-radius:10px;border-bottom-right-radius:10px}vaadin-grid vaadin-avatar{--vaadin-avatar-size: 2.5rem}.role-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:var(--lumo-border-radius-s);font-size:var(--lumo-font-size-xs);font-weight:500;margin:.125rem;white-space:nowrap}.role-badge-admin{background-color:var(--lumo-error-color-10pct);color:var(--lumo-error-text-color)}.role-badge-client-admin{background-color:var(--lumo-primary-color-10pct);color:var(--lumo-primary-text-color)}.role-badge-user{background-color:var(--lumo-contrast-10pct);color:var(--lumo-secondary-text-color)}.grid-action-buttons{opacity:0;transition:opacity .15s ease-in-out}vaadin-grid::part(row):hover .grid-action-buttons{opacity:1}@media (hover: none){.grid-action-buttons{opacity:1}}vaadin-grid vaadin-button[theme~=icon][theme~=small]{--vaadin-button-min-width: 2rem;--vaadin-button-height: 2rem;color:var(--lumo-secondary-text-color)}vaadin-grid vaadin-button[theme~=icon][theme~=small]:hover{background-color:var(--lumo-contrast-10pct);color:var(--lumo-body-text-color)}vaadin-grid vaadin-button[theme~=icon][theme~=primary]{color:var(--lumo-primary-text-color)}vaadin-grid vaadin-button[theme~=icon][theme~=primary]:hover{background-color:var(--lumo-primary-color-10pct)}.grid-secondary-text{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color);line-height:1.4}.grid-primary-text{font-size:var(--lumo-font-size-m);font-weight:500;color:var(--lumo-body-text-color);line-height:1.5}.account-status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:var(--lumo-space-xs)}.account-status-active{background-color:var(--lumo-success-color)}.account-status-inactive{background-color:var(--lumo-disabled-text-color)}.grid-relative-time{font-size:var(--lumo-font-size-xs);color:var(--lumo-tertiary-text-color);font-style:italic}vaadin-grid vaadin-vertical-layout{gap:.125rem}vaadin-grid vaadin-icon{width:var(--lumo-icon-size-s);height:var(--lumo-icon-size-s)}html vaadin-grid::part(deleted-request){background:var(--lumo-contrast-20pct)}html vaadin-dialog-overlay::part(header-content){max-width:100%}.process-step{color:var(--lumo-secondary-text-color);text-align:center;align-content:center;align-items:center;padding-left:3px;padding-right:3px;width:150px;height:100px;border-radius:10px;border-width:2px;border-style:solid;box-shadow:3px 3px 3px #0003}.process-step>#process-step-icon{visibility:hidden}.process-step:hover>#process-step-icon{visibility:visible}.process-step-editable{background:var(--lumo-base-color);border-color:#0c67df;cursor:pointer}.process-step-not-editable{position:relative;z-index:2;background:var(--lumo-base-color);border-color:var(--lumo-contrast-60pct)}.add-process-step{background:var(--lumo-primary-color);text-align:center;align-content:center;width:60px;height:100px;border-radius:10px;box-shadow:3px 3px 3px #0003;border-width:2px;border-style:solid;border-color:#0c67df;transition:background-color .1s linear .1s}.add-process-step:hover{background:#4290f5}.add-process-step:focus{background:#5098f6}.process-step-target{background-color:var(--lumo-contrast-20pct);border-radius:5px;display:none;height:80%;width:10px}.process-step-target.v-drag-over-target{background-color:var(--lumo-contrast-40pct);width:15px;height:90%}.process-wrapper-in-request-details-inlet{position:absolute;top:calc(50% - 5px);z-index:1;align-items:center;height:10px;width:100%;background-color:var(--lumo-contrast-20pct)}vaadin-grid::part(grid-imminent-item){border-left-color:var(--lumo-error-color);border-left-width:5px;border-left-style:solid}vaadin-grid::part(grid-soon-item){border-left-color:var(--lumo-warning-color);border-left-width:5px;border-left-style:solid}vaadin-grid::part(grid-loitering-item){border-left-color:var(--lumo-primary-color-50pct);border-left-width:5px;border-left-style:solid}vaadin-grid::part(grid-new-item){border-left-color:var(--lumo-primary-color);border-left-width:5px;border-left-style:solid}.indicator-circle-imminent{background-color:var(--lumo-error-color);border-radius:50%}.indicator-circle-soon{background-color:var(--lumo-warning-color);border-radius:50%}.indicator-circle-loitering{background-color:var(--lumo-primary-color-50pct);border-radius:50%}.indicator-circle-new{background-color:var(--lumo-primary-color);border-radius:50%}