*{box-sizing:border-box}body{margin:0;background:#f7f7f5;color:#20201e;font:15px system-ui,-apple-system,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}.hide{display:none!important}header{position:sticky;top:0;z-index:5;background:white;border-bottom:1px solid #e5e2dc;padding:13px 5%;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none}.brand img{width:48px;height:48px;border-radius:12px;object-fit:cover;background:#eee}.brand span{display:flex;flex-direction:column}.brand small{color:#777}.btn,.primary{padding:10px 15px;border-radius:10px;font-weight:700}.btn{background:#eeeae4;color:#222}.primary{background:#222;color:#fff}.link{background:none;padding:0;color:#555;font-weight:700}main{max-width:1100px;margin:auto;padding:30px 5% 110px}.hero{background:#252525;color:white;border-radius:22px;padding:30px;margin-bottom:22px}.hero h1{margin:7px 0;font-size:32px}.category{background:white;border:1px solid #e7e3dc;border-radius:16px;margin:12px 0;overflow:hidden}.chead{width:100%;background:white;padding:17px 19px;display:flex;justify-content:space-between;font-weight:800;font-size:18px;text-align:left}.sub{padding:0 19px 18px}.sub h4{text-transform:uppercase;color:#777;letter-spacing:1px;font-size:12px}.items{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}.item{display:flex;gap:10px;border:1px solid #eee9e2;border-radius:13px;padding:10px}.item img{width:80px;height:80px;border-radius:10px;object-fit:cover;background:#eee}.item h3{font-size:16px;margin:2px 0}.item p{color:#777;font-size:13px;margin:4px 0}.price{font-weight:800}.qty{display:flex;align-items:center;gap:8px;margin-top:7px}.qty button{width:29px;height:29px;border-radius:50%;background:#eeeae4}.fab{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#222;color:white;padding:14px 20px;border-radius:99px;z-index:10;font-weight:800}.grid{display:grid;grid-template-columns:1fr 330px;gap:18px}.card{background:white;border:1px solid #e7e3dc;border-radius:17px;padding:19px;margin:12px 0}.form input,.form textarea,.form select,.narrow input,.card>input{display:block;width:100%;padding:11px;margin:10px 0;border:1px solid #ddd8d0;border-radius:9px}.cartline{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #eee}.cartline img{width:60px;height:60px;object-fit:cover;border-radius:9px}.cartline main{flex:1}.center{text-align:center;max-width:550px;margin:80px auto}.narrow{max-width:440px;margin:40px auto}.adminHead{display:flex;justify-content:space-between;align-items:start}.admincat{border:1px solid #eee9e2;border-radius:12px;padding:12px;margin:10px 0}.adminrow{display:flex;justify-content:space-between;gap:8px;padding:7px 0}.mini{padding:6px 8px;border-radius:7px;background:#eeeae4}.order{border:1px solid #eee9e2;border-radius:12px;padding:14px;margin:10px 0}.orderItems{margin:8px 0}.modal{position:fixed;inset:0;background:#0008;display:grid;place-items:center;z-index:20;padding:20px}.modalBox{background:white;padding:22px;border-radius:16px;width:min(500px,100%);position:relative}.modalBox input,.modalBox textarea,.modalBox select{width:100%;padding:11px;margin:8px 0;border:1px solid #ddd8d0;border-radius:9px}.x{position:absolute;right:12px;top:8px;background:none;font-size:25px}@media(max-width:750px){.grid{grid-template-columns:1fr}.hero h1{font-size:26px}.adminHead{flex-direction:column;gap:10px}}
.feedbackBox{border-top:1px solid #eee9e2;margin-top:22px;padding-top:20px}.feedbackHint{color:#777;margin-top:-6px}.stars{display:flex;justify-content:center;gap:5px;margin:12px 0 16px}.star{background:none;border:0;font-size:36px;line-height:1;padding:0 2px;color:#c9c5bd;cursor:pointer}.star.selected{color:#e0a100}.feedbackBox textarea{display:block;width:100%;padding:11px;border:1px solid #ddd8d0;border-radius:9px;resize:vertical;margin:10px 0}.feedbackMsg{min-height:22px}.statusLine{margin:10px 0}.statusBadge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:13px;font-weight:800;background:#eeeae4}.status-preparing{background:#f1e8d8}.status-ready{background:#e3eee6}.status-completed{background:#e7e7e7}.activeStatus{outline:2px solid #222;font-weight:800}.adminFeedback{margin-top:12px;padding-top:10px;border-top:1px solid #eee9e2;color:#555}.feedbackStars{letter-spacing:2px;color:#e0a100}

.feedbackOverview{display:flex;align-items:center;gap:12px;margin:8px 0 14px}.feedbackOverview strong{font-size:20px}.feedbackOverview span{color:#777}.feedbackAdminRow{border-top:1px solid #eee9e2;padding:12px 0}.feedbackAdminRow b{color:#e0a100;letter-spacing:1px}.feedbackComment{margin:6px 0}.feedbackComment.muted{color:#888}.feedbackAdminRow small{color:#888}

/* Customer menu polish */
#menu .hero{padding:34px 30px;box-shadow:0 8px 24px rgba(0,0,0,.06)}
#menu .hero small{letter-spacing:1.5px;font-weight:800;opacity:.75}
#menu .hero h1{font-size:clamp(27px,4vw,38px);max-width:650px}
#cats{max-width:900px;margin:0 auto}
.category{box-shadow:0 3px 12px rgba(0,0,0,.035)}
.chead{padding:19px 21px;font-size:19px;transition:background .15s}
.chead:hover{background:#faf9f7}
.sub{padding:2px 20px 22px}
.sub h4{margin:18px 0 10px;padding-bottom:8px;border-bottom:1px solid #eee9e2;font-size:12px}
.items{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px}
.item{display:grid;grid-template-columns:112px 1fr;gap:14px;padding:12px;background:#fff;min-height:136px;transition:transform .15s,box-shadow .15s,border-color .15s}
.item:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(0,0,0,.06);border-color:#ddd7cf}
.item img{width:112px;height:112px;border-radius:12px}
.item h3{font-size:17px;line-height:1.25;margin:1px 0 5px}
.item p{line-height:1.35;min-height:18px}
.item>div{min-width:0}
.item .price{margin-top:7px;font-size:16px}
.item .qty{justify-content:flex-end;margin-top:9px}
.item .qty button{width:34px;height:34px;font-size:18px}
.item .qty b{min-width:20px;text-align:center}
.fab{bottom:18px;box-shadow:0 8px 22px rgba(0,0,0,.2);padding:15px 22px;font-size:15px}
#cart .grid{align-items:start}
#cart aside{position:sticky;top:90px}
.cartline img{width:72px;height:72px}
.cartline .qty{margin-top:0}
@media(max-width:600px){
  main{padding:20px 4% 100px}
  header{padding:10px 4%}
  .brand img{width:44px;height:44px}
  #menu .hero{padding:26px 22px;border-radius:18px}
  .items{grid-template-columns:1fr}
  .item{grid-template-columns:92px 1fr;padding:10px;min-height:116px}
  .item img{width:92px;height:92px}
  .item h3{font-size:16px}
  .item .qty button{width:36px;height:36px}
  #cart aside{position:static}
  .fab{left:4%;right:4%;width:92%;transform:none;text-align:center}
}