:root{--bg:#f5f6f8;--card:#fff;--ink:#0f172a;--muted:#64748b;--line:#e6e9ee;--honey:#f4a823;--honey-d:#d98e0a;--amber-bg:#fff7e6;--amber:#b7791f;--blue-bg:#e8f1ff;--blue:#2563eb;--green-bg:#e7f7ec;--green:#15803d;--shadow:0 1px 2px #1018280a,0 4px 16px #1018280f}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:-apple-system,Segoe UI,Inter,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}.wrap{max-width:1240px;margin:0 auto;padding:24px 22px 80px}.top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:6px;display:flex}.brand{align-items:center;gap:12px;display:flex}.logo{background:linear-gradient(135deg,var(--honey),var(--honey-d));width:42px;height:42px;box-shadow:var(--shadow);border-radius:12px;justify-content:center;align-items:center;font-size:22px;display:flex}h1{letter-spacing:-.2px;margin:0;font-size:20px}.sub{color:var(--muted);margin-top:2px;font-size:13px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:7px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:560;display:inline-flex}button:hover{background:#fafbfc;border-color:#cbd5e1}button.primary{background:var(--ink);color:#fff;border-color:var(--ink)}button.honey{background:var(--honey);border-color:var(--honey-d);color:#3b2a05}button:disabled{opacity:.5;cursor:not-allowed}.kpis{grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0;display:grid}.kpi{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:16px 18px}.kpi .lbl{color:var(--muted);font-size:12px;font-weight:560}.kpi .val{letter-spacing:-.5px;margin-top:6px;font-size:26px;font-weight:720}.kpi .foot{color:var(--muted);margin-top:4px;font-size:11.5px}.kpi.k-offen{border-top:3px solid var(--honey)}.kpi.k-ang{border-top:3px solid var(--blue)}.kpi.k-erl{border-top:3px solid var(--green)}.kpi.k-sum{border-top:3px solid var(--ink)}.filters{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 14px;display:flex}.chip{border:1px solid var(--line);cursor:pointer;color:var(--muted);background:#fff;border-radius:999px;padding:7px 12px;font-size:12.5px;font-weight:560}.chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.search{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:8px;min-width:240px;margin-left:auto;padding:7px 12px;display:flex}.search input{border:0;outline:0;width:100%;font-family:inherit;font-size:13px}.panel{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;overflow:hidden}table{border-collapse:collapse;width:100%}thead th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--line);background:#fbfcfd;padding:12px 14px;font-size:11.5px;font-weight:640}tbody td{vertical-align:middle;border-bottom:1px solid #f1f3f6;padding:11px 14px}tbody tr.done .haendler,tbody tr.done .betrag{color:var(--muted);-webkit-text-decoration:line-through #9fd8b3;text-decoration:line-through #9fd8b3}.haendler{font-weight:600}.meta{color:var(--muted);margin-top:2px;font-size:11.5px}.betrag{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:640}.neg{color:var(--blue)}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:640;display:inline-flex}.b-offen{background:var(--amber-bg);color:var(--amber)}.b-ang{background:var(--blue-bg);color:var(--blue)}.b-erl{background:var(--green-bg);color:var(--green)}.b-closed{color:#64748b;background:#eef1f5}select.assign{border:1px solid var(--line);background:#fff;border-radius:8px;max-width:130px;padding:5px 8px;font-family:inherit;font-size:12.5px}.rowbtns{justify-content:flex-end;gap:6px;display:flex}.mini{padding:6px 10px;font-size:12px}.beleg-tag{color:var(--green);background:var(--green-bg);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border-radius:8px;align-items:center;gap:6px;max-width:170px;padding:4px 9px;font-size:11.5px;text-decoration:none;display:inline-flex;overflow:hidden}a.beleg-tag:hover{background:#d4f0de;text-decoration:underline}.center{text-align:center;max-width:560px;margin:60px auto}.note{border:1px solid var(--line);border-left:3px solid var(--honey);color:#334155;text-align:left;background:#f7f9fc;border-radius:10px;margin-top:16px;padding:14px 16px;font-size:13px}@media (max-width:880px){.kpis{grid-template-columns:repeat(2,1fr)}.hide-sm{display:none}}.ver{color:var(--muted);vertical-align:2px;margin-left:6px;font-size:11px;font-weight:560}.vpanel{border-left:3px solid var(--honey);margin:0 0 18px}.vhead{border-bottom:1px solid var(--line);background:#fffdf5;align-items:center;gap:10px;padding:13px 16px;font-size:13.5px;font-weight:640;display:flex}.vcount{background:var(--honey);color:#3b2a05;border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:700}.overlay{z-index:60;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;width:100%;max-width:560px;overflow:hidden}.modal-body{padding:14px 16px}.mailsubject{margin-top:2px;font-weight:640}.mailpre{white-space:pre-wrap;border:1px solid var(--line);background:#f7f9fc;border-radius:10px;max-height:45vh;margin:4px 0 0;padding:12px 14px;font-family:inherit;font-size:13px;line-height:1.55;overflow:auto}.modal-foot{border-top:1px solid var(--line);background:#fbfcfd;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}