:root{color:#f6efe2;background:#080705;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#241606,#080705 45%);min-height:100vh;margin:0}.app{grid-template-columns:260px 1fr;min-height:100vh;display:grid}aside{background:#0d0d0c;border-right:1px solid #2b2419;height:100vh;padding:24px 14px;position:sticky;top:0}.logo{text-align:center;color:#d9a738;margin:8px 0 34px}.orn{opacity:.8;font-size:18px}.brand{letter-spacing:3px;text-shadow:0 0 16px #a96d17;font-family:Georgia,serif;font-size:45px;font-weight:900}.ribbon{color:#160d05;background:#b68a2e;border-radius:999px;padding:4px 14px;font-size:12px;font-weight:900;display:inline-block}nav{gap:10px;display:grid}button{font:inherit;color:inherit}nav button,.chips button,.actions button,.form button{cursor:pointer;background:#151515;border:1px solid #2e291f;border-radius:12px;align-items:center;gap:12px;padding:13px 14px;display:flex}nav button.on,.chips button.on{color:#ffd36c;background:linear-gradient(135deg,#1d1710,#211a0e);border-color:#c69b37}button:disabled{opacity:.35;cursor:not-allowed;filter:grayscale()}main{padding:24px;overflow:auto}header{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}h1,h2,h3,p{margin-top:0}p,small,.muted{color:#a7a096}.grid2{grid-template-columns:1.15fr 1fr;gap:18px;display:grid}.cards{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.panel,.metric{background:linear-gradient(#111,#0b0b0b);border:1px solid #2d2923;border-radius:18px;padding:16px;box-shadow:0 15px 50px #0008}.metric span{color:#aaa;display:block}.metric strong{color:#45d967;font-size:28px}.wide{grid-column:span 3}.zone{margin-bottom:18px}.zoneTitle{color:#ffd36c;letter-spacing:1px;justify-content:space-between;align-items:center;margin:0 0 10px;font-weight:900;display:flex}.zoneTitle small{letter-spacing:0;color:#a7a096;font-weight:600}.floor{background:linear-gradient(45deg,#19140f,#2a2118);border:1px solid #30291f;border-radius:14px;gap:16px;padding:18px;display:grid;position:relative}.floor.inside,.floor.outside{grid-template-columns:repeat(4,1fr)}.table{cursor:pointer;background:radial-gradient(circle,#28231d,#111);border:2px solid #444;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:5px;height:104px;display:flex}.table b{font-size:30px}.table small{color:#91897d;font-size:12px}.table.free span{color:#d7d1c8}.table.serve{border-color:#f5c82f;box-shadow:0 0 18px #f5c82f44}.table.serve span{color:#ffcf37}.table.served{border-color:#32c653}.table.served span{color:#32e45a}.table.bill{border-color:#3a8cff}.table.bill span{color:#58a0ff}.table.sel{outline:2px solid #fff6}.legend{color:#aaa;flex-wrap:wrap;gap:18px;margin-top:13px;display:flex}.legend span:before{content:"● "}.legend .y{color:#ffcf37}.legend .g{color:#32e45a}.legend .b{color:#58a0ff}.status{color:#ffd36c;border-bottom:1px solid #29231b;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;display:flex}.status .served{color:#35e766}.status .bill{color:#58a0ff}.items{gap:10px;min-height:80px;display:grid}.item,.row{background:#111;border:1px solid #28241d;border-radius:12px;grid-template-columns:1fr auto auto auto;align-items:center;gap:12px;padding:12px;display:grid}.item small{display:block}.qty{border:1px solid #302a21;border-radius:10px;display:flex;overflow:hidden}.qty button,.icon{cursor:pointer;background:#171717;border:0;padding:8px}.qty span{padding:8px 12px}.total{justify-content:space-between;padding:18px 0;font-size:22px;display:flex}.actions{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.actions button{justify-content:center}.actions button:first-child{background:linear-gradient(135deg,#b88625,#6c4a12);border-color:#e0b84e}.chips{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.chips button{padding:8px 12px}.menuList{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.menuList button{text-align:left;cursor:pointer;background:#111;border:1px solid #2a251d;border-radius:12px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:12px;display:grid}.full .menuList{grid-template-columns:repeat(3,1fr)}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #2c271f;padding:12px}th{color:#d8b55e}.form{grid-template-columns:1fr 120px 180px auto;gap:10px;margin-bottom:20px;display:grid}input,select{color:#fff;background:#101010;border:1px solid #30291f;border-radius:10px;padding:12px}.foot{color:#777;font-size:13px;position:absolute;bottom:22px}@media (width<=900px){.app{grid-template-columns:1fr}aside{height:auto;position:static}.grid2,.cards{grid-template-columns:1fr}.wide{grid-column:auto}.floor.inside,.floor.outside{grid-template-columns:repeat(2,1fr)}.menuList,.full .menuList{grid-template-columns:1fr}.actions{grid-template-columns:repeat(2,1fr)}.form{grid-template-columns:1fr}header{display:block}}@media (width<=520px){main{padding:12px}.floor{gap:12px;padding:12px}.table{height:90px}.table b{font-size:28px}.item,.row{grid-template-columns:1fr auto}.logo .brand{font-size:36px}}@media (width<=900px){.foot{text-align:center;border-top:1px solid #2b2419;margin-top:16px;padding:12px 10px 0;position:static}aside{padding-bottom:14px}}.loginPage{background:radial-gradient(circle at top,#2a1906,#080705 50%);place-items:center;min-height:100vh;padding:22px;display:grid}.loginCard{background:linear-gradient(#111,#090909);border:1px solid #332818;border-radius:24px;gap:14px;width:min(430px,100%);padding:28px;display:grid;box-shadow:0 20px 70px #000b}.loginCard .logo{margin-bottom:4px}.loginCard label{color:#d7c7a6;gap:7px;font-weight:700;display:grid}.loginCard input{width:100%}.primary{justify-content:center;font-weight:900;color:#130c03!important;background:linear-gradient(135deg,#c79a34,#735015)!important;border-color:#e0b84e!important}.error{color:#ff9c9c;background:#2a0f0f;border:1px solid #7a2d2d;border-radius:12px;padding:10px}.userBox{background:#121212;border:1px solid #2d2923;border-radius:14px;gap:4px;padding:12px;display:grid;position:absolute;bottom:58px;left:14px;right:14px}.userBox small{display:block}.userBox button{cursor:pointer;background:#171717;border:1px solid #2e291f;border-radius:10px;align-items:center;gap:8px;margin-top:8px;padding:9px 10px;display:flex}.menuHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.smallBtn{cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:11px 14px;display:flex}.searchBar{background:#101010;border:1px solid #30291f;border-radius:12px;align-items:center;gap:10px;margin-bottom:18px;padding:0 12px;display:flex}.searchBar input{background:0 0;border:0;outline:0;flex:1}.activeToggle{cursor:pointer;border:1px solid #2e291f;border-radius:999px;padding:8px 12px;font-weight:900}.activeToggle.active{color:#54f07b;background:#12351d;border-color:#256d35}.activeToggle.inactive{color:#ffd196;background:#3a2312;border-color:#8b5a25}.editBtn{color:#ffd36c;cursor:pointer;background:#151515;border:1px solid #3a3021;border-radius:10px;place-items:center;padding:9px;display:grid}.modalBackdrop{z-index:50;background:#000b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:linear-gradient(#131313,#090909);border:1px solid #3b3020;border-radius:22px;gap:13px;width:min(460px,100%);padding:22px;display:grid;box-shadow:0 25px 90px #000}.modal label{color:#d7c7a6;gap:7px;font-weight:800;display:grid}.modal .check{align-items:center;gap:10px;display:flex}.modal .check input{width:auto}.modalActions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.modalActions button{cursor:pointer;background:#151515;border:1px solid #2e291f;border-radius:12px;padding:12px 14px}@media (width<=900px){.userBox{margin-top:14px;position:static}.menuHeader{flex-direction:column;align-items:stretch}.menuRow{grid-template-columns:1fr auto}.menuRow .activeToggle,.menuRow .editBtn{justify-self:start}.modalActions{grid-template-columns:1fr 1fr;display:grid}.loginCard{padding:22px}}.item.servedItem{background:linear-gradient(135deg,#102016,#0d130f);border-color:#1f6b38;box-shadow:inset 3px 0 #33d65f}.item.servedItem b:first-child{color:#56ee80}.item.servedItem small{color:#78d895}.item.servedItem .qty,.item.servedItem .icon{opacity:.55}.versionInfo{line-height:1.55}.versionGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.versionGrid section{background:#101010;border:1px solid #2e291f;border-radius:14px;padding:14px}.versionGrid h3{color:#ffd36c;margin-bottom:8px}.versionGrid ul{color:#d8d0c4;margin:0;padding-left:18px}.versionGrid li{margin:7px 0}@media (width<=900px){.versionGrid{grid-template-columns:1fr}}nav button{position:relative}.badge{color:#fff;background:#e43b3b;border-radius:999px;place-items:center;min-width:22px;height:22px;margin-left:auto;padding:0 7px;font-size:12px;font-style:normal;font-weight:900;display:inline-grid;box-shadow:0 0 14px #e43b3b88}.lowStock td{color:#ffd1d1;background:#241111}.noticeList{gap:12px;display:grid}.notice{background:linear-gradient(135deg,#241010,#111);border:1px solid #6e2b2b;border-radius:14px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:14px;display:grid}.notice small{display:block}.notice p{color:#ffc1c1;grid-column:1/-1;margin:0}.menuRow{grid-template-columns:1fr auto auto auto auto}@media (width<=900px){.notice{grid-template-columns:1fr}.menuRow{grid-template-columns:1fr auto}.badge{margin-left:0}}.activeOrderCard{text-align:left;cursor:pointer;background:#111;border:1px solid #2a251d;border-radius:14px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;width:100%;margin:0 0 10px;padding:13px 14px;display:grid}.activeOrderCard.sel{border-color:#c69b37;box-shadow:0 0 0 2px #c69b3733}.activeOrderCard span{font-weight:900}.activeOrderCard small{color:#ffd36c}.historyCard{background:#111;border:1px solid #2c271f;border-radius:14px;gap:10px;margin-bottom:12px;padding:14px;display:grid}.historyTop,.historyTotal{justify-content:space-between;align-items:center;gap:12px;display:flex}.historyTop b{color:#ffd36c}.historyItems{flex-wrap:wrap;gap:8px;display:flex}.historyItems span{color:#d8d0c4;background:#151515;border:1px solid #2f2a22;border-radius:999px;padding:6px 10px}.historyTotal{border-top:1px solid #2c271f;padding-top:10px}.historyTotal b{color:#45d967;font-size:18px}@media (width<=520px){.activeOrderCard{grid-template-columns:1fr}.historyTop,.historyTotal{display:grid}}