:root{--accent: #2f6f6b;--accent-ink: #1f4f4c;--navy: #182138;--bg: #f5f6f8;--card: #ffffff;--border: #e6e8ec;--ink: #1a1d23;--muted: #6b7280;--faint: #9aa1ac;--amber: #b45309;--amber-bg: #fef3c7;--red: #b91c1c;--red-bg: #fee2e2;--green: #15803d;--green-bg: #dcfce7;--blue: #1d4ed8;--blue-bg: #dbeafe;--radius: 12px;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .06)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:var(--card);border-right:1px solid var(--border);padding:20px 14px;display:flex;flex-direction:column;gap:6px}.brand{display:flex;flex-direction:column;gap:2px;padding:4px 8px 16px}.brand .logo{font-weight:800;font-size:20px;color:var(--accent-ink);letter-spacing:-.5px}.brand .sub{font-size:10px;letter-spacing:1.5px;color:var(--faint);text-transform:uppercase;font-weight:700}.nav-item{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:10px;color:var(--muted);font-weight:500;cursor:pointer}.nav-item:hover{background:#f1f3f5;color:var(--ink)}.nav-item.active{background:var(--navy);color:#fff}.nav-item .count{font-size:12px;opacity:.8}.nav-sep{height:1px;background:var(--border);margin:10px 4px}.nav-label{font-size:10px;letter-spacing:1.2px;color:var(--faint);text-transform:uppercase;font-weight:700;padding:6px 12px 2px}.content{padding:22px 28px 60px;overflow:auto}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:16px;flex-wrap:wrap}.page-title{font-size:20px;font-weight:700;margin:0}.page-sub{color:var(--muted);font-size:13px;margin-top:2px}.roleswitch{display:inline-flex;background:#eceef1;border-radius:999px;padding:3px;gap:2px}.roleswitch button{border:0;background:transparent;padding:6px 14px;border-radius:999px;font-weight:600;color:var(--muted);cursor:pointer;font-size:13px}.roleswitch button.on{background:#fff;color:var(--ink);box-shadow:var(--shadow)}.mandant-pick{margin-left:10px;padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:#fff;font-size:13px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:16px 18px}.grid{display:grid;gap:16px}.cols-2{grid-template-columns:1.6fr 1fr}.cols-4{grid-template-columns:repeat(4,1fr)}.section-label{font-size:10px;letter-spacing:1.2px;color:var(--faint);text-transform:uppercase;font-weight:700;margin-bottom:10px}.kpi{padding:16px 18px}.kpi .num{font-size:26px;font-weight:800;margin-top:4px}.kpi .lbl{font-size:11px;letter-spacing:1px;color:var(--faint);text-transform:uppercase;font-weight:700}.kpi .hint{color:var(--muted);font-size:12px;margin-top:2px}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:10px;letter-spacing:1px;color:var(--faint);text-transform:uppercase;font-weight:700;padding:10px 12px;border-bottom:1px solid var(--border)}tbody td{padding:12px;border-bottom:1px solid #f0f2f4;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:#fafbfc}.num-cell{font-variant-numeric:tabular-nums}.right{text-align:right}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.pill.offen{background:var(--amber-bg);color:var(--amber)}.pill.ueberfaellig{background:var(--red-bg);color:var(--red)}.pill.bezahlt{background:var(--green-bg);color:var(--green)}.pill.klaerung{background:var(--blue-bg);color:var(--blue)}.pill.neutral{background:#eef1f4;color:var(--muted)}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.btn{border:1px solid var(--border);background:#fff;padding:8px 14px;border-radius:9px;font-weight:600;cursor:pointer;font-size:13px;color:var(--ink)}.btn:hover{background:#f7f8fa}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-ink)}.btn.sm{padding:5px 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.filters select{padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:#fff;font-size:13px}.timeline{list-style:none;margin:0;padding:0}.timeline li{position:relative;padding:0 0 16px 20px;border-left:2px solid var(--border)}.timeline li:last-child{border-left-color:transparent}.timeline li .tdot{position:absolute;left:-6px;top:3px;width:10px;height:10px;border-radius:50%;background:var(--accent)}.timeline li .tt{font-weight:600}.timeline li .tm{color:var(--muted);font-size:12px}.kv{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f2f4}.kv:last-child{border-bottom:0}.kv .k{color:var(--muted)}.kv .v{font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{background:#eef1f4;color:var(--muted);padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600}.banner{border:1px solid var(--border);border-radius:10px;padding:12px 14px;background:#fff;display:flex;gap:10px;align-items:flex-start}.banner.warn{background:var(--amber-bg);border-color:#fde68a;color:#7c5a05}.banner.ok{background:var(--green-bg);border-color:#bbf7d0;color:#14532d}.small{font-size:12px;color:var(--muted)}.mono{font-variant-numeric:tabular-nums}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.locked{filter:blur(5px);-webkit-user-select:none;user-select:none}.muted{color:var(--muted)}.b{font-weight:700}.login-wrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eef3f2,#e3edec);padding:24px}.login-card{width:100%;max-width:380px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:32px 28px;box-shadow:0 10px 40px #1f4f4c1f}.login-brand{text-align:center;margin-bottom:18px}.login-logo{font-weight:800;font-size:26px;color:var(--accent-ink);letter-spacing:-.5px}.login-sub{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#8a9a98;margin-top:2px}.login-title{font-size:22px;margin:6px 0 2px;text-align:center}.login-hint{font-size:13px;color:#6b7a78;text-align:center;margin:0 0 18px}.login-label{display:block;font-size:12px;font-weight:600;color:#51615f;margin:12px 0 4px}.login-input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--border);border-radius:9px;font-size:14px;background:#fff}.login-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2f6f6b26}.login-btn{width:100%;margin-top:18px;justify-content:center}.login-error{background:#fdecec;color:#9b1c1c;border-radius:9px;padding:9px 12px;font-size:13px;margin-top:12px}.login-foot{text-align:center;font-size:11px;color:#9aa8a6;margin-top:16px}