@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Sora:wght@600;700;800&display=swap');
/* ============================================================
   AdLinkFly — "Black Modern" dark override for the AdminLTE layer
   (admin panel, login/signup, interstitial, captcha, error)
   Aligned to the adlinknew design system. No markup/logic changes.
   ============================================================ */
:root{
  --bg:#0a0c1b; --bg2:#0f1226; --surface:#151935; --surface2:#1b2046;
  --border:#262c52; --text:#eef0fb; --muted:#a4abd4;
  --acc:#6d7bff; --acc2:#a06bff; --accgrad:linear-gradient(135deg,#6d7bff,#a06bff);
}
body,.wrapper,.hold-transition,.content-wrapper,.right-side,.fixed .content-wrapper{
  background:#0a0c1b !important;color:var(--text) !important;
  font-family:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
h1,h2,h3,h4,h5,.box-title,.content-header>h1{font-family:'Sora','Plus Jakarta Sans',sans-serif}
a{color:#aeb6ff}a:hover{color:#fff}
h1,h2,h3,h4,h5,h6,.content-header>h1,label,p,td,th,dt,dd,strong,b,span{color:inherit}
.text-muted,small,.help-block{color:var(--muted) !important}
hr{border-color:var(--border)}

/* ---- Top header / navbar ---- */
.main-header .navbar,.main-header>.logo,.main-header .logo,.layout-top-nav .main-header>.navbar{
  background:var(--surface) !important;color:#fff !important;border-color:var(--border) !important}
.main-header .logo{color:#fff !important;border-bottom:1px solid var(--border)}
.main-header .navbar .nav>li>a,.main-header .navbar .sidebar-toggle{color:var(--muted) !important}
.main-header .navbar .nav>li>a:hover,.main-header .navbar .nav>.open>a{background:var(--surface2) !important;color:#fff !important}
.navbar-nav>.user-menu>.dropdown-menu,.dropdown-menu{background:var(--surface) !important;border:1px solid var(--border) !important}
.dropdown-menu>li>a{color:var(--text) !important}.dropdown-menu>li>a:hover{background:var(--surface2) !important}

/* ---- Sidebar ---- */
.main-sidebar,.left-side,.skin-blue .main-sidebar,.skin-blue .left-side{background:#0c0f1c !important;border-right:1px solid var(--border)}
.sidebar-menu>li.header{background:transparent !important;color:var(--muted) !important;text-transform:uppercase;letter-spacing:1px;font-size:11px}
.sidebar-menu>li>a,.sidebar a{color:var(--muted) !important}
.sidebar-menu>li:hover>a,.sidebar-menu>li.active>a,.sidebar-menu>li.menu-open>a{
  background:var(--surface) !important;color:#fff !important;border-left:3px solid var(--acc) !important}
.sidebar-menu .treeview-menu{background:#0a0c16 !important}
.sidebar-menu .treeview-menu>li>a{color:var(--muted) !important}
.sidebar-menu .treeview-menu>li.active>a,.sidebar-menu .treeview-menu>li>a:hover{color:#fff !important}
.user-panel>.info,.user-panel>.info>a{color:#fff !important}
.sidebar-form .form-control{background:var(--surface) !important;border-color:var(--border) !important}

/* ---- Boxes / cards / tabs ---- */
.box,.nav-tabs-custom,.modal-content,.box.box-solid{background:var(--surface) !important;border:1px solid var(--border) !important;
  border-top-color:var(--acc) !important;border-radius:14px;box-shadow:0 24px 60px -34px rgba(0,0,0,.7);color:var(--text) !important}
.box-header{color:#fff !important;border-bottom:1px solid var(--border) !important}
/* kill AdminLTE's solid blue box headers (Withdraw view stats boxes etc.) */
.box.box-solid>.box-header,.box.box-solid.box-primary>.box-header{background:var(--surface2) !important;color:#fff !important;border-radius:18px 18px 0 0}
/* Settings/edit tabs: AdminLTE's .tab-content is solid white, so the light field labels become
   invisible (light-on-white). Make the tab panel transparent so the dark page shows through. */
.nav-tabs-custom>.tab-content,.nav-tabs-custom,.tab-content{background:transparent !important;box-shadow:none !important}
.nav-tabs-custom{border:1px solid var(--border) !important;border-radius:16px;padding:6px}
/* bare <select> with no .form-control (e.g. Plan Expiration Date day/month/year) rendered as raw
   gray boxes — theme them to match the other inputs. */
.content select:not(.form-control){background:var(--bg2) !important;border:1px solid var(--border) !important;color:var(--text) !important;border-radius:10px;padding:8px 11px;height:auto;outline:none;transition:border-color .15s,box-shadow .15s}
.content select:not(.form-control):focus{border-color:var(--pri,#6d7bff) !important;box-shadow:0 0 0 3px rgba(109,123,255,.25) !important}
.content select[name^="expiration"]{min-width:96px;margin:2px 8px 0 0}
.box-header .box-title{color:#fff !important;font-weight:700}
.box-footer{background:var(--surface2) !important;border-top:1px solid var(--border) !important}
.nav-tabs-custom>.nav-tabs{border-bottom:1px solid var(--border)}
.nav-tabs-custom>.nav-tabs>li.active>a{background:var(--surface) !important;color:#fff !important;border-color:var(--border) !important;border-top:3px solid var(--acc)}
.nav-tabs-custom>.nav-tabs>li>a{color:var(--muted) !important}
/* Plain Bootstrap .nav-tabs (Settings page etc.) were unstyled (default boxy AdminLTE tabs) -> modern KX2 underline tabs, light+dark, no layout shift */
.content .nav-tabs{border-bottom:1px solid var(--border) !important;display:flex;flex-wrap:wrap;gap:2px;padding:0 4px}
.content .nav-tabs>li{margin:0 0 -1px 0 !important;float:none !important}
.content .nav-tabs>li>a{border:0 !important;border-bottom:2px solid transparent !important;border-radius:9px 9px 0 0 !important;margin:0 !important;padding:9px 14px !important;color:var(--muted) !important;background:transparent !important;font-weight:600;transition:.15s}
.content .nav-tabs>li>a:hover{background:var(--surface2) !important;color:var(--text) !important;border-bottom-color:transparent !important}
.content .nav-tabs>li.active>a,.content .nav-tabs>li.active>a:hover,.content .nav-tabs>li.active>a:focus{background:transparent !important;color:#6d7bff !important;border:0 !important;border-bottom:2px solid #6d7bff !important}
.modal-header,.modal-footer{border-color:var(--border) !important}

/* ---- Dashboard widgets ---- */
.small-box{background:var(--surface) !important;border:1px solid var(--border);border-radius:14px;color:#fff !important}
.small-box>.inner h3,.small-box>.inner p{color:#fff !important}
.small-box .icon{color:rgba(174,182,255,.25)}
.info-box{background:var(--surface) !important;border:1px solid var(--border);border-radius:14px;box-shadow:none}
.info-box-icon{background:var(--accgrad) !important;color:#fff !important;border-radius:14px 0 0 14px}
.info-box-number,.info-box-text,.description-block .description-header{color:#fff !important}
.progress,.progress-bar{background:var(--surface2)}.progress-bar{background:var(--accgrad) !important}

/* ---- Tables ---- */
.table{color:var(--text) !important}
.table>thead>tr>th{color:var(--muted) !important;border-bottom:2px solid var(--border) !important}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td{border-top:1px solid var(--border) !important}
.table-hover>tbody>tr:hover{background:rgba(255,255,255,.03) !important}
.table-striped>tbody>tr:nth-of-type(odd){background:rgba(255,255,255,.02) !important}

/* ---- Forms ---- */
.form-control,.input-group-addon,.select2-container--default .select2-selection--single{
  background:var(--surface) !important;border:1px solid var(--border) !important;color:var(--text) !important;border-radius:10px;box-shadow:none}
.form-control:focus{border-color:var(--acc) !important;box-shadow:0 0 0 3px rgba(109,123,255,.25) !important}
.form-control::placeholder{color:var(--muted)}
.input-group-addon{color:var(--muted) !important}

/* ---- Buttons / labels / alerts ---- */
.btn-default{background:var(--surface) !important;border:1px solid var(--border) !important;color:var(--text) !important}
.btn-default:hover{background:var(--surface2) !important;color:#fff !important;border-color:var(--acc) !important}
.btn-primary,.btn-success,.btn-info,.bg-aqua,.bg-blue,.bg-green{background:var(--accgrad) !important;border:0 !important;color:#fff !important}
.btn-primary:hover,.btn-success:hover,.btn-info:hover{filter:brightness(1.08);color:#fff !important}
.btn{border-radius:10px;font-weight:600}
/* Delete buttons were AdminLTE-red bg + inherited purple link text -> clean light "danger" style (light+dark) */
.content .btn-danger,.content a.btn-danger,.kx-cardbtns .btn-danger{background:rgba(251,113,133,.15) !important;color:#fb7185 !important;border:1px solid rgba(251,113,133,.42) !important;text-shadow:none !important}
.content .btn-danger:hover,.content a.btn-danger:hover{background:rgba(251,113,133,.26) !important;color:#fb7185 !important}
[data-theme="light"] .content .btn-danger,[data-theme="light"] .content a.btn-danger,[data-theme="light"] .kx-cardbtns .btn-danger{background:#fff1f3 !important;color:#e11d48 !important;border-color:#fbd0d8 !important}
[data-theme="light"] .content .btn-danger:hover,[data-theme="light"] .content a.btn-danger:hover{background:#ffe1e6 !important;color:#be123c !important}
.label-primary,.label-success,.badge{background:var(--accgrad) !important}
.alert-success{background:rgba(43,212,164,.12) !important;border:1px solid rgba(43,212,164,.4) !important;color:#7ff0cf !important}
.alert-danger,.alert-error{background:rgba(255,90,120,.12) !important;border:1px solid rgba(255,90,120,.4) !important;color:#ff9fb0 !important}
.alert-info,.callout{background:var(--surface) !important;border:1px solid var(--border) !important;color:var(--text) !important}
.pagination>li>a,.pagination>li>span{background:var(--surface) !important;border-color:var(--border) !important;color:var(--text) !important}
.pagination>.active>a,.pagination>li>a:hover{background:var(--accgrad) !important;border-color:transparent !important;color:#fff !important}

/* ---- Auth (login / signup / lockscreen) ---- */
.login-page,.register-page,.lockscreen{background:radial-gradient(900px 540px at 50% -200px,#161c34,#0a0c16) !important}
.login-box-body,.register-box-body,.lockscreen-item{background:var(--surface) !important;border:1px solid var(--border) !important;
  color:var(--text) !important;border-radius:16px;box-shadow:0 28px 70px -30px rgba(0,0,0,.8)}
.login-logo,.register-logo,.login-logo a,.register-logo a{color:#fff !important;font-weight:800}
.login-box-msg,.register-box-msg{color:var(--muted) !important}
.icheck>label,.checkbox label{color:var(--muted)}

/* ---- Footer ---- */
.main-footer{background:var(--surface) !important;border-top:1px solid var(--border) !important;color:var(--muted) !important}
.main-footer a,.main-footer strong{color:#fff !important}

/* ---- Interstitial / go pages (AdminLTE-based) ---- */
.go-page,.interstitial,.countdown,#timer,.timer{color:var(--text)}
.btn-captcha,#getlink,#go-submit{border-radius:12px}

/* ===================== ADVANCED LAYER — glassmorphism + micro-interactions ===================== */
body,.wrapper{background:#080a16 !important}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(46vw 46vw at 86% -8%,rgba(160,107,255,.16),transparent 60%),
  radial-gradient(44vw 44vw at -8% 10%,rgba(109,123,255,.15),transparent 60%)}
.wrapper{position:relative;z-index:1}
.main-sidebar,.left-side{background:rgba(12,15,28,.82) !important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.main-header .navbar,.main-header .logo{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.sidebar-menu>li>a{transition:transform .22s,background .22s,color .22s}
.sidebar-menu>li:hover>a{transform:translateX(3px)}
.sidebar-menu>li.active>a{box-shadow:0 12px 26px -10px rgba(109,123,255,.65)}
.box,.nav-tabs-custom{background:rgba(255,255,255,.045) !important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.09) !important;border-radius:18px !important;overflow:hidden;
  box-shadow:0 18px 50px -24px rgba(0,0,0,.75) !important;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative}
.box::before{content:"";position:absolute;left:14px;right:14px;top:0;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(135deg,#6d7bff,#a06bff);opacity:.9}
.box:hover{transform:translateY(-3px);border-color:rgba(109,123,255,.4) !important;box-shadow:0 26px 64px -26px rgba(109,123,255,.4) !important}
.small-box{border-radius:18px !important;overflow:hidden;transition:transform .25s,box-shadow .25s;background:rgba(255,255,255,.05) !important}
.small-box:hover{transform:translateY(-4px);box-shadow:0 24px 56px -26px rgba(109,123,255,.45)}
.small-box>.inner h3{font-family:'Sora',sans-serif;background:linear-gradient(135deg,#fff,#cdd3ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.info-box{border-radius:18px !important;overflow:hidden;background:rgba(255,255,255,.045) !important;backdrop-filter:blur(14px);box-shadow:0 18px 50px -24px rgba(0,0,0,.7)}
.btn{transition:transform .15s,box-shadow .15s}
.btn-primary:hover,.btn-success:hover,.btn-info:hover{transform:translateY(-2px)}
.login-box-body,.register-box-body{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(255,255,255,.05) !important}
@media (max-width:768px){.box,.small-box,.info-box{border-radius:14px !important}}
/* ---- kill mobile blue tap-highlight + mouse-click focus box (keep keyboard a11y) ---- */
*{-webkit-tap-highlight-color:transparent}
a:focus:not(:focus-visible),button:focus:not(:focus-visible),summary:focus:not(:focus-visible),
.btn:focus:not(:focus-visible),.icon-btn:focus:not(:focus-visible),[role=button]:focus:not(:focus-visible){outline:none}

/* ===================== REBUILT ADMIN DASHBOARD (KPI grid) ===================== */
.kx-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 18px}
.kx-head h3{margin:0;font-size:20px;color:#fff;font-family:'Sora',sans-serif}
.kx-head .form-control{width:auto !important;min-width:240px;display:inline-block}
.kx-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}
.kx-kpi{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.05);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.09);
  box-shadow:0 18px 50px -24px rgba(0,0,0,.75);transition:transform .25s,border-color .25s}
.kx-kpi:hover{transform:translateY(-4px);border-color:rgba(109,123,255,.42)}
.kx-kpi-ic{flex:0 0 auto;width:52px;height:52px;border-radius:15px;display:grid;place-items:center;
  background:linear-gradient(135deg,#6d7bff,#a06bff);box-shadow:0 12px 26px -10px rgba(109,123,255,.7)}
.kx-kpi-ic i,.kx-kpi-ic .material-symbols-outlined{font-size:24px;color:#fff;line-height:1}
.kx-kpi span{color:var(--muted);font-size:13px;font-weight:600;display:block;margin-bottom:2px}
.kx-kpi b{font-family:'Sora',sans-serif;font-size:22px;display:block;background:linear-gradient(135deg,#fff,#cdd3ff);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.15}
#chart_div svg text{fill:#9aa3d4 !important}
@media(max-width:1100px){.kx-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.kx-kpis{grid-template-columns:1fr 1fr}.kx-kpi{padding:14px}.kx-kpi b{font-size:19px}}

/* ===================== RESPONSIVE / MOBILE — all admin pages ===================== */
/* Wide data grids already sit in .table-responsive (Bootstrap) — make the scroll smooth + seamless */
.table-responsive{border:0 !important;-webkit-overflow-scrolling:touch}

/* Tablet */
@media (max-width:991px){
  .kx-head{flex-direction:column;align-items:stretch}
  .kx-head .form-control{width:100% !important;min-width:0}
  .content-header>h1{font-size:20px}
}

/* Phones — AdminLTE off-canvases the sidebar; this fixes the content/forms/tables on top of that */
@media (max-width:767px){
  .content-wrapper,.right-side,.main-footer{margin-left:0 !important}
  .content{padding:12px 10px}
  .content-header{padding:14px 12px 0}
  /* breadcrumb flows under the title instead of overlapping it */
  .content-header>.breadcrumb{position:static;float:none;margin:8px 0 0;padding:0;background:transparent}
  /* horizontal forms (Settings/Options etc.): labels above fields, comfortable spacing */
  .form-horizontal .control-label{text-align:left !important;margin-bottom:6px;padding-top:0}
  .form-group{margin-bottom:14px}
  .btn{white-space:normal}
  /* modals fill the screen */
  .modal-dialog{margin:10px;width:auto}
  /* pagination wraps instead of overflowing the card */
  .pagination{display:flex;flex-wrap:wrap}
  .pagination>li>a,.pagination>li>span{margin:0 0 4px}
  /* dashboard widgets */
  .small-box>.inner h3{font-size:30px}
  .main-header .logo{font-size:16px}
  /* keep long cells from forcing the whole page wide — they scroll inside the card instead */
  .box-body>.table-responsive{overflow-x:auto}
}

/* ===================== PREMIUM POLISH — match the member dashboard ===================== */
/* kill the cookie consent bar on admin + auth (it belongs only on the public homepage) */
#cookie-pop,.cookie-confirm{display:none !important}

/* gradient brand logo */
.main-header .logo{font-family:'Sora',sans-serif;font-weight:800}
.main-header .logo .logo-lg,.main-header .logo .logo-mini{
  background:linear-gradient(135deg,#8a97ff,#b78bff);-webkit-background-clip:text;background-clip:text;
  color:transparent !important;font-weight:800;letter-spacing:.2px}

/* sidebar: rounded gradient active "pill" + breathing room (member-dashboard feel) */
.sidebar-menu{padding:8px 8px 24px}
.sidebar-menu>li>a{border-radius:12px;padding:12px 14px !important;margin:2px 0;font-weight:600}
.sidebar-menu>li>a>i.fa,.sidebar-menu>li>a>.fa{width:22px;text-align:center}
.sidebar-menu>li:hover>a{background:rgba(255,255,255,.05) !important;border-left:0 !important;transform:none}
.sidebar-menu>li.active>a,.sidebar-menu>li.menu-open>a{
  background:linear-gradient(135deg,#6d7bff,#a06bff) !important;color:#fff !important;border-left:0 !important;
  box-shadow:0 12px 26px -10px rgba(109,123,255,.7)}
.sidebar-menu>li.active>a>i,.sidebar-menu>li.menu-open>a>i{color:#fff !important}
.sidebar-menu .treeview-menu{padding:2px 0 2px 10px;background:transparent !important}
.sidebar-menu .treeview-menu>li>a{border-radius:10px;padding:9px 12px !important;margin:1px 0;color:var(--muted) !important}
.sidebar-menu .treeview-menu>li>a:hover,.sidebar-menu .treeview-menu>li.active>a{
  background:rgba(255,255,255,.06) !important;color:#fff !important}
.sidebar-menu>li>a>.pull-right,.sidebar-menu>li>a>.fa-angle-left{margin-top:3px}

/* header: a touch more premium */
.main-header .navbar,.main-header>.logo{height:60px;line-height:60px}
.main-header .navbar .nav>.user-menu>a .user-image{border:2px solid rgba(255,255,255,.18)}

/* ===================== BUG FIXES + DEEP POLISH (v2) ===================== */
/* native controls (the June-2026 select's option list, date pickers, scrollbars) render dark */
:root{color-scheme:dark}

/* custom dark scrollbars (replaces the bright default "slider") */
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:rgba(140,150,200,.28);border-radius:8px;border:2px solid transparent;background-clip:padding-box}
*::-webkit-scrollbar-thumb:hover{background:rgba(140,150,200,.5);background-clip:padding-box}
*{scrollbar-color:rgba(140,150,200,.35) transparent;scrollbar-width:thin}

/* user-menu dropdown — kill the blue header + white footer, make it a clean dark card */
.navbar-nav>.user-menu>.dropdown-menu{padding:0 !important;width:282px;border-radius:14px;overflow:hidden;
  background:var(--surface) !important;border:1px solid var(--border) !important;box-shadow:0 24px 60px -24px rgba(0,0,0,.85)}
.navbar-nav>.user-menu>.dropdown-menu>.user-header{height:auto;padding:22px 16px;border-bottom:1px solid var(--border);
  background:linear-gradient(135deg,rgba(109,123,255,.28),rgba(160,107,255,.2)) !important}
.navbar-nav>.user-menu>.dropdown-menu>.user-header img{border:3px solid rgba(255,255,255,.25)}
.navbar-nav>.user-menu>.dropdown-menu>.user-header p,.navbar-nav>.user-menu>.dropdown-menu>.user-header p small{color:#fff !important;text-shadow:none}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer{background:var(--surface) !important;padding:12px;display:flex;gap:10px}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer .pull-left,.navbar-nav>.user-menu>.dropdown-menu>.user-footer .pull-right{float:none !important;flex:1}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default{width:100%;background:var(--surface2) !important;
  border:1px solid var(--border) !important;color:var(--text) !important;border-radius:10px;font-weight:600}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default:hover{background:linear-gradient(135deg,#6d7bff,#a06bff) !important;color:#fff !important;border-color:transparent !important}

/* custom KX2 checkboxes / radios in tables + forms (the "tick box") */
.content input[type=checkbox],.content input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;
  width:18px;height:18px;min-width:18px;border:2px solid var(--border);border-radius:5px;background:var(--surface);
  cursor:pointer;position:relative;vertical-align:middle;margin:0;transition:.15s;flex:0 0 auto}
.content input[type=radio]{border-radius:50%}
.content input[type=checkbox]:checked,.content input[type=radio]:checked{background:linear-gradient(135deg,#6d7bff,#a06bff);border-color:transparent}
.content input[type=checkbox]:checked::after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.content input[type=radio]:checked::after{content:"";position:absolute;left:4px;top:4px;width:6px;height:6px;border-radius:50%;background:#fff}
.content input[type=checkbox]:focus,.content input[type=radio]:focus{outline:none;box-shadow:0 0 0 3px rgba(109,123,255,.3)}

/* clearer active sub-menu item (e.g. All Links under Manage Links) */
.sidebar-menu .treeview-menu>li.active>a{background:rgba(109,123,255,.18) !important;color:#fff !important;
  font-weight:700;box-shadow:inset 3px 0 0 #8a97ff;border-radius:10px}

/* daily report — sticky header on desktop, card layout on mobile (matches member dashboard) */
.kx-dr{display:flex;flex-direction:column;max-height:460px}
.kx-dr-head,.kx-dr-row{display:grid;grid-template-columns:1.1fr .8fr 1.2fr 1.1fr 1.3fr;gap:12px;align-items:center;padding:13px 22px}
.kx-dr-head{position:sticky;top:0;z-index:2;background:var(--surface2);color:var(--muted);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border)}
.kx-dr-body{overflow-y:auto}
.kx-dr-row{border-top:1px solid rgba(255,255,255,.05);color:var(--text);font-size:14px}
.kx-dr-row:hover{background:rgba(255,255,255,.03)}
.kx-dr-date{font-weight:600;color:#fff}
@media(max-width:680px){
  .kx-dr-head{display:none}
  .kx-dr-row{grid-template-columns:1fr;gap:7px;padding:14px 16px;border-top:1px solid var(--border)}
  .kx-dr-row>span{display:flex;justify-content:space-between;gap:14px}
  .kx-dr-row>span[data-l]::before{content:attr(data-l);color:var(--muted);font-weight:600;font-size:12.5px}
  .kx-dr-date{font-size:16px;font-family:'Sora',sans-serif;border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:8px;margin-bottom:2px}
}

/* ===================== MOBILE OVERHAUL (admin ≤767px) — drawer sidebar, clean header, contained dropdowns ===================== */
@media (max-width:767px){
  html,body{overflow-x:hidden;max-width:100%}

  /* HEADER — force ONE clean row: [☰] [Logo] ........ [Member] [avatar].
     display:contents lifts the nested toggle + menu up so flex can order them in a single row. */
  .main-header{display:flex !important;flex-wrap:nowrap !important;align-items:center;min-height:56px;position:sticky;top:0;z-index:1060;background:var(--surface) !important}
  .main-header>.navbar{display:contents !important}
  .main-header .sidebar-toggle{order:0;flex:0 0 auto;width:48px;height:56px;display:flex !important;align-items:center;justify-content:center;padding:0;font-size:22px;color:var(--text) !important;float:none !important;background:transparent !important}
  .main-header>.logo{order:1;flex:0 0 auto;width:auto !important;height:56px;line-height:56px;float:none !important;padding:0 6px;font-size:16px;border:0 !important;white-space:nowrap}
  .main-header .navbar-custom-menu{order:2;flex:0 0 auto;margin-left:auto !important;float:none !important}
  .main-header .navbar-custom-menu>.nav{display:flex !important;flex-wrap:nowrap !important;align-items:center;margin:0;float:none !important}
  .main-header .navbar-custom-menu>.nav>li{float:none !important;display:flex;align-items:center;position:static}
  .main-header .navbar-custom-menu>.nav>li>a{line-height:56px;padding:0 9px;white-space:nowrap}
  .main-header .messages-menu>a span,.main-header .user-menu .hidden-xs{display:none}
  /* redundant on mobile (caused the "Dashboard … Dashboard") — hide the breadcrumb, keep the H1 title */
  .content-header>.breadcrumb{display:none !important}

  /* SIDEBAR — slide-in drawer + dark backdrop (rides AdminLTE's .sidebar-open toggle) */
  .main-sidebar{position:fixed !important;top:0;left:0;bottom:0;width:270px;z-index:1090;
    transform:translateX(-104%);transition:transform .28s ease;overflow-y:auto;padding-top:16px;
    background:#0b0e1c !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
    box-shadow:16px 0 48px -10px rgba(0,0,0,.75)}
  body.sidebar-open .main-sidebar{transform:translateX(0)}
  .content-wrapper,.main-footer,.right-side{margin-left:0 !important;transform:none !important;left:0 !important}
  /* solid dark backdrop — NO blur, opaque enough that the page doesn't bleed through behind the drawer */
  body.sidebar-open::before{content:"";position:fixed;inset:0;background:rgba(5,7,16,.88);z-index:1085;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
  /* belt + suspenders: no frosted-glass blur anywhere in the mobile sidebar */
  .main-sidebar,.main-sidebar *{backdrop-filter:none !important;-webkit-backdrop-filter:none !important}

  /* USER MENU dropdown — pinned to the screen, never overflows */
  .navbar-nav>.user-menu>.dropdown-menu{position:fixed !important;top:56px !important;right:8px !important;left:auto !important;
    width:auto !important;min-width:236px;max-width:calc(100vw - 16px)}

  /* row "Select Action" / mass-action dropdowns open leftward + capped so they stay on screen */
  .content .table .dropdown-menu,.content td .dropdown-menu,.content .btn-group .dropdown-menu{
    right:0;left:auto !important;max-width:calc(100vw - 28px);min-width:170px}
  .box-body>.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}

  /* KPI grid + page head — Overview left, compact month select right */
  .kx-kpis{grid-template-columns:1fr !important;gap:12px}
  .kx-kpi{padding:16px 18px}
  .kx-head{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
  .kx-head h3{margin:0;font-size:18px}
  .kx-head>div,.kx-head form{margin:0;flex:0 0 auto;width:auto}
  .kx-head select,.kx-head select.form-control{width:168px !important;max-width:168px !important;min-width:0 !important;height:40px !important;padding:6px 28px 6px 12px;font-size:14px;display:inline-block !important;vertical-align:middle}
  .content-header{padding:12px 12px 0}
  .content-header>h1{font-size:19px}
  .content{padding:12px 10px}
  /* filter bars stack */
  .box-body .form-inline .form-control,.box-body .form-group{display:block;width:100% !important;margin-bottom:8px}
  /* footer — clean + centered */
  .main-footer{text-align:center !important;padding:16px 12px;font-size:13px;color:var(--muted) !important}
  .main-footer .pull-right,.main-footer .hidden-xs{float:none !important;display:block !important;color:var(--dim) !important;margin-top:3px}
}

/* ===================== LIGHT THEME (content components) ===================== */
[data-theme="light"]{--bg:#f5f7fc;--bg2:#eef1fb;--surface:#ffffff;--surface2:#f3f5ff;--border:#e4e8f5;--text:#13183a;--muted:#566089;--dim:#8a93bd}
[data-theme="light"] body,[data-theme="light"] .wrapper,[data-theme="light"] .content-wrapper,[data-theme="light"].kxadmin-body{background:#f5f7fc !important;color:#13183a !important}
[data-theme="light"] body::before,[data-theme="light"].kxadmin-body::before{opacity:.5}
[data-theme="light"] a{color:#5560d8}
[data-theme="light"] .box,[data-theme="light"] .nav-tabs-custom,[data-theme="light"] .modal-content,[data-theme="light"] .small-box,[data-theme="light"] .info-box,[data-theme="light"] .kx-kpi{background:#ffffff !important;border-color:#e4e8f5 !important;box-shadow:0 14px 34px -20px rgba(40,50,120,.22) !important}
[data-theme="light"] .box-header .box-title,[data-theme="light"] .content-header>h1,[data-theme="light"] h1,[data-theme="light"] h2,[data-theme="light"] h3,[data-theme="light"] h4,[data-theme="light"] .link-title,[data-theme="light"] .kx-dr-date{color:#13183a !important}
[data-theme="light"] .small-box>.inner h3,[data-theme="light"] .kx-kpi b{-webkit-text-fill-color:#13183a !important;color:#13183a !important;background:none !important}
/* box-header icons (Campaign Clicks / Countries / Referers etc.) inherit .box-header color:#fff -> were invisible white on light cards */
[data-theme="light"] .box-header>i,[data-theme="light"] .box-header .fa,[data-theme="light"] .box-title>i,[data-theme="light"] .box-title .fa{color:#6d7bff !important}
[data-theme="light"] .box-footer,[data-theme="light"] .kx-dr-head{background:#f3f5ff !important}
[data-theme="light"] .nav-tabs-custom>.nav-tabs>li>a{color:#566089 !important}
[data-theme="light"] .nav-tabs-custom>.nav-tabs>li.active>a{background:#fff !important;color:#13183a !important}
[data-theme="light"] .form-control,[data-theme="light"] .input-group-addon{background:#fff !important;border-color:#dfe3f2 !important;color:#13183a !important}
[data-theme="light"] .form-control::placeholder{color:#9aa1c4}
[data-theme="light"] .table{color:#13183a !important}
[data-theme="light"] .table>thead>tr>th{color:#566089 !important;border-bottom-color:#e4e8f5 !important}
[data-theme="light"] .table>tbody>tr>td,[data-theme="light"] .kx-dr-row{border-top-color:#eef0f8 !important;color:#13183a}
[data-theme="light"] .table-hover>tbody>tr:hover,[data-theme="light"] .kx-dr-row:hover{background:rgba(40,50,120,.04) !important}
[data-theme="light"] .table-striped>tbody>tr:nth-of-type(odd){background:rgba(40,50,120,.02) !important}
[data-theme="light"] .btn-default{background:#fff !important;border-color:#dfe3f2 !important;color:#13183a !important}
[data-theme="light"] .btn-default:hover{background:#f3f5ff !important}
[data-theme="light"] .panel,[data-theme="light"] .panel-default,[data-theme="light"] .link-details .panel{background:#f7f8fd !important;border-color:#e4e8f5 !important;color:#13183a}
[data-theme="light"] .link-description,[data-theme="light"] .blog-item,[data-theme="light"] .text-muted,[data-theme="light"] small,[data-theme="light"] .help-block{color:#566089 !important}
[data-theme="light"] .content input[type=checkbox],[data-theme="light"] .content input[type=radio]{background:#fff;border-color:#cfd5ec}
[data-theme="light"] .content input[type=checkbox]:checked,[data-theme="light"] .content input[type=radio]:checked{background:linear-gradient(135deg,#6d7bff,#a06bff) !important;border-color:transparent !important}
[data-theme="light"] .pagination>li>a,[data-theme="light"] .pagination>li>span{background:#fff !important;border-color:#e4e8f5 !important;color:#13183a !important}
[data-theme="light"] hr{border-color:#e4e8f5}
[data-theme="light"] *::-webkit-scrollbar-thumb{background:rgba(40,50,120,.25)}

/* ===================== MOBILE: wide admin tables -> stacked cards (≤767px) ===================== */
@media (max-width:767px){
  .box-body .table-responsive{overflow:visible !important}
  .table-responsive>form{display:block}
  .table-responsive .table,.table-responsive .table tbody,.table-responsive .table tr,.table-responsive .table td{display:block;width:auto}
  /* hide the column-header row + mass action on phones */
  .table-responsive .table thead{display:none !important}
  /* each data row becomes a card */
  .table-responsive .table tbody tr{background:var(--surface) !important;border:1px solid var(--border);border-radius:14px;margin:0 0 12px;padding:6px 2px;box-shadow:0 10px 26px -18px rgba(0,0,0,.55)}
  .table-responsive .table td{border:0 !important;padding:8px 14px;white-space:normal}
  .table-responsive .table td::before{content:attr(data-label);display:block;color:var(--muted);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
  .table-responsive .table td[data-label=""]{display:none}            /* bulk-select checkbox cell */
  .table-responsive .table td:not([data-label])::before{display:none}  /* tables without labels yet */
  .table-responsive .input-group{width:100%;display:flex}
  /* action menu: full-width button, dropdown opens INLINE BELOW it (never beside / off-screen) */
  .table-responsive .btn-group{width:100%;display:block;position:relative}
  .table-responsive .btn-group>.btn{width:100%}
  .table-responsive .btn-group .dropdown-menu{position:static !important;float:none;width:100%;box-shadow:none;border:1px solid var(--border);border-radius:10px;margin-top:6px;background:var(--surface2) !important}
  /* bigger, easy-to-tap checkboxes on phones */
  .content input[type=checkbox]{width:24px;height:24px;border-radius:7px}
  .content input[type=checkbox]:checked::after{left:8px;top:3px;width:6px;height:12px;border-width:0 2.5px 2.5px 0}
  /* the Select cell: label + checkbox on one tappable row */
  .table-responsive .table td:first-child{display:flex;align-items:center;gap:10px}
  .table-responsive .table td:first-child::before{margin-bottom:0}
  /* roomier cards + space after the short link */
  .table-responsive .table tbody tr{margin-bottom:16px;padding:8px 4px 12px}
  .table-responsive .table td{padding:10px 16px}
  .table-responsive .table td .text-muted{margin-top:8px;display:block}
  .table-responsive .table td .input-group{margin-bottom:2px}
}

/* mass-action toolbar (Manage Links etc.) — bulk select + action, visible on all screens */
.kx-massbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--border)}
.kx-massbar-all{display:inline-flex;align-items:center;gap:9px;margin:0;color:var(--text);font-weight:600;cursor:pointer;font-size:14px}
.kx-massbar-all input{margin:0}
.kx-massbar-act{display:flex;align-items:center;gap:8px}
.kx-massbar-act .form-control{width:auto;display:inline-block;min-width:150px}
@media (max-width:767px){
  .kx-massbar{flex-direction:column;align-items:stretch;gap:10px;padding:14px}
  .kx-massbar-act{display:flex}
  .kx-massbar-act .form-control{flex:1;min-width:0}
}

/* ===================== MANAGE LINKS — responsive card list (built from scratch, no table) ===================== */
.kx-links{display:flex;flex-direction:column;gap:12px;padding:16px}
.kx-empty{text-align:center;padding:46px 16px;color:var(--muted)}
.kx-empty i{font-size:34px;opacity:.5;display:block;margin-bottom:10px}
.kx-linkcard{display:flex;align-items:flex-start;gap:14px;background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:15px 16px;transition:border-color .18s,box-shadow .18s}
.kx-linkcard:hover{border-color:rgba(109,123,255,.4);box-shadow:0 12px 30px -20px rgba(109,123,255,.5)}
.kx-lc-check{flex:0 0 auto;margin:0;padding-top:2px;cursor:pointer}
.kx-lc-main{flex:1;min-width:0}
.kx-lc-title{font-weight:700;color:var(--text);font-size:15px;margin-bottom:9px;word-break:break-word;line-height:1.35}
.kx-lc-url{display:flex;align-items:stretch;max-width:440px}
.kx-lc-url input{border-radius:9px 0 0 9px !important;border-right:0 !important;flex:1;min-width:0}
.kx-lc-copy{flex:0 0 auto;width:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-left:0;border-radius:0 9px 9px 0;background:var(--surface2);color:var(--muted);cursor:pointer;transition:.15s}
.kx-lc-copy:hover{color:#fff;background:linear-gradient(135deg,#6d7bff,#a06bff);border-color:transparent}
.kx-lc-meta{font-size:12.5px;color:var(--muted);margin-top:10px}
.kx-lc-meta a{color:#aeb6ff;text-decoration:none}
.kx-lc-meta a:hover{text-decoration:underline}
.kx-dot-sep{margin:0 7px;opacity:.5}
.kx-lc-sub{display:flex;flex-wrap:wrap;gap:16px;font-size:12.5px;color:var(--dim);margin-top:9px}
.kx-lc-sub a{color:var(--muted)}
.kx-lc-sub i{margin-right:4px;opacity:.8}
.kx-lc-action{flex:0 0 auto}
@media (max-width:767px){
  .kx-links{padding:12px}
  .kx-linkcard{flex-direction:column;gap:13px}
  .kx-lc-check{display:flex;align-items:center;gap:10px;padding-top:0}
  .kx-lc-check::after{content:"Select";color:var(--muted);font-size:13.5px;font-weight:600}
  .kx-lc-url{max-width:none}
  .kx-lc-action,.kx-lc-action .btn-group,.kx-lc-action .btn{width:100%}
  .kx-lc-action .dropdown-menu{position:static !important;float:none;width:100%;box-shadow:none;border:1px solid var(--border);border-radius:10px;margin-top:6px;background:var(--surface2) !important}
}

/* ===================== USERS — card list ===================== */
.kx-uc-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:11px}
.kx-uc-name{font-weight:700;color:var(--text);font-size:15.5px;text-decoration:none}
.kx-uc-name:hover{color:#aeb6ff}
.kx-uc-id{color:var(--dim);font-size:12.5px;font-weight:600}
.kx-uc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:11px 20px}
.kx-uc-grid span{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:13.5px;color:var(--text);word-break:break-word}
.kx-uc-grid em{font-style:normal;color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;font-weight:700}
.kx-ust-1{background:rgba(43,212,164,.18);color:#6ee7c0}
.kx-ust-2{background:rgba(251,191,36,.18);color:#fcd34d}
.kx-ust-3{background:rgba(255,90,120,.18);color:#ff9fb0}

/* ===================== PLANS / INVOICES — card action buttons + language labels ===================== */
.kx-cardbtns{display:flex;flex-direction:column;gap:7px;min-width:128px}
.kx-lc-langs{margin-top:11px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.kx-lc-langs em{font-style:normal;color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;font-weight:700;margin-right:2px}
@media (max-width:767px){.kx-cardbtns{width:100%}.kx-cardbtns .btn{width:100%}}

/* ===================== PAYOUT RATES — set-price bar + country grid ===================== */
#set-price{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;font-size:115% !important}
#set-price .form-control{width:auto;min-width:130px}
@media (max-width:767px){
  #set-price{font-size:100% !important}
  #set-price .form-control{flex:1 1 130px}
  #set-price .btn{flex:1 1 100%}
}

/* ===================== WITHDRAWS — card list + INR + status badges ===================== */
.kx-kpi-inr{display:block;font-style:normal;color:var(--muted);font-size:12px;font-weight:600;margin-top:2px}
.kx-wraps{display:flex;flex-direction:column;gap:14px;padding:16px}
.kx-wcard{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:16px;transition:border-color .18s}
.kx-wcard:hover{border-color:rgba(109,123,255,.35)}
.kx-wc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:13px;margin-bottom:13px}
.kx-wc-idwrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.kx-wc-id{font-weight:800;color:var(--text);font-size:16px;text-decoration:none}
.kx-wc-total{text-align:right}
.kx-wc-total strong{display:block;font-family:'Sora',sans-serif;font-size:20px;color:#fff}
.kx-wc-total em{font-style:normal;color:var(--muted);font-size:12.5px}
.kx-wc-rows{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}
.kx-wc-rows>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.kx-wc-rows span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.4px;font-weight:700}
.kx-wc-rows b{color:var(--text);font-size:14px;font-weight:600;word-break:break-word}
.kx-wc-rows b em{font-style:normal;color:var(--muted);font-size:12px;font-weight:500}
.kx-wc-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:13px;border-top:1px solid var(--border)}
.kx-badge{display:inline-block;padding:3px 11px;border-radius:20px;font-size:12px;font-weight:700;background:rgba(140,150,200,.16);color:var(--muted)}
.kx-st-1{background:rgba(109,123,255,.2);color:#aeb6ff}
.kx-st-2{background:rgba(251,191,36,.18);color:#fcd34d}
.kx-st-3{background:rgba(43,212,164,.18);color:#6ee7c0}
.kx-st-4{background:rgba(255,90,120,.18);color:#ff9fb0}
.kx-st-5{background:rgba(140,150,200,.18);color:#a4abd4}
[data-theme="light"] .kx-wc-total strong{color:#13183a}
.kx-legend{display:flex;flex-direction:column;gap:6px;padding:16px;border-top:1px solid var(--border);font-size:12.5px;color:var(--muted)}
.kx-legend b{color:var(--text)}
@media (max-width:767px){
  .kx-wraps{padding:12px}
  .kx-wc-rows{grid-template-columns:1fr}
  .kx-wc-act .btn{flex:1 1 auto}
}