:root{--brand-primary:#0b1f3a;--brand-accent:#2f7fb8;--font-ui:"Source Sans 3", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--ink:#1a2430;--ink-soft:#4b5a68;--ink-faint:#7c8a97;--surface:#fff;--surface-muted:#f4f6f8;--border:#d9e0e6;--danger:#b3261e;--ok:#1e7d4f;--space-card:20px;--space-view-gap:16px;--space-section-gap:24px;--control-h:40px;--radius:8px;--radius-pill:999px;--content-max:1200px;--content-gutter:24px}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-ui);color:var(--ink);background:var(--surface-muted);margin:0;font-size:14px;line-height:1.5}a{color:var(--brand-accent)}.app-shell{flex-direction:column;min-height:100%;display:flex}.app-header{background:var(--brand-primary);color:#fff;padding:12px var(--content-gutter)}.app-header-inner{max-width:var(--content-max);justify-content:space-between;align-items:center;gap:var(--space-view-gap);margin:0 auto;display:flex}.app-name{font-size:18px;font-weight:600}.app-main{width:100%;max-width:var(--content-max);padding:var(--space-section-gap) var(--content-gutter);flex:1;margin:0 auto}.app-footer{padding:12px var(--content-gutter);color:var(--ink-soft);text-align:center;border-top:1px solid var(--border);font-size:13px}.view{max-width:var(--content-max);margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-card);flex-direction:column;gap:12px;display:flex}.card+.card{margin-top:var(--space-view-gap)}.card>:last-child{margin-bottom:0}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:13px;font-weight:600}.field-hint{color:var(--ink-soft);font-size:13px}input[type=text],input[type=email]{height:var(--control-h);border:1px solid var(--border);border-radius:var(--radius);color:var(--ink);background:var(--surface);padding:0 12px;font-family:inherit;font-size:14px}input[type=text]:focus-visible,input[type=email]:focus-visible,select:focus-visible,.btn:focus-visible,a:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}select{height:var(--control-h);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--ink);padding:0 12px;font-family:inherit;font-size:14px}select:disabled{color:var(--ink-faint);background:var(--surface-muted)}.btn{height:var(--control-h);border-radius:var(--radius);border:1px solid var(--brand-primary);background:var(--brand-primary);color:#fff;cursor:pointer;padding:0 16px;font-size:14px;font-weight:600}.btn-ghost{color:var(--brand-primary);background:0 0}.btn:disabled{cursor:not-allowed;opacity:.6}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px}.error-text{color:var(--danger);font-size:13px}.badge{border-radius:var(--radius-pill);white-space:nowrap;background:var(--surface-muted);color:var(--ink-soft);border:1px solid var(--border);align-items:center;padding:2px 10px;font-size:12px;display:inline-flex}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:8px 10px;font-size:13px}th{color:var(--ink-soft);font-weight:600}.list-disabled{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.list-disabled li{color:var(--ink-faint);justify-content:space-between;align-items:center;gap:8px;display:flex}.view-header{justify-content:space-between;align-items:center;gap:var(--space-view-gap);flex-wrap:wrap;display:flex}.view-header h1,.view-header h2{margin:0}.row-actions{flex-wrap:nowrap;gap:8px;display:flex}.inline-form{border-top:1px solid var(--border);flex-direction:column;gap:12px;padding-top:12px;display:flex}.tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;margin-bottom:16px;display:flex}.tab{height:var(--control-h);color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:0 14px;font-size:14px;font-weight:600}.tab-active{color:var(--brand-primary);border-bottom-color:var(--brand-primary)}.tab:focus-visible{outline:2px solid var(--brand-accent);outline-offset:-2px}.kpi-row{gap:var(--space-section-gap);flex-wrap:wrap;padding-bottom:4px;display:flex}.kpi{flex-direction:column;gap:2px;display:flex}.kpi-value{color:var(--ink);font-size:22px;font-weight:600}.kpi-label{color:var(--ink-soft);font-size:12px}.badge-quiet{border-color:var(--ink-faint);color:var(--ink-soft)}.kategorie-row td{background:var(--surface-muted);border-bottom:1px solid var(--border);font-weight:600}.kontrollsumme-row td{color:var(--ink-soft);border-bottom:2px solid var(--border);font-style:italic}.mengen-grid th.mengen-grid-col,.mengen-input{text-align:right}.mengen-input{width:100%;min-width:72px;height:var(--control-h);border:1px solid var(--border);border-radius:var(--radius);text-align:right;padding:0 8px;font-family:inherit;font-size:14px}.mengen-input:disabled{background:var(--surface-muted);color:var(--ink-faint)}.table-scroll{overflow-x:auto}.mengengeruest-table .sticky-col{background:var(--surface);min-width:220px;position:sticky;left:0}.katalog-kategorie+.katalog-kategorie{margin-top:var(--space-view-gap)}.katalog-kategorie h3{margin-bottom:8px}.confirm-dialog{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-card);width:90vw;max-width:420px}.confirm-dialog::backdrop{background:#1a243066}.confirm-dialog h2{margin-top:0}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}textarea{border:1px solid var(--border);border-radius:var(--radius);color:var(--ink);background:var(--surface);resize:vertical;padding:8px 12px;font-family:inherit;font-size:14px}@media (width<=760px){.app-header-inner,.app-main{padding-left:var(--content-gutter);padding-right:var(--content-gutter)}}@media print{.app-header,.app-footer,.no-print{display:none}}