/* v3.8.1 styles */
.ctb-container { max-width: 1100px; margin: 24px auto; padding: 0 12px; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.ctb-card { background:#fff; border:1px solid #e5e7eb; border-radius:12px; overflow:hidden; box-shadow: 0 2px 12px rgba(0,0,0,0.05); }
.ctb-header { display:grid; grid-template-columns: 1fr auto; align-items:center; padding:16px 20px; border-bottom:1px solid #eee; }
.ctb-header-centered { grid-template-columns: 1fr 1fr 1fr; }
.ctb-logo { width:110px; height:auto; justify-self:center; }
.ctb-title { margin:0; font-size:16px; text-align:center; }
.ctb-userbox { font-size:14px; color:#444; justify-self:end; }
.ctb-tabs { display:flex; gap:8px; padding:10px 12px; border-bottom:1px solid #eee; flex-wrap:wrap; }
.ctb-tab { background:#f5f5f5; border:1px solid #ddd; padding:8px 12px; border-radius:8px; cursor:pointer; }
.ctb-tab.active { background:#111; color:#fff; border-color:#111; }
.ctb-panels { padding:16px; }
.ctb-columns { display:grid; grid-template-columns: 1fr 1fr; gap:16px; }
@media (max-width: 800px) { .ctb-columns { grid-template-columns: 1fr; } .ctb-logo { width:96px; } .ctb-title{font-size:15px;} }
.ctb-balance { font-size:28px; font-weight:700; margin:6px 0 10px; }
.ctb-list { list-style:none; margin:0; padding:0; }
.ctb-list li { padding:8px 10px; border:1px solid #eee; border-radius:10px; margin-bottom:8px; display:flex; gap:8px; align-items:flex-start; }
.ctb-message { padding: 10px 16px; color:#0a7; font-weight:600; min-height:20px; }
.ctb-error { color:#c00 !important; }
.ctb-filter { display:flex; gap:8px; align-items:center; margin-bottom:10px; flex-wrap:wrap; }
.ctb-panel form { display:grid; gap:8px; }
.ctb-panel input, .ctb-panel select, .ctb-panel textarea { width:100%; padding:8px; border:1px solid #ddd; border-radius:8px; }
.ctb-panel button { padding:8px 12px; border:0; border-radius:8px; background:#111; color:#fff; cursor:pointer; }
.ctb-danger { background:#b91c1c; }
.ctb-row { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.sep { height:1px; background:#eee; margin:10px 0; }
.ctb-muted { color:#6b7280; }
.ctb-offer-actions { margin-left:auto; display:flex; gap:6px; align-items:center; }
.ctb-offer-del { padding:4px 8px; border-radius:6px; background:#b91c1c; color:#fff; cursor:pointer; font-size:12px; }

/* Users table */
.ctb-table-wrap { overflow-x:auto; }
.ctb-table { border-collapse: collapse; width: 100%; }
.ctb-table th, .ctb-table td { border:1px solid #eee; padding:8px; text-align:left; }
.ctb-table th { background:#f9fafb; }
.ctb-users-del { padding:4px 8px; border-radius:6px; background:#b91c1c; color:#fff; cursor:pointer; font-size:12px; }