/* Royal9Bet administration design system. Loaded only by the Back Office. */
:root{
 --bg:#0b1018;--bg-elev:#111925;--panel:#141e2b;--panel-2:#101823;--card:#121b28;
 --text:#dce3ec;--text-strong:#f0f4f9;--muted:#9baabd;--line:#263344;--border:var(--line);
 --gold:#c4a66a;--gold-hi:#dfc591;--gold-soft:#c4a66a14;--line-gold:#c4a66a40;--primary:var(--gold);
 --danger:#f18d94;--ok:#7bd1b0;--warning:#dfbd7a;--info:#91b8e6;
 --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;
 --radius-sm:6px;--radius-md:10px;--radius-lg:14px;
 --shadow:0 4px 16px #02060c26;--shadow-lift:0 12px 36px #02060c66;--ring:0 0 0 3px #c4a66a29;
 --font-display:var(--font-body);--text-xs:11px;--text-sm:12px;--text-base:13px;--text-lg:18px;
 --control-height:40px;--row-height:48px;
}
body{background:var(--bg);font-size:var(--text-base);line-height:1.5}
body::before,body::after,.sidebar::after,.brand::after,.card::before,.top::after{display:none}
:where(h1,h2,h3,.section-title){font-weight:700;letter-spacing:-.025em}
.app{isolation:isolate}.main{padding:30px 32px 48px;max-width:1800px;width:100%}
.sidebar{width:244px;padding:28px 14px 18px;background:#0c121c;border-right:1px solid var(--line);box-shadow:none;backdrop-filter:none}
.brand{display:flex;align-items:center;gap:12px;padding:0 10px 26px;margin:0 0 14px;background:none;-webkit-text-fill-color:initial;color:var(--text-strong);font-family:var(--font-body);font-size:18px;font-weight:800;letter-spacing:-.04em;line-height:1.3}
.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.2em;font-weight:600;margin-top:5px}
.brand-mark{display:block;flex-shrink:0;width:40px;height:40px}
.nav{display:block;overflow:visible}.nav-group{display:block;margin-bottom:12px}.nav-group:not(:has(button:not(.hidden))){display:none}
.nav-label{display:flex;align-items:center;justify-content:space-between;list-style:none;padding:8px 12px;color:var(--muted);font-size:10px;letter-spacing:.12em;cursor:pointer;user-select:none}
.nav-label::-webkit-details-marker{display:none}.nav-label::after{content:'›';font-size:15px;line-height:1;transform:rotate(0deg)}.nav-group[open]>.nav-label::after{transform:rotate(90deg)}
.nav-items{display:grid;gap:3px}.nav button{display:flex;align-items:center;gap:11px;padding:10px 12px;min-height:40px;font-size:12px;font-weight:600;letter-spacing:0;border-radius:var(--radius-sm);color:#aebccd;transition:background .15s,color .15s}
.nav button:hover{transform:none;background:#ffffff08;color:var(--text-strong)}.nav button.active{background:#c4a66a14;color:var(--gold-hi)}
.nav button::before{display:none}.nav-icon{width:18px;height:18px;flex-shrink:0;opacity:.9}
.sidebar-footer{border-top:1px solid var(--line);margin:24px 10px 0;padding-top:18px;font-size:11px;font-weight:700;color:var(--muted)}.sidebar-footer span{display:block;font-size:10px;font-weight:400;margin-top:4px;color:#7e90a6}
.top{margin-bottom:28px;padding-bottom:22px;border-color:var(--line);align-items:center}.top h1{font-size:25px;font-weight:750;letter-spacing:-.035em}.sub,.cloud-status{font-size:11px;color:var(--muted)}.auth-user{font-size:11px}
.card,.finance-stat,.viplink-kpi,.bank-acc-shell,.history-panel,.create-transaction-panel,.transaction-zone.internal-zone{background:var(--card);border-color:var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow);backdrop-filter:none}
.card{padding:20px;transition:border-color .15s}.cards>.card{background:var(--card)}.cards>.card:hover{transform:none;box-shadow:var(--shadow);border-color:#415168}
.section-title{font-size:14px;font-weight:700;letter-spacing:0;border-color:var(--line);padding-bottom:14px;margin-bottom:16px}.section-title .note{display:block;font-weight:400;font-size:11px;margin-top:4px}
.kpi-label,.finance-stat-label{font-size:10px;letter-spacing:.07em;color:var(--muted)}.kpi-value{font-size:26px;letter-spacing:-.04em}.kpi,.finance-stat-value{font-weight:700;font-variant-numeric:tabular-nums}
.btn,.auth-btn{border-radius:var(--radius-sm);min-height:var(--control-height);font-size:12px;font-weight:650;letter-spacing:0;box-shadow:none;transition:background .15s,border-color .15s,color .15s}
.btn.primary,.auth-btn,.viplink-page .vip-tabs .btn.active{background:var(--gold);color:#151a22;border-color:var(--gold);box-shadow:none}
.btn.primary:hover,.auth-btn:hover{background:var(--gold-hi);filter:none;box-shadow:none}.btn.secondary{background:#182332;border-color:#304055;color:#ced8e5}.btn.secondary:hover{background:#223146;border-color:#516179;color:var(--text-strong)}
.btn.small{min-height:32px;padding:6px 10px;font-size:11px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.danger{background:#f18d9412;color:#f2a1a7;border-color:#f18d9440}
input,select,textarea{border-color:#344255;border-radius:var(--radius-sm);background-color:#0d1520;font-size:12px;min-height:var(--control-height)}
input::placeholder,textarea::placeholder{color:#8494a9}input:hover,select:hover,textarea:hover{background-color:#111d2b}input:focus,select:focus,textarea:focus{background-color:#111d2b;border-color:var(--gold)}
input[type=checkbox],input[type=radio]{min-height:0;accent-color:var(--gold)}
.field label,.filter-field>span:first-child{color:#aebccd;font-size:11px;letter-spacing:.02em}
.table-wrap,.compact-report,.bank-acc-table-wrap{border:1px solid var(--line);border-radius:var(--radius-md);background:#101925;overscroll-behavior-x:contain}
.table th,.daily-report-table th,.product-report-table th{background:#182332;color:#aab9cb;font-size:10px;letter-spacing:.055em;border-bottom:1px solid #344255;padding:12px 14px;font-weight:700}
.table td,.daily-report-table td,.product-report-table td{height:var(--row-height);padding:12px 14px;border-color:#233042;color:var(--text);font-size:12px}
.table tbody tr:hover,.daily-report-table tbody tr:hover td{background:#ffffff04}.daily-report-table th:first-child,.daily-report-table td:first-child{background:#131e2c}
.table :is(th,td):has(.bank-actions){text-align:right}.table td:has(>.btn){white-space:nowrap}.table td:has(>.btn) .btn+.btn{margin-left:4px}
.table :is(th,td).numeric,.table .balance-cell,.table td.positive,.table td.negative{ text-align:right;font-variant-numeric:tabular-nums}
.pagination-bar,.pagination-controls{align-items:center;gap:8px}.pagination-bar{border-top:1px solid var(--line);padding-top:14px;margin-top:14px;color:var(--muted);font-size:11px}
.pill,.viplink-pill{border-radius:5px;font-size:10px;font-weight:650;letter-spacing:.02em;padding:4px 8px;line-height:1.3}
.pill.status-approved,.pill.status-completed{background:#7bd1b012;color:var(--ok);border-color:#7bd1b033}.pill.status-pending{background:#dfbd7a12;color:var(--warning);border-color:#dfbd7a33}.pill.status-rejected{background:#f18d9412;color:var(--danger);border-color:#f18d9433}
.modal{background:#040810b8;backdrop-filter:blur(4px)}.modal-box{background:#131d2b;border:1px solid #354359;border-radius:var(--radius-lg);box-shadow:0 24px 80px #02060c99}.modal-head{border-color:var(--line)}.modal-head h2{font-weight:700;font-size:18px}.modal-actions{gap:8px;border-color:var(--line)}
.toast{background:#172a27;border-color:#3a675a;color:#b4ead6;border-radius:var(--radius-md);box-shadow:var(--shadow-lift);max-width:calc(100vw - 32px);line-height:1.5}
.workspace-tabs,.report-tabs,.player-tabs{background:#0d1520;border-color:var(--line);border-radius:8px}.page.active,.transaction-panel.active,.report-view.active{animation:none}
.dashboard-intro{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 24px}.eyebrow{color:var(--gold);font-size:9px;font-weight:800;letter-spacing:.16em}.dashboard-intro h2{font-size:24px;margin:6px 0;font-weight:650}.dashboard-intro p{margin:0}.period-tag{border:1px solid var(--line);padding:7px 10px;border-radius:6px;font-size:10px;white-space:nowrap;color:var(--muted)}
.enterprise-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:20px}.enterprise-kpi{border:1px solid var(--line);border-radius:10px;padding:18px 20px;background:var(--card)}.enterprise-kpi strong{display:block;font-size:25px;letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-weight:750;margin:9px 0 5px}.enterprise-kpi small{color:var(--muted);font-size:10px}.enterprise-kpi .kpi-label{letter-spacing:.04em}
.enterprise-overview{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);gap:20px;margin-bottom:28px}.activity-chart svg{width:100%;height:170px;display:block;overflow:visible}.chart-legend{display:flex;gap:18px;align-items:center;font-size:10px;color:var(--muted);margin-top:12px}.chart-legend span::before{content:'';display:inline-block;width:7px;height:7px;border-radius:2px;background:var(--info);margin-right:6px}.chart-legend span:last-child::before{background:var(--gold)}.chart-period{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-top:4px}.chart-empty{height:170px;display:grid;place-items:center;color:var(--muted);font-size:12px}
.priority-link{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 0;color:var(--text);background:none;border:0;border-bottom:1px solid var(--line);text-align:left;font:inherit;cursor:pointer}.priority-link:last-child{border-bottom:0}.priority-link:hover{color:var(--gold-hi)}.priority-link small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.priority-link b{font-size:18px;color:var(--gold);font-weight:400}.report-heading{font-size:16px;margin:0 0 16px}
:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}
@media(min-width:721px){.main{min-width:0}.sidebar{flex-shrink:0}}
@media(max-width:1100px){.sidebar{width:218px}.main{padding:24px 22px}.enterprise-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.enterprise-overview{grid-template-columns:minmax(0,1fr)}}
@media(max-width:720px){.sidebar{position:relative;width:100%;padding:16px;height:auto}.brand{padding-bottom:12px;margin-bottom:8px}.brand-mark{height:34px;width:34px}.nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;overflow:visible}.nav-group{margin:0}.nav button{border:0;border-radius:6px;font-size:11px;white-space:normal}.nav-label{padding:8px 12px}.nav-items{padding-bottom:8px}.sidebar-footer{display:none}.main{padding:22px 16px 36px}.top{gap:16px}.top>div:last-child{gap:6px!important}.top .btn{min-height:34px;padding:7px 10px;font-size:10px}.dashboard-intro{align-items:flex-start}.dashboard-intro h2{font-size:21px}.period-tag{display:none}.enterprise-kpis{gap:10px}.enterprise-kpi{padding:14px}.enterprise-kpi strong{font-size:21px}.enterprise-overview{gap:14px}.card{padding:16px}.toast{right:16px;bottom:16px}.table td{height:auto;min-height:40px}.modal-actions{flex-wrap:wrap}.toolbar :is(input,select){max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.dashboard-recent{margin-bottom:28px}.recent-activity-row{display:grid;grid-template-columns:minmax(130px,1.5fr) 1fr 1fr 1fr 1fr;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px;font-variant-numeric:tabular-nums}.recent-activity-row:last-child{border-bottom:0}.recent-activity-row span{overflow-wrap:anywhere}.recent-activity-row span:nth-child(3){color:var(--muted)}.recent-activity-row span:nth-child(n+4){text-align:right}
@media(max-width:720px){.recent-activity-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 16px}.recent-activity-row span:nth-child(n+4){text-align:left}.recent-activity-row span:first-child{grid-column:1/-1;font-weight:700}}

.page.active .grid.cards>.card{animation:none}
@media(min-width:1101px) and (max-width:1400px){.enterprise-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}