@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:#f3f4f6;--surface:#fff;--surface2:#f8f9fb;--border:#e2e4e9;--border-light:#cbcfd6;--copper:#e8963c;--copper-dim:#b9752c;--blue:#2e7dc0;--green:#3e8a5e;--red:#c94a38;--text:#0a0c10;--text-dim:#3d4451;--text-faint:#6b7280}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:var(--bg);overscroll-behavior-y:contain;margin:0}::placeholder{color:var(--text-faint)}select{appearance:none}.app-shell{background:var(--bg);min-height:100vh;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{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{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)}}}