:root{font-family:Arial,sans-serif;color:#111c24;background:#fff8ef}*{box-sizing:border-box}body{margin:0}header{height:96px;padding:14px max(20px,calc((100% - 1395px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e4e1dc}header img{display:block;width:230px;height:62px;object-fit:contain}.back,.empty a{font-weight:800;color:#111c24}main{max-width:940px;margin:0 auto;padding:48px 20px 80px}h1{font-size:44px;margin:0 0 10px}.intro{color:#5b6770;margin:0 0 30px}.orders{display:grid;gap:16px}.order{background:#fff;border-radius:7px;padding:22px;box-shadow:0 8px 28px rgba(31,43,52,.08)}.order-head,.order-total{display:flex;align-items:center;justify-content:space-between;gap:20px}.order-head div{display:grid;gap:4px}.order-head small{color:#68747c}.order-head strong{font-size:20px}.status{padding:9px 13px;border-radius:999px;background:#e7edf0;font-size:14px;font-weight:800}.status-cooking,.status-accepted,.status-payment{background:#fff0cf}.status-ready{background:#d7f5e3}.status-delivered{background:#dceaf8}.status-cancelled{background:#f5dada}.order ul{list-style:none;padding:16px 0;margin:18px 0;border-top:1px solid #e6e8e9;border-bottom:1px solid #e6e8e9;display:grid;gap:10px}.order li,.order-total{display:flex;justify-content:space-between;gap:16px}.order-total>strong{font-size:22px}.payment-copy{margin:18px 0;color:#4d5a63;line-height:1.5}.order-action{display:inline-flex;min-height:42px;align-items:center;padding:10px 16px;border-radius:6px;background:#f58a1f;color:#111c24;font-weight:800;text-decoration:none}.order-action:hover{background:#e97d12}.order-action:focus-visible,.back:focus-visible,.empty a:focus-visible{outline:3px solid rgba(245,138,31,.45);outline-offset:3px}.empty{background:#fff;border-radius:7px;padding:32px;text-align:center}.empty strong{font-size:22px}.empty p{color:#5b6770}@media(max-width:640px){header{height:72px;padding:8px 12px}header img{width:145px;height:48px}.back{font-size:13px}main{padding:30px 12px 60px}h1{font-size:34px}.order{padding:16px}.order-head{align-items:flex-start;flex-direction:column;gap:10px}.status{padding:7px 10px}.order-total{align-items:flex-end}}
