@import "https://fonts.googleapis.com/css2?family=Archivo:wght@600;700;800;900&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500;600;700&display=swap";
*{box-sizing:border-box}:root{--paper:#0a0a0b;--panel:#141416;--ink:#f2f0eb;--soft:#9a968c;--line:#2a2a2e;--gold:#c9a24b;--gold2:#d8b45f;--pos:#4fbf8b;--neg:#e06a4f}html,body{background:var(--paper);color:var(--ink);min-height:100%;margin:0;padding:0;font-family:Inter,system-ui,sans-serif;line-height:1.45}a{color:inherit}.num{font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace}.wrap{max-width:1080px;margin:0 auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;margin-bottom:16px;padding:18px}.ph{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.ph h2{letter-spacing:.09em;text-transform:uppercase;margin:0;font-family:Archivo,sans-serif;font-size:13px;font-weight:800}.ph .sub{color:var(--soft);font-size:12px}.btn{cursor:pointer;background:var(--gold);color:#121008;text-transform:uppercase;letter-spacing:.04em;border:none;border-radius:8px;padding:7px 13px;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.btn:hover{background:#a8842f}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.sm{padding:5px 10px;font-size:12px}.btn.pos{background:var(--pos)}.btn.neg{background:var(--neg)}.btn.gold{background:var(--gold)}.btn.ghost{color:var(--gold2);border:1px solid var(--line);background:0 0}.del{color:var(--soft);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:2px 5px;font-size:16px}.del:hover{color:var(--neg);background:#3a1d15}.empty{text-align:center;color:var(--soft);border:1px dashed var(--line);border-radius:10px;padding:16px;font-size:13px}.note{color:var(--soft);border:1px solid var(--line);border-left:3px solid var(--gold);background:#1b1b1e;border-radius:8px;margin-top:10px;padding:10px 12px;font-size:12px}.toast{background:var(--gold);color:#121008;z-index:70;text-align:center;border-radius:12px;max-width:90vw;padding:12px 20px;font-size:14px;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.add{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}.add input,.add select{border:1px solid var(--line);color:var(--ink);background:#1b1b1e;border-radius:8px;padding:7px 9px;font-family:Inter;font-size:13px}.add input:focus,.add select:focus{outline:2px solid var(--gold2);outline-offset:-1px}.add input.grow{flex:1;min-width:100px}.add input.w80{width:88px}.add input.wdate{width:145px}.pill{cursor:pointer;border:none;border-radius:20px;padding:2px 9px;font-size:11px;font-weight:700}.pill.beantragt{color:var(--gold);background:#2e2410}.pill.genehmigt,.pill.bezahlt{color:var(--pos);background:#17301f}.pill.abgelehnt{color:var(--neg);background:#3a1d15}.pill.erfasst,.pill.offen{color:#7fa8d0;background:#18222e}.pill.faellig{color:var(--neg);background:#3a1d15}.badge{text-transform:uppercase;border-radius:20px;padding:2px 7px;font-size:10px;font-weight:700}.badge.buero,.badge.in{color:var(--pos);background:#17301f}.badge.dreh,.badge.rep{color:var(--gold);background:#2e2410}.check{color:var(--soft);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12px;display:inline-flex}.check input{width:15px;height:15px;accent-color:var(--gold)}.mnav{align-items:center;gap:6px;display:inline-flex}.mbtn{border:1px solid var(--line);width:28px;height:28px;color:var(--ink);cursor:pointer;background:#1b1b1e;border-radius:8px;font-size:15px;line-height:1}.mbtn:hover{background:#1e1e22}.mlabel{text-align:center;text-transform:capitalize;min-width:110px;font-family:Archivo,sans-serif;font-size:13px;font-weight:700}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.brand{align-items:center;gap:10px;display:flex}.dot{background:var(--gold);border-radius:2px;width:9px;height:9px}.bname{letter-spacing:.05em;text-transform:uppercase;font-family:Archivo,sans-serif;font-size:17px;font-weight:900}.seg{background:#17171a;border-radius:10px;gap:4px;padding:4px;display:flex}.segb{color:var(--soft);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:7px 13px;font-family:Inter;font-size:13px;font-weight:600}.segb.on{background:var(--panel);color:var(--ink);box-shadow:0 1px 2px #0000000f}.modal{z-index:60;background:#0000009e;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow:auto}@media (max-width:640px){.wrap{padding:0 4px}}