.cbn-box { max-width: 800px; margin: 0 auto; font-family: -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.cbn-box h2 { margin-top: 0; }
.cbn-field-row { display: flex; gap: 16px; flex-wrap: wrap; }
.cbn-field { flex: 1; min-width: 200px; margin-bottom: 14px; }
.cbn-field label { display: block; font-weight: 600; margin-bottom: 4px; }
.cbn-field input[type="text"],
.cbn-field input[type="email"],
.cbn-field input[type="password"],
.cbn-field textarea { width: 100%; padding: 8px 10px; border: 1px solid #ccd0d4; border-radius: 4px; box-sizing: border-box; }
.cbn-radio { display: block; font-weight: normal; margin-bottom: 4px; }
.cbn-btn { display: inline-block; padding: 10px 18px; border-radius: 4px; border: none; cursor: pointer; text-decoration: none; font-size: 14px; }
.cbn-btn-primary { background: #2271b1; color: #fff; }
.cbn-btn-primary:hover { background: #135e96; color: #fff; }
.cbn-btn-secondary { background: #f0f0f1; color: #1d2327; border: 1px solid #ccd0d4; }
.cbn-btn-small { padding: 5px 10px; font-size: 12px; border-radius: 3px; border: 1px solid #ccd0d4; background: #fff; cursor: pointer; }
.cbn-message { padding: 10px 14px; border-radius: 4px; margin-bottom: 14px; }
.cbn-message.cbn-success { background: #d7f5da; color: #1d5c1f; }
.cbn-message.cbn-error { background: #fbe3e3; color: #8a1f1f; }
.cbn-referral-note { background: #eef6fc; padding: 10px 14px; border-radius: 4px; }
.cbn-referral-input { width: 100%; padding: 8px; border: 1px dashed #999; border-radius: 4px; background: #fafafa; }
.cbn-tree, .cbn-tree ul { list-style: none; margin: 0 0 0 18px; padding: 0; border-left: 2px solid #e2e2e2; }
.cbn-tree > li, .cbn-tree ul > li { padding: 6px 0 6px 16px; position: relative; }
.cbn-node { display: inline-block; }
.cbn-level-badge { background: #2271b1; color: #fff; font-size: 11px; padding: 1px 6px; border-radius: 10px; margin-right: 6px; }
.cbn-status { padding: 2px 8px; border-radius: 10px; font-size: 12px; }
.cbn-status-active { background: #d7f5da; color: #1d5c1f; }
.cbn-status-inactive { background: #f1f1f1; color: #666; }
.cbn-empty { color: #888; font-style: italic; }
.cbn-roster-table, .cbn-ticket-table { width: 100%; border-collapse: collapse; margin-top: 10px; }
.cbn-roster-table th, .cbn-roster-table td,
.cbn-ticket-table th, .cbn-ticket-table td { border: 1px solid #e2e2e2; padding: 8px 10px; text-align: left; }
.cbn-edit-form { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.cbn-edit-form input, .cbn-edit-form select { padding: 6px; border: 1px solid #ccd0d4; border-radius: 4px; }
.cbn-note { color: #666; font-size: 13px; }
.cbn-ticket-price { background: #fff8e1; border: 1px solid #ffe082; padding: 8px 12px; border-radius: 4px; display: inline-block; }

.cbn-balance-card { background: linear-gradient(135deg, #2271b1, #135e96); color: #fff; border-radius: 10px; padding: 20px 24px; margin-bottom: 20px; display: flex; flex-direction: column; gap: 4px; }
.cbn-balance-label { font-size: 13px; opacity: 0.85; text-transform: uppercase; letter-spacing: 0.5px; }
.cbn-balance-amount { font-size: 32px; font-weight: 700; }
.cbn-status-pending { background: #fff3cd; color: #8a6d1f; }
.cbn-status-approved { background: #e6d9fb; color: #4b2a91; }
.cbn-status-paid { background: #d7f5da; color: #1d5c1f; }
.cbn-status-rejected { background: #fbe3e3; color: #8a1f1f; }

.cbn-chat-box { max-height: 420px; overflow-y: auto; border: 1px solid #e2e2e2; border-radius: 6px; padding: 12px; background: #f9f9fb; margin-bottom: 10px; }
.cbn-msg { margin-bottom: 12px; padding: 8px 12px; border-radius: 8px; background: #fff; border: 1px solid #eee; max-width: 80%; }
.cbn-msg-team { background: #eef6fc; margin-left: auto; }
.cbn-msg-mine { background: #eaffea; }
.cbn-msg-meta { font-size: 12px; color: #888; margin-bottom: 4px; }
.cbn-msg-body { white-space: pre-wrap; word-wrap: break-word; }
.cbn-msg-attachment img { max-width: 220px; border-radius: 6px; margin-top: 6px; display: block; }
.cbn-chat-form textarea { width: 100%; padding: 8px; border: 1px solid #ccd0d4; border-radius: 4px; box-sizing: border-box; margin-bottom: 8px; }
.cbn-msg-seen { font-size: 11px; color: #888; text-align: right; margin-top: 4px; }
.cbn-msg-mine .cbn-msg-seen { color: #2271b1; }

.cbn-row-unread { background: #eef6fc; font-weight: 600; }
.cbn-unread-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #d63638; margin-left: 6px; vertical-align: middle; }
.cbn-notify-badge { display: inline-block; background: #d63638; color: #fff; border-radius: 10px; font-size: 11px; padding: 1px 7px; margin-left: 6px; vertical-align: middle; }
.cbn-dashboard-actions { display: flex; gap: 12px; flex-wrap: wrap; margin: 16px 0 24px; }

.cbn-nav { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 20px; border-bottom: 2px solid #e2e2e2; padding-bottom: 0; }
.cbn-nav-link { padding: 10px 16px; text-decoration: none; color: #444; font-weight: 600; font-size: 14px; border-radius: 6px 6px 0 0; border: 1px solid transparent; border-bottom: none; margin-bottom: -2px; position: relative; }
.cbn-nav-link:hover { background: #f5f7fa; color: #2271b1; }
.cbn-nav-active { color: #2271b1; background: #eef6fc; border-color: #e2e2e2; border-bottom: 2px solid #eef6fc; }