.dc-wrap { --dc-primary:#6D28FF; --dc-navy:#071A63; --dc-gold:#FFC107; --dc-bg:#F7F6FB; --dc-line:#E7E4F5; --dc-text:#1A1533; --dc-muted:#6B6580;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: var(--dc-text); max-width: 760px; margin: 0 auto; }

.dc-card { background:#fff; border:1px solid var(--dc-line); border-radius:12px; padding:20px 24px; margin-bottom:16px; }
.dc-card h2 { margin-top:0; font-size:20px; }
.dc-card h3 { margin-top:0; font-size:15px; }

.dc-field { margin-bottom:14px; }
.dc-field label { display:block; font-size:12px; font-weight:700; color:var(--dc-muted); margin-bottom:5px; text-transform:uppercase; letter-spacing:.3px; }
.dc-field input, .dc-field select { width:100%; padding:9px 12px; border:2px solid var(--dc-line); border-radius:8px; font-size:14px; box-sizing:border-box; }
.dc-field input:focus, .dc-field select:focus { border-color: var(--dc-primary); outline:none; }
.dc-hint { display:block; font-size:12px; color:var(--dc-muted); margin-top:6px; }

.dc-btn { border:none; border-radius:8px; padding:10px 20px; font-size:14px; font-weight:700; cursor:pointer; }
.dc-btn-primary { background:var(--dc-primary); color:#fff; width:100%; }
.dc-btn-primary:hover { background:#5b1fe0; }
.dc-btn-gold { background:var(--dc-gold); color:#3D2C00; }
.dc-msg { font-size:13px; margin-top:10px; }
.dc-switch { font-size:13px; text-align:center; margin-top:14px; color:var(--dc-muted); }
.dc-switch a { color:var(--dc-primary); font-weight:700; text-decoration:none; }
.dc-switch a:hover { text-decoration:underline; }

.dc-dash-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.dc-brand { display:flex; align-items:center; gap:8px; font-weight:700; font-size:16px; }
.dc-brand-mark { width:28px; height:28px; border-radius:8px; background:var(--dc-primary); color:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:13px; }
.dc-user { font-size:13px; color:var(--dc-muted); }

.dc-stats-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(160px,1fr)); gap:12px; margin-bottom:16px; }
.dc-stat-card { background:#fff; border:1px solid var(--dc-line); border-radius:12px; padding:14px 16px; }
.dc-stat-card-navy { background:var(--dc-navy); border-color:var(--dc-navy); }
.dc-stat-card-navy .dc-stat-label, .dc-stat-card-navy .dc-stat-sub { color:#C7BEFF; }
.dc-stat-card-navy .dc-stat-value { color:#fff; }
.dc-stat-label { font-size:12px; color:var(--dc-muted); margin:0 0 4px; }
.dc-stat-value { font-size:20px; font-weight:700; margin:0; }
.dc-stat-sub { font-size:11px; color:var(--dc-muted); margin:4px 0 0; }

.dc-notice { background:#FFF8E1; border:1px solid #FFE082; color:#8A6D00; border-radius:8px; padding:10px 14px; font-size:12px; margin-bottom:16px; }

.dc-table { width:100%; border-collapse:collapse; font-size:13px; }
.dc-table td { padding:9px 0; border-bottom:1px solid var(--dc-line); }
.dc-pill { font-size:11px; padding:3px 10px; border-radius:99px; font-weight:700; }
.dc-pill-confirmed { background:#E6F6EC; color:#0F6E3F; }
.dc-pill-pending { background:#FFF3DA; color:#8A5A00; }
.dc-pill-clicked { background:#EEF0F5; color:#4A4E5C; }
.dc-pill-cancelled { background:#FDECEC; color:#A02A2A; }

.dc-cols-2 { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.dc-copy-row { display:flex; gap:8px; }
.dc-copy-row input { flex:1; }

.dc-cashback-badge { display:inline-block; background:var(--dc-gold, #FFC107); color:#3D2C00; font-size:11px; font-weight:700; padding:3px 9px; border-radius:99px; margin-left:8px; }

@media (max-width: 680px) { .dc-cols-2 { grid-template-columns:1fr; } }