:root{font-family:Inter,Arial,sans-serif;color:#1f2937;background:#f3f4f6}*{box-sizing:border-box}body{margin:0}.container{margin:40px auto;padding:0 18px}.narrow{max-width:650px}.wide{max-width:1250px}.card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 8px 30px rgba(0,0,0,.07);margin-bottom:20px}h1{margin-top:0}.muted{color:#6b7280}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}label{display:block;font-weight:600;margin:16px 0}input,select{width:100%;padding:12px;margin-top:7px;border:1px solid #d1d5db;border-radius:9px;font-size:16px;background:#fff}.btn{display:inline-block;border:0;border-radius:9px;padding:11px 16px;background:#111827;color:#fff;text-decoration:none;cursor:pointer;font-weight:700}.btn.secondary{background:#e5e7eb;color:#111827}.btn.danger{background:#dc2626}.btn.small{padding:7px 10px;font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap}.alert{padding:13px;border-radius:9px;margin-bottom:16px}.alert.success{background:#dcfce7;color:#166534}.alert.error{background:#fee2e2;color:#991b1b}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #e5e7eb;white-space:nowrap}.menu-row,.order-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid #eee}.qty{max-width:110px}.total{font-size:22px;font-weight:800;text-align:right;padding:20px 0}.center{text-align:center}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.stat{background:#fff;padding:22px;border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.06)}.stat span{display:block;color:#6b7280}.stat strong{display:block;font-size:28px;margin-top:8px}@media(max-width:700px){.topbar{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr}.card{padding:20px}}

.qr-image{width:280px;max-width:100%;height:auto;background:#fff;padding:12px;border-radius:10px}.qr-url{word-break:break-all;font-size:13px;color:#6b7280}.payment-box{border:1px solid #e5e7eb;border-radius:12px;padding:18px;margin:20px 0}.qris-placeholder{min-height:220px;border:2px dashed #9ca3af;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#6b7280;text-align:center}.receipt{width:80mm;max-width:100%;margin:0 auto;background:#fff;padding:4mm;font-family:monospace;font-size:12px;color:#000}.receipt-logo img{display:block;width:55mm;max-width:100%;margin:0 auto 3mm}.receipt-center{text-align:center}.receipt-line{border-top:1px dashed #000;margin:3mm 0}.receipt-row{display:flex;justify-content:space-between;gap:8px}.receipt-total{font-size:14px}.receipt-thanks{margin-top:4mm}@media print{body{background:#fff}.no-print{display:none!important}.container{margin:0;padding:0}.receipt{width:80mm;max-width:none;margin:0;padding:3mm}.receipt-logo img{width:55mm}.card{box-shadow:none;border:0}}

.customer-kiosk .topbar a,.customer-kiosk nav,.customer-kiosk .navigation{display:none!important}
.small-text{font-size:13px}.alert.info{background:#eef6ff;border:1px solid #bfdbfe;color:#1e3a8a}
@media print{.qr-image{width:60mm}.no-print{display:none!important}}