:root{--brand:#ff5a36;--brand2:#ff8a3d;--ink:#1d1a17;--mute:#7a716a;--bg:#fff7f2;--card:#fff;--line:#f0e4dc;--ok:#16a34a;--okbg:#e8f8ee;--warn:#f59e0b;--blue:#2563eb}
*{box-sizing:border-box}html,body{margin:0}body{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}
a{color:var(--brand)}button{font:inherit;cursor:pointer;border:0}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em}
.logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:grid;place-items:center;color:#fff;font-size:18px;box-shadow:0 6px 16px -6px var(--brand)}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 10px 30px -18px rgba(80,40,20,.25)}
.btn{background:var(--brand);color:#fff;border-radius:14px;padding:12px 18px;font-weight:700;transition:transform .08s,filter .15s}
.btn:active{transform:scale(.97)}.btn:hover{filter:brightness(1.05)}
.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}
.btn.ok{background:var(--ok)}.btn.dark{background:var(--ink)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#f4ece6;color:var(--mute)}
.pill.new{background:#fff1d6;color:#a16207}.pill.scanned{background:#e0ecff;color:var(--blue)}.pill.preparing{background:#ffe8df;color:var(--brand)}.pill.ready{background:var(--okbg);color:var(--ok)}.pill.collected{background:#eee;color:#666}.pill.cancelled{background:#fde2e2;color:#b91c1c}
.mute{color:var(--mute)}