:root{--bg:#f4efe7;--panel:#fffaf3;--ink:#1f1c18;--muted:#786f64;--line:#ded4c8;--brand:#7c1f18;--brand2:#a93c2f;--gold:#b98c46;--green:#286a4a;--amber:#b66a12;--danger:#a02d2d;--dark:#241c18;--shadow:0 10px 30px #30261a1a;--radius:18px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.topbar{z-index:30;color:#fff;background:#201814fa;align-items:center;gap:12px;padding:12px 18px;display:flex;position:sticky;top:0;box-shadow:0 3px 18px #0000002e}.logo{letter-spacing:.18em;font-weight:900}.logo small{letter-spacing:.12em;color:#d8c7aa;margin-top:2px;font-size:10px;display:block}.spacer{flex:1}.page{max-width:1320px;margin:0 auto;padding:22px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.btn{color:#fff;background:#2c2621;border:none;border-radius:11px;padding:10px 13px;font-weight:800}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.secondary{color:#2f2924;background:#ebe2d7}.btn.brand{background:var(--brand)}.btn.gold{background:var(--gold);color:#231b13}.btn.danger{background:var(--danger)}.btn.outline{border:1px solid var(--line);color:var(--ink);background:0 0}.btn.small{padding:7px 10px;font-size:12px}.badge{border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.badge.available{color:#25613f;background:#e8f3ec}.badge.dining{color:#874f0e;background:#f6e9da}.badge.last{color:#8e2b24;background:#fde2df}.badge.ready{color:#23613e;background:#e2f2e8}.badge.new{color:#855a16;background:#f4e7cf}.badge.prep{color:#5e4d91;background:#e9e4f8}.muted{color:var(--muted)}.grid{gap:14px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.section-title{align-items:end;gap:12px;margin:24px 0 12px;display:flex}.section-title h2,.section-title h3{margin:0}.section-title p{color:var(--muted);margin:0;font-size:13px}.actions{flex-wrap:wrap;gap:8px;display:flex}.hero{color:#fff;box-shadow:var(--shadow);background:linear-gradient(145deg,#2b211c,#71261f);border-radius:22px;padding:22px}.hero h1{margin:0}.field label{color:var(--muted);margin-bottom:5px;font-size:12px;display:block}.field input{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:11px}.error{color:#7b2c23;background:#fde6e2;border:1px solid #edb9b0;border-radius:12px;padding:12px 14px}.notice{color:#533513;background:#f1e2c5;border:1px solid #dec18c;border-radius:12px;padding:12px 14px}.login{max-width:420px;margin:70px auto}.login .logo-big{letter-spacing:.15em;font-size:34px;font-weight:950}.spinner{border:3px solid #00000026;border-top-color:var(--brand);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:900px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}}@media (max-width:640px){.page{padding:14px}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}