:root{color-scheme:light;font-family:Space Grotesk,sans-serif;background:#f7f3ef;color:#1d1b17}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,#f9e2c0,transparent 45%),radial-gradient(circle at 20% 20%,#cfe4d1,transparent 35%),#f7f3ef}.page{padding:32px clamp(16px,4vw,60px) 48px;display:flex;flex-direction:column;gap:24px}.hero{display:flex;justify-content:space-between;gap:32px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:#5f4b32;margin:0 0 12px}.hero h1{font-size:clamp(28px,3.6vw,48px);margin:0}.subtitle{max-width:520px;font-size:16px;color:#4b3d2a}.hero-card{background:#1d1b17;color:#f7f3ef;padding:24px 28px;border-radius:24px;min-width:220px}.label{text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:#cbb79a;margin:0}.hero-card h2{margin:8px 0;font-size:36px}.hero-card span{font-size:18px;color:#f9e2c0}.hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.stat{font-size:20px;margin:4px 0 0;font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.panel{background:#fffc;border-radius:20px;padding:18px;box-shadow:0 18px 34px #2c22171f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel-header{display:flex;flex-direction:column;gap:16px}.pill-group{display:flex;flex-wrap:wrap;gap:8px}.pill{border:1px solid #d0c2af;background:transparent;padding:6px 14px;border-radius:999px;cursor:pointer;font-weight:500}.pill.active{background:#1d1b17;color:#f7f3ef;border-color:#1d1b17}.menu-grid{display:grid;gap:12px;margin-top:16px}.menu-item{display:flex;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:14px;background:#fef7ec;border:1px solid #ecdcc6}.menu-footer{display:flex;flex-direction:column;gap:12px;align-items:flex-end}.price{font-weight:600}.primary{background:#1d1b17;color:#f7f3ef;border:none;padding:8px 16px;border-radius:999px;cursor:pointer}.primary.large{padding:12px 24px;font-size:16px}.form-grid{display:grid;gap:12px}label{display:flex;flex-direction:column;gap:6px;font-size:14px}input,select{padding:8px 12px;border-radius:10px;border:1px solid #d7c7b1;font-family:inherit}.cart{margin-top:16px}.cart-row{display:flex;justify-content:space-between;gap:12px;margin-top:12px;padding:12px;background:#faf6ef;border-radius:12px}.cart-row input{margin-top:6px}.qty{display:flex;align-items:center;gap:8px}.qty button{border-radius:8px;border:1px solid #d0c2af;background:transparent;padding:4px 10px;cursor:pointer}.ghost{border:none;background:transparent;color:#b44a3a;cursor:pointer}.summary{margin-top:20px;display:flex;justify-content:space-between;align-items:center}.status-grid{display:grid;gap:12px}.status-card{background:#fef7ec;border:1px solid #ecdcc6;border-radius:14px;padding:12px 14px;display:grid;gap:8px}.status-head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.order-title{font-size:16px;margin:0 0 6px}.order-id{font-weight:500;color:#6c5b45}.status-pill{display:inline-flex;padding:3px 10px;border-radius:999px;background:#1d1b17;color:#f7f3ef;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.status-meta{display:grid;gap:4px;text-align:right}.timeline-compact{display:grid;gap:4px;font-size:12px;color:#6c5b45}.timeline-row{display:flex;justify-content:space-between}.muted{color:#6c5b45;margin:0}.error{color:#b44a3a;margin-top:12px}@media (max-width: 900px){.hero{flex-direction:column;align-items:flex-start}.hero-card{width:100%}}