:root{--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--gold-400:#fbbf24;--gold-500:#f59e0b;--gold-600:#d97706;--halal-green:#16a34a;--green-400:#4ade80;--blue-400:#60a5fa;--purple-400:#c084fc;--orange-500:#f97316;--bg-body:#0d0d11;--bg-surface:#16161c;--bg-card:#1f1f27;--bg-card-hover:#262632;--bg-modal:#181820;--border-subtle:#2a2a36;--border-highlight:#3c3c4e;--text-white:#fff;--text-main:#f1f5f9;--text-muted:#94a3b8;--text-dim:#64748b;--font-display:"Montserrat",sans-serif;--font-body:"Plus Jakarta Sans",-apple-system,sans-serif;--shadow-card:0 10px 25px -5px rgba(0,0,0,0.65),0 0 0 1px rgba(255,255,255,0.05);--ease-spring:cubic-bezier(0.16,1,0.3,1)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg-body);color:var(--text-main);font-family:var(--font-body);font-size:15px;-webkit-font-smoothing:antialiased}body{min-height:100vh;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit;border:none;background:none}button{cursor:pointer;-webkit-user-select:none;user-select:none}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;letter-spacing:-.01em;color:var(--text-white);line-height:1.2}img{max-width:100%;display:block}.staff-shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.staff-sidebar{background:var(--bg-surface);border-right:1px solid var(--border-subtle);padding:18px 14px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh;overflow-y:auto}.staff-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 16px}.staff-brand .flame{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--red-500),var(--red-700));display:flex;align-items:center;justify-content:center;font-size:1.2rem}.staff-brand h1{font-size:1.05rem}.staff-brand h1 span{color:var(--red-500)}.staff-brand p{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.staff-nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--text-muted);font-weight:600;font-size:.9rem}.staff-nav a.active,.staff-nav a:hover{background:var(--bg-card);color:var(--text-white)}.staff-nav a.active{box-shadow:inset 3px 0 0 var(--red-600)}.staff-nav .group{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);padding:14px 12px 4px}.staff-user{margin-top:auto;padding:12px;border-top:1px solid var(--border-subtle);font-size:.82rem;color:var(--text-muted)}.staff-user strong{color:var(--text-white);display:block}.staff-main{padding:22px 26px 60px;min-width:0}.staff-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.staff-topbar h2{font-size:1.5rem}.staff-topbar .sub{color:var(--text-muted);font-size:.88rem}.mobile-nav-toggle{display:none}@media (max-width:900px){.staff-shell{grid-template-columns:1fr}.staff-sidebar{position:fixed;z-index:60;left:0;top:0;width:260px;transform:translateX(-100%);transition:transform .25s var(--ease-spring)}.staff-sidebar.open{transform:none;box-shadow:0 0 0 100vmax rgba(0,0,0,.5)}.mobile-nav-toggle{display:inline-flex}.staff-main{padding:16px 16px 60px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:10px;font-weight:700;font-size:.88rem;min-height:42px;transition:all .15s;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--red-500),var(--red-600));color:#fff}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 4px 18px rgba(220,38,38,.4)}.btn-secondary{background:#2a2a35;border:1px solid #3f3f52;color:#fff}.btn-secondary:hover{background:#343444}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--text-main)}.btn-success{background:var(--halal-green);color:#fff}.btn-danger{background:transparent;border:1px solid var(--red-600);color:#fca5a5}.btn-danger:hover{background:rgba(220,38,38,.15)}.btn-gold{background:var(--gold-500);color:#1a1200}.btn-lg{min-height:56px;font-size:1rem;padding:14px 22px}.btn-sm{min-height:34px;padding:6px 12px;font-size:.8rem}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-block{width:100%}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;padding:18px;box-shadow:var(--shadow-card)}.card+.card{margin-top:16px}.card h3{font-size:1rem;margin-bottom:12px}.grid{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1100px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.stat{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;padding:16px 18px}.stat .label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:700}.stat .value{font-size:1.7rem;font-weight:800;color:#fff;margin-top:4px;font-family:var(--font-display)}.stat .delta{font-size:.78rem;color:var(--text-muted);margin-top:2px}.stat.accent .value{color:var(--gold-400)}.stat.alert .value{color:var(--red-500)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:700}.field input,.field select,.field textarea{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;padding:11px 13px;color:#fff;min-height:44px;width:100%}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--red-600);box-shadow:0 0 0 2px rgba(220,38,38,.25)}.field .hint{font-size:.78rem;color:var(--text-dim)}.field.inline{flex-direction:row;align-items:center;gap:10px}.field.inline label{text-transform:none;letter-spacing:0;font-size:.9rem;color:var(--text-main)}.field input[type=checkbox]{width:20px;height:20px;min-height:0;accent-color:var(--red-600)}.switch{position:relative;width:46px;height:26px;border-radius:999px;background:#3a3a48;transition:background .2s;flex-shrink:0}.switch.on{background:var(--halal-green)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}.switch.on:after{transform:translateX(20px)}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row.between{justify-content:space-between}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.small{font-size:.8rem}.gold{color:var(--gold-400)}.money{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#fff}.money,.pill{font-weight:800}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;background:var(--bg-surface);border:1px solid var(--border-highlight);color:var(--text-main);white-space:nowrap}.pill.new{background:var(--red-600);border-color:var(--red-600);color:#fff;animation:pulse 1.2s infinite}.pill.accepted{border-color:var(--blue-400);color:var(--blue-400)}.pill.preparing{border-color:var(--gold-500);color:var(--gold-400)}.pill.ready{border-color:var(--halal-green);color:var(--green-400)}.pill.out_for_delivery{border-color:var(--purple-400);color:var(--purple-400)}.pill.completed{border-color:var(--halal-green);color:var(--green-400);opacity:.8}.pill.cancelled,.pill.failed,.pill.rejected{border-color:var(--red-600);color:#fca5a5}.pill.draft,.pill.pending_payment,.pill.unpaid{border-color:var(--text-dim);color:var(--text-muted)}.pill.authorized,.pill.paid{border-color:var(--halal-green);color:var(--green-400)}.pill.delivery{border-color:var(--purple-400);color:var(--purple-400)}.pill.collection{border-color:var(--gold-500);color:var(--gold-400)}.pill.dine_in{border-color:var(--blue-400);color:var(--blue-400)}.pill.takeaway{border-color:var(--orange-500);color:var(--orange-500)}@keyframes pulse{0%,to{box-shadow:0 0 0 0 rgba(220,38,38,.6)}50%{box-shadow:0 0 0 8px rgba(220,38,38,0)}}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:.86rem}table.data th{text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:10px}table.data td,table.data th{border-bottom:1px solid var(--border-subtle)}table.data td{padding:11px 10px;vertical-align:middle}table.data tr:hover td{background:rgba(255,255,255,.02)}table.data td.actions{text-align:right;white-space:nowrap}.alert{border-radius:10px;padding:10px 14px;font-size:.86rem;margin-bottom:14px}.alert-error{background:rgba(220,38,38,.12);border:1px solid var(--red-700);color:#fecaca}.alert-ok{background:rgba(22,163,74,.12);border:1px solid var(--halal-green);color:#bbf7d0}.alert-info{background:rgba(245,158,11,.1);border:1px solid var(--gold-600);color:#fde68a}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.tab{padding:8px 14px;border-radius:999px;background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-muted);font-weight:700;font-size:.82rem}.tab.active{background:var(--red-600);border-color:var(--red-600);color:#fff}.tab .count{margin-left:6px;background:rgba(255,255,255,.15);border-radius:999px;padding:1px 7px;font-size:.72rem}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--bg-modal);border:1px solid var(--border-highlight);border-radius:16px;width:100%;max-width:560px;max-height:92vh;overflow-y:auto;padding:22px;box-shadow:0 25px 50px -12px rgba(0,0,0,.85)}.modal.wide{max-width:860px}.modal h3{font-size:1.15rem;margin-bottom:14px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}.toast-stack{position:fixed;top:16px;right:16px;z-index:300;display:flex;flex-direction:column;gap:8px}.toast{background:#1f1f27;border:1px solid var(--halal-green);color:#fff;padding:12px 18px;border-radius:12px;font-weight:700;font-size:.88rem;box-shadow:0 10px 25px rgba(0,0,0,.6)}.toast.error{border-color:var(--red-500)}.empty{padding:40px 20px;text-align:center;color:var(--text-muted)}.empty .icon{font-size:2.4rem;margin-bottom:8px}.reason-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.reason-tile{padding:12px;border-radius:10px;background:var(--bg-card);border:1px solid var(--border-subtle);font-weight:600;font-size:.85rem;text-align:left}.reason-tile.active{border-color:var(--red-600);background:rgba(220,38,38,.12)}.sortable{cursor:grab}.drag-handle{color:var(--text-dim);cursor:grab;padding:0 6px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 20% 10%,rgba(220,38,38,.15),transparent 40%),var(--bg-body)}.login-card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:18px;padding:28px;box-shadow:var(--shadow-card)}.pin-display{display:flex;justify-content:center;gap:12px;margin:14px 0}.pin-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--border-highlight)}.pin-dot.filled{background:var(--gold-400);border-color:var(--gold-400)}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pin-key{min-height:58px;border-radius:12px;background:var(--bg-surface);border:1px solid var(--border-subtle);font-size:1.4rem;font-weight:800;color:#fff}.pin-key:active{background:var(--bg-card-hover)}.order-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:start}@media (max-width:1200px){.order-columns{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.order-columns{grid-template-columns:1fr}}.order-column h3{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid var(--border-subtle)}.order-column.new h3{border-color:var(--red-600);color:#fca5a5}.order-column.preparing h3{border-color:var(--gold-500);color:var(--gold-400)}.order-column.ready h3{border-color:var(--halal-green);color:var(--green-400)}.order-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;padding:14px;margin-bottom:12px;box-shadow:var(--shadow-card);position:relative}.order-card.late{border-color:var(--red-600);box-shadow:0 0 0 1px var(--red-600),0 0 20px rgba(220,38,38,.35)}.order-card.warn{border-color:var(--gold-500)}.order-card .head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}.order-card .num{font-family:var(--font-display);font-weight:900;font-size:1.15rem;color:#fff}.order-card .timer{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:800;font-size:.9rem;color:var(--text-muted)}.order-card.late .timer{color:var(--red-500)}.order-card .meta{font-size:.78rem;color:var(--text-muted);display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:8px}.order-card .lines{display:flex;flex-direction:column;gap:6px;margin:8px 0}.order-card .line{display:flex;gap:8px;font-size:.92rem}.order-card .line .q{font-weight:900;color:var(--gold-400);min-width:28px}.order-card .line .mods{font-size:.78rem;color:var(--text-muted)}.order-card .line.done{opacity:.45;text-decoration:line-through}.order-card .note{background:rgba(245,158,11,.1);border-left:3px solid var(--gold-500);padding:6px 10px;font-size:.82rem;border-radius:6px;margin-top:6px;color:#fde68a}.order-card .actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.order-card .actions .btn{flex:1 1}.kds .order-card .lines .line{font-size:1.05rem}.kds .btn{min-height:52px;font-size:.95rem}.pos-shell{display:grid;grid-template-columns:1fr 400px;height:calc(100vh - 0px)}@media (max-width:1000px){.pos-shell{grid-template-columns:1fr;height:auto}.pos-ticket{position:sticky;bottom:0}}.pos-catalog{padding:14px;overflow-y:auto}.pos-cats{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:10px;scrollbar-width:none}.pos-cats::-webkit-scrollbar{display:none}.pos-cat{flex-shrink:0;padding:10px 16px;border-radius:999px;background:var(--bg-card);border:1px solid var(--border-subtle);font-weight:700;font-size:.85rem;color:var(--text-muted);min-height:44px}.pos-cat.active{background:var(--red-600);border-color:var(--red-600);color:#fff}.pos-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.pos-product{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:12px;text-align:left;min-height:84px;display:flex;flex-direction:column;justify-content:space-between;gap:6px;transition:all .12s}.pos-product:active{transform:scale(.98)}.pos-product:hover{border-color:var(--border-highlight);background:var(--bg-card-hover)}.pos-product .n{font-weight:700;font-size:.88rem;line-height:1.25;color:#fff}.pos-product .p{color:var(--gold-400);font-weight:800;font-size:.85rem}.pos-product.unavailable{opacity:.4}.pos-ticket{background:var(--bg-surface);border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;height:100%;max-height:100vh}.pos-ticket-head{padding:14px;border-bottom:1px solid var(--border-subtle)}.pos-ticket-lines{flex:1 1;overflow-y:auto;padding:8px 14px}.pos-line{display:grid;grid-template-columns:1fr auto;gap:6px;padding:10px 0;border-bottom:1px solid var(--border-subtle)}.pos-line .n{font-weight:700;font-size:.9rem}.pos-line .m{font-size:.76rem;color:var(--text-muted)}.pos-line .controls{display:flex;align-items:center;gap:6px;margin-top:6px}.pos-line .qbtn{width:34px;height:34px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border-subtle);font-weight:800}.pos-ticket-foot{padding:14px;border-top:1px solid var(--border-subtle);background:var(--bg-card)}.pos-totals{display:flex;flex-direction:column;gap:4px;font-size:.88rem;margin-bottom:10px}.pos-totals div{display:flex;justify-content:space-between}.pos-totals .total{font-size:1.25rem;font-weight:900;color:#fff;border-top:1px solid var(--border-subtle);padding-top:8px;margin-top:4px}.type-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}.type-tab{padding:8px 4px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border-subtle);font-weight:700;font-size:.75rem;color:var(--text-muted);text-align:center}.type-tab.active{background:var(--red-600);border-color:var(--red-600);color:#fff}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.numpad button{min-height:52px;border-radius:10px;background:var(--bg-surface);border:1px solid var(--border-subtle);font-size:1.2rem;font-weight:800}.tender-quick{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.tables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.table-tile{border-radius:14px;padding:14px;min-height:110px;display:flex;flex-direction:column;justify-content:space-between;border:2px solid var(--border-subtle);background:var(--bg-card);text-align:left;transition:transform .1s}.table-tile:active{transform:scale(.98)}.table-tile .name{font-family:var(--font-display);font-weight:900;font-size:1.3rem}.table-tile .cap{font-size:.75rem;color:var(--text-muted)}.table-tile .st{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.table-tile.AVAILABLE{border-color:var(--halal-green)}.table-tile.AVAILABLE .st{color:var(--green-400)}.table-tile.OCCUPIED{border-color:var(--gold-500);background:rgba(245,158,11,.08)}.table-tile.OCCUPIED .st{color:var(--gold-400)}.table-tile.ORDERING{border-color:var(--blue-400);background:rgba(96,165,250,.08)}.table-tile.ORDERING .st{color:var(--blue-400)}.table-tile.BILL_REQUESTED{border-color:var(--red-600);background:rgba(220,38,38,.1);animation:pulse 1.5s infinite}.table-tile.BILL_REQUESTED .st{color:#fca5a5}.table-tile.PAID{border-color:var(--purple-400)}.table-tile.PAID .st{color:var(--purple-400)}.table-tile.inactive{opacity:.35}.section-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:18px 0 10px;font-weight:800}.menu-admin{display:grid;grid-template-columns:260px 1fr;gap:16px}@media (max-width:900px){.menu-admin{grid-template-columns:1fr}}.cat-list a,.cat-list button{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;padding:10px 12px;border-radius:10px;color:var(--text-muted);font-weight:600;font-size:.88rem}.cat-list .active{background:var(--bg-card);color:#fff;box-shadow:inset 3px 0 0 var(--red-600)}.cat-list .off{opacity:.5}.product-row{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:10px;border-bottom:1px solid var(--border-subtle)}.product-row .ph,.product-row img{width:56px;height:56px;border-radius:10px;object-fit:cover;background:var(--bg-surface);display:flex;align-items:center;justify-content:center}.product-row .n{font-weight:700}.product-row .d{font-size:.78rem}.chip,.product-row .d{color:var(--text-muted)}.chip{display:inline-block;font-size:.68rem;padding:2px 7px;border-radius:6px;background:var(--bg-surface);border:1px solid var(--border-subtle);margin-right:4px}.chip.on{border-color:var(--halal-green);color:var(--green-400)}.chip.off{border-color:var(--red-600);color:#fca5a5}