* { box-sizing: border-box; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Segoe UI Emoji", "Apple Color Emoji"; margin: 0; background: #f7f7f8; color: #111; }
.header { display:flex; align-items:center; gap:12px; padding:14px 18px; border-bottom: 1px solid #e6e6e9; background:#fff; position:sticky; top:0; }
.header img.logo { height:42px; width:auto; }
.header .titles { line-height:1.15; }
.title-ar { font-weight:700; font-size:18px; }
.title-en { color:#666; font-size:14px; }
.container { max-width: 1100px; margin: 0 auto; padding: 20px; }
.card { background:#fff; border:1px solid #ececf1; border-radius:16px; padding:20px; box-shadow: 0 1px 2px rgba(0,0,0,.04); }
.actions { display:grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap:16px; margin-top: 12px; }
.btn { padding:16px 18px; font-size:20px; border-radius:14px; border:1px solid #e3e3ea; background:#fafafa; cursor:pointer; }
.btn:active { transform: translateY(1px); }
.btn.primary { background:#111; color:white; border-color:#111; }
.btn.secondary { background:#ffffff; }
.row { display:flex; gap:16px; flex-wrap:wrap; }
.kpi { flex:1 1 220px; text-align:center; padding:16px; border:1px dashed #dcdce3; border-radius:14px; background:#fff; }
.kpi .big { font-size:44px; font-weight:800; }
small.muted { color:#666; }
.table { width:100%; border-collapse: collapse; }
.table th, .table td { border-bottom:1px solid #eee; padding:10px 8px; text-align:center; }
.badge { display:inline-block; padding:3px 8px; border-radius:999px; border:1px solid #ddd; background:#fff; font-size:12px; }
.footer { color:#666; font-size:12px; text-align:center; padding:16px; }

/* Ticket print */
@media print {
  body { background:#fff; }
  .no-print { display:none !important; }
  .ticket { width: 240px; padding: 14px; border: 1px dashed #999; margin: 0 auto; }
  .ticket h1 { font-size: 42px; margin: 8px 0; text-align:center; }
  .ticket p { text-align:center; margin: 6px 0; }
}