@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--bg:#f2f4f4;--card:#fff;--ink:#14191b;--muted:#667075;--line:#dde2e3;--orange:#d84f2d;--orange2:#aa351d;--green:#1d8f58;--blue:#2468b4;--amber:#d08a12;--shadow:0 10px 30px rgba(18,30,35,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif}button,input{font:inherit}.ops-header{min-height:84px;background:#101416;color:#fff;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:20;box-shadow:0 5px 20px rgba(0,0,0,.18)}.ops-brand{display:flex;align-items:center;gap:14px}.ops-brand img{width:88px;height:54px;object-fit:contain}.ops-brand>div{display:grid}.ops-brand b{font-size:19px}.ops-brand span{font-size:11px;color:#b9c2c5}.ops-brand i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#46d586;margin-right:5px}.ops-head-actions{display:flex;align-items:center;gap:9px}.head-btn{border:1px solid #3b4447;background:#20282b;color:#fff;border-radius:11px;padding:10px 13px;font-weight:800;font-size:12px}.head-btn.accent{background:var(--orange);border-color:var(--orange)}.ops-clock{border-left:1px solid #394246;padding-left:16px;display:grid;text-align:right}.ops-clock b{font-size:21px}.ops-clock span{font-size:10px;color:#aeb8bb}
.ops-shell{width:min(1450px,96vw);margin:22px auto 70px}.ops-summary{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:10px;margin-bottom:18px}.ops-summary>div{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:14px 17px;display:flex;align-items:center;justify-content:space-between}.ops-summary span{color:var(--muted);font-size:12px;font-weight:700}.ops-summary strong{font-size:24px}.ops-summary>button{border:0;background:var(--ink);color:#fff;border-radius:15px;padding:0 18px;font-weight:800}
.ops-tabs{display:flex;gap:8px;overflow:auto;padding:5px 0}.ops-tabs button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 13px;font-weight:800;color:var(--muted)}.ops-tabs button b{display:inline-grid;place-items:center;min-width:23px;height:23px;margin-left:6px;border-radius:999px;background:#edf0f1;font-size:11px}.ops-tabs button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.ops-tabs button.active b{background:var(--orange);color:#fff}
.ops-toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:27px 0 15px}.ops-toolbar h1{font-size:29px;margin:0}.ops-toolbar p{color:var(--muted);margin:3px 0 0;font-size:13px}.ops-toolbar label{font-size:10px;text-transform:uppercase;font-weight:900;color:var(--muted);display:grid;gap:5px}.ops-toolbar input{width:270px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:11px 13px;outline:none}
.order-board{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.order-card{background:#fff;border:1px solid var(--line);border-radius:19px;overflow:hidden;box-shadow:0 3px 12px rgba(10,20,25,.04)}.order-card.urgent{border:2px solid var(--orange);box-shadow:0 8px 30px rgba(216,79,45,.13)}.order-head{padding:16px 17px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.order-number{display:flex;align-items:center;gap:9px}.order-number strong{font-size:21px}.order-type{font-size:10px;font-weight:900;text-transform:uppercase;color:#fff;background:var(--blue);padding:5px 8px;border-radius:999px}.order-type.pickup{background:#6d5da5}.order-age{text-align:right;display:grid}.order-age b{color:var(--orange)}.order-age small{color:var(--muted)}.customer{padding:15px 17px 11px;display:grid;grid-template-columns:1fr auto;gap:5px}.customer h2{font-size:20px;margin:0}.customer a{color:var(--blue);font-weight:800;font-size:12px}.customer address{grid-column:1/-1;font-style:normal;font-size:12px;color:var(--muted)}.payment{grid-column:1/-1;margin-top:8px;display:flex;justify-content:space-between;align-items:center;background:#f4f6f6;border-radius:10px;padding:9px 10px}.payment span{font-size:11px;font-weight:800}.payment b{font-size:12px}.payment .paid{color:var(--green)}.payment .collect{color:var(--amber)}
.order-items{margin:0 17px;padding:13px 0;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);display:grid;gap:8px}.order-item{display:grid;grid-template-columns:28px 1fr auto;gap:8px;font-size:13px}.order-item>span:first-child{font-weight:900;color:var(--orange)}.order-item small{display:block;color:var(--muted)}.order-note{margin:12px 17px 0;background:#fff2d8;color:#6d4a09;border-radius:10px;padding:10px;font-size:11px;font-weight:700}.order-total{padding:14px 17px;display:flex;align-items:center;justify-content:space-between}.order-total span{font-size:12px;color:var(--muted)}.order-total strong{font-size:24px}.order-actions{display:grid;grid-template-columns:1fr 2fr;gap:8px;padding:0 17px 17px}.order-actions button{border:0;border-radius:12px;padding:13px 10px;font-weight:900}.order-actions .decline{background:#eef1f2;color:#596468}.order-actions .main-action{background:var(--orange);color:#fff}.order-actions .main-action.green{background:var(--green)}.order-actions .main-action.blue{background:var(--blue)}.order-actions.one{grid-template-columns:1fr}.prep-progress{margin:0 17px 14px;height:7px;background:#e9eded;border-radius:10px;overflow:hidden}.prep-progress i{display:block;height:100%;background:var(--orange)}.empty-state{grid-column:1/-1;background:#fff;border:1px dashed #c9d0d2;border-radius:20px;text-align:center;padding:65px 20px;color:var(--muted)}.empty-state b{display:block;color:var(--ink);font-size:20px;margin-bottom:5px}
.prep-dialog{border:0;border-radius:22px;padding:0;max-width:520px;width:92vw;box-shadow:0 30px 100px rgba(0,0,0,.3)}.prep-dialog::backdrop{background:rgba(7,13,15,.68);backdrop-filter:blur(4px)}.prep-dialog form{padding:28px;position:relative}.dialog-close{position:absolute;right:14px;top:14px;border:0;background:#edf0f1;width:36px;height:36px;border-radius:50%;font-size:22px}.prep-dialog small{color:var(--orange);font-weight:900}.prep-dialog h2{font-size:28px;margin:7px 0}.prep-dialog p{color:var(--muted);font-size:13px}.time-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0}.time-options button{border:0;background:var(--ink);color:#fff;border-radius:12px;padding:17px 5px;font-weight:900}.prep-dialog label{display:grid;gap:7px;font-size:12px;font-weight:800}.prep-dialog label>div{display:grid;grid-template-columns:1fr auto auto;border:1px solid var(--line);border-radius:12px;overflow:hidden}.prep-dialog input{border:0;padding:12px;min-width:0}.prep-dialog label span{align-self:center;color:var(--muted)}.prep-dialog #customPrep{border:0;background:var(--orange);color:#fff;font-weight:900;padding:0 15px}.ops-toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);opacity:0;background:#101416;color:#fff;padding:13px 18px;border-radius:999px;box-shadow:var(--shadow);transition:.2s;z-index:50;pointer-events:none}.ops-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.order-board{grid-template-columns:1fr 1fr}.ops-summary{grid-template-columns:repeat(2,1fr)}.ops-summary>button{min-height:52px}}
@media(max-width:700px){.ops-header{align-items:flex-start;padding:10px 12px}.ops-brand img{width:69px}.ops-brand b{font-size:15px}.ops-brand span{font-size:9px}.ops-head-actions{margin-left:auto}.head-btn{font-size:0;padding:10px}.head-btn:before{content:"🔔";font-size:18px}.head-btn.accent:before{content:"＋"}.ops-clock{display:none}.ops-shell{width:94vw;margin-top:13px}.ops-summary{grid-template-columns:1fr 1fr}.ops-summary>div{padding:11px}.ops-summary>button{grid-column:1/-1}.ops-tabs{margin-right:-3vw}.ops-toolbar{align-items:stretch;flex-direction:column}.ops-toolbar input{width:100%}.order-board{grid-template-columns:1fr}.order-card{border-radius:16px}.time-options{grid-template-columns:1fr 1fr}}