@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#f5f6f8;--surface:#fff;--surface2:#f8fafc;--border:#e5e7eb;--border-light:#d1d5db;--accent:#e8963c;--accent-contrast:#1a1204;--accent-soft:#e8963c1f;--copper:#e8963c;--copper-dim:#b9752c;--blue:#2e7dc0;--green:#3e8a5e;--red:#c94a38;--text:#111827;--text-dim:#4b5563;--text-faint:#6b7280}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:var(--bg);height:100%}body{background:var(--bg);overscroll-behavior-y:contain;min-height:100dvh;margin:0}#root{background:var(--bg);min-height:100dvh}::placeholder{color:var(--text-faint)}select{appearance:none}.app-shell{background:var(--bg);min-height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:232px;padding:22px 14px;display:flex}.topbar-mobile{display:none}.main-col{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex}.breadcrumb{border-bottom:1px solid var(--border);height:52px;color:var(--text-faint);align-items:center;gap:8px;padding:0 28px;font-size:12px;display:flex}.content{background:var(--bg);flex:1;padding:28px 32px;overflow:auto}.kpi-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.two-col{grid-template-columns:1.3fr 1fr;gap:14px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.card-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}.row-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.mobile-drawer-overlay,.mobile-drawer{display:none}@media (width>=821px){.kpi-grid.kpi-grid-4{grid-template-columns:repeat(4,1fr)}}@media (width<=820px){input,select,textarea{font-size:16px!important}.sidebar{display:none}.topbar-mobile{display:flex}.content{padding:18px 16px}.breadcrumb{padding:0 16px}.kpi-grid,.two-col,.form-grid,.card-grid{grid-template-columns:1fr}.row-card{flex-direction:column;align-items:flex-start}.row-actions{justify-content:space-between;width:100%}.mobile-drawer-overlay.open{z-index:40;background:#00000080;display:block;position:fixed;inset:0}.mobile-drawer{background:var(--surface);border-right:1px solid var(--border);z-index:41;flex-direction:column;width:260px;padding:20px 14px;transition:transform .2s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.mobile-drawer.open{transform:translate(0)}@keyframes pulsieren{0%,to{opacity:1}50%{opacity:.5}}@keyframes werkos-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}.beleg-zeile{justify-content:space-between;align-items:center;gap:12px;display:flex}.beleg-betrag{flex-shrink:0;align-items:center;gap:12px;display:flex}.beleg-buttons{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.beleg-buttons button{padding:7px 11px!important;font-size:12px!important}.filter-leiste{gap:6px;display:flex}.beleg-formular{max-width:1100px}.beleg-formular-kopf{align-items:center;gap:12px;margin-bottom:16px;display:flex}.beleg-zurueck{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:38px;height:38px;color:var(--text-dim);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.beleg-schritt{color:var(--text);align-items:center;gap:9px;margin-bottom:14px;font-size:14px;font-weight:600;display:flex}.beleg-schritt>span{background:var(--accent);width:22px;height:22px;color:var(--accent-contrast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.beleg-schritt em{color:var(--text-faint);font-size:12.5px;font-style:normal;font-weight:400}.beleg-schritt-knopf{cursor:pointer;text-align:left;background:0 0;border:none;width:100%;margin:0;padding:0;font-family:inherit}.beleg-schritt-knopf svg{color:var(--text-faint);margin-left:auto}.beleg-kopf{grid-template-columns:2.2fr 1.2fr 1fr 1fr .8fr;gap:12px;margin-bottom:10px;display:grid}.pos-kopf,.pos-zeile{grid-template-columns:28px minmax(170px,1fr) 96px 70px 78px 92px 72px 100px 110px;align-items:center;gap:6px;display:grid}.pos-kopf{color:var(--text-faint);padding:0 2px 4px;font-size:11px}.pos-kopf:before{content:""}.pos-nummer{color:var(--text-faint);text-align:center;font-size:11.5px;font-weight:600}.pos-feld{min-width:0;margin:0;display:block}.pos-label{display:none}.pos-zeile input,.pos-zeile select{padding:8px 9px!important}.pos-summe{text-align:right;white-space:nowrap;font-size:13px}.pos-aktionen{justify-content:flex-end;gap:4px;display:flex}.pos-aktionen button{min-width:32px!important;min-height:32px!important;padding:6px!important}.pos-abschnitt{background:var(--surface2);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:6px 8px 6px 12px;display:flex}.pos-abschnitt input{flex:1;min-width:0;border-color:#0000!important}.beleg-hinzufuegen{flex-wrap:wrap;gap:8px;display:flex}.beleg-summen{border-top:1px solid var(--border);color:var(--text-dim);flex-direction:column;align-items:flex-end;gap:5px;margin-top:16px;padding-top:14px;font-size:13px;display:flex}.beleg-summen>div{justify-content:space-between;gap:24px;min-width:260px;display:flex}.beleg-summen b{color:var(--text);font-family:JetBrains Mono,monospace;font-weight:600}.beleg-summen .beleg-gesamt{color:var(--text);border-top:1px solid var(--border);margin-top:2px;padding-top:6px;font-size:15px;font-weight:700}.plan-zeile{grid-template-columns:1.2fr 70px 100px 1.4fr 36px;align-items:center;gap:6px;margin-bottom:6px;display:grid}.beleg-savebar{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);background:#fffffff5;border-radius:14px;align-items:center;gap:12px;margin-top:4px;padding:12px 16px;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 20px #1118270f}@media (width<=1100px){.beleg-kopf{grid-template-columns:1fr 1fr 1fr}.beleg-kopf>:first-child{grid-column:span 3}}@media (width<=820px){.beleg-zeile{flex-direction:column;align-items:stretch;gap:8px}.beleg-betrag{justify-content:space-between}.beleg-buttons{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.beleg-buttons::-webkit-scrollbar{display:none}.beleg-buttons>*{flex-shrink:0}.filter-leiste{scrollbar-width:none;width:100%;overflow-x:auto}.filter-leiste::-webkit-scrollbar{display:none}.beleg-kopf{grid-template-columns:1fr 1fr}.beleg-kopf>:first-child{grid-column:span 2}.pos-kopf{display:none}.pos-zeile{border:1px solid var(--border);background:var(--surface);border-radius:12px;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"n n a""b b b""t m e""p r s";row-gap:8px;padding:10px 12px 12px}.pos-nummer{text-align:left;grid-area:n;align-self:center;font-size:12px}.pos-beschreibung{grid-area:b}.pos-typ{grid-area:t}.pos-menge{grid-area:m}.pos-einheit{grid-area:e}.pos-preis{grid-area:p}.pos-rabatt{grid-area:r}.pos-summe{grid-area:s;align-self:end;padding-bottom:9px;font-size:15px;font-weight:700}.pos-aktionen{grid-area:a}.pos-label{color:var(--text-faint);margin-bottom:3px;font-size:11px;display:block}.pos-summe .pos-label{text-align:right;font-weight:400}.pos-zeile input,.pos-zeile select{padding:10px!important}.pos-abschnitt{flex-wrap:wrap}.pos-abschnitt input{flex-basis:60%}.beleg-hinzufuegen{grid-template-columns:1fr 1fr;display:grid}.beleg-hinzufuegen button{justify-content:center;padding:12px!important}.beleg-summen{align-items:stretch}.beleg-summen>div{min-width:0}.plan-zeile{grid-template-columns:1fr 64px 36px}.plan-zeile>:nth-child(3){grid-column:1/2;text-align:left!important}.plan-zeile>:nth-child(4){grid-column:1/4}.beleg-savebar{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-bottom:none;border-radius:16px 16px 0 0;margin:4px -16px 0}.beleg-savebar button{padding:12px 14px!important}}body{-webkit-font-smoothing:antialiased;color:var(--text)}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px var(--accent-soft);border-color:var(--accent)!important}input:disabled,select:disabled,textarea:disabled{background:var(--surface2)!important;color:var(--text-dim)!important}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-soft)}