.stat-card{background-color:#2a2a2a;border-radius:3px;padding:16px 24px;gap:16px;flex:1;min-width:150px;height:100px}.stat-card,.stat-card__icon{display:flex;align-items:center}.stat-card__icon{font-size:2rem;color:#a0a0a0;width:45px;height:40px;justify-content:center;border-radius:4px}.stat-card__content{display:flex;flex-direction:column}.stat-card__title{font-size:1rem;color:#fff;margin-bottom:4px}.stat-card__value{font-size:1.8rem;font-weight:600;color:#fff;line-height:1.1}.stat-card__sub-value{padding-top:4px;font-size:1.2rem;font-weight:600;color:#fff;text-align:left}.stat-card__sub-label{font-size:.9rem;color:#fff;padding:4px 8px;border-radius:3px;margin-top:8px;text-align:center}.stat-card__sub-label--online{background-color:#48bb78;color:#fff}.stat-card__sub-label--offline{background-color:#e53e3e;color:#fff}.stat-card--status{flex-direction:column;align-items:flex-start;text-align:center;padding:16px;gap:8px;flex:0 1 auto}.stat-card--progress .stat-card__value{font-size:1.8rem}.stat-card__progress-icon{width:50px;height:50px;position:relative}.stat-card__progress-icon .progress-circle{width:100%;height:100%;border-radius:50%;border:5px solid #444;border-top-color:#fff;transform:rotate(-45deg)}@keyframes spin{to{transform:rotate(315deg)}}.chart-card{border-radius:3px;display:flex;flex-direction:column;flex:1;min-width:250px}.chart-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.chart-card__title{font-size:1.1rem;font-weight:600;color:#fff;margin:0}.chart-card .info-icon{color:#a0a0a0;cursor:help}.chart-card__body{flex-grow:1;min-height:150px;display:flex;align-items:center;justify-content:center;border-radius:1.5px;margin-bottom:16px;color:#a0a0a0}.chart-card__legend{list-style:none;padding:0;margin:0;font-size:.9rem;color:#a0a0a0}.chart-card__legend li{margin-bottom:4px}.placeholder-bar-chart{display:flex;align-items:flex-end;justify-content:space-around;height:100%;width:100%;padding:16px 8px 0}.placeholder-pie-chart{width:100px;height:100px;border-radius:50%;background:conic-gradient(#4299e1 0 45%,#48bb78 45% 75%,#e53e3e 75% 100%);border:3px solid #2a2a2a}.device-table-container{border-radius:3px;display:flex;flex-direction:column;gap:16px}.device-table-controls{padding:0 32px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.search-bar{display:flex;align-items:center;background-color:#1d1d1d;padding:8px 16px;border-radius:3px;flex-grow:1;min-width:250px}.search-bar .search-icon{margin-right:8px;color:#a0a0a0}.search-bar input{background:none;border:none;outline:none;color:#fff;font-size:1rem;width:100%}.search-bar input::placeholder{color:#a0a0a0}.filter-buttons{display:flex;gap:8px}.button{padding:8px 16px;border:none;border-radius:3px;cursor:pointer;font-size:.9rem;display:inline-flex;align-items:center;gap:4px}.button--secondary{background-color:#161616;color:#a0a0a0}.button--secondary:hover{background-color:#0b0b0b}.table-wrapper{overflow-x:auto}.device-table{width:100%;border-collapse:collapse;border-radius:3px;overflow:hidden;background-color:#2a2a2a}.device-table th{text-align:left;padding:16px;background-color:#1a1a1a;font-weight:600;color:#fff}.device-table td{padding:8px;color:#fff;border-bottom:none}.device-table tbody tr:nth-child(2n){background-color:#1a1a1a}.device-table tbody tr:nth-child(odd){background-color:#000}.device-table .status-indicator{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}.device-table .status-indicator--online{background-color:#48bb78}.device-table .status-indicator--offline{background-color:#e53e3e}.device-table tbody tr:hover{background-color:#373737;cursor:pointer}.status-badge{padding:4px 8px;border-radius:3px;font-size:.8rem;font-weight:600;text-transform:capitalize}.status-badge--online{background-color:#48bb78;color:#fff}.status-badge--offline{background-color:#e53e3e;color:#fff}.device-table-pagination{display:flex;justify-content:space-between;align-items:center;color:#a0a0a0;font-size:.9rem;padding-top:16px;border-top:1px solid #444;margin-top:16px}.pagination-controls{display:flex;align-items:center;gap:16px}.pagination-button{background-color:#161616;color:#fff;border:1px solid #444;border-radius:3px;padding:4px 16px;font-size:.9rem;cursor:pointer;transition:background-color .2s,color .2s}.pagination-button:hover:not(:disabled){background-color:#0b0b0b}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-weight:500;padding:0 8px}.pagination-select{display:flex;align-items:center;gap:8px}.pagination-select select{background-color:#161616;color:#fff;border:1px solid #444;border-radius:3px;padding:4px 8px;outline:none;cursor:pointer;transition:background-color .2s}.pagination-select select:hover{background-color:#0b0b0b}.action-card{border-radius:3px;padding:24px;display:flex;flex-direction:column;flex:1;min-width:200px}.action-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.action-card__header .info-icon{color:#a0a0a0;cursor:help}.action-card__title{font-size:1.1rem;font-weight:600;color:#fff;margin:0}.action-card__body{background-color:#1d1d1d;border-radius:3px;padding:24px;display:flex;justify-content:space-between;align-items:center;flex-grow:1;cursor:pointer}.action-card__subtitle{font-size:1rem;font-weight:600;color:#fff}.action-card__add-button{background-color:#111;color:#a0a0a0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;border:.5px solid #fff}.action-card__add-button:hover{background-color:#040404;color:#fff}.action-card__add-button .add-icon{font-size:1.5rem;font-weight:400;line-height:1;color:#fff}.dashboard{background-color:#000;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;display:flex;flex-direction:column}.divider{height:1px;background-color:#444;margin:0}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #444;background-color:#2a2a2a}.dashboard-header .header-left{display:flex;align-items:center;gap:8px;font-size:1.1rem}.dashboard-header .breadcrumb-divider{color:#a0a0a0}.dashboard-header .breadcrumb-item{font-weight:600}.search-bar .device-table-search-input{padding:6px 6px 6px 10px;border-radius:var(--style-radius-s)}.dashboard-content{flex-grow:1;display:flex;flex-direction:column;gap:24px}.dashboard-title{padding-top:24px;padding-left:32px;font-size:2.5rem;font-weight:700;margin:0 0 16px}.dashboard-row{display:flex;padding:24px 32px;gap:24px;flex-wrap:wrap}.dashboard-row--stretch{align-items:stretch}.dashboard-row--small-gap{gap:16px;justify-content:flex-start}.insights-section{display:flex;flex-direction:column;gap:16px}.insights-header{padding:0 32px;display:flex;align-items:center;flex-wrap:wrap;gap:16px}.insights-title{font-size:1.5rem;font-weight:600;margin:0}.insights-grid{padding:24px 32px;display:grid;grid-template-columns:1fr .5fr .5fr;gap:24px}.insights-dropdown{padding:4px;outline:none;border:0 solid rgba(0,0,0,0);background-color:#2f2f2f}.device-map-section{padding:0 32px;display:flex;gap:24px;flex-wrap:wrap}.device-map-section .device-list-area{flex:2;min-width:400px}.device-map-section .map-area{flex:1;height:400px;min-height:400px;background-color:#2a2a2a;border-radius:3px;display:flex;align-items:center;justify-content:center;color:#a0a0a0}.leaflet-marker-pane{transform:translate(-30px,-15px)}.location-drawer .drawer__header{margin-top:25px}.location-drawer .drawer__header__title{display:flex;align-items:center;font-size:18px;font-weight:700}.location-drawer .drawer__content{max-width:450px}.location-drawer .drawer__content .location-device-list-item{padding:4px}.location-drawer .drawer__content .location-device-list-item:hover{background-color:#2a2a2a;border-radius:var(--style-radius-s)}.location-drawer .drawer__content-children{padding-left:25px;padding-right:25px}.location-drawer .icon--x{height:25px;width:25px}.location-drawer hr{border:none;border-top:1px solid var(--theme-border-color);margin-left:-25px;margin-right:-25px}.placeholder-map{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#1d1d1d;border-radius:3px;font-size:1.2rem;color:#a0a0a0}.info-icon[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-5px);background-color:#262626;color:#fff;padding:4px 8px;border-radius:1.5px;font-size:.8rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:10}.info-icon[data-tooltip]:hover:after{opacity:1;visibility:visible}@media(max-width:768px){.dashboard-row{align-items:stretch}.dashboard-row,.device-map-section{flex-direction:column}.dashboard-title{font-size:2rem}.chart-column--half,.chart-column--third{flex:1 1 100%;width:100%}}.nav-before{margin:20px 0}.nav-title{font-size:13.33px;font-weight:700;color:var(--theme-text)}.nav-title>*{color:var(--theme-text);text-decoration:none}.nav-group__content>#nav-media,.nav-group__content>#nav-users{display:none}.nav__controls{width:100%}.logout-area-button{display:block;margin-bottom:max(env(safe-area-inset-bottom),30px)}.expert-mode-padding{padding-right:.5rem}@media only screen and (min-width:600px){.logout-area-button{display:none;margin-bottom:0}.expert-mode-padding{padding-right:0}}.logout-area{margin-top:10px;margin-bottom:10px}.logout-area>.logout-area-nav-item,.logout-area>hr{opacity:50%;margin-top:0}.logout-area>hr{border:none;border-top:1px solid var(--theme-border-color)}.logout-area>hr:first-child{margin-bottom:15px}.logout-area>hr:last-child{margin-top:15px}.nav__link-indicator{display:none}.nav-group{transform:translateX(-5px);border-top:1px solid var(--theme-border-color);padding-top:15px}.nav-group:nth-last-child(-n+2){border-bottom:1px solid var(--theme-border-color);padding-bottom:10px}.nav-group__label{padding:0 5px;font-weight:700;color:var(--theme-text)}.nav__link{border-radius:4px;font-weight:400}.nav__link-label{opacity:50%}.nav__link,.nav__link:has(.nav__link-indicator){transition:background-color .25s linear;padding:0 5px;margin-top:8px;margin-bottom:8px}.nav__link:has(.nav__link-indicator),.nav__link:has(.nav__link-indicator)>.nav__link-label,.nav__link:hover{background-color:var(--theme-border-color);color:var(--theme-text);border-radius:4px;font-weight:400;opacity:100%}.nav__link:hover>.nav__link-label{opacity:100%}.nav__link:focus,.nav__link:hover{font-weight:400;text-decoration:none}#nav-group-Collections,#nav-group-Sammlungen{display:none}body:is(.expert-mode-active) #nav-articleCategories,body:is(.expert-mode-active) #nav-group-Eigenschaften,body:is(.expert-mode-active) #nav-group-Ereignisse,body:is(.expert-mode-active) #nav-group-Settings,body:is(.expert-mode-active) #nav-locations,body:is(.expert-mode-active) #nav-media body:is(.expert-mode-active) #nav-deviceGroups,body:is(.expert-mode-active) #nav-users,body:is(.expert-mode-active) .expert-toggle-line{display:block}body:not(.expert-mode-active) #nav-articleCategories,body:not(.expert-mode-active) #nav-deviceGroups,body:not(.expert-mode-active) #nav-group-Eigenschaften,body:not(.expert-mode-active) #nav-group-Ereignisse,body:not(.expert-mode-active) #nav-group-Settings,body:not(.expert-mode-active) #nav-locations,body:not(.expert-mode-active) #nav-media,body:not(.expert-mode-active) #nav-users,body:not(.expert-mode-active) .expert-toggle-line{display:none}.expert-toggle-container{display:flex;align-items:center}.toggle-switch{position:relative;display:inline-block;width:40px;height:20px;vertical-align:middle;user-select:none;margin-left:.5rem}.toggle-switch-checkbox{display:none}.toggle-switch-label{display:block;overflow:hidden;cursor:pointer;border-radius:20px;margin:0}.toggle-switch-inner{display:block;width:200%;margin-left:-100%;transition:margin .3s ease-in 0s}.toggle-switch-inner:after,.toggle-switch-inner:before{display:block;float:left;width:50%;height:20px;padding:0;line-height:20px;font-size:10px;color:#fff;font-weight:700;box-sizing:border-box}.toggle-switch-inner:before{content:"";padding-left:10px;background-color:#222;color:#fff}.toggle-switch-inner:after{content:"";background-color:#222;color:#666;text-align:right}.toggle-switch-switch{display:block;width:16px;height:16px;margin:2px;position:absolute;top:0;bottom:0;right:20px;border-radius:50%;transition:all .3s ease-in 0s}.toggle-switch-checkbox:checked+.toggle-switch-label .toggle-switch-inner{margin-left:0}.toggle-switch-checkbox:checked+.toggle-switch-label .toggle-switch-switch{right:2px}.variants-field-section .multi-value-remove{cursor:pointer;width:20px;height:20px;display:flex;align-items:center;justify-content:center;position:relative;background-color:rgba(0,0,0,0);border:none;padding:0;color:var(--theme-bg);transform:translate(-25px,62px)}.variants-field-section .variants-select__value-label{width:250px;height:400px;display:flex;flex-direction:column;justify-content:space-between}.variants-field-section .variants-select__value-label .variants-select__value-label__header{font-size:16px;font-weight:500;background-color:var(--theme-border-color);height:40px;width:calc(100% + 20px);display:flex;align-items:center;flex-direction:row;padding:8.5px 0 8.5px 15px}.variants-field-section .variants-select__value-label .variants-select__value-label__header svg{height:20px;width:10px}.variants-field-section .variants-select__value-label .variants-select__value-label__header span:first-child{margin-right:10px}.variants-field-section .variants-select__value-label .variants-select__value-label__header span:last-child{font-size:13px}.variants-field-section .variants-select__value-label img{transform:translate(25px,-20px) scale(1.1);background-color:#fff;border-radius:4px}.variants-field-section .variants-select__value-label .field-label:first-child{font-weight:700}.variants-field-section .variants-select__value-label .field-label{line-height:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:200px;font-size:12px;padding:0;transform:translate(15px,-12px)}.variants-field-section .variants-select__value-label .field-label .variant-label{font-size:14px;font-weight:700}.variants-field-section .variants-select__value-label .list-edit-button{transform:translate(-30px,10px);z-index:2}.variants-field-section .variants-select__value-label .list-edit-button svg .stroke{stroke:#222}