:root{--primary: #f29a16;--primary-dunkel: #c97c0a;--primary-hell: #fdf0dc;--text: #1f2937;--text-schwach: #6b7280;--flaeche: #ffffff;--hintergrund: #f4f4f2;--rand: #e7e5e4;--fehler: #b91c1c;--fehler-hell: #fee2e2;--ok: #15803d;--ok-hell: #dcfce7;--warn: #a16207;--warn-hell: #fef9c3;--info: #1d4ed8;--info-hell: #dbeafe;--radius: 16px;--radius-klein: 10px;--schatten: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 16px rgba(0, 0, 0, .06)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;color:var(--text);background:var(--hintergrund);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}h1{font-size:1.35rem;font-weight:800;letter-spacing:-.01em;margin:0 0 .35rem}h2{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-schwach);margin:1.5rem 0 .6rem}.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schatten);padding:1.25rem;margin-bottom:.9rem}.knopf{display:flex;width:100%;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:var(--radius-klein);padding:.95rem 1.25rem;font:inherit;font-size:1.05rem;font-weight:700;cursor:pointer;background:var(--primary);color:#fff;min-height:54px;margin-top:.75rem;box-shadow:0 2px 8px #f29a1659;transition:transform .08s ease,box-shadow .08s ease}.knopf:active{transform:scale(.98);background:var(--primary-dunkel)}.knopf:disabled{opacity:.5;box-shadow:none}.knopf.sekundaer{background:var(--flaeche);color:var(--text);border:1.5px solid var(--rand);box-shadow:none}.knopf.gruen{background:var(--ok);box-shadow:0 2px 8px #15803d4d}input{width:100%;padding:.9rem 1rem;border:1.5px solid var(--rand);border-radius:var(--radius-klein);font:inherit;font-size:1.05rem;background:var(--flaeche);transition:border-color .15s ease,box-shadow .15s ease}input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-hell)}label{display:block;font-size:.85rem;font-weight:700;color:var(--text-schwach);margin:1rem 0 .35rem}.plakette{display:inline-block;padding:.2rem .7rem;border-radius:999px;font-size:.8rem;font-weight:700;white-space:nowrap}.plakette.in-werkstatt{background:var(--info-hell);color:var(--info)}.plakette.unterwegs{background:var(--warn-hell);color:var(--warn)}.plakette.beim-kunden{background:var(--ok-hell);color:var(--ok)}.plakette.neutral{background:var(--hintergrund);color:var(--text-schwach)}.hinweis{color:var(--text-schwach);font-size:.9rem}.fehlertext{color:var(--fehler);background:var(--fehler-hell);border-radius:var(--radius-klein);padding:.7rem .9rem;font-size:.92rem;font-weight:600;margin:.75rem 0 0}