feat: multi-tier agent hierarchy, wallet ledger, and player UX polish

Add configurable agent max level and default sub-agent credit ratio, per-agent block direct player login on suspend, admin/agent wallet transaction views, and match detail my-bets section with refreshed player card styling.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/player/src/components/outright/OutrightEventSection.vue

@@ -3,6 +3,9 @@ import { computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 import OutrightOptionCard from './OutrightOptionCard.vue';
 import saishiImg from '../../assets/images/saishi.png';
+import cardBg from '../../assets/images/card-bg.png';
+
+const matchCardBg = `url(${cardBg})`;
 
 export interface OutrightSelection {
   id: string;
@@ -80,22 +83,38 @@ const headMeta = computed(() => {
 
 <style scoped>
 .event-block {
-  margin-bottom: 10px;
-  border: 1px solid #2e2e2e;
-  border-radius: 6px;
+  position: relative;
+  isolation: isolate;
+  margin-bottom: 12px;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  background: var(--bg-card);
   overflow: hidden;
 }
 
 .event-head {
+  position: relative;
+  z-index: 1;
   width: 100%;
   display: flex;
   align-items: center;
   gap: 10px;
-  padding: 12px 10px;
-  background: #141414;
+  padding: 12px 16px;
+  background: none;
   border: none;
   border-radius: 0;
   text-align: left;
+  cursor: pointer;
+}
+
+.event-head::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background: v-bind(matchCardBg) center top / 100% auto no-repeat;
+  opacity: 0.25;
+  z-index: -1;
+  pointer-events: none;
 }
 
 .toggle-icon {