/* 888 LOTTO Admin v3.10.57 — elegant red / premium gold theme */
:root {
  --bg: #090203 !important;
  --bg-2: #120407 !important;
  --surface: #18070b !important;
  --surface-2: #210a10 !important;
  --surface-3: #2b0d15 !important;
  --panel: #17070a !important;
  --panel-2: #210a10 !important;
  --card: #1b080d !important;
  --ink: #fff4dd !important;
  --text: #fff4dd !important;
  --muted: #c9aa7b !important;
  --line: rgba(231,180,64,.32) !important;
  --border: rgba(231,180,64,.32) !important;
  --gold: #e7b440 !important;
  --gold-2: #ffdb73 !important;
  --gold-soft: rgba(231,180,64,.16) !important;
  --accent: #99172c !important;
  --success: #49cf8b !important;
  --danger: #ff6d70 !important;
}
html, body {
  background: radial-gradient(circle at 50% -12%, rgba(117,10,28,.5) 0, rgba(50,7,15,.32) 28%, rgba(18,4,7,.94) 52%, #090203 78%) fixed !important;
  color: var(--text) !important;
}
body::before { opacity: .12 !important; }
.app-shell, .main-shell, main, .content { background: transparent !important; }
.topbar, .admin-header, header, aside, .sidebar {
  background: linear-gradient(180deg, rgba(35,7,13,.99), rgba(11,2,4,.98)) !important;
  border-color: rgba(231,180,64,.32) !important;
}
.card, .panel, .section-card, .stat-card, .metric-card, .dashboard-card, .table-wrap,
.modal, .modal-card, .accounting-card, [class*="card"], [class*="panel"] { border-color: rgba(231,180,64,.25) !important; }
.card, .panel, .section-card, .stat-card, .metric-card, .dashboard-card, .table-wrap, .modal-card, .accounting-card {
  background: linear-gradient(155deg, rgba(42,10,17,.97), rgba(15,3,6,.99)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.022), 0 12px 28px rgba(0,0,0,.27) !important;
}
table, thead, tbody, tr, td, th { border-color: rgba(231,180,64,.16) !important; }
thead th { background: #2b0c15 !important; color: #f6d68b !important; }
tbody tr:nth-child(even) { background: rgba(255,255,255,.012) !important; }
tbody tr:hover { background: rgba(151,15,38,.11) !important; }
button, .btn, .button, [role="button"] { border-color: rgba(231,180,64,.35) !important; }
.btn-primary, .primary, button.primary, .button-primary, .tab.active, .active-tab {
  background: linear-gradient(180deg, #ffd86b, #d29a21) !important;
  color: #1a0803 !important;
  border-color: #ffe291 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.44), 0 8px 18px rgba(210,154,33,.18) !important;
}
.btn-secondary, .secondary, button.secondary, .button-secondary {
  background: linear-gradient(180deg, #a8172f, #6d0b1b) !important;
  color: #fff3d5 !important;
  border-color: rgba(255,219,115,.56) !important;
}
input, select, textarea {
  background: #0e0305 !important;
  color: #fff4dd !important;
  border-color: rgba(231,180,64,.27) !important;
}
input:focus, select:focus, textarea:focus { border-color: #e7b440 !important; box-shadow: 0 0 0 3px rgba(231,180,64,.12) !important; }
::placeholder { color: #8f7357 !important; }
.sidebar a.active, .nav-item.active, .menu-item.active {
  color: #ffdb73 !important;
  background: linear-gradient(90deg, rgba(151,15,38,.36), rgba(89,6,20,.12)) !important;
  border-color: rgba(231,180,64,.42) !important;
}
.badge, .chip, .pill { background-color: rgba(145,16,37,.22) !important; border-color: rgba(231,180,64,.28) !important; }
.amount, .money, .metric-value, .stat-value { color: #fff0bb !important; }
hr, .divider { border-color: rgba(231,180,64,.18) !important; }
*, *::before, *::after { animation-duration: .21s !important; transition-duration: .13s !important; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }