:root{font-family:Arial,"Noto Sans CJK SC",sans-serif;color:#1e1e1e;background:#f5f5f5}
*{box-sizing:border-box}
body{margin:0}
header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#171717;color:#fff}
header a{color:#fff}
main{max-width:1100px;margin:auto;padding:18px}
h1{font-size:1.6rem} h2{font-size:1.15rem}
.grid,.menu-grid,.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
section,.row,.menu-item,.summary,.metrics>div{background:#fff;border:1px solid #ddd;border-radius:10px;padding:14px}
.button,button{display:inline-block;border:1px solid #777;background:#fff;color:#111;text-decoration:none;border-radius:7px;padding:9px 12px;margin:4px 2px;cursor:pointer}
.primary{background:#222;color:#fff}
label{display:block;margin:9px 0}
input,select{width:100%;padding:9px;border:1px solid #aaa;border-radius:6px;font:inherit}
.inline{display:inline}
.row{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:8px 0}
.status{font-weight:bold}
.menu-item{display:flex;flex-direction:column;gap:5px}
.ticket{max-width:430px;margin:10px auto;font-family:"Courier New",monospace;background:#fff}
.ticket-line,.bill-line{display:flex;justify-content:space-between;gap:12px;padding:5px 0}
.total{font-weight:bold;font-size:1.1rem;border-top:1px solid #222;margin-top:5px;padding-top:8px}
.notice{text-align:center;font-weight:bold;border:2px solid #222;padding:10px;margin-top:14px}
.summary{display:grid;gap:8px;margin-bottom:14px}
.summary>div{display:flex;justify-content:space-between}
.metrics{margin-bottom:18px}
.metrics>div{display:flex;justify-content:space-between}
.metrics b{font-size:1.4rem}
@media(max-width:600px){main{padding:10px}.row{align-items:flex-start;flex-direction:column}.menu-grid{grid-template-columns:1fr}}