.sidebar{background:var(--bg-sidebar);color:var(--text-on-navy);top:var(--topbar-height);height:calc(100vh - var(--topbar-height));flex-direction:column;padding:14px 14px 22px;display:flex;position:sticky}.sidebar-nav{flex-direction:column;flex:1;gap:2px;display:flex}.sidebar-link{border-radius:var(--radius-sm);color:var(--text-on-navy-dim);align-items:center;gap:12px;padding:10px 12px;font-size:13.5px;font-weight:600;text-decoration:none;transition:background-color .12s,color .12s;display:flex}.sidebar-link:hover{color:var(--text-on-navy);background:#ffffff0f}.sidebar-link.is-active{background:var(--bg-sidebar-active);color:#fff;box-shadow:inset 3px 0 0 var(--accent-500)}.sidebar-link-icon{flex-shrink:0;display:flex}.sidebar-link--group{width:100%;font:inherit;cursor:pointer;text-align:left;background:0 0;border:none}.sidebar-link-row{align-items:stretch;gap:2px;display:flex}.sidebar-link-row .sidebar-link{flex:1;min-width:0}.sidebar-link-toggle{border-radius:var(--radius-sm);width:32px;color:var(--text-on-navy-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .12s,color .12s;display:inline-flex}.sidebar-link-toggle:hover{color:var(--text-on-navy);background:#ffffff0f}.sidebar-link-chevron{color:var(--text-on-navy-dim);flex-shrink:0;margin-left:auto}.sidebar-subnav{flex-direction:column;gap:2px;margin:2px 0 4px;display:flex}.sidebar-link--sub{padding-left:40px;font-size:13px}@media (width<=880px){.sidebar-link-label{display:none}.sidebar-link{justify-content:center;padding:12px}.sidebar-link--sub{padding-left:12px}.sidebar-link-chevron,.sidebar-link-toggle{display:none}}.topbar{height:var(--topbar-height);min-height:var(--topbar-height);background:var(--bg-sidebar);z-index:20;flex-shrink:0;justify-content:flex-end;align-items:center;padding:0 20px;display:flex;position:sticky;top:0}.topbar-logo{flex-shrink:0;align-items:center;text-decoration:none;display:flex}.logo{align-items:center;display:flex}.logo-full{width:auto;height:44px;display:block}.logo-icon{display:none}@media (width<=880px){.logo-full{display:none}.logo-icon{width:auto;height:40px;display:block}}.topbar-spacer{flex:1}.topbar-actions{align-items:center;gap:6px;display:flex}.topbar-icon-btn{border-radius:var(--radius-sm);width:46px;height:46px;color:var(--text-on-navy-dim);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.topbar-icon-btn:hover{color:var(--text-on-navy);background:#ffffff14}.topbar-order-draft-btn{margin-right:6px;position:relative}.topbar-cart-badge{background:var(--critical-600);color:#fff;text-align:center;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:10.5px;font-weight:700;line-height:16px;position:absolute;top:4px;right:4px}.topbar-lang{position:relative}.topbar-lang-menu{background:var(--bg-surface);border:1px solid var(--line-200);border-radius:var(--radius-md);min-width:160px;box-shadow:var(--shadow-md);z-index:30;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.topbar-lang-menu-item{width:100%;font:inherit;color:var(--ink-900);border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:9px 10px;font-size:13.5px;font-weight:600;display:flex}.topbar-lang-menu-item:hover,.topbar-lang-menu-item.is-active{background:var(--line-100)}.topbar-lang-flag{font-size:16px;line-height:1}.topbar-lang-check{color:var(--accent-600);flex-shrink:0;margin-left:auto}.topbar-user{position:relative}.topbar-user-trigger{border-radius:var(--radius-sm);color:var(--text-on-navy);font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:7px 10px 7px 12px;font-size:13.5px;font-weight:600;display:flex}.topbar-user-trigger:hover{background:#ffffff14}.topbar-user-trigger svg{color:var(--text-on-navy-dim);flex-shrink:0}.topbar-user-menu{background:var(--bg-surface);border:1px solid var(--line-200);border-radius:var(--radius-md);min-width:160px;box-shadow:var(--shadow-md);z-index:30;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.topbar-user-menu-item{width:100%;font:inherit;color:var(--ink-900);border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:9px 10px;font-size:13.5px;font-weight:600;display:flex}.topbar-user-menu-item:hover{background:var(--line-100)}.topbar-user-menu-item svg{color:var(--ink-500);flex-shrink:0}@media (width<=600px){.topbar{padding:0 14px}.topbar-user-name{display:none}}.login-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100vh;padding:24px;display:flex}.login-screen .logo-full,.login-screen .logo-icon{height:56px}.login-screen h1{color:var(--ink-900);max-width:360px;font-size:22px;font-weight:800}.login-screen-button{background:var(--bg-surface);border:1px solid var(--line-200);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);font:inherit;color:var(--ink-700);cursor:pointer;align-items:center;gap:12px;padding:12px 20px;font-weight:700;display:flex}.login-screen-button:hover{border-color:var(--ink-300)}.login-screen-button:disabled{cursor:default;opacity:.7}.login-screen-error{color:var(--critical-600);font-size:13px}.toast{z-index:200;background:var(--bg-surface);border:1px solid var(--line-200);border-left:4px solid var(--ink-300);border-radius:var(--radius-md);width:360px;max-width:calc(100vw - 48px);box-shadow:var(--shadow-md);align-items:flex-start;gap:10px;padding:14px 14px 14px 16px;display:flex;position:fixed;top:76px;right:24px;overflow:hidden}.toast--success{border-left-color:var(--success-600)}.toast--warn{border-left-color:var(--critical-600)}.toast-icon{flex-shrink:0;margin-top:1px}.toast--success .toast-icon{color:var(--success-600)}.toast--warn .toast-icon{color:var(--critical-600)}.toast-body{flex:1;min-width:0}.toast-title{color:var(--ink-900);margin:0;font-size:13.5px;font-weight:700}.toast-message{color:var(--ink-700);white-space:pre-line;word-break:break-word;margin:4px 0 0;font-size:13px}.toast-link{color:var(--accent-600);margin-top:8px;font-size:13px;font-weight:700;display:inline-block}.toast-close{color:var(--ink-500);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px}.toast-progress{background:var(--success-600);height:3px;animation:linear forwards toast-progress-shrink;position:absolute;bottom:0;left:0}@keyframes toast-progress-shrink{0%{width:100%}to{width:0%}}:root{--navy-950:#041a35;--navy-900:#022751;--navy-800:#0b3566;--navy-700:#17477e;--navy-600:#2c5c95;--accent-700:#0d6e63;--accent-600:#12897b;--accent-500:#17a695;--accent-100:#e2f5f2;--select-100:#d6e8fb;--success-600:#2f9e64;--success-100:#e4f6ec;--warning-600:#c98a1a;--warning-100:#fbf0dd;--critical-600:#d64545;--critical-100:#fbe7e7;--valid-gelb-600:#a8890c;--valid-gelb-100:#faf3d3;--valid-orange-600:#c1650f;--valid-orange-100:#fbe9d7;--stat-im-gange:#dbeafe;--stat-abgebrochen:#93c5fd;--stat-teilabgeschlossen:#2563eb;--stat-abgeschlossen:#1e3a8a;--ink-900:#10203a;--ink-700:#3d4d68;--ink-500:#66748d;--ink-300:#a7b1c4;--line-200:#e2e6f0;--line-100:#ecf0f8;--bg-canvas:#fff;--bg-surface:#fff;--bg-sidebar:var(--navy-900);--bg-sidebar-active:#ffffff1a;--text-on-navy:#eef3fb;--text-on-navy-dim:#9fb2cf;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--shadow-sm:0 1px 2px #10203a0f;--shadow-md:0 8px 24px -8px #10203a2e;--font-display:"Manrope", "Open Sans", sans-serif;--font-body:"Open Sans", "Manrope", sans-serif;--topbar-height:56px}.table-panel{background:var(--bg-surface);border:1px solid var(--line-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:18px 20px 8px}.table-toolbar{justify-content:space-between;align-items:flex-start;gap:14px;margin:0 0 14px;display:flex}.table-toolbar-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.filter-chips{flex-wrap:wrap;flex:1;gap:8px;display:flex}.filter-chip{background:var(--line-100);border:1px solid var(--line-200);color:var(--ink-900);border-radius:999px;align-items:center;gap:7px;padding:6px 8px 6px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.filter-chip button{background:var(--bg-surface);width:18px;height:18px;color:var(--ink-500);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.filter-chip button:hover{background:var(--critical-100);color:var(--critical-600)}.table-scroll{padding-right:8px;overflow-x:auto}.orders-table{border-collapse:collapse;width:100%;font-size:13.5px}.orders-table th{text-align:left;white-space:nowrap;padding:0 10px 8px;font-weight:700}.orders-table-labels th{letter-spacing:.02em;color:var(--ink-500);text-transform:uppercase;cursor:grab;border-radius:6px;padding-top:4px;font-size:12px;position:relative}.col-resize-handle{cursor:col-resize;z-index:2;touch-action:none;width:10px;height:100%;position:absolute;top:0;right:-5px}.col-resize-handle:hover,.col-resize-handle:active{background:var(--accent-500);opacity:.35;border-radius:2px}.orders-table-labels th.col-th--dragging{opacity:.4;cursor:grabbing}.orders-table-labels th.col-th--drag-over{box-shadow:inset 2px 0 0 var(--accent-500);background:var(--accent-100)}.col-th-inner{align-items:center;gap:5px;display:inline-flex}.col-grip{color:var(--ink-300);flex-shrink:0}.th-sort{font:inherit;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-500);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-weight:700;display:inline-flex}.th-sort:hover{color:var(--ink-900)}.th-sort svg{color:var(--ink-300);flex-shrink:0}.orders-table-filters th{padding-bottom:12px}.filter-field{border:1px solid var(--line-200);border-radius:var(--radius-sm);background:var(--bg-canvas);color:var(--ink-500);align-items:center;gap:6px;min-width:120px;padding:7px 10px;display:flex}.filter-field:focus-within{border-color:var(--accent-500)}.filter-field input,.filter-field select,.filter-field button{font:inherit;color:var(--ink-900);background:0 0;border:none;outline:none;width:100%;padding:0;font-size:13px}.filter-field--select{min-width:150px}.filter-field--compact{min-width:80px}.filter-field--select select,.filter-field--select button{appearance:none;cursor:pointer}.filter-field--select svg{color:var(--ink-300);flex-shrink:0}.orders-table tbody tr{border-top:1px solid var(--line-100)}.orders-table tbody td{vertical-align:top;color:var(--ink-900);padding:12px 10px}.col-th--checkbox{width:34px;padding:0 0 8px 10px!important}.cell-checkbox{text-align:center;width:32px}.cell-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px}.cell-id{font-family:var(--font-display);color:var(--accent-700);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700;text-decoration:none}.cell-id:hover{text-decoration:underline}button.cell-id{cursor:pointer;text-align:left;background:0 0;border:none;padding:0}button.cell-id:disabled{cursor:progress;opacity:.6}.cell-id-static{font-family:var(--font-display);color:var(--ink-900);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.cell-strong{font-weight:600}.cell-status{text-align:center}.cell-nowrap{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink-500)}.empty-row{text-align:center;color:var(--ink-500);padding:32px 0!important}.col-th--expand{width:34px;padding:0!important}.cell-row-expand{width:34px;padding:12px 0 12px 10px!important}.cell-row-expand--end{padding:12px 10px 12px 0!important}.row-expand-toggle{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--ink-500);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.row-expand-toggle svg{transition:transform .12s}.row-expand-toggle:hover{background:var(--line-100);color:var(--ink-900)}.row-expand-toggle.is-open svg{transform:rotate(90deg)}.row-detail td{background:var(--line-100);padding:16px 20px!important}.row-detail-tabs{margin-bottom:14px}.row-detail-tab-content{min-height:60px}.overview-empty{color:var(--ink-500);padding:10px 0;font-size:13.5px}.stock-table th,.stock-table td{white-space:nowrap;font-variant-numeric:tabular-nums}.cell-stacked{flex-direction:column;gap:2px;min-width:200px;display:flex}.cell-stacked-line{line-height:1.4}.cell-stacked-line--muted{color:var(--ink-500)}.cell-stacked-empty{color:var(--ink-300)}.due-date-cell{flex-direction:column;gap:2px;display:flex}.due-date-remaining{font-weight:600}.due-date-remaining--green{color:var(--success-600)}.due-date-remaining--yellow{color:var(--warning-600)}.due-date-remaining--red{color:var(--critical-600)}.draft-icon-btn{border:1px solid var(--line-200);border-radius:var(--radius-sm);background:var(--bg-surface);width:22px;height:22px;color:var(--ink-500);cursor:pointer;justify-content:center;align-items:center;padding:0;display:inline-flex}.draft-icon-btn:hover{color:var(--ink-900);border-color:var(--ink-300)}.due-date-cell .draft-icon-btn{align-self:flex-end;margin-top:2px}.due-date-draft-checkbox{width:15px;height:15px;margin:2px 0}.col-th--draft-remove{width:34px;padding:0!important}.cell-draft-remove{text-align:right;width:34px}.dialog-field{flex-direction:column;gap:6px;display:flex}.dialog-field label{color:var(--ink-700);font-size:12.5px;font-weight:700}.dialog-field input[type=text],.dialog-field input[type=email],.dialog-field select,.dialog-field textarea{border:1px solid var(--line-200);border-radius:var(--radius-sm);font:inherit;color:var(--ink-900);background:var(--bg-surface);padding:9px 10px;font-size:13.5px}.dialog-field textarea{resize:vertical;width:100%;min-height:120px}.dialog-field input[type=text]:focus,.dialog-field input[type=email]:focus,.dialog-field select:focus,.dialog-field textarea:focus{border-color:var(--accent-500);outline:none}.dialog-field input.is-invalid,.dialog-field select.is-invalid{border-color:var(--critical-600)}.dialog-field-hint{color:var(--critical-600);font-size:12px;font-weight:600}.dialog-field-note{color:var(--ink-500);font-size:12px}.dialog-field-static{color:var(--ink-700);padding:9px 2px;font-size:13.5px}.dialog-checkbox-list{border:1px solid var(--line-200);border-radius:var(--radius-sm);flex-direction:column;gap:2px;max-height:190px;padding:6px;display:flex;overflow-y:auto}.dialog-checkbox{color:var(--ink-900);cursor:pointer;border-radius:6px;align-items:center;gap:9px;padding:7px 8px;font-size:13.5px;font-weight:600;display:flex}.dialog-checkbox:hover{background:var(--line-100)}.dialog-checkbox input{width:15px;height:15px}.detail-form-panel{background:var(--bg-surface);border:1px solid var(--line-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:18px;max-width:560px;padding:24px 28px;display:flex}.detail-form-panel--wide{max-width:1200px}.detail-form-grid{flex-direction:column;gap:16px;max-width:560px;display:flex}.detail-form-actions{border-top:1px solid var(--line-200);justify-content:space-between;align-items:center;gap:12px;margin-top:2px;padding-top:4px;display:flex}.detail-form-actions-right{gap:10px;display:flex}.detail-info-bar{background:var(--bg-surface);border:1px solid var(--line-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:0;margin-bottom:20px;padding:14px 22px;display:flex}.detail-info-item{border-left:1px solid var(--line-200);text-align:left;flex-direction:column;flex:1;gap:4px;min-width:160px;padding:0 26px;display:flex}.detail-info-item:first-child{border-left:none;padding-left:0}button.detail-info-item{border-left:1px solid var(--line-200);font:inherit;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border-top:none;border-bottom:none;border-right:none}button.detail-info-item:first-child{border-left:none}.detail-info-item--editable:hover{background:var(--line-100)}.detail-info-item--editable:hover .detail-info-edit-icon{opacity:1}.detail-info-heading{align-items:center;gap:8px;display:flex}.detail-info-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-500);font-size:11px;font-weight:700}.detail-info-zoho{color:var(--accent-700);align-items:center;gap:3px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.detail-info-zoho:hover{text-decoration:underline}.detail-info-edit-icon{color:var(--ink-300);opacity:0;flex-shrink:0;transition:opacity .12s}.detail-info-value{color:var(--ink-900);font-size:14px;font-weight:600}.detail-info-value--nowrap{white-space:nowrap;font-variant-numeric:tabular-nums}.detail-info-address{color:var(--ink-500);font-size:12.5px;line-height:1.5}.detail-info-bar-empty{color:var(--ink-500);font-size:13.5px;font-weight:600}@media (width<=720px){.detail-info-bar{flex-direction:column}.detail-info-item{border-left:none;border-top:1px solid var(--line-200);padding:10px 0}.detail-info-item:first-child{border-top:none;padding-top:0}}.summary-warning{background:var(--warning-100);color:var(--warning-600);border-radius:var(--radius-sm);align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:13px;font-weight:700;display:flex}.summary-warning svg{flex-shrink:0}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg-canvas);color:var(--ink-900);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h1,h2,h3,h4{font-family:var(--font-display);text-wrap:balance;color:var(--ink-900);margin:0}button{font-family:inherit}a{color:inherit}::selection{background:var(--select-100);color:var(--ink-900)}.app-viewport{flex-direction:column;min-height:100vh;display:flex}.dev-env-banner{background:var(--warning-600);color:#fff;text-align:center;letter-spacing:.04em;text-transform:uppercase;padding:4px;font-size:12px;font-weight:700}.app-shell{flex:1;grid-template-columns:232px minmax(0,1fr);min-height:0;display:grid}@media (width<=880px){.app-shell{grid-template-columns:76px minmax(0,1fr)}}.app-main{width:100%;max-width:1240px;padding:32px 40px 48px}.app-main--full{max-width:none}@media (width<=600px){.app-main{padding:22px 18px 32px}}.app-loading-screen{height:100vh;color:var(--ink-500);justify-content:center;align-items:center;font-size:13.5px;display:flex}.app-main-loading{color:var(--ink-500);padding:8px 0;font-size:13.5px}.page{flex-direction:column;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:600;display:inline-flex}.btn--primary{background:var(--navy-900);color:#fff}.btn--primary:hover{background:var(--navy-800)}.btn--ghost{background:var(--bg-surface);border-color:var(--line-200);color:var(--ink-900)}.btn--ghost:hover{border-color:var(--accent-500)}.btn--small{padding:6px 12px;font-size:12.5px}.btn--danger{background:var(--bg-surface);border-color:var(--critical-600,#c0334a);color:var(--critical-600,#c0334a)}.btn--danger:hover{background:var(--critical-600,#c0334a);color:#fff}.btn--danger:disabled{border-color:var(--line-200);color:var(--ink-500,#66748d);background:var(--bg-surface);opacity:.6;cursor:default}.btn--primary:disabled,.btn--primary:disabled:hover{background:var(--ink-300);color:#fff;opacity:.7;cursor:default}.panel-maximize-btn{border:1px solid var(--line-200);border-radius:var(--radius-sm);background:var(--bg-surface);width:30px;height:30px;color:var(--ink-500);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.panel-maximize-btn:hover{border-color:var(--accent-500);color:var(--ink-900)}.panel-maximize-btn--map{z-index:500;box-shadow:var(--shadow-sm);position:absolute;top:12px;right:12px}input[type=checkbox]{appearance:none;border:1.5px solid var(--ink-300);cursor:pointer;background:#fff;border-radius:4px;flex-shrink:0;width:16px;height:16px;margin:0;position:relative}input[type=checkbox]:hover{border-color:var(--accent-500)}input[type=checkbox]:checked{border-color:var(--accent-600);background:#fff}input[type=checkbox]:checked:after{content:"";border:solid var(--accent-600);border-width:0 2px 2px 0;width:28%;height:55%;position:absolute;top:10%;left:27%;transform:rotate(45deg)}input[type=checkbox]:focus-visible{outline:2px solid var(--accent-500);outline-offset:1px}input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed;border-color:var(--ink-300)}input[type=checkbox]:disabled:hover{border-color:var(--ink-300)}.breadcrumb{color:var(--ink-500);align-items:center;gap:6px;margin-bottom:14px;font-size:13px;font-weight:600;display:flex}.breadcrumb a{color:var(--ink-500);text-decoration:none}.breadcrumb a:hover{color:var(--accent-700);text-decoration:underline}.breadcrumb svg{color:var(--ink-300);flex-shrink:0}.breadcrumb span{color:var(--ink-900)}.breadcrumb-label{color:var(--ink-500)}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.page-header h1{font-size:24px;font-weight:800}.page-header-actions{flex-wrap:wrap;gap:10px;display:flex}.needs-backend{outline:2px dashed var(--critical-600);outline-offset:2px;border-radius:var(--radius-sm)}div.needs-backend{padding:6px;display:block}
