/* CK44 Admin — same tokens as /css/index.fb16d10c.css (no Bootstrap) */
:root{
  --ck-bg:#001c2c;
  --ck-bg2:#002632;
  --ck-panel:#004e56;
  --ck-panel2:#003941;
  --ck-hi:#006165;
  --ck-line:rgba(0,28,44,.5);
  --ck-gold:#ffe600;
  --ck-gold2:#ffb800;
  --ck-gold-hi:#fff2a6;
  --ck-gold-sh:#b64100;
  --ck-mint:#23ffc8;
  --ck-text:#fff;
  --ck-muted:#9ec9c8;
  --ck-danger:#ff5252;
  --ck-warn:#ffab49;
  --ck-ok:#23ffc8;
  --side-w:250px;
  --head-h:56px;
  --radius:10px;
  --font:Montserrat,"PingFang SC","Microsoft YaHei",Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html,body{height:100%;margin:0}
html,body,button,input,select,textarea{
  font-family:var(--font);
}
body{
  background:linear-gradient(180deg,#002632,#013239);
  color:var(--ck-text);
  min-height:100vh;
}
a{color:var(--ck-mint);text-decoration:none}
a:hover{color:#e0fff7}
img{max-width:100%;vertical-align:middle}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ck-gold-hi)}
.hide,#login.hide,#app.hide{display:none !important}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}

/* Layout */
.app-wrapper{min-height:100vh}
.app-header{
  position:fixed;top:0;right:0;left:var(--side-w);height:var(--head-h);
  z-index:50;display:flex;align-items:center;
  background:linear-gradient(180deg,#0f727c,#004e56);
  border-bottom:1px solid #001c2c;
  box-shadow:0 2px 0 0 #002631;
}
.app-header .container-fluid{
  display:flex;align-items:center;width:100%;padding:0 12px;gap:8px;
}
.app-sidebar{
  position:fixed;inset:0 auto 0 0;width:var(--side-w);z-index:45;
  background:linear-gradient(180deg,#002632 0%,#001c2c 100%);
  border-right:1px solid #001c2c;
  overflow:auto;
}
.app-sidebar .sidebar-brand{
  height:var(--head-h);display:flex;align-items:center;justify-content:center;
  padding:10px 14px;border-bottom:1px solid #003941;
  background:linear-gradient(180deg,#0f727c,#004e56);
}
.brand-link{display:flex;align-items:center;justify-content:center}
.ck-logo{height:38px;width:auto;max-width:190px;object-fit:contain;display:block}
.sidebar-wrapper{padding:8px 0 24px}
.sidebar-menu{list-style:none;margin:0;padding:0}
.sidebar-menu .nav-header{
  color:#6aa3a8;font-size:11px;letter-spacing:.12em;font-weight:600;
  padding:16px 18px 6px;
}
.sidebar-menu .nav-item{margin:0}
.sidebar-menu .nav-link{
  color:#c9e8e6;margin:2px 10px;padding:.55rem .75rem;border-radius:8px;
  display:flex;align-items:center;gap:8px;
}
.sidebar-menu .nav-link p{margin:0;display:flex;align-items:center;gap:6px;flex:1}
.sidebar-menu .nav-link:hover{background:#003941;color:#fff}
.sidebar-menu .nav-link.active{
  background:linear-gradient(180deg,#0f727c,#004e56);
  color:#fff;box-shadow:inset 0 2px 0 0 #006165, 0 1px 0 0 #001c2c;
}
.sidebar-menu .nav-link .badge{margin-left:auto}
.app-main{margin-left:var(--side-w);padding-top:var(--head-h);min-height:100vh;background:transparent}
.app-content-header{padding:18px 20px 0}
.app-content-header h3{margin:0;font-weight:700;letter-spacing:.01em}
.app-content{padding:16px 20px 72px}
.app-footer{
  margin-left:var(--side-w);padding:12px 20px;
  border-top:1px solid var(--ck-line);color:var(--ck-muted);font-size:13px;
}
body.sidebar-collapse .app-sidebar{transform:translateX(-100%)}
body.sidebar-collapse .app-header,
body.sidebar-collapse .app-main,
body.sidebar-collapse .app-footer{margin-left:0;left:0}

html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{-webkit-tap-highlight-color:transparent}
.row > [class*="col-"]{min-width:0}
.app-header .nav-link[data-lte-toggle="sidebar"]{
  min-width:44px;min-height:44px;justify-content:center;font-size:1.35rem;
}

.header-brand-wrap{display:none}
.header-brand{font-weight:700;font-size:.95rem;letter-spacing:.02em;color:#fff;white-space:nowrap}
.sidebar-close{display:none}
.who-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media (max-width:991px){
  html,body{overflow-x:hidden;max-width:100%;touch-action:manipulation}
  body{--head-h:46px;font-size:13px}
  .app-wrapper{max-width:100vw;overflow-x:hidden}
  .app-sidebar{
    transform:translateX(-100%);transition:transform .2s ease;
    z-index:70;width:min(260px,84vw);
    padding-top:env(safe-area-inset-top,0);
    padding-bottom:env(safe-area-inset-bottom,0);
  }
  .app-header,.app-main,.app-footer{margin-left:0;left:0}
  .app-header{
    z-index:50;left:0;right:0;width:100%;
    padding-top:env(safe-area-inset-top,0);
    height:calc(var(--head-h) + env(safe-area-inset-top,0));
  }
  .app-header .container-fluid{padding:0 8px;gap:4px}
  .app-header .nav-link{padding:6px 7px}
  .app-header .nav-link[data-lte-toggle="sidebar"]{min-width:38px;min-height:38px;font-size:1.2rem}
  .ck-ico{width:18px;height:18px}
  .header-brand{font-size:.82rem}
  .app-main{
    padding-top:calc(var(--head-h) + env(safe-area-inset-top,0));
    min-width:0;max-width:100vw;
  }
  body.sidebar-open{overflow:hidden}
  body.sidebar-open .app-sidebar{transform:translateX(0);box-shadow:8px 0 32px rgba(0,0,0,.45)}
  .sidebar-overlay{
    display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:65;
  }
  body.sidebar-open .sidebar-overlay{display:block}
  .sidebar-menu .nav-header{padding:10px 14px 4px;font-size:10px}
  .sidebar-menu .nav-link{min-height:38px;padding:.45rem .7rem;font-size:.82rem;margin:1px 8px}
  .sidebar-brand{justify-content:space-between;padding:8px 10px;gap:6px;height:46px}
  .ck-logo{height:28px;max-width:140px}
  .sidebar-close{
    display:inline-flex;align-items:center;justify-content:center;
    width:32px;height:32px;border:0;border-radius:6px;flex-shrink:0;
    background:rgba(0,0,0,.2);color:#fff;font-size:1rem;cursor:pointer;
  }
  .header-brand-wrap{display:flex;align-items:center}
  .who-name{display:none}

  .app-content-header{padding:8px 10px 0}
  .app-content-header .row{display:block}
  .app-content-header h3{font-size:1rem}
  .app-content-header .breadcrumb{display:none}
  .app-content{padding:8px 10px calc(16px + env(safe-area-inset-bottom,0))}
  .app-footer{display:none}
  #view .card{margin-bottom:.65rem}

  .row{gap:8px;grid-template-columns:repeat(12,minmax(0,1fr))}
  .card-body{padding:.6rem .7rem}
  .card-header{padding:.45rem .7rem;flex-wrap:wrap;gap:6px}
  .card-title{font-size:13px}
  .info-box{min-height:0;padding:8px}
  .info-box-number{font-size:.88rem;word-break:break-word}
  .info-box-text{font-size:9px}
  .info-box-icon .ck-ico{width:18px;height:18px}

  .table-responsive{
    display:block;width:100%;max-width:100%;
    overflow:visible;margin:0;
  }
  .table:not(.table-cards){min-width:0}

  .form-control,.form-select,textarea.form-control{
    min-height:36px;font-size:16px !important;max-width:100% !important;width:100%;
    padding:.35rem .55rem;
  }
  .form-label{font-size:11px;margin-bottom:.2rem}
  .btn{min-height:32px;padding:.35rem .6rem;font-size:12px;border-radius:7px}
  .btn-sm{min-height:30px;padding:.25rem .45rem;font-size:11px}
  .card-body > .d-flex.flex-wrap,
  .card-body .d-flex.flex-wrap.mb-3{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:6px !important;
    align-items:stretch !important;
  }
  .card-body > .d-flex.flex-wrap > .form-control,
  .card-body > .d-flex.flex-wrap > .form-select,
  .card-body > .d-flex.flex-wrap > input,
  .card-body > .d-flex.flex-wrap > select,
  .card-body .d-flex.flex-wrap.mb-3 > .form-control,
  .card-body .d-flex.flex-wrap.mb-3 > .form-select,
  .card-body .d-flex.flex-wrap.mb-3 > input,
  .card-body .d-flex.flex-wrap.mb-3 > select{
    max-width:none !important;width:100%;min-width:0;
  }
  .card-body > .d-flex.flex-wrap > .form-control[placeholder],
  .card-body .d-flex.flex-wrap.mb-3 > .form-control[placeholder],
  .card-body .d-flex.flex-wrap.mb-3 > input[placeholder]{
    grid-column:1 / -1;
  }
  .card-body > .d-flex.flex-wrap > .btn,
  .card-body .d-flex.flex-wrap.mb-3 > .btn{
    width:100%;min-height:34px;
  }
  .card-body .d-flex.flex-wrap.gap-2:not(.mb-3){
    display:flex !important;
  }
  .card-body .d-flex.flex-wrap.gap-2:not(.mb-3) > .btn{
    flex:1 1 calc(50% - 4px);width:auto;
  }
  .nav-tabs{
    flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;margin:0 -2px;padding-left:2px;padding-bottom:4px;gap:2px;
  }
  .nav-tabs::-webkit-scrollbar{display:none}
  .nav-tabs .nav-link{
    flex:0 0 auto;white-space:nowrap;min-height:32px;
    display:inline-flex;align-items:center;padding:.3rem .55rem;font-size:12px;
  }

  .modal{
    padding:0;align-items:flex-end;justify-content:center;
  }
  .modal-dialog,.modal-lg,.modal-xl{
    width:100%;max-width:100%;max-height:88dvh;height:auto;margin:0;
  }
  .modal-content{
    border-radius:12px 12px 0 0;max-height:88dvh;height:auto;
    padding-bottom:env(safe-area-inset-bottom,0);
  }
  .modal-header,.modal-footer{padding:.55rem .7rem}
  .modal-title{font-size:.9rem;line-height:1.3;padding-right:6px;word-break:break-word}
  .btn-close{width:28px;height:28px}
  .btn-close::before{font-size:18px;line-height:28px}
  .modal-body{padding:.65rem;-webkit-overflow-scrolling:touch}
  .modal-footer{flex-wrap:wrap;justify-content:stretch;gap:6px}
  .modal-footer .btn{flex:1 1 auto;min-height:34px}
  .modal-body .input-group{flex-wrap:wrap}
  .modal-body .input-group .btn{
    width:100%;margin-top:6px;border-radius:7px !important;min-height:34px;
  }
  .modal-body .d-flex.flex-wrap .btn{
    flex:1 1 calc(50% - 4px);min-height:32px;
  }
  .modal-body .row{gap:8px}
  .mem-av{width:28px;height:28px;border-radius:6px}
  .mem-av-lg{width:48px;height:48px;border-radius:8px}
  .badge{font-size:10px;padding:.1rem .35rem}

  .pager-bar{justify-content:space-between;flex-wrap:nowrap;margin-top:.6rem !important}
  .pager-bar .btn{min-width:36px;min-height:34px}
  .pager-bar .small{font-size:11px}

  .toast-container{
    top:auto !important;bottom:calc(8px + env(safe-area-inset-bottom,0));
    left:8px;right:8px;padding:0;
  }
  .toast{min-width:0;width:100%}
  .toast-body{padding:.5rem .75rem;font-size:13px}
  .login-page{padding:12px;padding-top:calc(12px + env(safe-area-inset-top,0))}
  .login-logo{height:64px;width:64px;border-radius:14px}
  .dropdown-menu{min-width:140px}
  .dropdown-item{padding:.4rem .75rem;font-size:13px}
}

@media (max-width:767px){
  .table-cards thead{display:none}
  .table-cards,.table-cards tbody{display:block;width:100%;min-width:0}
  .table-cards tr{
    display:block;
    background:#003941;
    border:1px solid var(--ck-line);
    border-radius:10px;
    margin-bottom:8px;
    padding:8px 10px;
    box-shadow:inset 0 1px 0 0 #006165;
  }
  .table-cards td{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:8px;
    padding:5px 0;
    border:0;
    border-bottom:1px solid rgba(255,255,255,.07);
    font-size:12px;
    min-width:0;
    text-align:right;
  }
  .table-cards td:last-child{border-bottom:0}
  .table-cards td::before{
    content:attr(data-label);
    color:var(--ck-muted);
    font-size:10px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.03em;
    flex:0 0 34%;
    text-align:left;
  }
  .table-cards td[data-label=""]{
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:4px;
    padding-top:6px;
  }
  .table-cards td[data-label=""]::before{display:none}
  .table-cards td[data-label=""] .btn{
    flex:1 1 auto;min-height:30px;
  }
  .table-cards .d-flex{justify-content:flex-end;min-width:0}
  .table-cards strong{word-break:break-word;font-size:12px}
  .table-cards .text-secondary.small{font-size:10px}
  .table-cards td[data-label="IP"],
  .table-cards td[data-label="Created"],
  .table-cards td[data-label="Last login"],
  .table-cards td[data-label="KYC"],
  .table-cards td[data-label="VIP"],
  .table-cards td[data-label="ID"],
  .table-cards td[data-label="Method"],
  .table-cards td[data-label="To"],
  .table-cards td[data-label="Order"],
  .table-cards td[data-label="Game"],
  .table-cards td[data-label="Win"]{
    display:none;
  }
  .col-6 .info-box{flex-direction:column;align-items:flex-start;gap:4px;min-height:0}
  .col-6 .info-box-icon .ck-ico{width:16px;height:16px}
  .card-body.d-flex.flex-wrap > .btn{
    flex:1 1 calc(50% - 4px);min-height:34px;font-size:11px;
  }
}

/* Header nav */
.navbar-nav{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:4px}
.navbar-nav.ms-auto{margin-left:auto}
.app-header .nav-link{
  color:#e8ffff;padding:8px 10px;display:inline-flex;align-items:center;gap:6px;
  position:relative;border-radius:8px;
}
.app-header .nav-link:hover{background:rgba(0,0,0,.18);color:#fff}
.navbar-badge{position:absolute;top:2px;right:0;font-size:10px;min-width:16px;text-align:center}

/* Login — CK44 card */
.login-page{
  min-height:100vh;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,#002632,#013239);padding:24px;
}
.login-box{width:min(400px,94vw)}
.login-card{
  background:var(--ck-panel);
  border:1px solid rgba(0,28,44,.4);
  border-radius:20px;
  box-shadow:0 1px 0 0 #001c2c, inset 0 2px 0 0 #006165;
  overflow:hidden;
}
.login-logo-wrap{
  background:linear-gradient(180deg,#0f727c,#004e56);
  padding:22px 16px;display:flex;align-items:center;justify-content:center;
}
.login-logo{
  height:86px;width:86px;object-fit:cover;display:block;
  border-radius:18px;box-shadow:0 2px 0 0 #001c2c;
}
.login-card .card-body{color:#fff}
.login-card h1{color:#fff}
.card-body ol,.modal-body ol{padding-left:1.3rem;margin:0 0 1rem}
.card-body ol li,.modal-body ol li{margin:.3rem 0}
.ck-ico{width:22px;height:22px;object-fit:contain;display:inline-block;vertical-align:middle;flex-shrink:0}
.ck-ico-inv{filter:invert(1)}
.nav-icon.ck-ico{width:20px;height:20px;margin-right:.15rem}

/* Grid */
.container-fluid{width:100%}
.row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.row.g-2{gap:8px}
.row.g-3{gap:16px}
.col-12{grid-column:span 12}
.col-6{grid-column:span 6}
.col-6.col-xl-3{grid-column:span 6}
.col-sm-6,.col-md-3,.col-md-4,.col-md-5,.col-md-6,
.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,
.col-xl-2,.col-xl-3{grid-column:span 12}
@media (min-width:576px){
  .col-sm-6{grid-column:span 6}
}
@media (min-width:768px){
  .col-md-3{grid-column:span 3}
  .col-md-4{grid-column:span 4}
  .col-md-5{grid-column:span 5}
  .col-md-6{grid-column:span 6}
}
@media (min-width:992px){
  .col-lg-4{grid-column:span 4}
  .col-lg-5{grid-column:span 5}
  .col-lg-6{grid-column:span 6}
  .col-lg-7{grid-column:span 7}
  .col-lg-8{grid-column:span 8}
}
@media (min-width:1200px){
  .col-xl-2{grid-column:span 2}
  .col-xl-3,.col-6.col-xl-3{grid-column:span 3}
}

/* Flex / display */
.d-flex{display:flex}
.flex-wrap{flex-wrap:wrap}
.flex-column{flex-direction:column}
.align-items-center{align-items:center}
.align-items-end{align-items:flex-end}
.justify-content-between{justify-content:space-between}
.gap-2{gap:.5rem}
.gap-3{gap:1rem}
.w-100{width:100%}
.h-100{height:100%}
.ms-auto{margin-left:auto}
.m-auto{margin:auto}
.d-none{display:none !important}
@media (min-width:576px){
  .d-sm-inline{display:inline !important}
  .d-sm-block{display:block !important}
  .float-sm-end{float:right}
}
@media (min-width:768px){
  .d-md-block{display:block !important}
  .p-md-5{padding:2.5rem !important}
}
.float-end{float:right}
.text-center{text-align:center}
.text-nowrap{white-space:nowrap}
.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.small,.text-secondary.small{font-size:12px}
.fw-semibold{font-weight:600}
.h5{font-size:1.15rem;font-weight:700;margin:0}
.position-fixed{position:fixed}
.top-0{top:0}
.end-0{right:0}

/* Spacing */
.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.25rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-5{padding-top:3rem;padding-bottom:3rem}
.pb-3{padding-bottom:1rem}
.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}
.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.25rem}
.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.25rem}
.me-1{margin-right:.25rem}.me-2{margin-right:.5rem}

/* Type */
.text-secondary{color:var(--ck-muted) !important}
.text-danger{color:var(--ck-danger) !important}
.text-success{color:var(--ck-ok) !important}
.text-warning{color:var(--ck-warn) !important}
.border{border:1px solid var(--ck-line)}
.border-0{border:0 !important}
.border-bottom{border-bottom:1px solid var(--ck-line)}

/* Buttons — gold 3D like site start-btn */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:.45rem .9rem;border:0;border-radius:8px;cursor:pointer;
  font:inherit;font-weight:700;font-size:13px;line-height:1.2;
  background:linear-gradient(180deg,#0f727c,#004e56);color:#fff;
  box-shadow:inset 0 2px 0 0 #006165, 0 1px 0 0 #001c2c;
}
.btn:hover{filter:brightness(1.08)}
.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}
.btn-sm{padding:.28rem .55rem;font-size:12px}
.btn-primary,.btn-gold{
  background:linear-gradient(180deg,#ffe600,#ffb800);color:#3a2400;
  box-shadow:inset 0 2px 0 1px #fff2a6, 0 2px 0 0 #b64100;
}
.btn-warning{
  background:linear-gradient(180deg,#ffe799,#f59407);color:#3a2400;
  box-shadow:inset 0 2px 0 1px #fff2a6, 0 2px 0 0 #b64100;
}
.btn-success{
  background:linear-gradient(180deg,#23ffc8,#00aab1);color:#00333a;
  box-shadow:inset 0 2px 0 1px #e0fff7, 0 2px 0 0 #004e56;
}
.btn-danger{
  background:linear-gradient(180deg,#ff7a70,#ee3a22);color:#fff;
  box-shadow:inset 0 2px 0 1px #ffc4be, 0 2px 0 0 #701a1a;
}
.btn-secondary,.btn-dark{
  background:linear-gradient(180deg,#0f727c,#004e56);color:#fff;
}
.btn-outline-secondary,.btn-outline-primary,.btn-outline-danger,
.btn-outline-warning,.btn-outline-info{
  background:transparent;color:#e8ffff;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:none;
}
.btn-outline-secondary:hover,.btn-outline-primary:hover{
  background:rgba(255,255,255,.08);color:#fff;
}
.btn-outline-danger{color:#ffb4ae;border-color:rgba(238,58,34,.45)}
.btn-outline-warning{color:#ffd753;border-color:rgba(255,184,0,.4)}
.btn-outline-info{color:var(--ck-mint);border-color:rgba(35,255,200,.35)}

/* Cards */
.card{
  background:var(--ck-panel);
  border:1px solid rgba(0,28,44,.4);
  border-radius:var(--radius);
  box-shadow:inset 0 2px 0 0 #006165, 0 1px 0 0 #001c2c;
  color:#fff;
}
.card-header{
  padding:.75rem 1rem;border-bottom:1px solid var(--ck-line);
  display:flex;align-items:center;justify-content:space-between;
}
.card-title{margin:0;font-size:15px;font-weight:700}
.card-body{padding:1rem}
#view .card{margin-bottom:1rem}

/* Tables */
.table-responsive{overflow:auto}
.table{width:100%;border-collapse:collapse;color:#fff}
.table thead th{
  color:#9ec9c8;font-size:11px;text-transform:uppercase;letter-spacing:.06em;
  text-align:left;padding:.6rem .55rem;border-bottom:1px solid var(--ck-line);
  font-weight:600;
}
.table td,.table th{padding:.55rem;vertical-align:middle;border-bottom:1px solid rgba(255,255,255,.06)}
.table-striped tbody tr:nth-child(odd){background:rgba(0,28,44,.25)}
.table-hover tbody tr:hover{background:rgba(15,114,124,.28)}
.table-sm td,.table-sm th{padding:.4rem .5rem}

/* Forms */
.form-label{display:block;margin-bottom:.35rem;font-size:13px;color:var(--ck-muted);font-weight:600}
.form-control,.form-select,textarea.form-control{
  width:100%;padding:.5rem .7rem;border-radius:8px;
  background:#00292f;color:#fff;border:1px solid #003941;
  font:inherit;outline:0;
}
.form-control:focus,.form-select:focus{
  border-color:var(--ck-gold2);box-shadow:0 0 0 2px rgba(255,184,0,.2);
}
.form-control:disabled{opacity:.6}
.form-text{font-size:12px;color:var(--ck-muted);margin-top:.25rem}
.input-group{display:flex;align-items:stretch}
.input-group .form-control,.input-group .form-select{flex:1;min-width:0;border-radius:0}
.input-group-text{
  display:flex;align-items:center;padding:0 .7rem;
  background:#003941;border:1px solid #003941;color:#c9e8e6;
}
.input-group > :first-child{border-radius:8px 0 0 8px}
.input-group > :last-child{border-radius:0 8px 8px 0}
.form-check{display:flex;align-items:center;gap:8px}
.form-check-input{width:18px;height:18px;accent-color:var(--ck-gold2)}
.form-switch .form-check-input{width:36px;height:18px}

/* Badges / alerts */
.badge{
  display:inline-block;padding:.15rem .45rem;font-size:11px;font-weight:700;
  border-radius:6px;background:#003941;color:#fff;line-height:1.3;
}
.text-bg-success{background:rgba(35,255,200,.18);color:#23ffc8}
.text-bg-warning{background:rgba(255,184,0,.2);color:#ffe600}
.text-bg-danger{background:rgba(238,58,34,.22);color:#ff8a80}
.text-bg-info{background:rgba(0,170,177,.25);color:#e0fff7}
.text-bg-secondary{background:rgba(255,255,255,.1);color:#c9e8e6}
.alert{
  padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;
  border:1px solid var(--ck-line);background:#003941;color:#e8ffff;
}
.alert-info{background:rgba(15,114,124,.35);border-color:#006165}
.alert-danger{background:rgba(238,58,34,.18);border-color:#ee3a22;color:#ffc4be}
.alert-secondary{background:#003941}

/* KPI */
.info-box{
  display:flex;align-items:center;gap:10px;min-height:78px;padding:12px 14px;
  background:var(--ck-panel);border:1px solid rgba(0,28,44,.4);border-radius:var(--radius);
  box-shadow:inset 0 2px 0 0 #006165, 0 1px 0 0 #001c2c;
  min-width:0;overflow:hidden;
}
.info-box-icon{display:flex;align-items:center;justify-content:center;padding:0 4px}
.info-box-icon .ck-ico{width:28px;height:28px}
.info-box-content{min-width:0;flex:1}
.info-box-text{display:block;color:var(--ck-muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.info-box-number{display:block;font-size:1.15rem;font-weight:700;line-height:1.2;word-break:break-word}

/* Breadcrumb / list */
.breadcrumb{list-style:none;margin:0;padding:0;display:flex;gap:8px;justify-content:flex-end;font-size:13px}
.breadcrumb-item + .breadcrumb-item::before{content:"/";margin-right:8px;color:#6aa3a8}
.breadcrumb-item,.breadcrumb-item a{color:var(--ck-muted)}
.breadcrumb-item.active{color:#fff}
.list-group{list-style:none;margin:0;padding:0;border:1px solid var(--ck-line);border-radius:8px;overflow:hidden}
.list-group-item{padding:.55rem .75rem;border-bottom:1px solid var(--ck-line);background:#003941}
.list-group-item:last-child{border-bottom:0}

/* Tabs */
.nav{list-style:none;margin:0;padding:0}
.nav-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--ck-line);padding-bottom:6px}
.nav-tabs .nav-link{
  display:block;padding:.4rem .75rem;border-radius:8px 8px 0 0;color:var(--ck-muted);
  cursor:pointer;background:transparent;border:0;font:inherit;
}
.modal-body > .nav-tabs{
  position:sticky;top:0;z-index:3;background:var(--ck-panel);padding-top:2px;
}
.nav-tabs .nav-link.active,.nav-tabs .nav-link:hover{color:#fff;background:#003941}
.tab-content{padding-top:12px}
.tab-pane{display:none}
.tab-pane.show,.tab-pane.active{display:block}

/* Dropdown */
.dropdown{position:relative}
.dropdown-menu{
  display:none;position:absolute;right:0;top:100%;z-index:50;min-width:180px;
  background:#003941;border:1px solid var(--ck-line);border-radius:8px;
  padding:6px 0;box-shadow:0 8px 24px rgba(0,0,0,.35);
}
.dropdown-menu.show,.dropdown.open .dropdown-menu{display:block}
.dropdown-item,.dropdown-item-text{display:block;padding:.45rem .9rem;color:#fff}
.dropdown-item:hover{background:#0f727c}
.dropdown-divider{height:1px;background:var(--ck-line);margin:6px 0;border:0}

/* Modal / toast */
.modal{
  display:none;position:fixed;inset:0;z-index:80;
  background:rgba(0,0,0,.6);align-items:center;justify-content:center;padding:16px;
}
.modal.show,.modal.fade.show{display:flex}
.modal-dialog{
  width:min(720px,100%);max-height:92vh;display:flex;flex-direction:column;
}
.modal-lg{width:min(800px,100%)}
.modal-xl{width:min(1140px,100%)}
.modal-dialog-scrollable .modal-body{overflow:auto}
.modal-content{
  background:var(--ck-panel);border:1px solid rgba(0,28,44,.4);border-radius:16px;
  box-shadow:0 1px 0 0 #001c2c, inset 0 2px 0 0 #006165;
  display:flex;flex-direction:column;max-height:92vh;color:#fff;
}
.modal-header,.modal-footer{
  padding:.85rem 1rem;display:flex;align-items:center;gap:8px;
  border-color:var(--ck-line);
}
.modal-header{border-bottom:1px solid var(--ck-line);justify-content:space-between}
.modal-footer{border-top:1px solid var(--ck-line);justify-content:flex-end}
.modal-title{margin:0;font-size:1.05rem}
.modal-body{padding:1rem;overflow:auto}
.btn-close{
  width:32px;height:32px;border:0;border-radius:8px;cursor:pointer;
  background:rgba(255,255,255,.08);color:#fff;position:relative;
}
.btn-close::before{content:"×";font-size:22px;line-height:32px}
.btn-close-white{background:transparent}

.toast-container{z-index:90}
.toast{
  display:none;min-width:220px;border-radius:8px;padding:0;overflow:hidden;
  box-shadow:0 8px 24px rgba(0,0,0,.35);
}
.toast.show{display:flex}
.toast .d-flex{display:flex;align-items:center;width:100%}
.toast-body{padding:.7rem 1rem;flex:1}
.toast.text-bg-success{background:#0d6c76;color:#fff}
.toast.text-bg-danger{background:#701a1a;color:#fff}

.spinner-border{
  display:inline-block;width:1.1rem;height:1.1rem;border:2px solid rgba(255,255,255,.25);
  border-top-color:var(--ck-gold);border-radius:50%;animation:ckspin .7s linear infinite;
}
.spinner-border-sm{width:.9rem;height:.9rem}
@keyframes ckspin{to{transform:rotate(360deg)}}

.mem-av{width:36px;height:36px;object-fit:cover;background:#003941;flex-shrink:0;display:block;border-radius:8px}
.mem-av-lg{width:72px;height:72px;object-fit:cover;background:#003941;flex-shrink:0;display:block;border-radius:10px}
.g-thumb{width:40px;height:40px;object-fit:cover;background:#003941;display:block;border-radius:8px}
.g-row-off{opacity:.45}
.shadow,.shadow-lg{box-shadow:0 1px 0 0 #001c2c, inset 0 2px 0 0 #006165}

::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{background:#0f727c;border-radius:8px}
::-webkit-scrollbar-track{background:#001c2c}

/* Dashboard sections (color-prediction parity) */
.dash-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem .75rem;margin:0 0 .85rem}
.dash-filter{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;background:#003941;border:1px solid var(--ck-line);border-radius:8px;padding:.3rem .4rem}
.dash-filter .form-select,.dash-filter .form-control{font-size:12px;padding:.2rem .4rem;min-height:28px;width:auto}
.dash-filter select.form-select{width:118px}
.dash-filter input[type="datetime-local"]{width:168px}
.dash-section{margin-bottom:1.15rem}
.dash-section-title{
  display:flex;align-items:center;justify-content:space-between;gap:.55rem;
  font-size:.95rem;font-weight:600;margin:0 0 .7rem;color:#e8ffff;
  padding-bottom:.4rem;border-bottom:1px solid var(--ck-line);
}
.dash-section-title i{color:var(--ck-gold);margin-right:.35rem}
.dash-kpi.is-click{cursor:pointer}
.dash-kpi.is-click:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.28)}
.dash-kpi.tone-ok{border-color:rgba(35,255,200,.35)}
.dash-kpi.tone-ok .info-box-number{color:var(--ck-mint)}
.dash-kpi.tone-warn{border-color:rgba(255,184,0,.4)}
.dash-kpi.tone-warn .info-box-number{color:var(--ck-gold)}
.dash-kpi.tone-danger{border-color:rgba(238,58,34,.4)}
.dash-kpi.tone-danger .info-box-number{color:#ff8a80}
.dash-kpi.tone-info{border-color:rgba(0,170,177,.45)}
.dash-kpi.tone-info .info-box-number{color:#9eefff}
.dash-kpi.tone-muted{opacity:.85}

.mu-id a{color:var(--ck-gold);font-weight:700;text-decoration:none}
.mu-id a:hover{color:var(--ck-gold-hi)}
.mu-wallet{font-weight:700;color:var(--ck-mint);white-space:nowrap}
.mu-actions{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem;min-width:220px}
.mu-pwd{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;
  background:#003941;padding:.15rem .4rem;border-radius:.25rem;color:var(--ck-gold-hi);
}

/* User details page (color-prediction parity) */
.ud-nav{display:flex;flex-wrap:wrap;gap:.45rem}
.ud-info-list{list-style:none;padding:0;margin:0}
.ud-info-list li{
  display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;
  padding:.65rem 0;border-bottom:1px solid var(--ck-line);
}
.ud-info-list li:last-child{border-bottom:0}
.ud-info-list .label{min-width:120px;color:var(--ck-muted);font-size:.9rem}
.ud-info-list .value{font-weight:600}
.ud-inline-form{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;flex:1}
.ud-inline-form .form-control{max-width:220px}
.ud-tile{
  display:block;text-decoration:none;color:inherit;
  border:1px solid var(--ck-line);border-radius:.65rem;
  padding:1rem;height:100%;background:#003941;
}
.ud-tile:hover{border-color:var(--ck-mint);color:inherit}
.ud-tile .ud-tile-icon{font-size:1.4rem;color:var(--ck-gold);margin-bottom:.35rem}
.ud-tile .ud-tile-title{font-weight:700;margin-bottom:.15rem}
.ud-tile .ud-tile-meta{font-size:.82rem;color:var(--ck-muted)}
.ud-tree{display:block}
.ud-tree-node{
  border-left:2px solid var(--ck-line);margin-left:.75rem;padding-left:.85rem;margin-bottom:.5rem;
}
.ud-tree-card{
  display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;
  background:#003941;border:1px solid var(--ck-line);border-radius:.5rem;
  padding:.55rem .75rem;margin-bottom:.45rem;
}
.ud-tree-card .lvl{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ck-muted)}

/* Finance lists (deposit / withdraw / bets) */
.fin-top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem 1rem;margin-bottom:1rem}
.fin-top h4{margin:0;font-size:1.2rem;font-weight:700}
.fin-top h4 i{color:var(--ck-gold);margin-right:.35rem}
.fin-tabs{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1rem}
.fin-tab{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.4rem .85rem;border-radius:999px;font-size:.88rem;font-weight:600;
  border:1px solid var(--ck-line);background:#003941;color:var(--ck-muted);cursor:pointer;
}
.fin-tab:hover{color:#fff;border-color:var(--ck-mint)}
.fin-tab.active{background:var(--ck-panel);color:#fff;border-color:var(--ck-gold)}
.fin-tab.pending.active{background:#8a5a00;border-color:var(--ck-gold);color:var(--ck-gold)}
.fin-tab.ok.active{background:#0a5c50;border-color:var(--ck-mint);color:var(--ck-mint)}
.fin-tab.bad.active{background:#6b1c1c;border-color:#ff8a80;color:#ff8a80}
.fin-tab .cnt{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:1.3rem;height:1.3rem;padding:0 .3rem;border-radius:999px;
  font-size:.72rem;font-weight:700;background:rgba(255,255,255,.12);
}
.fin-user-cell{display:flex;flex-direction:column;gap:.1rem}
.fin-user-cell a{font-weight:700;color:var(--ck-gold)}
.fin-user-cell a:hover{color:var(--ck-gold-hi)}
.fin-user-cell small{color:var(--ck-muted);font-size:.75rem}
.fin-amt{color:var(--ck-mint);white-space:nowrap}
.fin-code{font-size:.8rem}
.fin-method{font-weight:600}
.fin-actions{display:inline-flex;flex-wrap:wrap;gap:.35rem}
.fin-table thead th{white-space:nowrap;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ck-muted)}