.cashier-view{padding:24px}.cashier-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.cashier-header h2{margin:0;font-size:28px}.cashier-header p{margin-bottom:4px}.cashier-empty{padding:30px;border:1px dashed #abc0a5;border-radius:20px;background:#f4f8ef;text-align:center}.cashier-empty h3{margin-top:0}.cashier-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.cashier-metrics article{display:grid;gap:6px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff}.cashier-metrics small,.cashier-metrics span{color:#738073;font-size:11px}.cashier-metrics strong{font-size:20px}.cashier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cashier-card{padding:19px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.9)}.cashier-card h3{margin:2px 0 12px}.cashier-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cashier-pending-card{grid-column:1/-1}.cashier-list{display:grid;gap:8px;margin-top:14px}.cashier-list h4{margin:8px 0 0}.cashier-list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px solid var(--line);border-radius:13px;background:#fff}.cashier-list-item div{display:grid;gap:3px}.cashier-list-item small{color:#718071}.cashier-list-item button{flex:0 0 auto;padding:8px 12px}.receipt-upload{display:grid;gap:6px;padding:10px;border:1px dashed #b9c9b4;border-radius:12px}.receipt-upload input{padding:0;border:0}.cashier-handover-preview,.handover-confirmation>div{display:grid;grid-template-columns:1fr auto;gap:7px;padding:12px;border-radius:13px;background:#f1f5ec;font-size:12px}.handover-confirmation{display:grid;gap:14px}.bank-qr-dialog{max-width:430px}.bank-qr-card{display:grid;gap:12px;padding:24px;text-align:center}.bank-qr-card h2{margin:0}.bank-qr-amount{font-size:32px;color:var(--green)}.bank-qr-code{display:grid;place-items:center;min-height:270px;padding:8px;background:#fff}.bank-qr-code img,.bank-qr-code canvas{max-width:100%;height:auto}.bank-qr-account{margin:0;font-weight:700}.bank-qr-warning{padding:10px;border-radius:12px;background:#fff1ce;color:#6b4d00;font-size:12px;font-weight:700}.status-chip.success{background:#dcefd1;color:#26551f}
@media(max-width:900px){.cashier-view{padding:18px}.cashier-header{display:grid}.cashier-metrics,.cashier-grid{grid-template-columns:1fr}.cashier-pending-card{grid-column:auto}.cashier-list-item{align-items:flex-start;flex-direction:column}.cashier-list-item button{width:100%}}
@media(max-width:600px){.cashier-view{padding:14px}.cashier-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cashier-metrics article{padding:13px}.cashier-metrics strong{font-size:16px}.cashier-card{padding:15px}.bank-qr-card{padding:16px}}