:root { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
body { margin: 0; background:#0b0b0c; color:#f5f6f7; }
header { display:flex; justify-content:space-between; align-items:center; padding:16px 20px; background:#111216; border-bottom:1px solid #24262b; }
h1 { margin:0; font-size:20px; letter-spacing:0.3px; }
.muted { opacity:0.6; font-weight:400; }
#status { font-size:14px; opacity:0.8; }
main { display:grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap:16px; padding:16px; }
.order { background:#14161b; border:1px solid #24262b; border-radius:14px; padding:14px; }
.order-head { display:flex; justify-content:space-between; gap:12px; margin-bottom:10px; }
.order-id { font-weight:700; }
.order-meta { font-size:12px; opacity:0.8; }
.item { margin:6px 0; padding:8px; background:#1a1d23; border-radius:10px; }