:root{--bg:#050505;--panel:rgba(255,255,255,.07);--line:rgba(255,255,255,.12);--gold:#d7a948;--gold2:#ffd77a;--muted:rgba(255,255,255,.62)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#fff;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}button,input,textarea{font:inherit}button{border:0;cursor:pointer}
.top{position:sticky;top:0;z-index:10;background:rgba(5,5,5,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding:16px 22px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.brand{display:flex;gap:14px;align-items:center}.logo{width:56px;height:56px;border-radius:20px;background:rgba(215,169,72,.18);border:1px solid rgba(215,169,72,.35);display:grid;place-items:center;color:var(--gold);font-size:30px}.eyebrow{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}h1,h2,h3,p{margin:0}.tabs{display:flex;gap:8px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:8px}.tab{border-radius:18px;padding:14px 18px;background:transparent;color:rgba(255,255,255,.75)}.tab.active,.tab:hover,.gold{background:var(--gold);color:#000}.livebar{padding:9px;text-align:center;background:rgba(215,169,72,.1);color:#ffe0a0;border-bottom:1px solid rgba(215,169,72,.18)}
#root{padding:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:32px;box-shadow:0 24px 70px rgba(0,0,0,.35);backdrop-filter:blur(16px);overflow:hidden}.pill{display:inline-flex;border:1px solid var(--line);background:rgba(255,255,255,.1);padding:6px 10px;border-radius:999px;color:rgba(255,255,255,.82);font-size:12px}.btn{border-radius:18px;padding:14px 18px;font-weight:700;transition:.15s}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.danger{background:#ef4444;color:#fff}.purple{background:#7c3aed;color:#fff}.cyan{background:#22d3ee;color:#001016}.ghost{background:rgba(255,255,255,.1);color:#fff}.wide{width:100%}.muted{color:var(--muted)}
.client{display:grid;grid-template-columns:150px minmax(0,1fr) 390px;gap:16px}.side{padding:12px}.table-badge{background:var(--gold);color:#000;border-radius:22px;text-align:center;padding:18px;font-weight:800;margin-bottom:14px}.cat{width:100%;display:flex;gap:10px;align-items:center;border-radius:18px;padding:13px 12px;margin:8px 0;background:rgba(0,0,0,.32);color:rgba(255,255,255,.75);text-align:left}.cat.active,.cat:hover{background:var(--gold);color:#000}.zone{display:grid;gap:16px}.hero{padding:32px;min-height:230px;background:linear-gradient(135deg,rgba(215,169,72,.25),rgba(0,0,0,.2));display:flex;justify-content:space-between;gap:18px;align-items:flex-end}.hero h2{font-size:clamp(30px,4vw,56px);line-height:1;margin-top:16px}.status{border:1px solid var(--line);background:rgba(0,0,0,.45);border-radius:26px;padding:18px;min-width:220px}.status strong{display:block;color:var(--gold2);font-size:20px;margin:8px 0}.search{display:flex;gap:12px;align-items:center;padding:14px 18px}input,textarea{width:100%;background:rgba(0,0,0,.34);border:1px solid var(--line);border-radius:18px;color:#fff;padding:13px;outline:none}textarea{min-height:92px}
.menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.food{border-radius:30px;background:var(--panel);border:1px solid var(--line);overflow:hidden}.img{height:180px;position:relative;overflow:hidden;width:100%;padding:0}.img img{width:100%;height:100%;object-fit:cover;transition:.55s}.food:hover img{transform:scale(1.08)}.tag{position:absolute;top:14px;left:14px;background:var(--gold);color:#000;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.body{padding:16px}.title{display:flex;justify-content:space-between;gap:12px}.price{color:var(--gold2);font-size:20px;font-weight:800}.meta{display:flex;justify-content:space-between;margin:14px 0;color:rgba(255,255,255,.45);font-size:12px}
.cart{padding:18px}.cart h3{display:flex;justify-content:space-between}.cart-list{max-height:300px;overflow:auto;margin:16px 0;display:grid;gap:10px}.cart-item{display:flex;gap:10px;align-items:center;background:rgba(0,0,0,.34);border:1px solid var(--line);border-radius:20px;padding:10px}.cart-item img{width:54px;height:54px;object-fit:cover;border-radius:14px}.grow{flex:1}.qty{display:flex;gap:5px}.qty button{width:32px;height:32px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff}.qty .plus{background:var(--gold);color:#000}.qty .trash{background:#ef4444;color:#fff}.box{background:rgba(0,0,0,.34);border:1px solid var(--line);border-radius:24px;padding:14px;margin:14px 0}.serve{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.06);color:rgba(255,255,255,.7);border-radius:16px;padding:12px;margin-top:8px;text-align:left}.serve.active{background:var(--gold);color:#000}.subtotal{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:16px 0}.subtotal strong{font-size:30px;color:var(--gold2)}.actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}
.floor{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:16px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.stat{padding:18px}.stat strong{display:block;font-size:34px;color:var(--gold2);margin:6px 0}.map-card{padding:24px}.map{height:570px;border:1px solid var(--line);border-radius:28px;background:#111;position:relative;overflow:hidden}.map:before{content:"";position:absolute;inset:16px;border:1px solid var(--line);border-radius:22px}.marker{position:absolute;transform:translate(-50%,-50%);z-index:2}.table{width:82px;height:82px;border-radius:22px;border:1px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;position:relative}.table:hover{transform:scale(1.08);box-shadow:0 0 34px rgba(215,169,72,.7);filter:brightness(1.2)}.selected{outline:4px solid var(--gold);outline-offset:4px}.s-empty{background:#16a34a}.s-active{background:#2563eb}.s-order{background:#f59e0b;color:#000}.s-request{background:#dc2626}.s-ready{background:#059669}.s-cheque{background:#7c3aed}.s-reserved{background:#525252}.alert{position:absolute;right:-8px;top:-8px;background:#ef4444;color:#fff;border-radius:999px;padding:4px 8px}.tip{display:none;position:absolute;left:50%;top:100%;transform:translateX(-50%);margin-top:12px;width:160px;text-align:center;background:rgba(0,0,0,.92);border:1px solid rgba(215,169,72,.35);border-radius:18px;padding:10px;font-size:12px}.marker:hover .tip{display:block}.panel{padding:18px}.event,.order{background:rgba(0,0,0,.34);border:1px solid var(--line);border-radius:24px;padding:14px;margin:10px 0}.row{display:flex;gap:12px}.event-ico{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:var(--gold);color:#000}.event-ico.high{background:#ef4444;color:#fff}.event-actions{display:flex;gap:8px;margin-top:12px}
.kitchen{padding:0}.head{padding:22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.kmsg{display:flex;gap:10px;padding:18px;border-bottom:1px solid var(--line)}.orders{padding:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:16px}.group{border:1px solid rgba(215,169,72,.25);background:rgba(0,0,0,.35);border-radius:28px;padding:16px}.order .items{display:grid;gap:8px;margin:10px 0}.order-item{background:rgba(255,255,255,.06);border-radius:14px;padding:10px}
.watch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;max-width:1100px;margin:auto}.watch{border:10px solid #1b1b1b;background:#000;border-radius:50px;padding:14px;box-shadow:0 30px 90px rgba(0,0,0,.6)}.screen{min-height:500px;border:1px solid var(--line);border-radius:40px;padding:22px;background:#050505}.task{background:#fff;color:#111;border-radius:28px;padding:18px;margin:12px 0;text-align:center}
.cpanel{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px}.cp-side{padding:16px}.cp-logo{background:var(--gold);color:#000;border-radius:24px;padding:22px;margin-bottom:16px}.cp-nav{width:100%;display:flex;gap:10px;text-align:left;border-radius:18px;background:rgba(0,0,0,.34);color:rgba(255,255,255,.72);padding:15px;margin:8px 0}.cp-nav.active,.cp-nav:hover{background:var(--gold);color:#000}.cp-main{display:grid;gap:16px}.cp-head{padding:22px;display:flex;justify-content:space-between;align-items:center}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.tile{background:rgba(0,0,0,.34);border:1px solid var(--line);border-radius:24px;padding:18px}.tile strong{display:block;color:var(--gold2);font-size:32px;margin-top:8px}.admin-row{background:rgba(0,0,0,.34);border:1px solid var(--line);border-radius:22px;padding:14px;display:flex;align-items:center;gap:12px;margin-bottom:10px}.admin-row img{width:78px;height:78px;border-radius:18px;object-fit:cover}
.live-grid{display:grid;grid-template-columns:repeat(4,minmax(360px,1fr));gap:16px;overflow:auto}.live-panel{height:860px;overflow:auto;padding:12px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(8px);z-index:100;display:grid;place-items:center;padding:18px}.modal-card{width:min(900px,100%);border:1px solid var(--line);background:#0b0b0b;border-radius:32px;overflow:hidden}.dish{display:grid;grid-template-columns:1fr 1fr}.dish img{height:460px;width:100%;object-fit:cover}.dish .content{padding:28px}.kids{position:fixed;inset:0;z-index:120;background:#06111f;color:#fff;overflow:auto;padding:28px;background-image:radial-gradient(circle at top left,rgba(34,211,238,.35),transparent 34%),radial-gradient(circle at bottom right,rgba(236,72,153,.3),transparent 32%)}.kids-head{display:flex;justify-content:space-between;gap:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:38px;padding:24px}.games{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:18px}.game{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.1);border-radius:30px;padding:20px}.banner{height:120px;border-radius:24px;background:linear-gradient(135deg,#fb923c,#ef4444);padding:20px;font-size:42px}
@media(max-width:1100px){.client,.floor,.cpanel{grid-template-columns:1fr}.side{display:none}.stats{grid-template-columns:repeat(2,1fr)}.dish{grid-template-columns:1fr}.dish img{height:300px}}
@media(max-width:700px){#root{padding:10px}.tabs{width:100%;overflow:auto;flex-wrap:nowrap}.tab{white-space:nowrap}.menu{grid-template-columns:1fr}.hero{display:block}.floor .stats{grid-template-columns:1fr}.map{height:430px}.table{width:58px;height:58px}.kmsg{flex-direction:column}}


/* FINAL PREMIUM FIX */
.hero{
  background:
    linear-gradient(120deg,rgba(0,0,0,.88),rgba(0,0,0,.35)),
    url('https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&w=1800&q=90') center/cover !important;
}
.img{height:280px!important}
.food{background:#0b0b0b!important;box-shadow:0 24px 80px rgba(0,0,0,.55)!important}
.food .body{padding:22px!important}
.food h3{font-size:24px!important;line-height:1.05!important}
.price{font-size:26px!important;color:#ffd77a!important}
.menu{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important}
.ops-hero{padding:36px;text-align:center;margin-bottom:18px;background:linear-gradient(120deg,rgba(0,0,0,.88),rgba(0,0,0,.45)),url('https://images.unsplash.com/photo-1555396273-367ea4eb4db5?auto=format&fit=crop&w=1800&q=90') center/cover}
.ops-hero h2{font-size:42px}
.ops-grid{display:grid;grid-template-columns:repeat(4,minmax(300px,1fr));gap:16px;overflow:auto}
.ops-panel{min-height:720px;padding:18px}
.ops-panel h3{font-size:25px;margin-bottom:4px}
.ops-scroll{max-height:620px;overflow:auto;margin-top:16px;display:grid;gap:14px}
.ops-scroll.small{max-height:220px}
.ops-food{overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(0,0,0,.35)}
.ops-food img{width:100%;height:170px;object-fit:cover}
.ops-food div{padding:14px}
.ops-food b{display:block;font-size:18px}
.ops-food span{color:#ffd77a;font-weight:800}
.ops-food p{color:rgba(255,255,255,.55);font-size:13px;margin-top:5px}
.ops-map{height:500px;position:relative;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:#111;margin-top:16px}
.ops-map:before{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.1);border-radius:22px}
.ops-table{position:absolute;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-weight:900}
.ops-event,.ops-order{border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(0,0,0,.35);padding:14px}
.ops-order div{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.ops-order p{margin:7px 0;color:rgba(255,255,255,.75)}
.ops-order small{display:block;color:#ffe0a0;margin-top:10px}
.ops-watch{margin-top:16px;border:10px solid #1b1b1b;background:#000;border-radius:48px;padding:22px;min-height:600px}
.ops-task{background:#fff;color:#111;border-radius:28px;padding:18px;text-align:center;margin-top:14px}
.ops-task small{color:#ef4444;font-weight:900}
@media(max-width:1200px){.ops-grid{grid-template-columns:repeat(2,minmax(300px,1fr))}}
@media(max-width:700px){.ops-grid{grid-template-columns:1fr}.ops-panel{min-height:auto}}


/* Admin full control additions */
.admin-two{display:grid;grid-template-columns:minmax(0,1fr) 470px;gap:16px}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.filter{display:flex;gap:8px;overflow:auto;margin-bottom:14px}
.selected-row{border-color:#d7a948!important;background:rgba(215,169,72,.12)!important}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tile input,.tile select,.admin-row input,.admin-row select,#cpcont input,#cpcont select,#cpcont textarea{width:100%;background:rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff;padding:10px;margin:4px 0}
.tile.held{border-color:#ef4444!important;background:rgba(239,68,68,.12)!important}
@media(max-width:1100px){.admin-two{grid-template-columns:1fr}.admin-row{display:block}}


/* Presentation 4-view interactive mode */
.ops-hero{padding:30px;text-align:center;margin-bottom:16px;background:linear-gradient(120deg,rgba(0,0,0,.88),rgba(0,0,0,.45)),url('https://images.unsplash.com/photo-1555396273-367ea4eb4db5?auto=format&fit=crop&w=1800&q=90') center/cover}
.ops-hero h2{font-size:38px}
.presentation-grid{display:grid;grid-template-columns:repeat(4,minmax(360px,1fr));gap:16px;overflow:auto}
.presentation-panel{height:860px;overflow:hidden}
.presentation-panel>.panel-head{padding:16px;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.35)}
.presentation-panel>.panel-head h3{font-size:22px}
.presentation-panel>.panel-head span{color:rgba(255,255,255,.55);font-size:13px}
.presentation-panel>div:not(.panel-head){height:790px;overflow:auto;padding:14px}
.live-mini-menu{display:grid;grid-template-columns:1fr;gap:12px}
.live-food{display:grid;grid-template-columns:120px 1fr;gap:12px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:10px}
.live-food img{width:120px;height:95px;object-fit:cover;border-radius:16px}
.live-food b{display:block;font-size:16px}.live-food p{color:#ffd77a;font-weight:800;margin:4px 0 8px}
.live-cart-row{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding:8px 0}
.live-floor-map{height:420px;position:relative;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:#111;margin-bottom:14px}
.live-floor-map:before{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.1);border-radius:22px}
.live-table{position:absolute;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-weight:900}
.live-table.selected{outline:4px solid #d7a948;outline-offset:4px}
.live-events{display:grid;gap:10px}.live-kitchen-list{display:grid;gap:14px}
.live-kitchen-group{border:1px solid rgba(215,169,72,.25);background:rgba(0,0,0,.35);border-radius:26px;padding:14px}
.empty-kitchen{height:420px;display:grid;place-items:center;text-align:center;background:rgba(255,255,255,.06);border-radius:26px;color:rgba(255,255,255,.55);font-size:34px}
.empty-kitchen span{font-size:14px}.presentation-watch{border:10px solid #1b1b1b;background:#000;border-radius:48px;padding:22px;min-height:710px}
@media(max-width:1200px){.presentation-grid{grid-template-columns:repeat(2,minmax(340px,1fr))}}
@media(max-width:700px){.presentation-grid{grid-template-columns:1fr}.presentation-panel{height:auto}.presentation-panel>div:not(.panel-head){height:auto}.live-food{grid-template-columns:1fr}.live-food img{width:100%;height:180px}}


/* Floor Manager final controls */
.fm-panel .box h3{margin-bottom:10px}
.selected-control select,.selected-control input,.fm-panel select,.fm-panel input,.fm-panel textarea{width:100%;background:rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff;padding:10px;margin:5px 0}
.chef-notes{border-color:rgba(239,68,68,.35)!important;background:rgba(239,68,68,.08)!important}
.live-table{cursor:pointer}
.live-table:hover{box-shadow:0 0 30px rgba(215,169,72,.65)}


/* Final selected-table assignment fix */
.assign-box{margin-top:10px}
.assign-selector{border:1px solid rgba(215,169,72,.25);background:rgba(215,169,72,.08);border-radius:18px;padding:10px;margin-top:8px}
.assign-selector select,.fm-panel select,.fm-panel input,.fm-panel textarea,#liveWaiterTarget{width:100%;background:rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff;padding:10px;margin:5px 0}
.mini-watch{border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:14px;margin-bottom:14px}


/* Kitchen notes final fix */
.chef-notes{border:1px solid rgba(239,68,68,.35)!important;background:rgba(239,68,68,.08)!important;margin:16px!important}
.chef-note{border-bottom:1px solid rgba(255,255,255,.08);padding:10px 0}
.chef-note:last-child{border-bottom:0}
.chef-note b{color:#ffd77a}
.chef-note p{margin-top:4px;color:rgba(255,255,255,.72)}
.empty-kitchen span{font-size:14px;color:rgba(255,255,255,.55)}


/* Master chef reply actions */
.chef-note textarea{width:100%;background:rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff;padding:10px;margin:8px 0}
.chef-reply{margin-top:8px!important;border-left:3px solid #22d3ee;padding-left:10px;color:#c9f7ff!important}
.chef-note .event-actions{margin:10px 0}


/* Chef reply visible + completed green + hide */
.chef-note-completed{border-color:rgba(34,197,94,.55)!important;background:rgba(34,197,94,.13)!important}
.green-pill{background:#22c55e!important;color:#061006!important;border-color:#22c55e!important}
.chef-replies-panel{border-color:rgba(34,211,238,.35)!important;background:rgba(34,211,238,.08)!important}
.chef-reply-row{border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:10px;margin:8px 0;background:rgba(0,0,0,.25)}
.chef-reply-row b{color:#22d3ee}
.chef-reply-row p{margin-top:4px;color:rgba(255,255,255,.75)}
.completed-reply{border-color:rgba(34,197,94,.55)!important;background:rgba(34,197,94,.13)!important}
.completed-reply b{color:#22c55e!important}