html{--firmli-dark-navy: #001f2b;--firmli-accent-green: #00ED64;--firmli-bg-light: #f8f9fa;--lumo-primary-color: var(--firmli-accent-green);--lumo-base-color: white;--lumo-border-radius-m: 16px}vaadin-app-layout [slot="drawer"]{background-color: var(--firmli-dark-navy) !important;width: 18rem !important}vaadin-app-layout [slot="drawer"] vaadin-scroller::-webkit-scrollbar{width: 4px}vaadin-app-layout [slot="drawer"] vaadin-scroller::-webkit-scrollbar-thumb{background: rgba(255,255,255,0.1);border-radius: 10px}vaadin-side-nav-item{--lumo-side-nav-item-text-color: rgba(255,255,255,0.6);--lumo-side-nav-item-icon-color: rgba(255,255,255,0.6);margin: 4px 8px;border-radius: 12px;font-size: 0.9rem}vaadin-side-nav-item::part(link){padding-left: 8px;padding-right: 8px;color: rgba(255,255,255,0.6) !important;text-decoration: none;white-space: normal;height: auto;min-height: var(--lumo-size-m);line-height: 1.2;padding-top: 4px;padding-bottom: 4px}vaadin-side-nav-item[active]::part(link){background-color: var(--firmli-accent-green) !important;color: var(--firmli-dark-navy) !important;opacity: 1}vaadin-side-nav-item[active],vaadin-side-nav-item[active] *{--lumo-side-nav-item-text-color: var(--firmli-dark-navy) !important;--lumo-side-nav-item-icon-color: var(--firmli-dark-navy) !important;color: var(--firmli-dark-navy) !important}vaadin-side-nav-item[active] vaadin-icon,vaadin-side-nav-item[active] [part="i"]{color: var(--firmli-dark-navy) !important;--lumo-icon-color: var(--firmli-dark-navy) !important}vaadin-side-nav-item[active] [slot="prefix"],vaadin-side-nav-item[active]::part(toggle){color: var(--firmli-dark-navy) !important}vaadin-side-nav-item[active]::part(link):hover{background-color: var(--firmli-accent-green) !important;color: var(--firmli-dark-navy) !important}vaadin-side-nav-item:not([active]):hover::part(link){background-color: rgba(255,255,255,0.1) !important;color: #ffffff !important}vaadin-side-nav-item:not([active]):hover [slot="prefix"],vaadin-side-nav-item:not([active]):hover::part(toggle){color: #ffffff !important}vaadin-button[theme~="primary"]{background-color: var(--firmli-accent-green) !important;color: var(--firmli-dark-navy) !important;font-weight: bold !important;border-radius: 8px !important}vaadin-button[theme~="success"][theme~="primary"]{background-color: var(--firmli-accent-green) !important;color: var(--firmli-dark-navy) !important}vaadin-button[theme~="error"][theme~="primary"]{background-color: #ff5252 !important;color: white !important}vaadin-side-nav-item::part(toggle){color: rgba(255,255,255,0.6)}vaadin-side-nav-item:focus{outline: none;box-shadow: none}.dashboard-card{background: white !important;border-radius: 16px !important;box-shadow: 0 2px 12px rgba(0,0,0,0.04) !important;border: 1px solid #f0f0f0 !important}.dashboard-view{overflow-y: auto}.dashboard-card:hover{box-shadow: 0 8px 24px rgba(0,0,0,0.08) !important;transform: translateY(-2px);transition: all 0.3s ease}.amount-display{font-size: 2rem;font-weight: bold}vaadin-upload-file-list{display: none !important}.invoice-dialog .vaadin-dialog-overlay-panel{border-radius: 20px}.invoice-dialog-header{font-size: 1.5rem;font-weight: bold;color: var(--firmli-dark-navy)}.invoice-grid{background-color: white;border-radius: 16px;box-shadow: 0 4px 15px rgba(0,0,0,0.05);border: none;overflow: hidden;padding: 10px}.invoice-grid vaadin-grid-cell-content{padding: 12px 16px}.status-badge{padding: 4px 12px;border-radius: 12px;font-size: 0.85rem;font-weight: 500}.status-offen{background-color: #fff9c4;color: #f57f17}.status-bezahlt{background-color: rgba(0,237,100,0.1);color: var(--firmli-accent-green)}.status-ueberfaellig{background-color: #ffebee;color: #c62828}.status-storniert{background-color: #eeeeee;color: #616161}.status-entwurf{background-color: #e3f2fd;color: #1565c0}.search-field .vaadin-text-field-container{background-color: #f8f9fa;border-radius: 10px}.year-select{width: 100px}vaadin-upload{background-color: #f8f9fa;border: 1px dashed var(--firmli-accent-green);border-radius: 12px;padding: 10px;width: 100%}vaadin-upload::part(drop-label){color: var(--firmli-dark-navy)}.attachment-list{font-size: 0.9rem;color: var(--firmli-dark-navy);background: #e8f5e9;border-radius: 8px;padding: 8px 12px;margin-top: 8px}.payment-details-section{background-color: #e8f5e9;border: 1px solid var(--firmli-accent-green);border-radius: 12px;margin-top: 10px;margin-bottom: 10px}.attachment-list .vaadin-button{margin-left: auto}.attachment-list>vaadin-horizontal-layout{width: 100%;padding: 4px 8px;border-radius: 8px;transition: background-color 0.2s}.attachment-list>vaadin-horizontal-layout:hover{background-color: var(--lumo-contrast-5pct)}vaadin-select-overlay vaadin-select-list-box,vaadin-combo-box-overlay vaadin-combo-box-list-box{--lumo-body-text-color: var(--lumo-contrast-90pct) !important;--lumo-secondary-text-color: var(--lumo-contrast-60pct) !important}vaadin-select-overlay vaadin-select-item,vaadin-combo-box-overlay vaadin-combo-box-item{color: var(--lumo-contrast-90pct) !important}.payable-grid vaadin-grid-cell-content{background-color: white !important;color: var(--firmli-dark-navy) !important}.payable-grid [part~="header-cell"] vaadin-grid-cell-content{background-color: var(--firmli-dark-navy) !important;color: white !important}.year-select::part(label),.white-label-select::part(label){color: white !important}.year-select::part(value),.white-label-select::part(value){color: white !important}.year-select::part(toggle-button),.white-label-select::part(toggle-button){color: rgba(255,255,255,0.7) !important}.year-select::part(input-field),.white-label-select::part(input-field){color: white !important}.year-select vaadin-select-value-button,.white-label-select vaadin-select-value-button{color: white !important}vaadin-select::part(value),vaadin-combo-box::part(value){color: inherit}[part="required-indicator"]{color: var(--firmli-accent-green) !important}vaadin-text-field:focus-within::part(input-field),vaadin-password-field:focus-within::part(input-field),vaadin-email-field:focus-within::part(input-field),vaadin-number-field:focus-within::part(input-field),vaadin-big-decimal-field:focus-within::part(input-field),vaadin-text-area:focus-within::part(input-field),vaadin-combo-box:focus-within::part(input-field),vaadin-date-picker:focus-within::part(input-field),vaadin-select:focus-within::part(input-field),vaadin-button:focus-visible{box-shadow: 0 0 0 2px var(--firmli-accent-green) !important}vaadin-button:focus-visible::after{box-shadow: 0 0 0 2px var(--firmli-accent-green) !important}vaadin-text-field[focus-within]::part(input-field),vaadin-password-field[focus-within]::part(input-field),vaadin-email-field[focus-within]::part(input-field),vaadin-number-field[focus-within]::part(input-field),vaadin-big-decimal-field[focus-within]::part(input-field),vaadin-text-area[focus-within]::part(input-field),vaadin-combo-box[focus-within]::part(input-field),vaadin-date-picker[focus-within]::part(input-field),vaadin-select[focus-within]::part(input-field){border-color: var(--firmli-accent-green) !important}vaadin-button:not([theme~="primary"]):not([theme~="error"]):not([theme~="success"]){color: var(--lumo-body-text-color) !important}vaadin-tabs{--lumo-primary-color: var(--firmli-accent-green);--lumo-primary-text-color: var(--firmli-accent-green)}vaadin-tab[selected]{color: var(--firmli-accent-green) !important}@media (max-width: 800px){.hide-on-mobile{display: none !important}.mobile-stack{flex-direction: column !important;align-items: stretch !important}.mobile-stack>*{width: 100% !important;margin-left: 0 !important;margin-right: 0 !important}.dashboard-metrics-row{flex-direction: column !important}}