/* 888 LOTTO ATBP Admin v3.10.59 — professional black/red/gold balance and non-overlapping sidebar */
:root{--pro-bg:#080807;--pro-surface:#11100e;--pro-panel:#191310;--pro-red:#8f1327;--pro-red-strong:#b51c35;--pro-gold:#e3c866;--pro-gold-soft:#f4e5a7;--pro-border:rgba(227,200,102,.22)}
body{background:radial-gradient(circle at 70% 0,rgba(143,19,39,.10),transparent 32%),linear-gradient(180deg,#070706,#0c0a08 52%,#070706)!important;color:var(--pro-gold-soft)}
.app-shell{display:flex!important;align-items:stretch!important;min-height:100dvh!important;overflow:visible!important}
.app-shell>.sidebar{position:sticky!important;inset:auto!important;top:0!important;flex:0 0 260px!important;width:260px!important;min-width:260px!important;height:100dvh!important;max-height:100dvh!important;transform:none!important;overflow:hidden!important;z-index:35!important;background:linear-gradient(180deg,#0e0d0b,#15100e 55%,#0b0a09)!important;border-right:1px solid var(--pro-border)!important;box-shadow:10px 0 34px rgba(0,0,0,.30)!important}
.app-shell>.main{position:relative!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important;overflow:visible!important;z-index:1!important}
.app-shell.sidebar-collapsed>.sidebar{flex-basis:88px!important;width:88px!important;min-width:88px!important}
.sidebar-nav{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:rgba(181,28,53,.72) transparent}
.sidebar .nav-button{color:rgba(244,229,167,.82)!important;background:rgba(46,15,16,.34)!important;border-color:rgba(227,200,102,.11)!important}
.sidebar .nav-button:hover{color:var(--pro-gold-soft)!important;background:linear-gradient(135deg,rgba(94,12,25,.78),rgba(24,18,14,.94))!important;border-color:rgba(227,200,102,.30)!important}
.sidebar .nav-button.active{color:var(--pro-gold-soft)!important;background:linear-gradient(135deg,var(--pro-red-strong),#67101f)!important;border-color:rgba(244,229,167,.52)!important;box-shadow:0 9px 22px rgba(70,4,15,.24)!important}
.sidebar .nav-icon{color:var(--pro-gold)!important}.sidebar .nav-button.active .nav-icon{color:var(--pro-gold-soft)!important}
.topbar{background:linear-gradient(180deg,rgba(15,13,11,.98),rgba(10,9,8,.96))!important;border-bottom:1px solid var(--pro-border)!important;box-shadow:0 10px 30px rgba(0,0,0,.22)!important}
.topbar :is(.button,.notification-button,.topbar-admin-sidebar-toggle){color:var(--pro-gold-soft)!important;background:linear-gradient(180deg,#9f1730,#761020)!important;border-color:rgba(227,200,102,.40)!important;box-shadow:0 7px 18px rgba(48,3,11,.24)!important}
.topbar :is(.button,.notification-button,.topbar-admin-sidebar-toggle):hover{color:#fff5c7!important;background:linear-gradient(180deg,#bd2440,#8c1428)!important;border-color:rgba(244,229,167,.68)!important}
:is(.panel,.stat-card,.table-card,.settings-card,.gateway-card,.support-card){background:linear-gradient(150deg,rgba(27,19,16,.97),rgba(12,11,10,.98))!important;border-color:var(--pro-border)!important;box-shadow:0 17px 42px rgba(0,0,0,.24)!important}
:is(.modal-card,.ui-dialog-card,.auth-card,.cs-modal-card){background:linear-gradient(150deg,#19130f,#0e0c0a 72%)!important;border-color:rgba(227,200,102,.30)!important;box-shadow:0 28px 85px rgba(0,0,0,.58)!important}
:is(.modal-header,.cs-modal-header){background:linear-gradient(90deg,rgba(105,13,28,.82),rgba(27,17,14,.96))!important;border-bottom-color:rgba(227,200,102,.20)!important}
:is(.tab-button,.record-tab,.button-primary){color:var(--pro-gold-soft)!important;background:linear-gradient(180deg,#a71932,#761020)!important;border-color:rgba(244,229,167,.46)!important}
.button-secondary{color:var(--pro-gold-soft)!important;background:linear-gradient(180deg,#2b1716,#17110f)!important;border-color:rgba(227,200,102,.25)!important}
@media(max-width:980px){
  .app-shell,.app-shell.sidebar-collapsed{display:block!important;min-height:100dvh!important}
  .app-shell>.sidebar,.app-shell.sidebar-collapsed>.sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;flex:none!important;width:min(286px,calc(100vw - 52px))!important;min-width:0!important;height:100dvh!important;max-height:100dvh!important;transform:translateX(-104%)!important;transition:transform .2s ease!important;overflow-y:auto!important;z-index:120!important}
  .app-shell>.sidebar.open,.app-shell.sidebar-collapsed>.sidebar.open{transform:translateX(0)!important}
  .app-shell>.main{width:100%!important;min-width:0!important}
  .sidebar-backdrop{z-index:110!important}.mobile-menu-button{display:inline-grid!important}
}