:root{--macos-primary: #007AFF;--macos-background: #F5F5F7;--macos-surface: #FFFFFF;--macos-border: #E5E5E7;--macos-text: #1D1D1F;--macos-sidebar: #F5F5F7;--macos-header: #FFFFFF;--macos-shadow: 0 4px 12px rgba(0, 0, 0, .08);--macos-hover: rgba(0, 122, 255, .1)}vaadin-scroller[slot=drawer]{padding:0;background-color:var(--macos-sidebar);border-right:1px solid var(--macos-border)}vaadin-side-nav{--vaadin-side-nav-background: transparent}vaadin-side-nav-item{border-radius:8px;margin:2px 8px;transition:all .2s ease;color:var(--macos-text)}vaadin-side-nav-item:hover{background-color:var(--macos-hover);color:var(--macos-text)}vaadin-side-nav-item[active]{background-color:var(--macos-primary);color:#fff}vaadin-side-nav-item vaadin-icon{padding:0;margin-right:8px}[slot=drawer]:is(header){display:flex;align-items:center;gap:var(--lumo-space-s);padding:var(--lumo-space-m) var(--lumo-space-l);min-height:var(--lumo-size-xl);box-sizing:border-box;background-color:var(--macos-header);border-bottom:1px solid var(--macos-border);font-weight:600;font-size:18px;color:var(--macos-text)}[slot=drawer]:is(footer){display:flex;align-items:center;gap:var(--lumo-space-s);padding:var(--lumo-space-s) var(--lumo-space-m);min-height:var(--lumo-size-xl);box-sizing:border-box;background-color:var(--macos-header);border-top:1px solid var(--macos-border);color:var(--macos-text)}[slot=drawer]:is(header,footer):is(:empty){display:none}[slot=navbar]{background-color:var(--macos-header);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[slot=navbar] h1{color:var(--macos-text)!important}vaadin-drawer-toggle{color:var(--macos-text);border-radius:6px;margin:8px}vaadin-drawer-toggle:hover{background-color:var(--macos-border)}vaadin-side-nav::part(label){font-size:var(--lumo-font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#8e8e93;padding:var(--lumo-space-l) var(--lumo-space-m) var(--lumo-space-xs);background-color:transparent!important;border:none!important;box-shadow:none!important}vaadin-side-nav-item::part(label),vaadin-side-nav-item::part(content){background:transparent!important;border:none!important;box-shadow:none!important}.menu-bar{background:transparent!important;border:none!important;color:var(--macos-text)!important}.leds-view{display:flex;flex-direction:column;height:100%;background-color:var(--macos-background)}.leds-view vaadin-split-layout{width:100%;height:100%;background-color:var(--macos-background)}.leds-view vaadin-grid{height:100%;border-radius:12px;border:1px solid var(--macos-border);background-color:var(--macos-surface);box-shadow:var(--macos-shadow)}.leds-view vaadin-grid{border-radius:12px!important;border:1px solid var(--macos-border)!important;overflow:hidden!important}.leds-view vaadin-grid::part(grid){border-radius:12px!important}.leds-view vaadin-grid::part(header){border-top-left-radius:12px!important;border-top-right-radius:12px!important}.leds-view vaadin-grid::part(footer){border-bottom-left-radius:12px!important;border-bottom-right-radius:12px!important}.leds-view vaadin-grid::part(wrapper){border-radius:12px!important}.leds-view vaadin-grid::part(header-cell){background-color:var(--macos-surface);border-bottom:1px solid var(--macos-border);font-weight:600;color:var(--macos-text)}.leds-view vaadin-grid::part(row):hover{background-color:var(--macos-hover);color:var(--macos-text)}.leds-view vaadin-grid::part(cell){color:var(--macos-text)}.leds-view .editor-layout{display:flex;flex-direction:column;width:400px;background-color:var(--macos-surface);border-radius:12px;border:1px solid var(--macos-border);box-shadow:var(--macos-shadow);margin:8px}.leds-view .editor{flex-grow:1;padding:var(--lumo-space-l);color:var(--macos-text)}.leds-view .editor vaadin-checkbox{padding-top:var(--lumo-space-m);color:var(--macos-text)}.leds-view .button-layout{width:100%;flex-wrap:wrap;background-color:var(--macos-surface);border-top:1px solid var(--macos-border);padding-bottom:var(--lumo-space-s);padding-top:var(--lumo-space-s);padding-left:var(--lumo-space-l);padding-right:var(--lumo-space-l);gap:var(--lumo-space-m);border-bottom-left-radius:12px;border-bottom-right-radius:12px}.leds-view .button-layout vaadin-button{border-radius:8px;font-weight:500;transition:all .2s ease;color:var(--macos-text)}.leds-view .button-layout vaadin-button[theme~=primary]{background-color:var(--macos-primary);color:#fff}.leds-view .button-layout vaadin-button:not([theme~=primary]):hover{background-color:var(--macos-hover);color:var(--macos-text)}.leds-view .grid-wrapper{width:100%;padding:8px}.leds-view .filter-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:end;gap:var(--lumo-space-m);background-color:var(--macos-surface);padding:var(--lumo-space-l);border-radius:12px;border:1px solid var(--macos-border);box-shadow:var(--macos-shadow)}.leds-view .filter-layout vaadin-date-picker,.leds-view .filter-layout vaadin-combo-box,.leds-view .filter-layout vaadin-text-field{--vaadin-field-default-width: auto;border-radius:8px;color:var(--macos-text)}.leds-view .filter-layout vaadin-text-field::part(input-field),.leds-view .filter-layout vaadin-date-picker::part(input-field),.leds-view .filter-layout vaadin-combo-box::part(input-field){border-radius:8px;border:1px solid var(--macos-border);background-color:var(--macos-background);color:var(--macos-text)}.leds-view .filter-layout vaadin-text-field::part(label),.leds-view .filter-layout vaadin-date-picker::part(label),.leds-view .filter-layout vaadin-combo-box::part(label){color:var(--macos-text)}.leds-view .mobile-filters{display:none;position:relative;background-color:var(--macos-surface);border:1px solid var(--macos-border);border-radius:8px;padding:var(--lumo-space-s) var(--lumo-space-m);margin:8px;cursor:pointer;transition:all .2s ease;color:var(--macos-text)}.leds-view .mobile-filters:hover{background-color:var(--macos-hover);color:var(--macos-text)}@media screen and (max-width: 800px){.leds-view .filter-layout{display:none;gap:var(--lumo-space-m);padding:var(--lumo-space-m);margin:8px}.leds-view .filter-layout.visible{display:grid;grid-template-columns:1fr 1fr}.leds-view .filter-layout>*{grid-column-end:span 2}.leds-view .mobile-filters{display:flex;align-items:center;justify-content:space-between}.leds-view .editor-layout{width:100%;margin:8px}}vaadin-app-layout::part(drawer){border-right:1px solid var(--macos-border)}vaadin-app-layout::part(navbar){box-shadow:var(--macos-shadow)}.leds-view .filter-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:end;gap:0 var(--lumo-space-l)}.leds-view .filter-layout .double-width{grid-column-end:span 2}.leds-view .filter-layout .actions{display:flex;justify-content:flex-end;align-items:flex-end;grid-column-end:-1}.leds-view .filter-layout vaadin-date-picker{--vaadin-field-default-width: 6em;width:100%}.leds-view .filter-layout vaadin-combo-box{--vaadin-field-default-width: auto}.leds-view .mobile-filters{display:none;position:relative}.leds-view .mobile-filters span{font-size:var(--lumo-font-size-m);font-weight:500}@media screen and (max-width: 800px){.leds-view .filter-layout{display:none;gap:var(--lumo-space-m);padding-left:var(--lumo-space-m);padding-right:var(--lumo-space-m)}.leds-view .filter-layout.visible{display:grid;padding-top:0;grid-template-columns:1fr 1fr}.leds-view .filter-layout>*{grid-column-end:span 2}.leds-view .mobile-filters{display:flex;cursor:pointer;color:var(--lumo-secondary-text-color)}.leds-view .mobile-filters:hover:before{content:"";left:0;right:0;top:0;bottom:0;position:absolute;opacity:.02;background-color:currentcolor}.leds-view .mobile-filters:hover{color:var(--lumo-body-text-color)}}