:root { --card-radius: 14px; }
body { background: #f5f6f8; }
.auth-wrap { min-height: 100vh; display:flex; align-items:center; justify-content:center; padding: 24px; }
.auth-card { width:100%; max-width:420px; border:0; border-radius: var(--card-radius); box-shadow:0 10px 35px rgba(0,0,0,.08); }
.metric-card { border:0; border-radius: var(--card-radius); box-shadow:0 6px 20px rgba(0,0,0,.06); }
.table-card { border:0; border-radius: var(--card-radius); box-shadow:0 6px 20px rgba(0,0,0,.06); overflow:hidden; }
.form-control, .form-select, .btn { border-radius: 10px; }
@media (min-width: 992px) { .page-wrap { padding: 28px; } }
@media (max-width: 991px) { .page-wrap { padding: 16px; } }
.product-thumb { width: 54px; height: 54px; object-fit: cover; border-radius: 10px; background:#e9ecef; border:1px solid #dee2e6; }
.placeholder-thumb { display:inline-block; }
.product-preview { max-width:160px; max-height:120px; object-fit:cover; border-radius:12px; border:1px solid #dee2e6; }
.qr-img { width:100%; max-width:360px; height:auto; }
.public-wrap { min-height:100vh; display:flex; align-items:center; justify-content:center; padding:20px; background:#f5f6f8; }
.public-card { width:100%; max-width:520px; border:0; border-radius:16px; box-shadow:0 10px 35px rgba(0,0,0,.08); text-align:center; }
.public-product-img { width:100%; max-height:260px; object-fit:contain; border-radius:14px; background:white; }
.copy-input { min-width: 240px; }

.rating-option { display:block; border:1px solid #dee2e6; border-radius:12px; padding:13px 14px; margin-bottom:10px; background:#fff; cursor:pointer; }
.rating-option:hover { border-color:#98a2b3; }
.rating-option input { margin-right:8px; }
.step { display:none; } .step.active { display:block; }
.small-note { color:#667085; font-size:.9rem; }
.char-counter { font-size:.9rem; color:#667085; text-align:right; }
.gift-card-box { border-radius:16px; padding:22px; border:1px solid #d9dee7; background:linear-gradient(135deg,#111827,#374151); color:white; min-height:145px; display:flex; flex-direction:column; justify-content:center; }
.gift-card-box .amount { font-size:2.3rem; font-weight:800; letter-spacing:-1px; }
.customer-grid { max-width:980px; margin:0 auto; }
@media (min-width:768px){ .customer-grid { display:grid; grid-template-columns:42% 58%; } .customer-hero { border-right:1px solid #dee2e6; } }