@import"https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700&display=swap";:root{--brink-dark: #004357;--brink-teal: #2ba68e;--brink-blue: #5576d1;--brink-gray: #dfdfdf;--brink-white: #ffffff;--brink-bg: #f8fafb;--primary-gradient: linear-gradient(135deg, var(--brink-dark) 0%, var(--brink-blue) 100%);--sidebar-gradient: linear-gradient(180deg, #004357 0%, #002d3a 100%);--success-gradient: linear-gradient(135deg, #2ba68e 0%, #1d7a68 100%);--danger-gradient: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%);--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .08);--text-main: var(--brink-dark);--text-muted: #64748b;--font-main: "Titillium Web", sans-serif}body{margin:0;font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-smoothing:grayscale;background-color:var(--brink-bg);color:var(--text-main);line-height:1.5;overflow-y:auto}.module-container{display:flex;flex-direction:column;width:100%;max-width:100%;min-height:100vh;min-width:0;gap:0;transition:all .3s ease}.module-main{flex:1;padding:48px;width:100%;max-width:min(1400px,100%);margin:0 auto;display:flex;flex-direction:column;min-width:0;box-sizing:border-box}.module-container.with-sidebar{flex-direction:column}.module-sidebar{width:100%;height:50vh;min-height:400px;background:#fff;border-left:none;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;box-shadow:0 -4px 12px #0000000d;animation:slideInRight .3s ease-out;z-index:10}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.modal{width:100%;max-width:550px;background:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideInUp .3s ease-out;max-height:90vh;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 1024px){.module-container.with-sidebar{flex-direction:column}.module-sidebar{width:100%;height:50vh;border-left:none;border-top:1px solid #e2e8f0}}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;background:linear-gradient(180deg,#1a2840,#0f1824);display:flex;flex-direction:column;box-shadow:2px 0 8px #0000001a;z-index:100}.sidebar-header{padding:calc(24px + env(safe-area-inset-top,0px)) 24px 24px 24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.sidebar-logo{max-width:180px;width:100%;height:auto;display:block}.logo-text{font-size:28px;font-weight:800;color:#fff;letter-spacing:-.5px;font-family:Outfit,sans-serif}.logo-text.dark{color:#1e293b}.mobile-close-button{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}.sidebar-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:4px}.sidebar-subtitle{font-size:13px;color:#94a3b8;text-align:center}.sidebar-nav{flex:1;padding:24px 16px;overflow-y:auto}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:transparent;color:#ffffffd1;font-size:14px;font-weight:500;text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:background-color .15s ease,color .15s ease,border-color .15s ease;margin-bottom:2px;position:relative}.menu-item:hover:not(.disabled):not(.header-item){background-color:#ffffff14;color:var(--brink-white)}.menu-item.active{background-color:var(--brink-teal);color:var(--brink-white)}.menu-item.active .menu-icon{opacity:1}.menu-item.disabled{opacity:.5;cursor:not-allowed}.menu-icon{font-size:18px;width:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:.65}.menu-item:hover:not(.disabled) .menu-icon,.menu-item.active .menu-icon{opacity:1}.menu-logo{width:18px;height:18px;object-fit:contain;filter:brightness(0) invert(1)}.menu-header{display:flex;align-items:center;gap:12px;padding:24px 16px 8px;color:#94a3b8;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;opacity:.8}.menu-item.header-item{margin-top:18px;margin-bottom:6px;padding:6px 10px;color:#ffffff73;background:transparent;text-transform:uppercase;font-size:10px;letter-spacing:.14em;font-weight:700;border-radius:0;border-bottom:1px solid rgba(255,255,255,.08)}.menu-item.header-item:hover{color:#ffffffb3;background:transparent}.menu-item.header-item.active{color:#ffffffd9;background:transparent}.menu-item.header-item .menu-icon{opacity:.5}.menu-item.header-item .menu-chevron{opacity:.4}.menu-item.group-header{margin-left:0;width:100%;padding:7px 10px 7px 14px;font-size:13px;font-weight:600;color:#ffffffb3;border-left:2px solid rgba(255,255,255,.12);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-top:4px;margin-bottom:0;animation:slideDown .2s ease-out}.menu-item.group-header:hover{color:#ffffffeb;background:#ffffff0d;border-left-color:#ffffff40}.menu-item.group-header.expanded{color:#fffffff2;border-left-color:var(--brink-teal);background:#ffffff0a}.menu-item.group-header .menu-icon{width:20px;opacity:.75}.menu-item.group-header .menu-chevron{opacity:.45}.menu-item.sub-item:not(.group-header){margin-left:8px;width:calc(100% - 8px);padding:8px 12px 8px 16px;font-size:13px;font-weight:400;color:#ffffffa6;border-left:2px solid rgba(255,255,255,.06);border-radius:0;animation:slideDown .2s ease-out}.menu-item.sub-item:not(.group-header):hover:not(.disabled){color:#ffffffe6;border-left-color:#ffffff2e}.menu-item.sub-sub-item{margin-left:14px;width:calc(100% - 14px);padding:6px 10px 6px 22px;font-size:12.5px;font-weight:400;color:#ffffff8c;border-left:2px solid rgba(255,255,255,.06);border-radius:0;margin-bottom:1px;animation:slideDown .2s ease-out}.menu-item.sub-sub-item .menu-icon{width:18px;opacity:.5}.menu-item.sub-sub-item:hover:not(.disabled){color:#ffffffe0;background:#ffffff0d;border-left-color:#ffffff26}.menu-item.sub-sub-item.active{border-left-color:var(--brink-teal)}.menu-item.sub-sub-sub-item{margin-left:22px;width:calc(100% - 22px);padding:6px 10px 6px 26px;font-size:12px;font-weight:400;color:#ffffff80;border-left:2px solid rgba(255,255,255,.05);border-radius:0;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-label{flex:1}.menu-item-leading{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.menu-item.header-item,.menu-item.group-header{justify-content:space-between}.menu-chevron{display:flex;flex-shrink:0;align-items:center}.coming-soon{font-size:10px;padding:2px 6px;background-color:#ffffff26;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.1)}.user-menu-container{position:relative;margin-bottom:12px}.user-menu-button{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease}.user-menu-button:hover{background:#ffffff1a}.user-info{display:flex;align-items:center;gap:12px;flex:1}.user-icon{font-size:24px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%}.user-details{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1;min-width:0}.user-name{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.user-role{font-size:11px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.menu-arrow{font-size:10px;color:#94a3b8}.user-dropdown{position:absolute;bottom:100%;left:0;right:0;margin-bottom:8px;background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;box-shadow:0 -4px 12px #0000004d}.dropdown-info{padding:12px 16px;display:flex;flex-direction:column;gap:4px}.dropdown-info-label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.dropdown-info-value{font-size:13px;color:#cbd5e1;font-weight:500}.dropdown-divider{height:1px;background:#ffffff1a}.dropdown-item{width:100%;background:transparent;border:none;padding:12px 16px;display:flex;align-items:center;gap:12px;color:#cbd5e1;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease;text-align:left}.dropdown-item:hover{background:#ffffff1a;color:#fff}.dropdown-item.danger{color:#fca5a5}.dropdown-item.danger:hover{background:#dc262633;color:#fef2f2}.dropdown-item span{font-size:16px}.version{font-size:12px;color:#64748b;text-align:center}.sidebar-overlay{display:none}.table-row-hover:hover{background-color:#f1f5f9!important;cursor:pointer}.orders-list-table th{padding:8px 12px;font-size:11px;font-weight:900;color:var(--text-muted)}.orders-list-table--sticky thead th{position:sticky;top:0;z-index:var(--orders-list-sticky-z, 2);background:var(--orders-list-sticky-bg, #f8fafc);box-shadow:0 1px #e2e8f0}.orders-list-table--sticky-depth-0{--orders-list-sticky-z: 2;--orders-list-sticky-bg: #f8fafc}.orders-list-table--sticky-depth-1{--orders-list-sticky-z: 3;--orders-list-sticky-bg: #f1f5f9}.orders-list-table--sticky-depth-1.orders-list-table--sticky-bg-calc{--orders-list-sticky-bg: #f0fdf4}.orders-list-table--sticky thead th.orders-list-hours-col-header{background:var(--orders-list-sticky-bg, #f8fafc)}.orders-list-scrollport{max-height:calc(100vh - var(--orders-list-scrollport-offset, 200px));overflow:auto;border:1px solid #f1f5f9;border-radius:var(--radius-sm);-webkit-overflow-scrolling:touch}.overzicht-detail-panel{min-width:0;max-width:100%;width:100%;box-sizing:border-box;background:#fff;border-radius:20px;padding:20px;border:1px solid #cbd5e1;box-shadow:var(--shadow-lg)}.module-container--overzicht{margin-left:-12px;margin-right:-12px;width:calc(100% + 24px);max-width:calc(100% + 24px);padding-bottom:16px}@media (min-width: 769px){.module-container--overzicht{margin-left:-20px;margin-right:-20px;width:calc(100% + 40px);max-width:calc(100% + 40px)}.module-main--overzicht{padding:12px 16px 20px}}.module-main--overzicht{max-width:100%;padding:8px 12px 16px;margin:0}.overzicht-page-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:16px}.overzicht-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;width:100%;max-width:100%;min-width:0}@media (min-width: 1024px){.overzicht-layout{grid-template-columns:minmax(0,1fr) minmax(260px,300px);gap:20px;align-items:start}}.overzicht-layout-main{display:flex;flex-direction:column;gap:16px;min-width:0;max-width:100%;width:100%}.overzicht-layout-sidebar{min-width:0;max-width:100%;width:100%;background:#fff;border-radius:20px;padding:16px;border:1px solid #cbd5e1;height:fit-content;max-height:calc(100vh - 100px);overflow-y:auto}@media (min-width: 1024px){.overzicht-layout-sidebar{position:sticky;top:12px}}.overzicht-chart-panel{background:#fff;border-radius:20px;padding:20px;border:1px solid #cbd5e1;box-shadow:var(--shadow-lg);min-width:0;max-width:100%;width:100%;box-sizing:border-box}.overzicht-chart-wrapper,.analysis-chart-wrapper{position:relative;height:clamp(300px,42vh,560px);width:100%;min-width:0;max-width:100%}.overzicht-chart-wrapper .recharts-responsive-container,.analysis-chart-wrapper .recharts-responsive-container{max-width:100%!important}.overzicht-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:16px}.overzicht-stat-card{background:#fff;border-radius:20px;padding:16px 20px;border:1px solid #cbd5e1;text-align:center}.overzicht-table-scrollport{width:100%;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.overzicht-table-scrollport--bounded{max-height:min(50vh,520px);overflow-y:auto}.overzicht-table-scrollport table{width:max-content;min-width:100%}.orders-list-card.card{overflow:visible}@media (max-width: 768px){.orders-list-scrollport{--orders-list-scrollport-offset: 200px}}.orders-list-table th .orders-list-th-content{display:inline-flex;align-items:center;gap:4px;max-width:100%}.orders-list-table th[style*="text-align: right"] .orders-list-th-content,.orders-list-table th[style*="textAlign: right"] .orders-list-th-content{justify-content:flex-end}.orders-list-sort-icon{flex-shrink:0;opacity:.45;color:var(--text-muted)}.orders-list-sort-icon-active{opacity:1;color:inherit}.orders-list-sort-trigger{display:inline-flex;align-items:center;cursor:pointer}.orders-list-metric-expand-chevron{flex-shrink:0;transition:transform .2s ease}.orders-list-metric-expand-chevron.is-collapsed{transform:rotate(-90deg)}.orders-list-table th.orders-list-hours-col-header,.orders-list-hours-col-header,.orders-list-table td.orders-list-hours-col,.orders-list-hours-col{font-weight:900;color:var(--text-main)}.orders-list-table td{padding:8px 12px;font-size:13px;vertical-align:middle;line-height:1.35}.orders-list-table .orders-list-order-cell{display:flex;align-items:center;gap:6px;white-space:nowrap}.orders-list-table .orders-list-order-nummer{font-size:13px;font-weight:700}.orders-list-table .orders-list-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text-muted);max-width:min(360px,40vw)}.orders-list-table .orders-list-action-btn.btn.btn-sm{flex-shrink:0;min-width:36px;min-height:36px;width:36px;height:36px;padding:0;font-size:9px;font-weight:900}@media (max-width: 768px){.sidebar{position:fixed;left:-280px;transition:left .3s ease}.sidebar.mobile-open{left:0}.sidebar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99}}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.card.settings-card{max-width:600px;width:100%;max-height:90vh;overflow-y:auto!important;background:#fff;border-radius:var(--radius-lg)}.analysis-card{background:#fff;border-radius:20px;padding:20px;border:1px solid #cbd5e1;box-shadow:var(--shadow-lg);min-width:0;max-width:100%;box-sizing:border-box}.analysis-chart-wrapper{background:#fff;border-radius:20px;border:1px solid #f1f5f9;overflow:hidden;padding:10px}.analysis-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:24px}.analysis-grid-multi{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr));gap:16px}.analysis-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;gap:24px}.analysis-time-ranges{display:flex;flex-wrap:wrap;background:#f1f5f9;padding:4px;border-radius:14px;border:1px solid #e2e8f0;margin-top:16px;width:fit-content;gap:4px}.analysis-active-layers{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width: 768px){.module-main{padding:16px}.module-container--overzicht{margin-left:-8px;margin-right:-8px;width:calc(100% + 16px);max-width:calc(100% + 16px)}.module-main--overzicht{padding:4px 8px 12px}.overzicht-chart-panel,.overzicht-detail-panel{padding:14px;border-radius:16px}.overzicht-chart-wrapper{height:clamp(260px,38vh,420px)}.overzicht-layout{gap:12px}.overzicht-layout-sidebar{max-height:none;position:static}.analysis-card{padding:16px;border-radius:16px}.overzicht-chart-wrapper,.analysis-chart-wrapper{height:clamp(260px,38vh,420px);padding:0;border-radius:16px}.analysis-grid-2{gap:16px}.analysis-grid-multi{gap:12px}.analysis-header{flex-direction:column;align-items:stretch;gap:16px}.analysis-time-ranges{width:100%}.analysis-active-layers{flex-direction:column;align-items:flex-start}}