:root { --bg:#f5f7fb; --card:#fff; --border:#e5e7eb; --ink:#111827; --muted:#6b7280; }
*{box-sizing:border-box} body{margin:0;font-family:system-ui,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}
/* Utility mini-classes (nur was wir brauchen) */
.text-xs{font-size:.75rem} .text-sm{font-size:.875rem} .text-xl{font-size:1.25rem}
.font-semibold{font-weight:600} .font-medium{font-weight:500} .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.text-gray-400{color:#9ca3af} .text-gray-500{color:#6b7280} .text-green-600{color:#16a34a} .text-red-600{color:#dc2626}
.bg-white{background:#fff} .bg-gray-50{background:#f8fafc} .bg-gray-100{background:#f3f4f6} .bg-black{background:#111}
.text-white{color:#fff}
.border{border:1px solid var(--border)} .border-gray-100{border-color:#f3f4f6} .border-gray-200{border-color:#e5e7eb}
.rounded-xl{border-radius:12px} .rounded-2xl{border-radius:16px}
.p-3{padding:.75rem} .p-4{padding:1rem} .px-2{padding-left:.5rem;padding-right:.5rem}
.px-3{padding-left:.75rem;padding-right:.75rem} .py-1{padding-top:.25rem;padding-bottom:.25rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem} .py-3{padding-top:.75rem;padding-bottom:.75rem}
.mx-auto{margin-left:auto;margin-right:auto} .mb-1{margin-bottom:.25rem} .mb-3{margin-bottom:.75rem}
.mt-6{margin-top:1.5rem}
.grid{display:grid} .gap-4{gap:1rem} .gap-6{gap:1.5rem}
.grid-cols-1{grid-template-columns:1fr} .grid-cols-12{grid-template-columns:repeat(12,1fr)}
.lg\:grid-cols-5{grid-template-columns:repeat(5,1fr)} .lg\:grid-cols-2{grid-template-columns:repeat(2,1fr)}
.col-span-12{grid-column:span 12/span 12} .md\:col-span-3{grid-column:span 3/span 12}
.lg\:col-span-2{grid-column:span 2/span 12} .md\:col-span-9{grid-column:span 9/span 12} .lg\:col-span-10{grid-column:span 10/span 12}
.flex{display:flex} .items-center{align-items:center} .justify-between{justify-content:space-between} .gap-2{gap:.5rem} .gap-3{gap:.75rem}
.rounded{border-radius:8px} .shadow-sm{box-shadow:0 1px 2px rgb(0 0 0 / .05)}
.sticky{position:sticky} .top-0{top:0} .z-20{z-index:20} .backdrop-blur{backdrop-filter:blur(6px)}
.max-w-7xl{max-width:80rem} .px-4{padding-left:1rem;padding-right:1rem} .py-3{padding-top:.75rem;padding-bottom:.75rem}
.hidden{display:none} .md\:flex{display:none} @media(min-width:768px){.md\:flex{display:flex}}
/* Tabellen */
table{width:100%;border-collapse:collapse} th,td{padding:.5rem;text-align:left;border-bottom:1px solid #f0f1f3}
a,button{cursor:pointer}