@import "https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--ink:#121a24;--paper:#eef1f4;--surface:#fff;--surface-2:#f5f7f9;--accent:#0c6e77;--accent-deep:#0b5a62;--accent-soft:#dff0f1;--line:#c3ccd2;--muted:#4d5a62;--success:#146c47;--success-soft:#e3f4ea;--warning:#8a590a;--warning-soft:#faf0dc;--danger:#b02f22;--danger-soft:#fbeae7;--shadow:0 1px 2px #121a240f, 0 10px 28px #121a2412;--topbar-bg:#121a24;--topbar-ink:#eef1f4}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#e7ecf1;--paper:#0d1317;--surface:#151c22;--surface-2:#1b242b;--accent:#3fb8c4;--accent-deep:#8fe0e8;--accent-soft:#123338;--line:#35424c;--muted:#8fa0aa;--success:#3fbe85;--success-soft:#12301f;--warning:#e0a73c;--warning-soft:#332405;--danger:#e37060;--danger-soft:#33130f;--shadow:0 1px 2px #0006, 0 10px 28px #0006}}:root[data-theme=dark]{--ink:#e7ecf1;--paper:#0d1317;--surface:#151c22;--surface-2:#1b242b;--accent:#3fb8c4;--accent-deep:#8fe0e8;--accent-soft:#123338;--line:#35424c;--muted:#8fa0aa;--success:#3fbe85;--success-soft:#12301f;--warning:#e0a73c;--warning-soft:#332405;--danger:#e37060;--danger-soft:#33130f;--shadow:0 1px 2px #0006, 0 10px 28px #0006}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink)}body{margin:0;font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.45}h1,h2,h3{letter-spacing:-.01em;margin:0;font-family:Archivo,IBM Plex Sans,sans-serif}code,.mono{font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,ui-monospace,monospace}a{color:var(--accent)}button{font-family:inherit}#root{min-height:100vh}.app-shell{background:var(--surface);flex-direction:column;height:100vh;display:flex}.topbar{background:var(--topbar-bg);color:var(--topbar-ink);flex-wrap:wrap;align-items:center;gap:18px;padding:12px 20px;display:flex}.brand{align-items:center;gap:9px;margin-right:6px;display:flex}.brand .mark{flex-shrink:0;display:block}.brand .name{color:#fff;font-family:Archivo,sans-serif;font-size:16px;font-weight:700}.pill{color:#eef3f5;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.pill:hover{background:#ffffff2e;border-color:#ffffff3d}.topbar .search{color:#eef3f5;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:8px;flex:1;min-width:180px;max-width:320px;padding:6px 12px;font-size:13px}.topbar .search::placeholder{color:#9db0b8}.topbar .right{color:#cfd9de;flex-wrap:wrap;align-items:center;gap:10px;min-width:0;max-width:100%;margin-left:auto;font-size:12.5px;display:flex}.query-feedback{color:var(--muted);margin:12px 0;font-size:12px}.query-error{color:var(--danger);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.data-table{max-width:100%;overflow-x:auto}.data-table>.row,.data-table>.col-hd{min-width:650px}.data-table>.row>span{overflow-wrap:anywhere;min-width:0}.import-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.import-panel{border:1px solid var(--line);border-radius:10px;min-width:0;padding:16px}.import-panel h3{margin-bottom:10px;font-size:14px}.import-panel input[type=file]{width:100%;margin:12px 0;display:block}.import-preview{background:var(--accent-soft);border-radius:8px;margin:12px 0;padding:12px}.import-success{color:var(--success)}.dot-ok,.dot-warn,.dot-fail{border-radius:50%;width:7px;height:7px;display:inline-block}.dot-ok{background:var(--success)}.dot-warn{background:var(--warning)}.dot-fail{background:var(--danger)}.app-body{flex:1;min-height:0;display:flex}.sidebar{background:var(--surface-2);border-right:1px solid var(--line);flex-shrink:0;width:238px;padding:14px 10px;overflow-y:auto}.grp{border-radius:8px;margin-bottom:3px;overflow:hidden}.grp-head{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:8px 10px;font-size:12.5px;font-weight:600;display:flex}.grp-head:hover{background:var(--accent-soft)}.grp-head .chev{color:var(--muted);flex-shrink:0;font-size:10px;transition:transform .15s}.grp.open .grp-head .chev{transform:rotate(90deg)}.grp-head .count{color:var(--muted);margin-left:auto;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:400}.grp-body{padding:2px 4px 8px 20px;display:none}.grp.open .grp-body{display:block}.kst-row{cursor:pointer;text-align:left;width:100%;color:var(--ink);background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:5px 8px;font-size:12px;display:flex}.kst-row:hover{background:var(--surface)}.kst-row.active{background:var(--accent-soft);font-weight:600}.kst-row .kdot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.kst-row .kname{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.kst-row .kpct{color:var(--muted);flex-shrink:0;font-family:IBM Plex Mono,monospace;font-size:11px}.kdot.full{background:var(--success)}.kdot.mid{background:var(--warning)}.kdot.low{background:var(--danger)}.kdot.none{background:var(--line)}.main{flex:1;min-width:0;padding:20px 24px 90px;overflow:hidden auto}.main-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.main-head h2{font-size:19px;font-weight:700}.main-head .sub{color:var(--muted);margin-top:2px;font-size:12.5px}.kpis{background:var(--line);border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;margin-bottom:18px;display:grid;overflow:hidden}.kpi{background:var(--surface);padding:14px 16px}.kpi .v{font-family:IBM Plex Mono,monospace;font-size:22px;font-weight:600;display:block}.kpi .s{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:12px;display:block}.kpi .l{color:var(--muted);margin-top:2px;font-size:11.5px}.kpi.accent .v{color:var(--accent)}.kpi.good .v{color:var(--success)}.kpi.warn .v{color:var(--warning)}button.kpi{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;border:none}button.kpi:hover{background:var(--surface-2)}button.kpi:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.werk-kpis{background:0 0;border:none;grid-template-columns:repeat(auto-fit,minmax(140px,200px));gap:10px;overflow:visible}.werk-kpis .kpi,.werk-kpis button.kpi{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px}.werk-kpis button.kpi:hover{background:var(--surface-2)}.werk-kpis .kpi .v{font-size:25px}.werk-groups{flex-direction:column;gap:22px;display:flex}.werk-group-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;padding-bottom:6px;display:flex}.werk-group-head h3{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:13px;font-weight:700}.werk-group-meta{color:var(--muted);white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:11.5px}.werk-tile-grid{grid-template-columns:repeat(auto-fill,minmax(196px,230px));gap:10px;display:grid}.werk-tile{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);cursor:pointer;text-align:left;font:inherit;color:inherit;border-radius:12px;align-items:center;gap:12px;min-width:0;padding:11px 14px;transition:transform .12s,border-color .12s;display:flex}.werk-tile:hover{border-color:var(--accent);transform:translateY(-2px)}.werk-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.werk-tile.is-empty{background:var(--surface-2);box-shadow:none;opacity:.75;border-style:dashed}.werk-ring{background:conic-gradient(var(--ring-color) calc(var(--pct) * 3.6deg), var(--line) 0deg);border-radius:50%;flex:none;width:50px;height:50px;position:relative}.werk-ring:before{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:5px}.werk-tile.is-empty .werk-ring:before{background:var(--surface-2)}.werk-ring-inner{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:700;display:flex;position:relative}.werk-tile-body{min-width:0}.werk-tile-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.werk-tile-stats{color:var(--muted);margin-top:2px;font-family:IBM Plex Mono,monospace;font-size:11.5px}.kst-topbar{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:16px;padding:10px 20px;display:flex}.kst-topbar-title{flex:none}.kst-topbar-title h2{white-space:nowrap;font-size:16.5px;font-weight:700}.kst-topbar-title .sub{color:var(--muted);margin-top:1px;font-size:11px}.kst-topbar-sep{background:var(--line);flex:none;align-self:stretch;width:1px}.kst-topbar-stats{flex:none;gap:20px;display:flex}.kst-topbar-stats .kpi{background:0 0;padding:0}.kst-topbar-stats .kpi .v{white-space:nowrap;font-size:17px}.kst-topbar-stats .kpi .l{white-space:nowrap;margin-top:1px;font-size:10px}.kst-topbar-progress{flex:260px;min-width:220px}.week-progress-head{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.week-progress-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:11px;font-weight:600}.week-progress-percent{color:var(--accent);font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600}.week-progress-track{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;height:10px;position:relative;overflow:hidden}.week-progress-fill{width:var(--fill,0%);background:linear-gradient(90deg, var(--accent-deep), var(--accent));box-shadow:0 0 10px 0 color-mix(in srgb, var(--accent) 55%, transparent);background-size:200% 100%;border-radius:999px;transition:width .5s;animation:3.5s linear infinite week-progress-shimmer;position:absolute;inset:0}@keyframes week-progress-shimmer{0%{background-position:0 0}to{background-position:-200% 0}}.week-progress-divider{background:var(--surface);opacity:.65;z-index:1;width:2px;position:absolute;top:0;bottom:0}.week-progress-today-marker{background:var(--ink);width:4px;height:16px;box-shadow:0 0 0 2px var(--surface);z-index:2;border-radius:2px;margin-left:-2px;position:absolute;top:-3px}.week-progress-today-marker:after{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);border-radius:50%;animation:1.8s ease-in-out infinite week-progress-pulse;position:absolute;top:-6px;left:50%;transform:translate(-50%)}@keyframes week-progress-pulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 10%, transparent)}}.week-progress-days{grid-template-columns:repeat(5,1fr);margin-top:6px;display:grid}.week-progress-day{flex-direction:column;align-items:center;gap:2px;display:flex}.week-progress-day-label{color:var(--muted);font-size:10.5px;font-weight:600}.week-progress-day.is-today .week-progress-day-label{color:var(--ink)}.week-progress-day-glyph{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:10px}.week-progress-day-glyph.good{color:var(--success)}.week-progress-day-glyph.warn{color:var(--warning)}.week-progress-day-glyph.accent{color:var(--accent);font-weight:600}.legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:18px;font-size:12px;display:flex}.legend b{color:var(--ink);margin-right:2px;font-weight:600}.lg-item{align-items:center;gap:6px;display:flex}.badge{border-radius:5px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.badge.done{background:var(--success-soft);color:var(--success)}.badge.paused{background:var(--warning-soft);color:var(--warning)}.badge.late{background:var(--danger-soft);color:var(--danger)}.badge.offen{background:var(--accent-soft);color:var(--accent-deep)}.icon-label-btn{color:#eef3f5;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.icon-label-btn:hover{background:#ffffff2e;border-color:#ffffff3d}.icon-label-btn .ico{font-size:14px}@media (width<=900px){.app-body{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--line);width:100%;max-height:220px}}.mobile-tabbar{background:var(--surface);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:20;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-tabbar .t{min-height:44px;color:var(--muted);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;text-decoration:none;display:flex}.mobile-tabbar .t .ico{font-size:17px}.mobile-tabbar .t.on{color:var(--accent);font-weight:600}@media (width<=640px){.data-table .col-hd{display:none}.data-table .row{border:1px solid var(--line);border-radius:10px;gap:12px;min-width:0;margin:12px 0;padding:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.data-table .row>span{white-space:normal;overflow-wrap:anywhere;min-width:0}.data-table [data-label]:before{content:attr(data-label);color:var(--muted);margin-bottom:4px;font:11px sans-serif;display:block}.import-panels{grid-template-columns:minmax(0,1fr)}.topbar{gap:10px;padding:12px}.topbar .right{gap:8px;margin-left:0}.topbar .right .pill{overflow-wrap:anywhere;max-width:100%}.topbar .right>div{min-width:0;max-width:100%}.main{padding-left:12px;padding-right:12px}.mobile-tabbar{display:flex}.main{padding-bottom:110px}.topbar .search{order:10;width:100%;max-width:none}}.session-feedback{max-width:560px;margin:15vh auto;padding:24px}.read-only-notice,.conflict-notice,.view-note{background:var(--warning-soft);color:var(--ink);overflow-wrap:anywhere;border-radius:8px;padding:12px}.view-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;display:flex}.table-scroll{max-width:100%;overflow-x:auto}.review-table{border-collapse:collapse;text-align:left;width:100%}.review-table th,.review-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px}.review-table th{background:var(--surface)}.review-table button{text-align:left}.review-section{margin:24px 0}.global-search{flex:1;min-width:180px;max-width:320px;position:relative}.global-search .search{width:100%}.search-results{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);z-index:25;border-radius:8px;max-height:300px;position:absolute;top:110%;left:0;right:0;overflow-y:auto}.search-results p{padding:8px 12px}.search-results [role=option]{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:10px 12px;display:block}.search-results [aria-selected=true],.search-results [role=option]:hover{background:var(--accent-soft)}.dot-unknown{background:var(--muted);border-radius:50%;width:8px;height:8px;display:inline-block}.run-selector{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.run-selector select{max-width:220px}.settings-form{gap:16px;max-width:480px;display:grid}.settings-form label{gap:6px;display:grid}.settings-form input,.settings-form select{min-width:0;max-width:100%;padding:8px}.settings-form fieldset{min-width:0}.settings-form .checkbox-label{align-items:center;display:flex}@media (width<=640px){.global-search{flex-basis:100%;max-width:none}.review-table th,.review-table td{padding:8px}.main-head{flex-wrap:wrap;gap:12px}}.list-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 12px;display:flex}.list-toolbar select,.list-toolbar .list-search{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:7px;padding:6px 9px;font-size:12.5px}.list-toolbar .list-search{flex:1;min-width:200px}.col-reset-btn{border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:7px;padding:6px 10px;font-size:12px}.col-reset-btn:hover{color:var(--ink);background:var(--surface-2)}.erledigt-toggle{border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:7px;align-items:center;gap:6px;padding:6px 10px;font-size:12.5px;display:inline-flex}.erledigt-toggle:hover{color:var(--ink);background:var(--surface-2)}.erledigt-toggle.active{background:var(--accent-soft);color:var(--accent-deep);border-color:var(--accent-soft);font-weight:600}.erledigt-count{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:1px 6px;font-family:IBM Plex Mono,monospace;font-size:11px;line-height:1.5}.seg{border:1px solid var(--line);border-radius:7px;display:inline-flex;overflow:hidden}.seg button{background:var(--surface);color:var(--muted);cursor:pointer;border:none;padding:6px 12px;font-size:12.5px}.seg button+button{border-left:1px solid var(--line)}.seg button:hover{background:var(--surface-2)}.seg button.active{background:var(--accent-soft);color:var(--accent-deep);font-weight:600}.order-list section+section{margin-top:22px}.day-hd{color:var(--ink);border-bottom:1px solid var(--line);z-index:3;background:var(--paper);align-items:baseline;gap:10px;margin-top:4px;padding:10px 4px 6px;font-size:12.5px;font-weight:600;display:flex;position:sticky;top:0}.day-hd .n{color:var(--muted);flex-shrink:0;font-family:IBM Plex Mono,monospace;font-weight:400}.day-hd .label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.day-hd .material-nr,.day-hd .material-dicke{flex-shrink:0;font-size:11px}.col-hd,.row{grid-template-columns:var(--order-cols);align-items:center;gap:10px;display:grid}.col-hd{color:var(--muted);border-bottom:1px solid var(--line);z-index:2;background:var(--paper);padding:8px 6px;font-size:11px;font-weight:600;position:sticky;top:0}.col-hd.stacked{top:34px}.col-cell{display:block;position:relative;overflow:visible}.col-resize-handle{cursor:col-resize;z-index:3;width:12px;position:absolute;top:-8px;bottom:-8px;right:-9px}.col-resize-handle:after{content:"";background:0 0;border-radius:1px;width:2px;position:absolute;top:2px;bottom:2px;left:50%;transform:translate(-50%)}.col-resize-handle:hover:after{background:var(--accent)}body.col-resizing,body.col-resizing *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.row .datum-col{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:11px}.row .bereit-col{justify-content:center;display:flex}.col-hd .sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.col-hd .sortable:hover{color:var(--ink)}.col-hd .sortable.active{color:var(--accent-deep)}.col-hd .sortable .arrow{margin-left:3px;font-size:8px}.col-hd .sortable.active2{color:var(--muted)}.col-hd .sortable .arrow.arrow2{color:var(--muted);opacity:.75}.list-summary{color:var(--muted);margin:-4px 0 10px;font-family:IBM Plex Mono,monospace;font-size:12px}.saved-view-select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:7px;padding:6px 9px;font-size:12.5px}.saved-view-form{align-items:center;gap:6px;display:inline-flex}.saved-view-form input{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:7px;width:140px;padding:6px 9px;font-size:12.5px}.saved-view-form button{border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:7px;padding:6px 10px;font-size:12px}.saved-view-form button:hover{color:var(--ink);background:var(--surface-2)}.pcard .datum-tag{color:var(--muted);margin-left:6px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:400}.row{border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;border-top:none;border-left:none;border-right:none;width:100%;padding:9px 6px;font-size:12.5px;position:relative}.row:hover{background:var(--surface-2)}.row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;background:var(--surface-2)}.keychip:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.row .stripe{border-radius:2px;width:3px;position:absolute;top:0;bottom:0;left:0}.row.st-paused .stripe{background:var(--warning)}.row.st-late .stripe{background:var(--danger)}.row.st-done .stat-ico{color:var(--success)}.row.st-done{background:var(--success-soft)}.row.st-done:hover,.row.st-done:focus-visible{background:color-mix(in srgb, var(--success-soft) 70%, var(--surface-2))}.row.st-paused{background:var(--warning-soft)}.row.st-paused:hover,.row.st-paused:focus-visible{background:color-mix(in srgb, var(--warning-soft) 70%, var(--surface-2))}.row.st-late{background:var(--danger-soft)}.row.st-late:hover,.row.st-late:focus-visible{background:color-mix(in srgb, var(--danger-soft) 70%, var(--surface-2))}.row .stat-ico{text-align:center;font-size:13px}.row .kunde{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.ff-typ{white-space:nowrap;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700}.row .std .ff-typ{display:block}.ff-typ-versand{color:var(--accent-deep)}.ff-typ-rueckkehr{color:var(--success)}.row .auftrag-col{overflow:hidden}.row .auftrag-main{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row .teil{color:var(--muted);margin-top:2px;font-size:11px}.row .artikel{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row .material{min-width:0;color:var(--ink);flex-direction:row;align-items:center;gap:7px;padding:6px 0;font-size:12px;display:flex}.material-nr{color:var(--accent-deep);background:var(--accent-soft);text-align:center;white-space:nowrap;border-radius:5px;flex:0 0 44px;padding:1px 4px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:700;line-height:1.5;overflow:hidden}.material-dicke{color:var(--ink);flex:0 0 22px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700}.material-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--muted);flex:auto;overflow:hidden}.keychip{color:var(--accent-deep);background:var(--accent-soft);white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:6px;padding:2px 7px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;display:inline-block}.keychip:hover{border-color:var(--accent)}.auf{color:var(--muted);margin-top:2px;font-size:11px}.col-hd .col-menge,.row .menge{padding-right:10px}.row .menge{color:var(--ink);text-align:right;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600}.row .std{text-align:right;font-family:IBM Plex Mono,monospace}.row .liefer{align-items:flex-start;gap:8px;min-width:0;display:flex}.row .liefer-main{flex-direction:column;flex-shrink:0;gap:2px;display:flex}.row .liefer-datum{color:var(--ink);font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600}.row .liefer .late-tag{color:var(--danger);font-size:11px;font-weight:600;display:block}.row .liefer .nachfolger{border-left:1px solid var(--line);flex-direction:column;flex:auto;gap:1px;min-width:0;padding-left:8px;display:flex;overflow:hidden}.row .liefer .nachfolger-kst{color:var(--accent-deep);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11px;font-weight:700;overflow:hidden}.row .liefer .nachfolger-arrow{color:var(--muted);font-weight:400}.row .liefer .nachfolger-datum{color:var(--muted);white-space:nowrap;flex-shrink:0;font-family:IBM Plex Mono,monospace;font-size:10.5px;font-weight:400}.row .prio{text-align:center;background:var(--surface-2);width:20px;height:20px;color:var(--muted);border-radius:5px;justify-content:center;align-items:center;font-family:IBM Plex Mono,monospace;font-size:11px;display:flex}.order-cards{flex-direction:column;gap:8px;display:none}.pcard{border:1px solid var(--line);background:var(--surface);border-radius:9px;min-height:44px;padding:10px 12px;position:relative}.pcard .stripe{border-radius:2px 0 0 2px;width:3px;position:absolute;top:0;bottom:0;left:0}.pcard.st-paused .stripe{background:var(--warning)}.pcard.st-late .stripe{background:var(--danger)}.pcard.st-done{background:var(--success-soft)}.pcard.st-paused{background:var(--warning-soft)}.pcard.st-late{background:var(--danger-soft)}.pcard .top-row{justify-content:space-between;gap:8px;font-size:12px;font-weight:600;display:flex}.pcard .kunde-m{font-size:12px}.pcard .art-m{color:var(--muted);margin-top:2px;font-size:12px}.pcard .art-m .material-dicke{font-size:12px}.pcard .bot-row{color:var(--muted);justify-content:space-between;margin-top:6px;font-size:11px;display:flex}@media (width<=640px){.order-list .col-hd,.order-list .row{display:none}.order-cards{display:flex}}.feature{border-radius:14px;overflow:hidden}.feature-head{border-bottom:1px solid var(--line);background:linear-gradient(180deg, var(--accent-soft), transparent);padding:18px 22px 14px}.feature-head .kicker{color:var(--accent-deep);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:700}.feature-head h3{margin-top:4px;font-size:18px}.feature-head .meta{color:var(--muted);margin-top:4px;font-size:12.5px}.timeline{padding:26px 22px 10px;overflow-x:auto}.tl-track{align-items:flex-start;gap:0;min-width:900px;padding-bottom:6px;display:flex;position:relative}.tl-node{flex-direction:column;flex-shrink:0;align-items:center;width:100px;display:flex;position:relative}.tl-node .connector{background:var(--line);z-index:0;width:100%;height:2px;position:absolute;top:13px;left:-50%}.tl-node:first-child .connector{display:none}.tl-dot{background:var(--surface);border:2.5px solid var(--line);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;display:flex}.tl-node.done .tl-dot{border-color:var(--success);color:var(--success);background:var(--success-soft)}.tl-node.paused .tl-dot{border-color:var(--warning);color:var(--warning);background:var(--warning-soft)}.tl-node.open .tl-dot{border-color:var(--line);color:var(--muted)}.tl-node.paused .connector{background:var(--warning)}.tl-label{text-align:center;margin-top:8px;font-size:11px;line-height:1.35}.tl-label .kst{color:var(--ink);font-weight:600}.tl-label .date{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:11px}.tl-label .teil{color:var(--muted);font-size:10.5px}.tl-node.init .tl-dot{box-shadow:0 0 0 4px var(--warning-soft)}.cause-box{background:var(--warning-soft);border:1px solid var(--warning);border-radius:10px;align-items:flex-start;gap:12px;margin:16px 22px 22px;padding:14px 16px;display:flex}.cause-box .ic{color:var(--warning);flex-shrink:0;font-size:16px}.cause-box p{color:var(--ink);margin:0;font-size:13px}.cause-box b{color:var(--warning)}.modal-card::backdrop{background:#0a0e1280}.modal-card{color:var(--ink);background:var(--surface);box-shadow:var(--shadow);border:none;border-radius:14px;width:calc(100% - 32px);max-width:960px;max-height:calc(100dvh - 32px);margin:auto;padding:0;position:relative;overflow-y:auto}.modal-card .feature-head{padding-right:60px}.modal-close{background:var(--surface-2);cursor:pointer;width:32px;height:32px;color:var(--muted);border:none;border-radius:8px;font-size:16px;position:absolute;top:12px;right:12px}.login-page{background:var(--paper);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-page__bg{pointer-events:none;position:absolute;inset:0}.login-page__glow{filter:blur(60px);opacity:.35;background:radial-gradient(circle, var(--accent) 0%, transparent 70%);border-radius:50%;animation:16s ease-in-out infinite login-drift;position:absolute}.login-page__glow--1{width:520px;height:520px;animation-delay:0s;top:-180px;left:-160px}.login-page__glow--2{width:420px;height:420px;animation-direction:reverse;animation-delay:-8s;bottom:-160px;right:-140px}@keyframes login-drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,25px)scale(1.08)}}.login-page__grid{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.18;background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000 0%,#0000 70%);mask-image:radial-gradient(circle at 50% 40%,#000 0%,#0000 70%)}.login-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:16px;width:340px;padding:34px 30px;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .45s;animation:.5s cubic-bezier(.16,1,.3,1) both login-card-in;display:flex;position:relative}@keyframes login-card-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.login-card--shake{animation:.42s login-shake}@keyframes login-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}.login-card__brand{margin-bottom:2px}.login-card__brand .name{color:var(--ink);font-size:20px}.login-field{color:var(--muted);flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;display:flex}.login-field input{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:9px;padding:9px 11px;font-size:14px;transition:border-color .18s,box-shadow .18s,opacity .3s}.login-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.login-field input:disabled{opacity:.6}.login-error{color:var(--danger);margin:0;font-size:12.5px;animation:.25s both login-card-in}.login-submit{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:9px;justify-content:center;align-items:center;gap:8px;height:40px;font-size:13.5px;font-weight:600;transition:background .18s;display:inline-flex}.login-submit:hover:not(:disabled){background:var(--accent-deep)}.login-submit:disabled{cursor:default;opacity:.55}.login-submit__spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.login-page__glow,.login-card,.login-card--shake,.login-error,.login-submit__spinner{transition:none!important;animation:none!important}}