:root{--lumo-primary-color: #881F18;--lumo-primary-color-50pct: #881F1880;--lumo-primary-color-10pct: #881F181A;--lumo-primary-text-color: black;--lumo-primary-contrast-color: white}:host(.dark){--lumo-primary-color: #881F18;--lumo-primary-color-50pct: #881F1880;--lumo-primary-color-10pct: #881F181A;--lumo-primary-text-color: white;--lumo-primary-contrast-color: white}:root{--lumo-primary-rgb: 136,31,24}vaadin-app-layout vaadin-drawer-toggle{--vaadin-app-layout-drawer-toggle-icon-transform: none}vaadin-app-layout vaadin-drawer-toggle [part="icon"]{transform: none}vaadin-app-layout[primary-section="drawer"] vaadin-drawer-toggle{width: var(--lumo-size-xl);height: var(--lumo-size-xl)}vaadin-app-layout [part="drawer"]>vaadin-vertical-layout>:first-child{padding: var(--lumo-space-m) var(--lumo-space-l);border-bottom: 1px solid var(--lumo-contrast-10pct);background-color: var(--lumo-primary-color-10pct);margin-bottom: var(--lumo-space-s)}vaadin-app-layout [part="drawer"] vaadin-icon{color: var(--lumo-primary-color);margin-bottom: var(--lumo-space-xs)}vaadin-app-layout [part="drawer"] span{color: var(--lumo-primary-text-color);font-weight: 600;font-size: var(--lumo-font-size-l)}vaadin-side-nav{--vaadin-side-nav-item-padding: var(--lumo-space-m) var(--lumo-space-l);--vaadin-side-nav-item-font-size: var(--lumo-font-size-m);--vaadin-side-nav-item-font-weight: 500;--vaadin-side-nav-item-hover-background: var(--lumo-contrast-5pct);--vaadin-side-nav-item-selected-background: var(--lumo-primary-color-10pct);--vaadin-side-nav-item-selected-color: var(--lumo-primary-text-color);--vaadin-side-nav-item-selected-font-weight: 600;--vaadin-side-nav-item-border-radius: var(--lumo-border-radius-m);--vaadin-side-nav-group-heading-font-size: var(--lumo-font-size-s);--vaadin-side-nav-group-heading-font-weight: 600;--vaadin-side-nav-group-heading-color: var(--lumo-secondary-text-color);--vaadin-side-nav-group-heading-padding: var(--lumo-space-s) var(--lumo-space-l)}vaadin-side-nav vaadin-side-nav-item[has-prefix]::part(prefix){margin-right: var(--lumo-space-m)}vaadin-side-nav vaadin-side-nav-item vaadin-icon{color: var(--lumo-secondary-text-color);width: var(--lumo-icon-size-m);height: var(--lumo-icon-size-m)}vaadin-side-nav vaadin-side-nav-item[selected] vaadin-icon{color: var(--lumo-primary-text-color)}vaadin-text-field[has-prefix]{align-self: flex-end;margin-bottom: 0}vaadin-horizontal-layout vaadin-text-field[has-prefix]{align-self: flex-end;margin-bottom: var(--lumo-space-xs);vertical-align: bottom}vaadin-text-field[has-prefix] [part="prefix"]{padding-right: var(--lumo-space-s)}vaadin-text-field[has-prefix] [part="input-field"]{padding-left: var(--lumo-space-m)}vaadin-horizontal-layout[class*="toolbar"] vaadin-text-field{align-self: flex-end;margin-bottom: var(--lumo-space-xs)}vaadin-app-layout{--vaadin-app-layout-navbar-height: 64px;background-color: var(--lumo-base-color)}vaadin-app-layout [part="navbar"]{box-shadow: 0 2px 8px rgba(0,0,0,0.1);background-color: var(--lumo-primary-color);color: var(--lumo-primary-contrast-color)}vaadin-app-layout [part="content"]{background-color: var(--lumo-contrast-5pct);padding: var(--lumo-space-m);overflow-y: auto}vaadin-vertical-layout[class*="view"]{height: 100%;display: flex;flex-direction: column}vaadin-vertical-layout[class*="view"]>:first-child{margin-bottom: var(--lumo-space-m)}vaadin-vertical-layout[class*="view"]>:nth-child(2){flex: 1;overflow: hidden}vaadin-vertical-layout[class*="content"]{background-color: white;border-radius: var(--lumo-border-radius-l);box-shadow: 0 2px 8px rgba(0,0,0,0.05);padding: var(--lumo-space-m);margin: var(--lumo-space-xs)}vaadin-button{border-radius: var(--lumo-border-radius-pill);transition: all 0.2s ease;padding: var(--lumo-space-s) var(--lumo-space-m);font-weight: 500}vaadin-button:hover{transform: translateY(-1px);box-shadow: 0 2px 4px rgba(0,0,0,0.1)}vaadin-button[theme~="primary"]{box-shadow: 0 2px 4px rgba(var(--lumo-primary-rgb),0.2)}vaadin-button[theme~="primary"]:hover{box-shadow: 0 4px 8px rgba(var(--lumo-primary-rgb),0.3)}vaadin-button[has-prefix]{padding-left: var(--lumo-space-s)}vaadin-button[has-suffix]{padding-right: var(--lumo-space-s)}vaadin-grid{border: 1px solid var(--lumo-contrast-20pct);border-radius: var(--lumo-border-radius-m);overflow: hidden}vaadin-grid [part="header-cell"]{background-color: var(--lumo-contrast-10pct);font-weight: 600;border-bottom: 1px solid var(--lumo-contrast-20pct)}vaadin-grid [part="body-cell"]{border-bottom: 1px solid var(--lumo-contrast-10pct)}vaadin-grid [part="row"]:hover [part="body-cell"]{background-color: var(--lumo-contrast-5pct)}vaadin-dialog-overlay{border-radius: var(--lumo-border-radius-l);box-shadow: 0 8px 24px rgba(0,0,0,0.15);max-width: 50%;width: auto}vaadin-dialog-overlay [part="header"]{background-color: var(--lumo-primary-color);color: var(--lumo-primary-contrast-color);border-radius: var(--lumo-border-radius-l) var(--lumo-border-radius-l) 0 0;font-weight: 600}@media (max-width: 768px){vaadin-dialog-overlay{max-width: 100%;width: 100%;margin: 0;border-radius: 0}vaadin-dialog-overlay [part="header"]{border-radius: 0}}vaadin-form-layout{gap: var(--lumo-space-m);background-color: white;padding: var(--lumo-space-m);border-radius: var(--lumo-border-radius-m);box-shadow: 0 1px 4px rgba(0,0,0,0.05)}vaadin-form-layout vaadin-text-field,vaadin-form-layout vaadin-text-area,vaadin-form-layout vaadin-select{width: 100%}:root{--lumo-font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--lumo-font-size: 15px;--lumo-line-height-m: 1.5}vaadin-text-field,vaadin-text-area,vaadin-select,vaadin-combo-box{--vaadin-input-field-default-border-color: var(--lumo-contrast-30pct);--vaadin-input-field-default-border-width: 1px;--vaadin-input-field-default-border-radius: var(--lumo-border-radius-pill);transition: all 0.2s ease}vaadin-text-field:focus,vaadin-text-area:focus,vaadin-select:focus,vaadin-combo-box:focus{--vaadin-input-field-default-border-color: var(--lumo-primary-color);--vaadin-input-field-default-border-width: 2px;box-shadow: 0 0 0 2px rgba(var(--lumo-primary-rgb),0.1)}vaadin-text-field[invalid],vaadin-text-area[invalid],vaadin-select[invalid],vaadin-combo-box[invalid]{--vaadin-input-field-default-border-color: var(--lumo-error-color)}vaadin-text-field[invalid]:focus,vaadin-text-area[invalid]:focus,vaadin-select[invalid]:focus,vaadin-combo-box[invalid]:focus{box-shadow: 0 0 0 2px rgba(var(--lumo-error-rgb),0.1)}h1,h2,h3,h4,h5,h6{font-family: var(--lumo-font-family);font-weight: 600;color: var(--lumo-primary-text-color);margin-bottom: var(--lumo-space-m)}h1{font-size: var(--lumo-font-size-xxl)}h2{font-size: var(--lumo-font-size-xl)}h3{font-size: var(--lumo-font-size-l)}h4{font-size: var(--lumo-font-size-m)}a{color: var(--lumo-primary-color);text-decoration: none;transition: color 0.2s ease;font-weight: 500}a:hover{color: var(--lumo-primary-color-50pct);text-decoration: underline}vaadin-tooltip{background-color: var(--lumo-contrast-90pct);color: var(--lumo-base-color);border-radius: var(--lumo-border-radius-s);padding: var(--lumo-space-xs) var(--lumo-space-s);font-size: var(--lumo-font-size-xs);box-shadow: 0 2px 8px rgba(0,0,0,0.2)}vaadin-progress-bar{height: 4px;border-radius: var(--lumo-border-radius-s)}[part~="badge"]{border-radius: var(--lumo-border-radius-pill);padding: var(--lumo-space-xs) var(--lumo-space-s);font-size: var(--lumo-font-size-xs);font-weight: 600}vaadin-notification{border-radius: var(--lumo-border-radius-m);box-shadow: 0 4px 12px rgba(0,0,0,0.15)}vaadin-button[has-icon] vaadin-icon[icon="vaadin:bell"]{transition: all 0.2s ease}vaadin-button.has-notifications vaadin-icon[icon="vaadin:bell"]{color: var(--lumo-primary-color);font-weight: 600}.notification-popover-content{max-width: 300px;width: 100%;background-color: white;border-radius: var(--lumo-border-radius-m);overflow: hidden;border: 1px solid var(--lumo-contrast-10pct);transition: all 0.2s ease}.notification-header{padding: var(--lumo-space-xs) var(--lumo-space-s);background-color: var(--lumo-primary-color);color: var(--lumo-primary-contrast-color);font-weight: 600;font-size: var(--lumo-font-size-s);border-bottom: 1px solid var(--lumo-contrast-10pct)}.notification-container{max-width: 300px;width: 100%;background-color: white;padding: var(--lumo-space-s);overflow: auto;max-height: 400px}.notification-item{padding: var(--lumo-space-xs) var(--lumo-space-s);border-bottom: 1px solid var(--lumo-contrast-10pct);font-size: var(--lumo-font-size-s);color: var(--lumo-primary-text-color);transition: background-color 0.2s ease}.notification-item:hover{background-color: var(--lumo-contrast-5pct);cursor: pointer}.notification-item:last-child{border-bottom: none}.notification-container:empty::before{content: "No notifications";color: var(--lumo-secondary-text-color);font-style: italic;text-align: center;padding: var(--lumo-space-m)}.notification-popover{z-index: 1000;margin-top: var(--lumo-space-xs)}.notification-popover [part="overlay"]{padding: 0;background: transparent;max-width: 300px;width: auto}.notification-popover [part="content"]{padding: 0;overflow: hidden}.notification-popover{--vaadin-popover-overlay-transform-origin: top center}@media (max-width: 768px){vaadin-app-layout[primary-section="drawer"] [part="drawer"]{width: 320px !important;min-width: 320px !important;max-width: 320px !important}vaadin-text-field[has-prefix]{width: 100%}}:root{--lumo-font-size: 14px;--lumo-font-size-xs: 0.75rem;--lumo-font-size-s: 0.8125rem;--lumo-font-size-m: 0.875rem;--lumo-font-size-l: 1rem;--lumo-font-size-xl: 1.125rem;--lumo-font-size-xxl: 1.25rem;--lumo-font-size-xxxl: 1.5rem}h1{font-size: var(--lumo-font-size-xl)}h2{font-size: var(--lumo-font-size-l)}h3{font-size: var(--lumo-font-size-m)}h4{font-size: var(--lumo-font-size-s)}vaadin-button{font-size: var(--lumo-font-size-s)}vaadin-text-field,vaadin-text-area,vaadin-select,vaadin-combo-box{font-size: var(--lumo-font-size-s)}vaadin-grid [part="header-cell"],vaadin-grid [part="body-cell"]{font-size: var(--lumo-font-size-xs)}vaadin-side-nav{--vaadin-side-nav-item-font-size: var(--lumo-font-size-s);--vaadin-side-nav-group-heading-font-size: var(--lumo-font-size-xs)}vaadin-form-layout{font-size: var(--lumo-font-size-s)}vaadin-notification{font-size: var(--lumo-font-size-s)}vaadin-dialog-overlay{font-size: var(--lumo-font-size-s)}vaadin-button,vaadin-text-field,vaadin-select,vaadin-side-nav vaadin-side-nav-item{transition: all 0.2s ease}[part="body-cell"]:hover{cursor: pointer;background-color: var(--lumo-contrast-5pct)}.toolbar-search-container{display: flex;align-items: flex-end;gap: var(--lumo-space-s)}vaadin-horizontal-layout vaadin-text-field[has-prefix],vaadin-horizontal-layout vaadin-combo-box[has-prefix],vaadin-horizontal-layout vaadin-select[has-prefix]{align-self: flex-end;margin-bottom: var(--lumo-space-xs)}vaadin-horizontal-layout[class*="toolbar"]>*{align-self: flex-end;margin-bottom: var(--lumo-space-xs)}.toolbar-search-container{display: flex;align-items: flex-end;gap: var(--lumo-space-s)}.toolbar-bottom-align{align-items: flex-end}.toolbar-item-bottom{align-self: flex-end;margin-bottom: var(--lumo-space-xs)}vaadin-horizontal-layout.toolbar-bottom-align>*{align-self: flex-end;margin-bottom: var(--lumo-space-xs)}vaadin-horizontal-layout vaadin-text-field[has-prefix]{min-height: 40px}vaadin-horizontal-layout vaadin-select{align-self: flex-end;margin-bottom: var(--lumo-space-xs)}vaadin-horizontal-layout vaadin-button{align-self: center}vaadin-horizontal-layout vaadin-context-menu{align-self: center}vaadin-horizontal-layout[class*="viewtoolbar"]{min-height: auto;height: auto;padding: 0}vaadin-horizontal-layout[class*="viewtoolbar"]>*{align-self: center}::-webkit-scrollbar{width: 8px;height: 8px}::-webkit-scrollbar-track{background: var(--lumo-contrast-5pct);border-radius: 4px}::-webkit-scrollbar-thumb{background: var(--lumo-contrast-20pct);border-radius: 4px}::-webkit-scrollbar-thumb:hover{background: var(--lumo-contrast-30pct)}*{scrollbar-width: thin;scrollbar-color: var(--lumo-contrast-20pct) var(--lumo-contrast-5pct)}.notification-popover{width: 350px;max-width: 400px;max-height: 600px;overflow-y: auto;box-shadow: 0 4px 12px rgba(0,0,0,0.15);border-radius: 8px;border: 1px solid #e0e0e0;background-color: white}.notification-popover-content{width: 100%;height: 100%;display: flex;flex-direction: column}.notification-header{border-bottom: 1px solid #e0e0e0;padding: 8px 12px;background-color: #f8f9fa}.notification-title{font-size: 16px;color: #212121}.notification-container{flex: 1;overflow-y: auto;max-height: 400px}.notification-item{padding: 12px;border-bottom: 1px solid #f0f0f0;cursor: pointer;transition: background-color 0.2s ease}.notification-item:hover{background-color: #f5f7fa}.notification-item.unread{background-color: #f0f7ff;border-left: 3px solid #2196F3}.notification-item .notification-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 6px;border-bottom: none;padding: 0;background-color: transparent}.notification-item .notification-title{font-size: 14px;font-weight: 500;color: #212121;flex: 1}.notification-type-badge{font-size: 10px;padding: 2px 8px;border-radius: 12px;color: white;margin-left: 8px;font-weight: 500}.notification-body{font-size: 13px;color: #616161;line-height: 1.4;margin-bottom: 8px}.notification-footer{display: flex;justify-content: space-between;align-items: center;font-size: 11px;color: #9e9e9e}.notification-timestamp{font-size: 11px;color: #9e9e9e}.notification-pagination{padding: 8px 12px;border-top: 1px solid #e0e0e0;background-color: #f8f9fa}.no-notifications{padding: 24px;text-align: center;color: #9e9e9e;font-size: 14px}.notification-error{padding: 12px;color: #F44336;background-color: #ffebee;border-radius: 4px;margin: 8px}.notification-item vaadin-button{font-size: 11px;padding: 2px 8px}@media (max-width: 768px){.notification-popover{width: 90vw;max-width: 350px}}