:root{--bg:#f4f6f9;--surface:#ffffff;--fg:#1c2430;--muted:#6b7785;--border:#e3e8ee;--sky:#2f80ed;--sky-bg:#eaf2fe;--green:#18a957;--green-bg:#e7f6ee;--amber:#e08a00;--amber-bg:#fdf3e0;--red:#d64545;--red-bg:#fdeceA;--gray:#7a8694;--gray-bg:#eef1f4;--violet:#7c5cd6;--violet-bg:#f0ebfc;--radius:14px;--shadow:0 1px 3px rgba(20,30,45,0.08),0 6px 18px rgba(20,30,45,0.05)}@media (prefers-color-scheme:dark){:root{--bg:#0f141a;--surface:#1a212b;--fg:#e7ecf2;--muted:#9aa7b4;--border:#2b3542;--sky:#4d97f7;--sky-bg:#16283f;--green:#35c26e;--green-bg:#123024;--amber:#eaa028;--amber-bg:#2f2510;--red:#ec6a6a;--red-bg:#331d1d;--gray:#9aa7b4;--gray-bg:#232b33;--violet:#a48df0;--violet-bg:#241d3a;--shadow:0 1px 3px rgba(0,0,0,0.4),0 6px 18px rgba(0,0,0,0.32)}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--sky);text-decoration:none}h1,h2,h3{margin:0 0 .4rem}.container{max-width:680px;margin:0 auto;padding:1.5rem 1.1rem 4rem}.wide{max-width:1280px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.1rem}.input,.textarea,select{width:100%;padding:.7rem .85rem;border:1px solid var(--border);border-radius:11px;font-size:1rem;font-family:inherit;background:var(--surface);color:var(--fg);outline:none}.input:focus,.textarea:focus,select:focus{border-color:var(--sky);box-shadow:0 0 0 3px var(--sky-bg)}.textarea{resize:vertical;min-height:120px}label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.35rem}.btn,label{font-weight:600}.btn{display:inline-flex;align-items:center;gap:.45rem;justify-content:center;padding:.7rem 1.1rem;border:1px solid transparent;border-radius:11px;font-size:.95rem;cursor:pointer;background:var(--gray-bg);color:var(--fg);transition:filter .12s,background .12s,border-color .12s}.btn:hover{filter:brightness(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--sky);color:#fff}.btn-green{background:var(--green);color:#fff}.btn-amber{background:var(--amber);color:#fff}.btn-ghost{background:transparent;border-color:var(--border)}.btn-sm{padding:.4rem .7rem;font-size:.82rem;border-radius:9px}.btn-block{width:100%}.row{display:flex;gap:.6rem;flex-wrap:wrap}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .55rem;border-radius:999px;font-size:.78rem;font-weight:700}.badge-neu{background:var(--sky-bg);color:var(--sky)}.badge-machen_wir{background:var(--green-bg);color:var(--green)}.badge-bereits_geloest{background:var(--gray-bg);color:var(--gray)}.badge-machen_wir_nicht{background:var(--red-bg);color:var(--red)}.badge-discussion{background:var(--amber-bg);color:var(--amber)}.badge-rueckblick{background:var(--violet-bg);color:var(--violet)}.age-old{border-left:5px solid var(--red)}.age-warn{border-left:5px solid var(--amber)}.age-fresh{border-left:5px solid var(--border)}.toaster{position:fixed;bottom:1.2rem;left:50%;transform:translateX(-50%);display:grid;grid-gap:.5rem;gap:.5rem;z-index:100;width:min(92vw,420px)}.toast{display:flex;align-items:center;justify-content:space-between;gap:.8rem;background:#1c2430;color:#fff;padding:.7rem 1.05rem;border-radius:11px;box-shadow:var(--shadow);font-size:.92rem;border-left:4px solid #4d97f7;animation:fade-in .2s ease}.toast-success{border-left-color:#35c26e}.toast-error{border-left-color:#ec6a6a}.toast button{background:rgba(255,255,255,.14);color:#fff;border:none;padding:.3rem .7rem;border-radius:8px;font-size:.85rem;cursor:pointer;white-space:nowrap}.toast button:hover{background:rgba(255,255,255,.24)}.tv-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:1.2rem;gap:1.2rem;align-items:start}@media (max-width:900px){.tv-grid{grid-template-columns:1fr}}@keyframes report-flash{0%,to{box-shadow:var(--shadow)}20%,60%{box-shadow:0 0 0 3px var(--sky),var(--shadow)}}.report-highlight{animation:report-flash 2s ease 2}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.fade-in{animation:fade-in .25s ease}@media print{body *{visibility:hidden}.qr-print,.qr-print *{visibility:visible}.qr-print{position:absolute;inset:0;margin:auto;border:none;box-shadow:none}.no-print{display:none!important}}