:root{--red:#e01e3c;--red-dark:#b3122c;--red-tint:#fff1f2;--ink:#0b2a4a;--muted:#4a5c6e;--line:#e6e9ee;--bg:#f7f8fa;--green:#138a4e;--green-tint:#e3f5ea;--yellow:#ffc531;--blue-tint:#e8f0fb;--radius:14px}*{box-sizing:border-box}html,body{margin:0}body{color:var(--ink);background:var(--bg);font-family:Manrope,system-ui,sans-serif;font-size:15px}a{color:var(--red-dark)}h1{margin:0 0 14px;font-size:22px}h2{margin:0 0 10px;font-size:18px}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{background:#fff;border:1.5px solid #cdd3db;border-radius:10px;width:100%;padding:10px 12px}input:focus,select:focus,textarea:focus{outline:2px solid var(--red);outline-offset:1px}label{flex-direction:column;gap:6px;font-size:14px;font-weight:700;display:flex}label.check{flex-direction:row;align-items:center;gap:10px;font-weight:600}label.check input{width:20px;height:20px;accent-color:var(--red)}.btn{cursor:pointer;background:var(--red);color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:10px 16px;font-weight:800;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn.secondary{color:var(--ink);background:#fff;border:1.5px solid #cdd3db}.btn.green{background:var(--green)}.btn.ghost{color:var(--red-dark);background:0 0;min-height:36px;padding:6px 10px}.btn.small{min-height:36px;padding:6px 12px;font-size:14px}.topbar{z-index:10;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0}.topbar-inner{align-items:center;gap:12px;max-width:1200px;margin:0 auto;padding:10px 16px;display:flex}.brand{color:var(--ink);align-items:center;gap:8px;font-family:"Baloo 2",Manrope,sans-serif;font-size:26px;font-weight:800;text-decoration:none;display:flex}.nav{gap:4px;max-width:1200px;margin:0 auto;padding:0 12px 8px;display:flex;overflow-x:auto}.nav a{white-space:nowrap;color:var(--muted);border-radius:999px;padding:8px 12px;font-size:14px;font-weight:700;text-decoration:none}.nav a.active{background:var(--red);color:#fff}.page{max-width:1200px;margin:0 auto;padding:16px}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:16px}.grid{gap:12px;display:grid}.cols-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.cols-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.muted{color:var(--muted)}.small{font-size:13px}.badge{background:var(--bg);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-block}.badge.new,.badge.placed{background:var(--yellow)}.badge.cleaning{background:var(--blue-tint)}.badge.out_for_delivery,.badge.ready_for_pickup{background:#ffe2c7}.badge.delivered,.badge.picked_up,.badge.paid{background:var(--green-tint);color:#0f6e3e}.badge.cancelled,.badge.failed{background:var(--red-tint);color:var(--red-dark)}.stat{font-size:26px;font-weight:800}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.tabs button{cursor:pointer;background:#fff;border:1.5px solid #cdd3db;border-radius:999px;padding:6px 14px;font-weight:700}.tabs button.on{background:var(--ink);border-color:var(--ink);color:#fff}table{border-collapse:collapse;background:#fff;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:10px}th{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);background:#fbfbfc;font-size:12px}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}.price-input{width:100px}.order-card{border-left:5px solid var(--line)}.order-card.placed{border-left-color:var(--yellow)}.order-card.cleaning{border-left-color:#5b8def}.order-card.out_for_delivery,.order-card.ready_for_pickup{border-left-color:#f08a24}.order-card.delivered,.order-card.picked_up{border-left-color:var(--green)}.order-card.cancelled{border-left-color:var(--red);opacity:.75}.error{background:var(--red-tint);color:var(--red-dark);border-radius:10px;padding:10px 12px;font-weight:700}.success{background:var(--green-tint);color:#0f6e3e;border-radius:10px;padding:10px 12px;font-weight:700}.toast{background:var(--ink);color:#fff;z-index:50;border-radius:14px;padding:14px 20px;font-weight:800;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}.alert-bar{background:var(--yellow);text-align:center;cursor:pointer;border:0;width:100%;padding:10px 16px;font-weight:800}.modal-back{z-index:40;background:#0b2a4a80;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:18px 18px 0 0;width:100%;max-width:560px;max-height:92vh;padding:18px;overflow:auto}@media (width>=700px){.modal-back{align-items:center}.modal{border-radius:18px}}.thumb{object-fit:cover;background:#dce7e7;border-radius:10px;width:56px;height:56px}.center-screen{background:var(--red);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.stats{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.stats .card{padding:12px}