/* ================================================================
   DIGITALHUB — FRESH LIGHT UI/UX SYSTEM
   Version: 20260901.230000-ADMIN-NO-REGRESSION-FINAL
   Single stylesheet. No gradients. No dark surfaces.
   ================================================================ */
:root{
  --dh-primary:#1769E0;
  --dh-primary-600:#0E4FAF;
  --dh-primary-100:#D8E7FF;
  --dh-primary-50:#F2F6FC;
  --dh-text:#17221F;
  --dh-text-2:#34423E;
  --dh-muted:#66736F;
  --dh-line:#D8E2DF;
  --dh-line-2:#BFCBC7;
  --dh-bg:#FFFFFF;
  --dh-surface:#ffffff;
  --dh-surface-2:#F7FAF9;
  --dh-success:#1769E0;
  --dh-success-700:#0E4FAF;
  --dh-success-50:#EAF2FF;
  --dh-danger:#C83C4A;
  --dh-danger-700:#A62E3B;
  --dh-danger-50:#FFF2F3;
  --dh-warning:#B7791F;
  --dh-warning-700:#956313;
  --dh-warning-50:#FFF8E7;
  --dh-info:#256D85;
  --dh-sidebar:264px;
  --dh-header:78px;
  --dh-radius:18px;
  --dh-radius-sm:12px;
  --dh-shadow:0 10px 30px rgba(15,23,42,.07);
  --dh-shadow-lg:0 18px 48px rgba(15,23,42,.10);
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--dh-bg);color-scheme:light;scroll-behavior:smooth}
body{
  margin:0;min-height:100vh;background:var(--dh-bg)!important;color:var(--dh-text)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto} a{color:var(--dh-primary);text-decoration:none} a:hover{text-decoration:none}
button,input,select,textarea{font:inherit} button{cursor:pointer}
::selection{background:#bfdbfe;color:#17221F}
:focus-visible{outline:3px solid rgba(37,99,235,.24);outline-offset:2px}

/* -------------------- APP SHELL -------------------- */
.ah-topbar,.uh-topbar{
  position:sticky!important;top:0!important;z-index:1100!important;height:var(--dh-header)!important;min-height:var(--dh-header)!important;
  display:flex!important;align-items:center!important;background:rgba(255,255,255,.98)!important;
  border-bottom:1px solid var(--dh-line)!important;box-shadow:none;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
.ah-topbar-inner,.uh-topbar-inner{width:100%!important;height:100%!important;margin:0!important;padding:0 22px!important;display:flex!important;align-items:center!important;gap:16px!important}
.ah-brand,.uh-brand{display:flex!important;align-items:center!important;min-width:var(--dh-sidebar)!important}
.ah-brand a,.uh-brand a{display:flex!important;align-items:center!important;gap:10px!important;color:var(--dh-text)!important;font-size:20px!important;font-weight:850!important;letter-spacing:-.035em!important;text-decoration:none!important}
.ah-brand a::before,.uh-brand a::before{content:"DH";display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--dh-primary)!important;color:#fff!important;font-size:10px;font-weight:900;letter-spacing:0}
.ah-brand span,.uh-brand span{color:var(--dh-primary)!important}
.ah-brand small,.uh-brand small{margin-left:2px;padding:4px 7px;border-radius:6px;background:var(--dh-primary-50)!important;border:1px solid #bfdbfe!important;color:var(--dh-primary-700,#0E4FAF)!important;font-size:8px;font-weight:850;letter-spacing:.1em}
.ah-top-links,.uh-top-links{margin-left:auto!important;display:flex!important;align-items:center!important;gap:6px!important}
.ah-top-link,.uh-top-link{min-height:40px!important;padding:0 12px!important;display:flex!important;align-items:center!important;border:1px solid transparent!important;border-radius:10px!important;color:var(--dh-text-2)!important;font-weight:700!important;font-size:12px!important}
.ah-top-link:hover,.uh-top-link:hover{background:var(--dh-primary-50)!important;color:var(--dh-primary)!important;border-color:#bfdbfe!important}
.ah-auth,.uh-auth{background:var(--dh-danger)!important;border-color:var(--dh-danger)!important;color:#fff!important;font-weight:800!important}
.ah-auth:hover,.uh-auth:hover{background:var(--dh-danger-700)!important;border-color:var(--dh-danger-700)!important;color:#fff!important}
.ah-mobile-toggle,.uh-mobile-toggle{display:none;width:42px!important;height:42px!important;padding:0!important;border:1px solid var(--dh-line-2)!important;border-radius:12px!important;background:#fff!important;color:var(--dh-text)!important}

.ah-sidebar,.uh-sidebar{
  position:fixed!important;left:0!important;top:var(--dh-header)!important;bottom:0!important;width:var(--dh-sidebar)!important;height:calc(100vh - var(--dh-header))!important;
  z-index:1000!important;overflow-y:auto!important;overflow-x:hidden!important;background:#fff!important;border-right:1px solid var(--dh-line)!important;
  box-shadow:none;padding:18px 12px 22px!important;
  scrollbar-width:thin;scrollbar-color:#BFCBC7 transparent;
}
.ah-sidebar::-webkit-scrollbar,.uh-sidebar::-webkit-scrollbar{width:7px}.ah-sidebar::-webkit-scrollbar-thumb,.uh-sidebar::-webkit-scrollbar-thumb{background:#BFCBC7;border-radius:20px}
.ah-welcome,.uh-welcome{position:relative!important;min-height:104px!important;padding:18px 14px!important;margin:0 2px 18px!important;border:1px solid var(--dh-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:none;display:flex!important;align-items:center!important;gap:12px!important}
.ah-welcome-text,.uh-welcome-text{min-width:0;display:flex!important;flex-direction:column!important;gap:2px!important}.ah-welcome-label,.uh-welcome-label,.ah-side-title,.uh-side-title{font-size:10px!important;text-transform:uppercase!important;letter-spacing:.13em!important;font-weight:850!important;color:var(--dh-muted)!important}.ah-welcome strong,.uh-welcome strong{font-size:15px!important;color:var(--dh-text)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ah-welcome-avatar,.uh-avatar{flex:0 0 52px!important;width:52px!important;height:52px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:var(--dh-primary-50)!important;color:var(--dh-primary)!important;border:2px solid #bfdbfe!important;font-weight:900!important;overflow:hidden!important}.ah-welcome-avatar img,.uh-avatar img{width:100%;height:100%;object-fit:cover}.uh-avatar-wrap{position:relative;flex:0 0 auto}.uh-avatar-status{position:absolute;right:-2px;bottom:2px;width:16px;height:16px;border:3px solid #fff;border-radius:50%;background:var(--dh-success)!important}.uh-online-dot,.ah-online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--dh-success)!important}.ah-online-badge,.uh-avatar-status + *{color:var(--dh-success)!important}
.ah-online-badge{position:absolute;right:-9px;top:-9px;padding:6px 10px;border-radius:999px;background:var(--dh-success-50)!important;border:1px solid #BFD6FF!important;color:var(--dh-success-700)!important;font-size:10px;font-weight:850;display:flex;align-items:center;gap:6px}
.ah-side-title,.uh-side-title{padding:0 12px 9px}
.ah-side-menu,.uh-side-menu{display:flex!important;flex-direction:column!important;gap:5px!important}.side-menu{width:100%!important;min-height:46px!important;padding:0 11px!important;display:flex!important;align-items:center!important;gap:11px!important;border:1px solid transparent!important;border-radius:12px!important;background:transparent!important;color:var(--dh-text-2)!important;font-size:13px!important;font-weight:750!important;text-decoration:none!important;text-align:left!important}.side-menu:hover{background:#F7FAF9!important;border-color:var(--dh-line)!important;color:var(--dh-text)!important}.side-menu.active,.side-menu.is-active{background:var(--dh-primary-50)!important;border-color:#bfdbfe!important;color:var(--dh-primary-700,#0E4FAF)!important;box-shadow:none;}.side-icon{width:28px!important;height:28px!important;flex:0 0 28px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:#EEF3F1!important;color:var(--dh-primary)!important}.side-icon svg,.side-sub-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.side-label{min-width:0;flex:1}.side-chevron{font-size:16px!important;color:var(--dh-muted)!important;transition:transform .18s ease}.has-children.open .side-chevron,.side-menu-group.open .side-chevron{transform:rotate(180deg)}
.nav-logout{margin-top:8px!important;background:var(--dh-danger)!important;border-color:var(--dh-danger)!important;color:#fff!important}.nav-logout .side-icon{background:rgba(255,255,255,.16)!important;color:#fff!important}.nav-logout:hover{background:var(--dh-danger-700)!important;border-color:var(--dh-danger-700)!important;color:#fff!important}
.ah-child-menu,.side-submenu{display:none!important;margin:3px 0 5px 39px!important;padding-left:8px!important;border-left:1px solid var(--dh-line)!important}.has-children.open>.ah-child-menu,.side-menu-group.open>.side-submenu{display:block!important}.ah-child-link,.side-submenu-link{display:flex!important;align-items:center!important;gap:8px!important;min-height:34px!important;padding:7px 9px!important;border-radius:9px!important;color:var(--dh-muted)!important;font-size:12px!important;font-weight:650!important}.ah-child-link:hover,.side-submenu-link:hover{background:#F7FAF9!important;color:var(--dh-primary)!important}.ah-child-link.active,.side-submenu-link.active{background:var(--dh-primary-50)!important;color:var(--dh-primary-700,#0E4FAF)!important;font-weight:800!important}
.ah-overlay,.uh-overlay{position:fixed!important;inset:0!important;background:rgba(15,23,42,.35)!important;z-index:900!important;display:none!important}.ah-overlay.show,.uh-overlay.show{display:block!important}

/* Reserve space for the fixed sidebar. This is the key shell layout rule. */
body:has(.ah-sidebar) .container,body:has(.ah-sidebar) main,body:has(.ah-sidebar) .req-wrap,body:has(.ah-sidebar) .verified-kyc-wrap,body:has(.ah-sidebar) .login-shell,body:has(.ah-sidebar) .sys-page,body:has(.ah-sidebar) .ws-page{margin-left:var(--dh-sidebar)!important}
body:has(.uh-sidebar) .container,body:has(.uh-sidebar) main,body:has(.uh-sidebar) .lb2-page,body:has(.uh-sidebar) .dh-leaderboard,body:has(.uh-sidebar) .login-page{margin-left:var(--dh-sidebar)!important}
.container,.dh-ambient-main,.req-wrap,.verified-kyc-wrap,.sys-page,.ws-page{width:auto!important;max-width:1500px!important;margin-right:auto!important;padding:28px 28px 56px!important}
main{min-width:0!important}

/* -------------------- PAGE FRAMES -------------------- */
.hero,.page-hero,.dh-page-hero,.community-header,.settings-hero,.dashboard-hero,.profile-hero,.title-hero,.page-header,.req-hero,.ap-hero,.dh-lb-heading,.lb2-header{
  min-height:0!important;margin:0 0 20px!important;padding:28px 30px!important;border:1px solid var(--dh-line)!important;border-radius:20px!important;background:#fff!important;color:var(--dh-text)!important;box-shadow:none;overflow:visible!important;isolation:auto!important;position:relative!important
}
.hero::before,.hero::after,.page-hero::before,.page-hero::after,.dh-page-hero::before,.dh-page-hero::after,.community-header::before,.community-header::after,.settings-hero::before,.settings-hero::after,.dashboard-hero::before,.dashboard-hero::after,.profile-hero::before,.profile-hero::after,.title-hero::before,.title-hero::after,.page-header::before,.page-header::after{display:none!important;content:none!important}
.eyebrow,.ap-eyebrow,.dh-lb-eyebrow,.lb2-eyebrow,.community-header-badge{margin:0 0 6px!important;color:var(--dh-primary-600)!important;font-size:10px!important;line-height:1.2!important;font-weight:900!important;letter-spacing:.14em!important;text-transform:uppercase!important}
.hero h1,.page-hero h1,.dh-page-hero h1,.community-header h1,.settings-hero h1,.dashboard-hero h1,.profile-hero h1,.title-hero h1,.page-header h1,.req-hero h1,.ap-hero h1,.dh-lb-title,.lb2-header h1{margin:0!important;color:var(--dh-text)!important;background:none!important;-webkit-text-fill-color:initial!important;font-size:clamp(28px,3.2vw,42px)!important;line-height:1.12!important;letter-spacing:-.04em!important;text-shadow:none!important}
.hero p:last-child,.page-hero p:last-child,.dh-page-hero p:last-child,.community-header>p,.settings-hero p:last-child,.dashboard-hero p:last-child,.profile-hero p:last-child{margin:9px 0 0!important;color:var(--dh-muted)!important;max-width:800px!important;line-height:1.65!important}

.panel,.card,.box,.widget,.table-card,.content-card,.setting-card,.form-card,.section-card,.filter-card,.search-card,.profile-card,.profile-panel,.payout-card,.kyc-panel,.req-panel,.modal-card,.detail,.document-box,.checkout-panel,.checkout-product,.commission-panel,.commission-note,.security-card,.security-note,.gateway-note,.gateway-header,.notice-card,.alert-card,.community-item,.community-link,.purchase-card,.purchase-stat,.settings-panel,.ap-card,.leader-me,.leaderboard-tabs,.dh-panel,.dh-list-card,.dh-quick-card,.dh-kpi-card,.dh-chart-panel,.dh-my-summary{
  background:#fff!important;color:var(--dh-text)!important;border:1px solid var(--dh-line)!important;border-radius:var(--dh-radius)!important;box-shadow:none;}
.panel,.card,.box,.widget,.table-card,.content-card,.setting-card,.form-card,.section-card,.filter-card,.search-card,.profile-card,.profile-panel,.payout-card,.kyc-panel,.req-panel,.detail,.document-box,.checkout-panel,.commission-panel,.settings-panel,.ap-card{padding:22px!important}
.card:hover,.community-item:hover,.purchase-card:hover{border-color:#BFCBC7!important;box-shadow:none;}
.section-head,.dh-panel-head,.dh-list-head,.section-title-row,.setting-title-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;flex-wrap:wrap!important;margin-bottom:16px!important}.section-head h2,.dh-panel-head h2,.section-title-row h2,.setting-title-row h2{margin:0!important;color:var(--dh-text)!important;font-size:18px!important;letter-spacing:-.02em!important}
.muted,.text-muted,small,.stat small,.dh-kpi-label,.dh-kpi-meta,.dh-my-summary-sub{color:var(--dh-muted)!important}

/* -------------------- GRID / DASHBOARD -------------------- */
.stats,.dh-kpi-grid,.dh-quick-grid,.dashboard-insight-grid,.dh-main-grid,.community-grid,.detail-grid,.earnings-grid{display:grid!important;gap:16px!important}
.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.dh-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dh-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dh-main-grid{grid-template-columns:minmax(0,1.6fr) minmax(300px,.9fr)}.dashboard-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.stat,.dh-kpi-card,.dh-quick-card{padding:20px!important;background:#fff!important;border:1px solid var(--dh-line)!important;border-radius:16px!important;box-shadow:none;}.stat strong,.dh-kpi-value{display:block!important;margin-top:5px!important;color:var(--dh-text)!important;font-size:27px!important;line-height:1.1!important}.dh-kpi-top{display:flex!important;align-items:center!important;justify-content:space-between!important}.dh-kpi-icon,.dashboard-icon{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:var(--dh-primary-50)!important;color:var(--dh-primary)!important}.dh-kpi-amber .dh-kpi-icon{background:var(--dh-warning-50)!important;color:var(--dh-warning)!important}.dh-kpi-pink .dh-kpi-icon{background:#fdf2f8!important;color:#db2777!important}.dh-kpi-purple .dh-kpi-icon,.dh-kpi-violet .dh-kpi-icon{background:#f5f3ff!important;color:#6D4ACB!important}

/* -------------------- FORMS -------------------- */
form{max-width:100%!important}label,.field-label,.login-field label{display:block!important;margin:0 0 7px!important;color:var(--dh-text-2)!important;font-size:12px!important;font-weight:800!important}.form label{margin-top:15px!important}.input,input,select,textarea,.form-control,.form-select,.login-input,.payment-input{width:100%!important;min-height:44px!important;padding:10px 12px!important;background:#fff!important;color:var(--dh-text)!important;border:1px solid var(--dh-line-2)!important;border-radius:11px!important;box-shadow:none;}.input:hover,input:hover,select:hover,textarea:hover,.form-control:hover,.form-select:hover{border-color:#8A9691!important}.input:focus,input:focus,select:focus,textarea:focus,.form-control:focus,.form-select:focus,.login-input:focus,.payment-input:focus{border-color:var(--dh-primary)!important;box-shadow:none;outline:none!important}.input::placeholder,input::placeholder,textarea::placeholder{color:#8A9691!important}textarea{min-height:110px!important;resize:vertical!important}.form-row,.community-field,.profile-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.form-row.full,.full-width{grid-template-columns:1fr!important}

/* -------------------- BUTTONS -------------------- */
.btn,.action-btn,button.btn{min-height:40px!important;padding:9px 14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border-radius:10px!important;border:1px solid transparent!important;font-size:12px!important;font-weight:850!important;text-decoration:none!important;line-height:1.2!important;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important}.btn:hover,.action-btn:hover{transform:translateY(-1px)!important}.btn:active,.action-btn:active{transform:translateY(0)!important}
.btn-primary,.btn-add,.btn-create,.btn-save,.btn-success{background:var(--dh-primary)!important;border-color:var(--dh-primary)!important;color:#fff!important;box-shadow:none;}.btn-primary:hover,.btn-add:hover,.btn-create:hover,.btn-save:hover,.btn-success:hover{background:var(--dh-primary-600)!important;border-color:var(--dh-primary-600)!important;color:#fff!important}
.btn-edit,.btn-warning,.btn-update{background:var(--dh-warning)!important;border-color:var(--dh-warning)!important;color:#fff!important;box-shadow:none;}.btn-edit:hover,.btn-warning:hover,.btn-update:hover{background:var(--dh-warning-700)!important;border-color:var(--dh-warning-700)!important;color:#fff!important}
.btn-delete,.btn-danger,.danger-btn,.delete-yes,.community-danger,.action-delete{background:var(--dh-danger)!important;border-color:var(--dh-danger)!important;color:#fff!important;box-shadow:none;}.btn-delete:hover,.btn-danger:hover,.danger-btn:hover,.delete-yes:hover,.community-danger:hover,.action-delete:hover{background:var(--dh-danger-700)!important;border-color:var(--dh-danger-700)!important;color:#fff!important}
.action-edit{background:var(--dh-warning)!important;border-color:var(--dh-warning)!important;color:#fff!important}.action-check{background:var(--dh-success)!important;border-color:var(--dh-success)!important;color:#fff!important}.action-row{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important}.btn-accent,.btn-peach,.btn-info{background:var(--dh-primary)!important;border-color:var(--dh-primary)!important;color:#fff!important}.btn-small{min-height:34px!important;padding:7px 10px!important}.full{width:100%!important}

/* -------------------- STATUS BADGES -------------------- */
.badge,.pill,.status-badge,.commission-badge,.dh-kpi-tag,.dh-live-chip{display:inline-flex!important;align-items:center!important;gap:5px!important;width:max-content!important;padding:5px 9px!important;border-radius:999px!important;font-size:10px!important;font-weight:850!important;border:1px solid var(--dh-line)!important;background:#F7FAF9!important;color:var(--dh-text-2)!important}.badge.success,.badge.active,.status-active,.is-enabled,.is-on,.on,.badge.approved,.kyc-ok{background:var(--dh-success-50)!important;border-color:#BFD6FF!important;color:var(--dh-success-700)!important}.badge.danger,.badge.inactive,.badge.deactive,.status-inactive,.is-off,.off,.badge.rejected,.kyc-reject{background:var(--dh-danger-50)!important;border-color:#fca5a5!important;color:var(--dh-danger-700)!important}.badge.pending,.kyc-pending{background:var(--dh-warning-50)!important;border-color:#fcd34d!important;color:var(--dh-warning-700)!important}.dh-live-chip{background:var(--dh-success-50)!important;border-color:#BFD6FF!important;color:var(--dh-success-700)!important}.dh-live-dot{width:7px!important;height:7px!important;border-radius:50%!important;background:var(--dh-success)!important}
/* Literal status text safety: common tables use .badge without a semantic class. */
td .badge{background:#F7FAF9!important;color:var(--dh-text-2)!important}.status-active .badge,td .badge.active{background:var(--dh-success-50)!important;color:var(--dh-success-700)!important;border-color:#BFD6FF!important}.status-inactive .badge,td .badge.inactive{background:var(--dh-danger-50)!important;color:var(--dh-danger-700)!important;border-color:#fca5a5!important}

/* -------------------- TABLES -------------------- */
.table-scroll{width:100%!important;overflow-x:auto!important;border:1px solid var(--dh-line)!important;border-radius:14px!important;background:#fff!important}.table{width:100%!important;min-width:680px!important;border-collapse:separate!important;border-spacing:0!important;color:var(--dh-text)!important;background:#fff!important}.table th{padding:12px 14px!important;background:#F7FAF9!important;border-bottom:1px solid var(--dh-line)!important;color:#52615C!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-weight:850!important;text-align:left!important;white-space:nowrap!important}.table td{padding:13px 14px!important;border-bottom:1px solid #E9EFEC!important;color:var(--dh-text-2)!important;background:#fff!important;vertical-align:middle!important}.table tbody tr:last-child td{border-bottom:0!important}.table tbody tr:hover td{background:#f8fbff!important}.sl-col{width:60px!important;text-align:center!important}.action-cell{white-space:nowrap!important}.amount,.amount-cell,.commission-amount,.dh-order-amount{font-weight:800!important;color:var(--dh-text)!important}

/* -------------------- ALERTS / EMPTY STATES -------------------- */
.success,.success-box,.alert-success,.affiliate-toast-success{padding:11px 13px!important;margin:12px 0!important;border:1px solid #BFD6FF!important;border-radius:11px!important;background:var(--dh-success-50)!important;color:var(--dh-success-700)!important;font-weight:700!important}.danger,.alert-danger,.checkout-error,.affiliate-toast-error{padding:11px 13px!important;margin:12px 0!important;border:1px solid #fca5a5!important;border-radius:11px!important;background:var(--dh-danger-50)!important;color:var(--dh-danger-700)!important;font-weight:700!important}.info-note,.notice-card{padding:12px 14px!important;background:var(--dh-primary-50)!important;border-color:#bfdbfe!important;color:#1e40af!important}.dh-empty-message,.dh-empty-message-cell{color:var(--dh-muted)!important;background:#fff!important}.dh-empty-message-icon{background:var(--dh-primary-50)!important;color:var(--dh-primary)!important}

/* -------------------- SPECIAL PAGES -------------------- */
.login-shell,.login-page{min-height:calc(100vh - var(--dh-header))!important;display:grid!important;place-items:center!important;padding:40px!important;background:var(--dh-bg)!important}.login-card{width:min(520px,100%)!important;background:#fff!important;border:1px solid var(--dh-line)!important;border-radius:22px!important;box-shadow:none;}.login-inner{padding:30px!important}.product-form-panel{max-width:900px!important;margin:0 auto!important}.community-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}.community-icon-box{width:46px!important;height:46px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:var(--dh-primary-50)!important;color:var(--dh-primary)!important}.checkout-product{padding:20px!important}.delete-modal-backdrop{background:rgba(15,23,42,.38)!important}.delete-modal-card{background:#fff!important;border:1px solid var(--dh-line)!important;border-radius:18px!important;box-shadow:none;}.profile-page{padding-bottom:60px!important}.avatar-wrap{display:flex!important;justify-content:center!important}

/* -------------------- ICON COLOR SYSTEM -------------------- */
.side-menu:nth-child(1) .side-icon{color:#1769E0!important;background:#F2F6FC!important}.side-menu:nth-child(2) .side-icon{color:#6D4ACB!important;background:#f5f3ff!important}.side-menu:nth-child(3) .side-icon{color:#B7791F!important;background:#FFF8E7!important}.side-menu:nth-child(4) .side-icon{color:#256D85!important;background:#ecfeff!important}.side-menu:nth-child(5) .side-icon{color:#db2777!important;background:#fdf2f8!important}.side-menu:nth-child(6) .side-icon{color:#1769E0!important;background:#EAF2FF!important}.side-menu:nth-child(7) .side-icon{color:#ea580c!important;background:#fff7ed!important}.side-menu:nth-child(8) .side-icon{color:#4f46e5!important;background:#eef2ff!important}.side-menu:nth-child(9) .side-icon{color:#256D85!important;background:#ecfeff!important}

/* -------------------- RESPONSIVE -------------------- */
@media(max-width:1100px){:root{--dh-sidebar:238px}.ah-brand,.uh-brand{min-width:220px!important}.stats,.dh-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dh-main-grid{grid-template-columns:1fr}.dh-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){:root{--dh-header:64px;--dh-sidebar:264px}.ah-mobile-toggle,.uh-mobile-toggle{display:grid!important;place-items:center!important}.ah-brand,.uh-brand{min-width:0!important}.ah-brand a,.uh-brand a{font-size:18px!important}.ah-top-links,.uh-top-links{gap:4px!important}.ah-top-link:not(.ah-auth),.uh-top-link:not(.uh-auth){display:none!important}.ah-sidebar,.uh-sidebar{top:var(--dh-header)!important;height:calc(100vh - var(--dh-header))!important;transform:translateX(-105%)!important;transition:transform .2s ease!important}.ah-sidebar.open,.uh-sidebar.open{transform:translateX(0)!important}.ah-sidebar,.uh-sidebar{box-shadow:none;}body:has(.ah-sidebar) .container,body:has(.ah-sidebar) main,body:has(.ah-sidebar) .req-wrap,body:has(.ah-sidebar) .verified-kyc-wrap,body:has(.ah-sidebar) .login-shell,body:has(.ah-sidebar) .sys-page,body:has(.ah-sidebar) .ws-page,body:has(.uh-sidebar) .container,body:has(.uh-sidebar) main,body:has(.uh-sidebar) .lb2-page,body:has(.uh-sidebar) .dh-leaderboard,body:has(.uh-sidebar) .login-page{margin-left:0!important}.container,.dh-ambient-main,.req-wrap,.verified-kyc-wrap,.sys-page,.ws-page{padding:20px 16px 42px!important}.hero,.page-hero,.dh-page-hero,.community-header,.settings-hero,.dashboard-hero,.profile-hero,.title-hero,.page-header,.req-hero,.ap-hero,.dh-lb-heading,.lb2-header{padding:22px!important}.community-grid,.dashboard-insight-grid,.detail-grid,.form-row,.community-field,.profile-fields{grid-template-columns:1fr!important}}
@media(max-width:600px){.ah-topbar-inner,.uh-topbar-inner{padding:0 13px!important}.ah-brand a::before,.uh-brand a::before{width:34px;height:34px}.ah-brand small,.uh-brand small{display:none}.ah-auth,.uh-auth{min-height:38px!important;padding:0 10px!important}.stats,.dh-kpi-grid,.dh-quick-grid{grid-template-columns:1fr!important}.panel,.card,.box,.widget,.table-card,.content-card,.setting-card,.form-card,.section-card,.filter-card,.search-card,.profile-card,.profile-panel,.payout-card,.kyc-panel,.req-panel,.detail,.document-box,.checkout-panel,.commission-panel,.settings-panel,.ap-card{padding:16px!important}.hero h1,.page-hero h1,.dh-page-hero h1,.community-header h1,.settings-hero h1,.dashboard-hero h1,.profile-hero h1,.title-hero h1,.page-header h1,.req-hero h1,.ap-hero h1,.dh-lb-title,.lb2-header h1{font-size:28px!important}.section-head{align-items:flex-start!important}.btn,.action-btn{min-height:42px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}


/* -------------------- LIGHT TEXT LEGIBILITY -------------------- */
/* Secondary/helper copy must remain clearly readable on white surfaces. */
.community-help,.field-help,.form-help,.input-help,.helper-text,.help-text,.hint,.form-hint,.field-hint,.description,.field-description,.input-description,.small-note,.muted-note,.subtext,.secondary-text,.supporting-text{color:#66736F!important;opacity:1!important;text-shadow:none!important;}
main .community-page .community-help,main .community-page .community-help *{color:#66736F!important;opacity:1!important;text-shadow:none!important;}
.community-field label,.form label,.field label{color:#34423E!important;}
.hero>p:not(.eyebrow),.page-hero>p:not(.eyebrow),.dh-page-hero>p:not(.eyebrow),.community-header>p,.settings-hero>p:not(.eyebrow),.dashboard-hero>p:not(.eyebrow),.profile-hero>p:not(.eyebrow),.title-hero>p:not(.eyebrow),.page-header>p:not(.eyebrow){color:#66736F!important;}


/* ================================================================
   SYSTEM SETTINGS — LIGHT UI/UX
   Version: 20260901.230000-ADMIN-NO-REGRESSION-FINAL
   Scoped to .sys-page so it cannot disturb other pages.
   ================================================================ */
.sys-page{max-width:1120px;margin:0 auto;padding:20px 0 44px;color:#17221F}
.sys-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;border:1px solid #dbe4ee;border-radius:22px;background:#fff;box-shadow:none;overflow:hidden}
.sys-hero-copy{position:relative;z-index:1}.sys-kicker,.sys-section-label{display:inline-flex;align-items:center;gap:7px;color:#1769E0;font-size:10px;font-weight:900;letter-spacing:.16em}.sys-kicker-dot{width:7px;height:7px;border-radius:50%;background:#1769E0}
.sys-hero h1{margin:8px 0 7px;font-size:30px;line-height:1.1;letter-spacing:-.035em;color:#17221F}.sys-hero p{margin:0;max-width:650px;color:#66736F;font-size:13px;line-height:1.65}
.sys-hero-icon{position:relative;z-index:1;width:68px;height:68px;flex:0 0 68px;border:1px solid #bfdbfe;border-radius:18px;background:#F2F6FC;display:grid;place-items:center}.sys-hero-icon svg{width:34px;height:34px;stroke:#1769E0;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.sys-form{margin-top:16px}.sys-card{border:1px solid #dbe4ee;border-radius:20px;background:#fff;box-shadow:none;overflow:hidden}.sys-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 24px 20px;border-bottom:1px solid #e8eef5}.sys-section-label{color:#1769E0}.sys-card-head h2{margin:7px 0 5px;font-size:21px;letter-spacing:-.02em;color:#17221F}.sys-card-head p{margin:0;color:#66736F;font-size:12px;line-height:1.55}.sys-live-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #BFD6FF;border-radius:999px;background:#EAF2FF;color:#0E4FAF;font-size:10px;font-weight:800;white-space:nowrap}.sys-live-badge span{width:6px;height:6px;border-radius:50%;background:#1769E0}
.sys-setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}.sys-setting{position:relative;padding:19px;border:1px solid #D8E2DF;border-radius:17px;background:#F7FAF9;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.sys-setting:hover{transform:translateY(-2px);border-color:#bfdbfe;box-shadow:none;}.sys-setting.is-enabled{border-color:#8BCFC4;background:#f8fbff;box-shadow:none;}.sys-setting-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.sys-setting-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#F2F6FC;color:#1769E0;border:1px solid #D8E7FF}.sys-setting-icon svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.leaderboard-icon{color:#6D4ACB;background:#f5f3ff;border-color:#ede9fe}
.sys-setting h3{margin:17px 0 6px;font-size:16px;color:#17221F}.sys-setting>p{min-height:40px;margin:0;color:#66736F;font-size:11px;line-height:1.65}.sys-status{display:flex;align-items:center;gap:7px;margin-top:16px;padding-top:12px;border-top:1px solid #D8E2DF;color:#66736F;font-size:10px}.sys-status>span{width:7px;height:7px;border-radius:50%;background:#8A9691}.sys-status.on>span{background:#1769E0}.sys-status strong{color:#34423E;font-size:10px}.sys-status em{font-style:normal;margin-left:auto;color:#66736F}
.sys-switch{position:relative;width:52px;height:30px;flex:0 0 52px;cursor:pointer}.sys-switch input{position:absolute;opacity:0;pointer-events:none}.sys-switch-track{position:absolute;inset:0;border-radius:999px;background:#BFCBC7;border:1px solid #b8c4d2;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.sys-switch-thumb{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:none;transition:transform .25s ease}.sys-switch input:checked+.sys-switch-track{background:#1769E0;border-color:#1769E0;box-shadow:none;}.sys-switch input:checked+.sys-switch-track .sys-switch-thumb{transform:translateX(22px)}.sys-switch input:focus-visible+.sys-switch-track{outline:2px solid #1769E0;outline-offset:3px}
.sys-note{display:flex;align-items:flex-start;gap:12px;margin-top:14px;padding:15px 17px;border:1px solid #bfdbfe;border-radius:15px;background:#F2F6FC}.sys-note-icon{width:24px;height:24px;flex:0 0 24px;border-radius:8px;display:grid;place-items:center;background:#D8E7FF;border:1px solid #bfdbfe;color:#0E4FAF;font-size:11px;font-weight:900}.sys-note strong{font-size:11px;color:#34423E}.sys-note p{margin:3px 0 0;color:#66736F;font-size:10px;line-height:1.6}
.sys-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:17px}.sys-footer-copy{display:flex;align-items:center;gap:8px;color:#66736F;font-size:10px}.sys-save-dot{width:6px;height:6px;border-radius:50%;background:#1769E0}.sys-save-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:0 18px;border:1px solid #0E4FAF;border-radius:11px;background:#1769E0;color:#fff;font-size:12px;font-weight:800;cursor:pointer;box-shadow:none;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.sys-save-btn:hover,.sys-save-btn:focus-visible{background:#0E4FAF;color:#fff;transform:translateY(-1px);box-shadow:none;}.sys-save-btn:active{background:#1e40af;color:#fff;transform:translateY(0)}.sys-save-btn span,.sys-save-arrow{color:#fff!important}.sys-save-arrow{font-size:16px;line-height:1;transition:transform .2s ease}.sys-save-btn:hover .sys-save-arrow{transform:translateX(3px)}
.profile-toast{position:fixed;z-index:1500;top:92px;right:26px;min-width:320px;max-width:440px;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;box-shadow:none;font-size:13px;font-weight:650;animation:profileToastIn .35s ease both}.profile-toast-success{border:1px solid #BFD6FF;background:#EAF2FF;color:#0E4FAF}.profile-toast-error{border:1px solid #E9B6BC;background:#FFF2F3;color:#A62E3B}.toast-icon{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;border:2px solid currentColor;border-radius:50%;font-size:13px;font-weight:900}.toast-close{margin-left:auto;border:0;background:transparent;color:inherit;opacity:.72;font-size:20px;line-height:1;cursor:pointer;padding:0 2px}.toast-close:hover{opacity:1}@keyframes profileToastIn{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:760px){.sys-page{padding:12px 0 30px}.sys-hero{padding:22px 19px;border-radius:18px}.sys-hero h1{font-size:25px}.sys-hero-icon{width:54px;height:54px;flex-basis:54px;border-radius:15px}.sys-hero-icon svg{width:28px;height:28px}.sys-card-head{padding:19px;flex-direction:column}.sys-setting-grid{grid-template-columns:1fr;padding:13px}.sys-footer{align-items:stretch;flex-direction:column}.sys-save-btn{width:100%}.sys-status em{display:none}.profile-toast{top:84px;left:13px;right:13px;min-width:0;max-width:none}}
@media(max-width:460px){.sys-hero-icon{display:none}.sys-hero p{font-size:12px}.sys-setting{padding:16px}.sys-setting h3{font-size:15px}}


/* ================================================================
   DIGITALHUB — GLOBAL LIGHT THEME NORMALIZER
   Version: 20260901.230000-ADMIN-NO-REGRESSION-FINAL
   Applied after all legacy page styles so every screen stays light.
   ================================================================ */
:root{color-scheme:light!important}
html,body{background:#FFFFFF!important;color:#17221F!important}
/* Legacy dark inline surfaces -> clean light surfaces */
[style*="#11161c"],[style*="#0f141b"],[style*="#0f1720"],[style*="#11171f"],[style*="#FFFFFF"],[style*="#17221F"],[style*="#1a1f27"],[style*="#1e1e1e"],[style*="#111111"],[style*="#0b121a"],[style*="#0b1220"],[style*="#020617"]{background:#fff!important;color:#34423E!important;border-color:#D6E0DC!important}
[style*="#27213a"],[style*="#2d3945"],[style*="#34254f"]{background:#fff!important;color:#34423E!important;border-color:#D6E0DC!important}
/* Legacy near-white text on light surfaces -> readable slate */
[style*="#f7f7f5"],[style*="#f7f1ed"],[style*="#f5f1ee"],[style*="#f8f8f8"],[style*="#ffffff"]{color:#34423E!important}
/* Keep action controls intentionally white */
.btn,.btn *,button.btn,button.btn *,a.btn,.action-btn,.action-btn *,button[class*="btn-"] ,button[class*="btn-"] *,.nav-logout,.nav-logout *,.ah-auth,.ah-auth *,.uh-auth,.uh-auth *,.delete-yes,.delete-yes *,.sys-save-btn,.sys-save-btn *{color:#fff!important}
/* Inputs, selects and textareas remain white even when legacy inline styles exist */
input,select,textarea{background:#fff!important;color:#17221F!important;border-color:#BFCBC7!important}
input::placeholder,textarea::placeholder{color:#8A9691!important;opacity:1!important}
/* Legacy gradient declarations must never paint the UI */
/* Common dark theme classes from older pages */
.dark,.dark-mode,.dark-theme,.theme-dark,.dark-card,.dark-panel,.dark-container,.dark-form,.dark-box,.dark-surface,.dark-bg,.dark-section{background:#fff!important;color:#34423E!important;border-color:#D6E0DC!important}
.dark *, .dark-mode *, .dark-theme *, .theme-dark *, .dark-card *, .dark-panel *, .dark-container *, .dark-form *, .dark-box *, .dark-surface *, .dark-bg *, .dark-section *{color:#34423E!important}
/* Preserve colored status/action controls inside legacy dark containers */
.dark .btn,.dark-mode .btn,.dark-theme .btn,.theme-dark .btn,.dark-container .btn,.dark-form .btn,.dark-panel .btn,.dark-box .btn,.dark .nav-logout,.dark-mode .nav-logout{color:#fff!important}
/* Secondary copy: never wash out on white */
small,.muted,.text-muted,.help-text,.helper-text,.hint,.form-help,.field-help,.description,.field-description,.small-note,.subtext,.secondary-text,.supporting-text{color:#66736F!important;opacity:1!important}


/* ================================================================
   DIGITALHUB — ORDERS / PURCHASES / PAYMENT LIGHT UI
   
   Scoped final override for every order-related screen.
   ================================================================ */
.orders-tools{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin:0 0 16px!important;padding:10px!important;border:1px solid #D6E0DC!important;border-radius:14px!important;background:#fff!important;box-shadow:none;}
.orders-search{position:relative!important;flex:1 1 280px!important}.orders-search input{width:100%!important;height:42px!important;box-sizing:border-box!important;padding:0 40px!important;border:1px solid #BFCBC7!important;border-radius:11px!important;background:#fff!important;color:#17221F!important;outline:none!important}.orders-search input::placeholder{color:#8A9691!important;opacity:1!important}.orders-search input:focus{border-color:#8BCFC4!important;box-shadow:none;}.orders-search>svg{stroke:#66736F!important}.search-clear{background:#EEF3F1!important;color:#52615C!important}.search-clear:hover{background:#D8E2DF!important;color:#17221F!important}
.orders-filter label{color:#34423E!important}.orders-filter select,.payment-status-select{height:42px!important;border:1px solid #BFCBC7!important;border-radius:11px!important;background:#fff!important;color:#17221F!important}.orders-filter select:focus,.payment-status-select:focus{border-color:#8BCFC4!important;box-shadow:none;}.orders-results{color:#66736F!important}.filter-reset{background:#F7FAF9!important;border:1px solid #BFCBC7!important;color:#52615C!important}.filter-reset:hover{background:#EEF3F1!important;color:#17221F!important}
.orders-summary>div{background:#fff!important;border:1px solid #D6E0DC!important;box-shadow:none;}.orders-summary small{color:#66736F!important}.orders-summary strong{color:#17221F!important}.subline{color:#66736F!important}
.status-paid{background:#EAF2FF!important;color:#0E4FAF!important;border-color:#BFD6FF!important}.status-pending{background:#FFF8E7!important;color:#956313!important;border-color:#fcd34d!important}.status-failed,.status-refunded{background:#FFF2F3!important;color:#A62E3B!important;border-color:#fca5a5!important}
.orders-table{background:#fff!important}.orders-table td,.orders-table th{background:#fff!important;color:#34423E!important}.orders-table th{background:#F7FAF9!important;color:#52615C!important}.orders-table tbody tr:hover td{background:#f8fbff!important}.payment-status-save{background:#1769E0!important;color:#fff!important;border-color:#0E4FAF!important}.payment-status-save:hover{background:#0E4FAF!important;color:#fff!important}
.purchases-wrap{color:#17221F!important}.purchase-hero{background:#fff!important;border:1px solid #D6E0DC!important;color:#17221F!important;box-shadow:none;}.purchase-hero *{color:inherit}.purchase-summary{background:transparent!important}.purchase-stat{background:#fff!important;border:1px solid #D6E0DC!important;box-shadow:none;}.purchase-stat small{color:#66736F!important}.purchase-stat strong{color:#17221F!important}.purchase-card{background:#fff!important;border:1px solid #D6E0DC!important;box-shadow:none;}.purchase-title{color:#17221F!important}.purchase-meta span{background:#F7FAF9!important;border:1px solid #D8E2DF!important;color:#66736F!important}.purchase-description{color:#66736F!important}.purchase-price{color:#1769E0!important}.purchase-empty{background:#fff!important;border:1px solid #D6E0DC!important;color:#66736F!important}.purchase-empty strong{color:#17221F!important}
.payment-time{color:#66736F!important}.payment-history,.payment-history *{color:inherit}.payment-history .muted,.payment-history small{color:#66736F!important}
.checkout-panel{background:#fff!important;color:#17221F!important;border:1px solid #D6E0DC!important;box-shadow:none;}.checkout-product{background:#fff!important;border:1px solid #D6E0DC!important;box-shadow:none;}.checkout-label{color:#1769E0!important}.checkout-price{color:#17221F!important}.commission-note,.gateway-note{background:#F7FAF9!important;border:1px solid #D6E0DC!important;color:#52615C!important}.payment-status.processing{background:#F7FAF9!important;color:#52615C!important;border:1px solid #D6E0DC!important}.payment-status.success{background:#EAF2FF!important;color:#0E4FAF!important;border:1px solid #BFD6FF!important}.payment-status.error{background:#FFF2F3!important;color:#A62E3B!important;border:1px solid #fca5a5!important}.checkout-order-ref{color:#66736F!important}.checkout-back{color:#66736F!important}
/* Remove legacy dark page-theme visuals specifically when they survive inline blocks. */
#dh-v8-final-page-theme ~ *{} 

/* ================================================================
   DIGITALHUB — ADVANCED LIGHT UI/UX v2
   
   Final visual layer: premium light, restrained color, no gradients.
   ================================================================ */
:root{
  --dh-primary:#1769E0!important;
  --dh-primary-strong:#0E4FAF!important;
  --dh-primary-soft:#F2F6FC!important;
  --dh-text:#17221F!important;
  --dh-text-2:#52615C!important;
  --dh-muted:#66736F!important;
  --dh-faint:#8A9691!important;
  --dh-line:#D8E2DF!important;
  --dh-line-strong:#BFCBC7!important;
  --dh-bg:#f5f7fb!important;
  --dh-surface:#ffffff!important;
  --dh-surface-soft:#F7FAF9!important;
  --dh-success:#1769E0!important;
  --dh-success-soft:#EAF2FF!important;
  --dh-warning:#B7791F!important;
  --dh-warning-soft:#FFF8E7!important;
  --dh-danger:#C83C4A!important;
  --dh-danger-soft:#FFF2F3!important;
  --dh-info:#0284c7!important;
  --dh-radius:16px!important;
  --dh-radius-sm:11px!important;
  --dh-shadow:0 8px 24px rgba(15,23,42,.055)!important;
  --dh-shadow-lg:0 18px 44px rgba(15,23,42,.09)!important;
}
html,body{background:var(--dh-bg)!important;color:var(--dh-text)!important}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}

/* premium shell */
.ah-topbar,.uh-topbar{background:rgba(255,255,255,.98)!important;border-bottom:1px solid #e5eaf1!important;box-shadow:none;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.ah-sidebar,.uh-sidebar{background:#fff!important;border-right:1px solid #e5eaf1!important;box-shadow:none;}
.ah-welcome,.uh-welcome{background:#fff!important;border:1px solid #e5eaf1!important;box-shadow:none;}
.side-menu{background:#fff!important;color:#34423E!important;border-color:transparent!important;border-radius:12px!important}
.side-menu:hover{background:#F7FAF9!important;border-color:#e5eaf1!important;color:#17221F!important}
.side-menu.active,.side-menu.is-active{background:#F2F6FC!important;border-color:#bfdbfe!important;color:#0E4FAF!important;box-shadow:none;}
.side-icon{background:#EEF3F1!important;border:1px solid #e8edf3!important}
.side-menu:nth-child(1) .side-icon{color:#1769E0!important;background:#F2F6FC!important}.side-menu:nth-child(2) .side-icon{color:#6D4ACB!important;background:#f5f3ff!important}.side-menu:nth-child(3) .side-icon{color:#B7791F!important;background:#FFF8E7!important}.side-menu:nth-child(4) .side-icon{color:#256D85!important;background:#ecfeff!important}.side-menu:nth-child(5) .side-icon{color:#db2777!important;background:#fdf2f8!important}.side-menu:nth-child(6) .side-icon{color:#1769E0!important;background:#EAF2FF!important}.side-menu:nth-child(7) .side-icon{color:#ea580c!important;background:#fff7ed!important}.side-menu:nth-child(8) .side-icon{color:#4f46e5!important;background:#eef2ff!important}.side-menu:nth-child(9) .side-icon{color:#256D85!important;background:#ecfeff!important}
.nav-logout{background:#C83C4A!important;border-color:#C83C4A!important;color:#fff!important}.nav-logout:hover{background:#A62E3B!important;border-color:#A62E3B!important;color:#fff!important}

/* page frames */
.container,main,.req-wrap,.verified-kyc-wrap,.sys-page,.ws-page,.lb2-page,.dh-leaderboard,.login-shell,.login-page{color:var(--dh-text)!important}
.hero,.page-hero,.dh-page-hero,.community-header,.settings-hero,.dashboard-hero,.profile-hero,.title-hero,.page-header,.req-hero,.ap-hero,.dh-lb-heading,.lb2-header,.sys-hero{
  background:#fff!important;color:var(--dh-text)!important;border:1px solid #D8E2DF!important;border-radius:20px!important;box-shadow:none;backdrop-filter:none!important;-webkit-backdrop-filter:none!important
}
.hero h1,.page-hero h1,.dh-page-hero h1,.community-header h1,.settings-hero h1,.dashboard-hero h1,.profile-hero h1,.title-hero h1,.page-header h1,.req-hero h1,.ap-hero h1,.dh-lb-heading h1,.lb2-header h1,.sys-hero h1{color:#17221F!important}
.hero>p,.page-hero>p,.dh-page-hero>p,.community-header>p,.settings-hero>p,.dashboard-hero>p,.profile-hero>p,.title-hero>p,.page-header>p,.req-hero>p,.ap-hero>p,.dh-lb-heading>p,.lb2-header>p,.sys-hero p{color:#66736F!important}

/* cards/panels */
.panel,.card,.box,.widget,.table-card,.content-card,.setting-card,.form-card,.section-card,.filter-card,.search-card,.profile-card,.profile-panel,.payout-card,.kyc-panel,.req-panel,.detail,.document-box,.checkout-panel,.commission-panel,.settings-panel,.ap-card,.purchase-card,.purchase-stat,.purchase-hero,.payment-history,.orders-summary>div,.orders-tools{
  background:#fff!important;color:#34423E!important;border:1px solid #D8E2DF!important;border-radius:16px!important;box-shadow:none;}
.section-head,.card-head,.panel-head,.section-title{color:#17221F!important}
small,.muted,.text-muted,.help-text,.helper-text,.hint,.form-help,.field-help,.description,.field-description,.small-note,.subtext,.secondary-text,.supporting-text,.purchase-description,.purchase-meta,.orders-results,.subline{color:#66736F!important;opacity:1!important}
label,.field-label{color:#34423E!important;font-weight:750!important}

/* controls */
input,select,textarea{background:#fff!important;color:#17221F!important;border:1px solid #BFCBC7!important;border-radius:11px!important;box-shadow:none;}
input:focus,select:focus,textarea:focus{border-color:#8BCFC4!important;box-shadow:none;outline:none!important}
input::placeholder,textarea::placeholder{color:#8A9691!important;opacity:1!important}

/* buttons — intentional semantic colors, always white text */
.btn,.action-btn{border-radius:10px!important;font-weight:800!important;box-shadow:none;}
.btn-primary,.btn-add,.btn-create,.btn-save,.btn-accent,.btn-peach,.btn-info,.action-add,.action-create,.sys-save-btn,.payment-status-save{background:#1769E0!important;border-color:#1769E0!important;color:#fff!important}.btn-primary:hover,.btn-add:hover,.btn-create:hover,.btn-save:hover,.btn-accent:hover,.btn-info:hover,.action-add:hover,.action-create:hover,.sys-save-btn:hover,.payment-status-save:hover{background:#0E4FAF!important;border-color:#0E4FAF!important;color:#fff!important}
.action-edit,.btn-edit,.btn-update{background:#B7791F!important;border-color:#B7791F!important;color:#fff!important}.action-edit:hover,.btn-edit:hover,.btn-update:hover{background:#956313!important;border-color:#956313!important;color:#fff!important}
.btn-delete,.btn-danger,.danger-btn,.delete-yes,.community-danger,.action-delete,.nav-logout,.ah-auth,.uh-auth{background:#C83C4A!important;border-color:#C83C4A!important;color:#fff!important}.btn-delete:hover,.btn-danger:hover,.danger-btn:hover,.delete-yes:hover,.community-danger:hover,.action-delete:hover,.nav-logout:hover,.ah-auth:hover,.uh-auth:hover{background:#A62E3B!important;border-color:#A62E3B!important;color:#fff!important}
.action-check,.btn-success{background:#1769E0!important;border-color:#1769E0!important;color:#fff!important}.action-check:hover,.btn-success:hover{background:#0E4FAF!important;border-color:#0E4FAF!important;color:#fff!important}
.btn-secondary,.filter-reset,.search-clear,.btn-light{background:#F7FAF9!important;border:1px solid #BFCBC7!important;color:#34423E!important}.btn-secondary:hover,.filter-reset:hover,.search-clear:hover,.btn-light:hover{background:#EEF3F1!important;color:#17221F!important}
.btn *,.action-btn *,.sys-save-btn *,.payment-status-save *,.nav-logout *,.ah-auth *,.uh-auth *,.btn-primary *,.btn-add *,.btn-create *,.btn-save *,.action-edit *,.btn-edit *,.btn-update *,.btn-delete *,.btn-danger *,.danger-btn *,.delete-yes *,.community-danger *,.action-delete *,.action-check *,.btn-success *{color:#fff!important}

/* status system */
.badge,.pill,.status-badge,.commission-badge,.dh-kpi-tag,.dh-live-chip{box-shadow:none;}
.badge.success,.badge.active,.status-active,.is-enabled,.is-on,.on,.badge.approved,.kyc-ok,.status-paid{background:#EAF2FF!important;border-color:#BFD6FF!important;color:#0E4FAF!important}
.badge.danger,.badge.inactive,.badge.deactive,.status-inactive,.is-off,.off,.badge.rejected,.kyc-reject,.status-failed,.status-refunded{background:#FFF2F3!important;border-color:#fca5a5!important;color:#A62E3B!important}
.badge.pending,.kyc-pending,.status-pending{background:#FFF8E7!important;border-color:#fcd34d!important;color:#956313!important}
.dh-live-chip{background:#EAF2FF!important;border-color:#BFD6FF!important;color:#0E4FAF!important}.dh-live-dot{background:#1769E0!important}

/* tables */
.table-scroll,.orders-table{background:#fff!important;border-color:#D8E2DF!important;border-radius:14px!important;box-shadow:none;}
.table,.orders-table{background:#fff!important;color:#34423E!important}
.table th,.orders-table th{background:#F7FAF9!important;color:#52615C!important;border-color:#D8E2DF!important}
.table td,.orders-table td{background:#fff!important;color:#52615C!important;border-color:#edf1f5!important}
.table tbody tr:hover td,.orders-table tbody tr:hover td{background:#f8fbff!important}

/* overlays/modals */
.delete-modal-backdrop,.req-modal{background:rgba(15,23,42,.38)!important;backdrop-filter:blur(4px)!important}
.delete-modal-card,.req-card,.reject-card{background:#fff!important;color:#34423E!important;border:1px solid #D8E2DF!important;box-shadow:none;}
.req-head h2,.req-card h2{color:#17221F!important}.req-head p,.req-card p{color:#66736F!important}.req-detail{background:#F7FAF9!important;border-color:#D8E2DF!important}.req-detail label{color:#66736F!important}.req-detail div{color:#34423E!important}

/* form helpers and common dark legacy selectors */
.dark,.dark-mode,.dark-theme,.theme-dark,.dark-card,.dark-panel,.dark-container,.dark-form,.dark-box,.dark-surface,.dark-bg,.dark-section{background:#fff!important;color:#34423E!important;border-color:#D8E2DF!important;box-shadow:none;}
.dark *, .dark-mode *, .dark-theme *, .theme-dark *, .dark-card *, .dark-panel *, .dark-container *, .dark-form *, .dark-box *, .dark-surface *, .dark-bg *, .dark-section *{color:#34423E!important}
.dark .btn,.dark-mode .btn,.dark-theme .btn,.theme-dark .btn,.dark-container .btn,.dark-form .btn,.dark-panel .btn,.dark-box .btn,.dark .nav-logout,.dark-mode .nav-logout{color:#fff!important}

/* remove visual gradients and legacy dark color declarations when present inline */
[style*="#0f141b"],[style*="#0f1720"],[style*="#11161c"],[style*="#11171f"],[style*="#FFFFFF"],[style*="#17221F"],[style*="#020617"],[style*="#0b121a"],[style*="#0b1220"]{background:#fff!important;color:#34423E!important;border-color:#D8E2DF!important}
[style*="#f7f7f5"],[style*="#f7f1ed"],[style*="#f5f1ee"],[style*="#f8f8f8"]{color:#34423E!important}

/* subtle motion */
.card,.panel,.box,.widget,.setting-card,.form-card,.profile-card,.profile-panel,.purchase-card,.purchase-stat,.orders-summary>div{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
.card:hover,.panel:hover,.setting-card:hover,.form-card:hover,.profile-card:hover,.purchase-card:hover{transform:translateY(-1px)!important;box-shadow:none;border-color:#d7e0ea!important}
@media(max-width:900px){.ah-sidebar,.uh-sidebar{box-shadow:none;}}
@media(max-width:600px){.hero,.page-hero,.dh-page-hero,.community-header,.settings-hero,.dashboard-hero,.profile-hero,.title-hero,.page-header,.req-hero,.ap-hero,.dh-lb-heading,.lb2-header,.sys-hero{border-radius:16px!important}.card,.panel,.box,.widget,.setting-card,.form-card,.profile-card,.profile-panel{border-radius:14px!important}}

/* ================================================================
   ADVANCED LIGHT SURFACE NORMALIZER — FINAL
   
   Converts legacy page-specific surfaces to one coherent design language.
   ================================================================ */
/* Generic content surfaces */
main [class*="card"],main [class*="panel"],main [class*="box"],main [class*="widget"],main [class*="section"],main [class*="frame"],main [class*="surface"],main [class*="container"],main [class*="wrap"],main [class*="hero"],main [class*="table"],main [class*="filter"],main [class*="settings"],main [class*="profile"],main [class*="checkout"],main [class*="payment"],main [class*="purchase"],main [class*="order"]{
  background:#fff!important;color:#34423E!important;border-color:#D8E2DF!important;
}
main [class*="card"] h1,main [class*="card"] h2,main [class*="card"] h3,main [class*="panel"] h1,main [class*="panel"] h2,main [class*="panel"] h3,main [class*="hero"] h1,main [class*="hero"] h2,main [class*="section"] h2{color:#17221F!important}
main [class*="card"] p,main [class*="panel"] p,main [class*="hero"] p,main [class*="section"] p{color:#66736F!important}
main [class*="table"] th{background:#F7FAF9!important;color:#52615C!important;border-color:#D8E2DF!important}
main [class*="table"] td{background:#fff!important;color:#52615C!important;border-color:#edf1f5!important}

/* Semantic controls stay colorful and readable */
main .btn,main .action-btn,main button[class*="save"],main button[class*="add"],main button[class*="create"],main button[class*="edit"],main button[class*="update"],main button[class*="delete"],main button[class*="danger"],main button[class*="success"]{color:#fff!important}
main .btn-primary,main .btn-add,main .btn-create,main .btn-save,main .action-add,main .action-create{background:#1769E0!important;border-color:#1769E0!important;color:#fff!important}
main .btn-edit,main .btn-update,main .action-edit{background:#B7791F!important;border-color:#B7791F!important;color:#fff!important}
main .btn-delete,main .btn-danger,main .danger-btn,main .delete-yes,main .action-delete{background:#C83C4A!important;border-color:#C83C4A!important;color:#fff!important}
main .btn-success,main .action-check{background:#1769E0!important;border-color:#1769E0!important;color:#fff!important}

/* Inputs are always calm white */
main input,main select,main textarea{background:#fff!important;color:#17221F!important;border-color:#BFCBC7!important}
main input:focus,main select:focus,main textarea:focus{border-color:#8BCFC4!important;box-shadow:none;}
main input::placeholder,main textarea::placeholder{color:#8A9691!important;opacity:1!important}

/* Legacy dark text/background helpers */
main [class*="dark"],main [class*="Dark"]{background:#fff!important;color:#34423E!important;border-color:#D8E2DF!important}
main [class*="dark"] * ,main [class*="Dark"] *{color:#34423E!important}
main [class*="dark"] .btn,main [class*="dark"] .action-btn,main [class*="dark"] button[class*="save"],main [class*="dark"] button[class*="delete"],main [class*="dark"] button[class*="danger"]{color:#fff!important}

/* status colors */
main [class*="active"],main [class*="enabled"],main [class*="success"],main [class*="approved"],main [class*="paid"]{--dh-status-bg:#EAF2FF;--dh-status-fg:#0E4FAF}
main [class*="inactive"],main [class*="deactive"],main [class*="disabled"],main [class*="rejected"],main [class*="failed"],main [class*="refunded"]{--dh-status-bg:#FFF2F3;--dh-status-fg:#A62E3B}
main [class*="pending"],main [class*="processing"]{--dh-status-bg:#FFF8E7;--dh-status-fg:#956313}
main .badge,main .pill,main .status-badge,main .status-active,main .status-inactive{background:var(--dh-status-bg,#F7FAF9)!important;color:var(--dh-status-fg,#52615C)!important;border-color:#D6E0DC!important}

/* No gradients in the final visual system */

/* === REFERENCE SHELL + LIGHT TOASTS / 20260902.133000-AFFILIATE-SETTINGS-ADVANCED-UIUX-V27 === */
:root{--dh-shell:#FFFFFF!important;--dh-shell-2:#19263a;--dh-shell-line:#E5E7EB!important;min-height:78px!important;background:#fff!important;border-bottom:1px solid #e6ebf2!important;box-shadow:none;backdrop-filter:none!important}
.ah-topbar-inner,.uh-topbar-inner{padding:0 24px!important;gap:22px!important}.ah-brand,.uh-brand{min-width:252px!important}
.ah-brand a,.uh-brand a{gap:10px!important;color:#132033!important;font-size:19px!important;letter-spacing:-.04em!important}.ah-brand-word,.uh-brand-word{color:#162237!important;font-weight:900!important}.ah-brand-word span,.uh-brand-word span{color:#1769E0!important}.ah-brand a::before,.uh-brand a::before{display:none!important}
.ah-brand-mark,.uh-brand-mark{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#1769E0;color:#fff;box-shadow:none;}.ah-brand-mark svg,.uh-brand-mark svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ah-brand small{margin-left:3px!important;padding:5px 7px!important;border-radius:6px!important;background:#F2F6FC!important;border:1px solid #bfdbfe!important;color:#0E4FAF!important;font-size:8px!important;font-weight:900!important;letter-spacing:.1em!important}
.dh-topbar-search{flex:1 1 440px;max-width:520px;min-width:180px;height:42px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid #e1e7ef;border-radius:12px;background:#fbfcfe;color:#8A9691}.dh-topbar-search svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dh-topbar-search input{width:100%!important;min-height:40px!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none;color:#34423E!important;font-size:12px!important}.dh-topbar-search input::placeholder{color:#8A9691!important}
.ah-top-tools,.uh-top-tools{margin-left:auto!important;display:flex!important;align-items:center!important;gap:8px!important}.ah-tool-icon,.uh-tool-icon{width:39px;height:39px;display:grid;place-items:center;border:1px solid #e5eaf1;border-radius:11px;background:#fff;color:#66736F!important}.ah-tool-icon:hover,.uh-tool-icon:hover{background:#f8fbff;color:#1769E0!important;border-color:#bfdbfe!important}.ah-tool-icon svg,.uh-tool-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tool-community{color:#6D4ACB!important}.tool-alert{color:#1769E0!important}
.ah-user-chip,.uh-user-chip{display:flex!important;align-items:center!important;gap:9px!important;min-width:148px!important;padding:4px 8px 4px 5px!important;border:1px solid transparent!important;border-radius:12px!important;background:#fff!important;color:#34423E!important}.ah-user-chip:hover,.uh-user-chip:hover{background:#F7FAF9!important;border-color:#e6ebf2!important}.ah-user-avatar,.uh-user-avatar{width:37px;height:37px;flex:0 0 37px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#F2F6FC;border:1px solid #bfdbfe;color:#1769E0;font-weight:900}.ah-user-avatar img,.uh-user-avatar img{width:100%;height:100%;object-fit:cover}.ah-user-meta,.uh-user-meta{display:flex;flex-direction:column;min-width:0;line-height:1.1}.ah-user-meta strong,.uh-user-meta strong{font-size:11px;color:#26332F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ah-user-meta small,.uh-user-meta small{margin-top:4px;font-size:9px;color:#8A9691}.ah-user-chevron,.uh-user-chevron{margin-left:auto;color:#8A9691;font-size:14px}.ah-top-link.ah-auth,.uh-top-link.uh-auth{min-height:39px!important;padding:0 12px!important;gap:7px!important}.ah-top-link.ah-auth svg,.uh-top-link.uh-auth svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ah-sidebar,.uh-sidebar{top:var(--dh-header)!important;width:var(--dh-sidebar)!important;background:var(--dh-shell)!important;border-right:1px solid var(--dh-shell-line)!important;box-shadow:none;padding:19px 12px 22px!important;color:#fff!important}
.ah-welcome,.uh-welcome{min-height:82px!important;padding:12px 13px!important;margin:0 2px 20px!important;border:1px solid var(--dh-shell-line)!important;border-radius:13px!important;background:var(--dh-shell-2)!important;box-shadow:none;}.ah-welcome strong,.uh-welcome strong{color:#fff!important;font-size:14px!important}.ah-welcome-label,.uh-welcome-label,.ah-side-title,.uh-side-title{color:#8ea0ba!important}.ah-welcome-avatar,.uh-avatar{width:44px!important;height:44px!important;flex-basis:44px!important;background:#263a58!important;border-color:#38506f!important;color:#D8E7FF!important}.uh-avatar-status{border-color:var(--dh-shell-2)!important}.ah-online-badge{right:6px!important;top:-8px!important;padding:4px 8px!important;background:#183b2c!important;border:1px solid #2f6b51!important;color:#BFD6FF!important}.ah-online-badge .ah-online-dot,.uh-online-dot,.ah-online-dot{background:#22c55e!important}
.side-menu{min-height:47px!important;padding:0 11px!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:#c2cedd!important;font-size:12.5px!important;font-weight:760!important}.side-menu:hover{background:#1b2940!important;border-color:#26364c!important;color:#fff!important}.side-menu.active,.side-menu.is-active{background:#26364d!important;border-color:#344964!important;color:#fff!important;box-shadow:none;}.side-icon{width:29px!important;height:29px!important;flex:0 0 29px!important;border:0!important;border-radius:8px!important;background:#213047!important;color:#60a5fa!important}.side-menu:hover .side-icon,.side-menu.active .side-icon,.side-menu.is-active .side-icon{background:#2b3c55!important}.side-icon svg,.side-sub-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.side-chevron{color:#71839c!important}.ah-child-menu,.side-submenu{margin:2px 0 5px 38px!important;padding-left:7px!important;border-left:1px solid #2d3d54!important}.ah-child-link,.side-submenu-link{min-height:33px!important;color:#8fa0b8!important;border-radius:8px!important}.ah-child-link:hover,.side-submenu-link:hover{background:#1b2940!important;color:#D8E7FF!important}.ah-child-link.active,.side-submenu-link.active{background:#23344c!important;color:#bfdbfe!important}.nav-logout{margin-top:12px!important;background:#C83C4A!important;border-color:#C83C4A!important;color:#fff!important;box-shadow:none;}.nav-logout:hover{background:#A62E3B!important;border-color:#A62E3B!important}.nav-logout .side-icon{background:rgba(255,255,255,.14)!important;color:#fff!important}
main,.container,.dh-ambient-main{background:transparent!important}main{padding-top:4px!important}main .dh-ambient-surface,main .panel,main .card,main .box,main .widget,main .table-card,main .content-card,main .setting-card,main .form-card,main .section-card,main .filter-card,main .search-card,main .profile-card,main .profile-panel,main .payout-card,main .kyc-panel,main .req-panel,main .detail,main .document-box,main .checkout-panel,main .commission-panel,main .settings-panel,main .ap-card,main .purchase-card,main .purchase-stat,main .purchase-hero,main .payment-history,main .orders-summary>div,main .orders-tools{background:#fff!important;color:#34423E!important;border-color:#e4eaf1!important;box-shadow:none;}main h1,main h2,main h3,main h4{color:#152033!important}main p,main small,main .muted{color:#66736F!important}.eyebrow,.profile-eyebrow,.ws-kicker,.ws-section-kicker,.sys-kicker,.sys-section-label{color:#1769E0!important}
.universal-flash-toast-stack{position:fixed!important;top:96px!important;right:24px!important;z-index:2500!important;width:min(510px,calc(100vw - 30px))!important;gap:10px!important;pointer-events:none!important}.universal-flash-toast{min-height:72px!important;padding:11px 46px 11px 12px!important;border-radius:15px!important;border:1px solid transparent!important;box-shadow:none;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;animation:universalFlashInRef .24s ease both!important}.universal-flash-toast.flash-success{background:#e8f8f1!important;border-color:#c7eadb!important;color:#1769E0!important}.universal-flash-toast.flash-danger,.universal-flash-toast.flash-error{background:#fff0ef!important;border-color:#f7d2cf!important;color:#d94a3a!important}.universal-flash-toast.flash-info{background:#edf4ff!important;border-color:#d5e4ff!important;color:#1769E0!important}.universal-flash-toast.flash-warning{background:#fff4e5!important;border-color:#f8dec0!important;color:#B7791F!important}.universal-flash-toast.flash-neutral{background:#f0f1f2!important;border-color:#e1e3e5!important;color:#5b616b!important}.universal-flash-toast .universal-flash-icon{width:45px!important;height:45px!important;flex-basis:45px!important;border:0!important;border-radius:12px!important;background:rgba(255,255,255,.68)!important;font-size:19px!important}.universal-flash-toast .universal-flash-message{color:currentColor!important;font-size:13px!important;font-weight:800!important;line-height:1.35!important}.universal-flash-toast .universal-flash-close{width:34px!important;height:34px!important;border-radius:10px!important;background:rgba(255,255,255,.54)!important;color:currentColor!important;opacity:.68!important;font-size:24px!important}.universal-flash-toast .universal-flash-close:hover{opacity:1!important;background:rgba(255,255,255,.78)!important}@keyframes universalFlashInRef{from{opacity:0;transform:translateY(-7px) scale(.985)}to{opacity:1;transform:none}}
.profile-toast,.kyc-custom-toast,.affiliate-settings-toast,.v-flash{position:fixed!important;z-index:2500!important;top:96px!important;right:24px!important;width:min(510px,calc(100vw - 30px))!important;min-height:72px!important;padding:11px 44px 11px 12px!important;border-radius:15px!important;box-shadow:none;}.profile-toast-success,.kyc-custom-toast-success,.affiliate-toast-success,.v-flash:not(.v-flash-error){background:#e8f8f1!important;border:1px solid #c7eadb!important;color:#1769E0!important}.profile-toast-error,.kyc-custom-toast-error,.affiliate-toast-error,.v-flash.v-flash-error{background:#fff0ef!important;border:1px solid #f7d2cf!important;color:#d94a3a!important}.profile-toast .toast-icon,.kyc-custom-toast .toast-icon,.affiliate-toast-icon,.v-flash-icon{width:45px!important;height:45px!important;border:0!important;border-radius:12px!important;background:rgba(255,255,255,.68)!important;font-size:19px!important;color:currentColor!important}.profile-toast .toast-close,.kyc-custom-toast .toast-close,.affiliate-toast-close{margin-left:auto!important;width:34px!important;height:34px!important;border-radius:10px!important;background:rgba(255,255,255,.54)!important;color:currentColor!important;opacity:.68!important;font-size:24px!important}.affiliate-toast-message{display:flex!important;flex-direction:column!important;gap:3px!important}.affiliate-toast-message strong,.affiliate-toast-message span{color:currentColor!important}.community-flash,.order-flash,.withdrawal-flash{background:#e8f8f1!important;border:1px solid #c7eadb!important;color:#0E4FAF!important;border-radius:14px!important;box-shadow:none;}.community-danger{background:#fff0ef!important;border:1px solid #f7d2cf!important;color:#d94a3a!important;border-radius:14px!important;box-shadow:none;}
@media(max-width:1100px){.ah-brand,.uh-brand{min-width:210px!important}.dh-topbar-search{max-width:390px}}@media(max-width:900px){.ah-topbar,.uh-topbar{height:64px!important;min-height:64px!important}.ah-topbar-inner,.uh-topbar-inner{padding:0 13px!important;gap:10px!important}.ah-brand,.uh-brand{min-width:0!important}.ah-brand-word,.uh-brand-word{font-size:17px!important}.ah-brand small,.dh-topbar-search{display:none!important}.ah-top-tools,.uh-top-tools{gap:5px!important}.ah-tool-icon,.uh-tool-icon{width:36px;height:36px}.ah-user-chip,.uh-user-chip{min-width:auto!important;padding:3px!important}.ah-user-meta,.uh-user-meta,.ah-user-chevron,.uh-user-chevron{display:none!important}.ah-top-link.ah-auth span,.uh-top-link.uh-auth span{display:none!important}.ah-top-link.ah-auth,.uh-top-link.uh-auth{width:36px;min-width:36px;padding:0!important;justify-content:center}.universal-flash-toast-stack{top:78px!important;left:13px!important;right:13px!important;width:auto!important}.profile-toast,.kyc-custom-toast,.affiliate-settings-toast,.v-flash{top:78px!important;left:13px!important;right:13px!important;width:auto!important}}@media(max-width:600px){.ah-brand-mark,.uh-brand-mark{width:35px;height:35px}.ah-brand-word,.uh-brand-word{font-size:16px!important}.side-menu{min-height:45px!important}}
.dh-search-hit{outline:3px solid rgba(37,99,235,.18)!important;outline-offset:5px!important}

/* === ADMIN DASHBOARD LIGHT CONTENT LAYER === */
.dh-admin-dashboard .dh-dash-hero,
.dh-admin-dashboard .dh-kpi-card,
.dh-admin-dashboard .dh-panel,
.dh-admin-dashboard .dh-quick-card{
    background:#fff!important;
    border-color:#e4eaf1!important;
    box-shadow:none;
}
.dh-admin-dashboard .dh-dash-hero:after{display:none!important}
.dh-admin-dashboard .dh-dash-kicker{color:#1769E0!important}
.dh-admin-dashboard .dh-dash-hero h1{color:#152033!important}
.dh-admin-dashboard .dh-dash-hero p{color:#66736F!important}
.dh-admin-dashboard .dh-kpi-label,
.dh-admin-dashboard .dh-panel-eyebrow,
.dh-admin-dashboard .dh-chart-summary span,
.dh-admin-dashboard .dh-dash-hero .dh-live-chip{color:#66736F!important}
.dh-admin-dashboard .dh-kpi-value,
.dh-admin-dashboard .dh-chart-summary strong,
.dh-admin-dashboard .dh-chart-side-stat strong{color:#152033!important}
.dh-admin-dashboard .dh-kpi-meta,
.dh-admin-dashboard .dh-kpi-tag,
.dh-admin-dashboard .dh-metric-chip,
.dh-admin-dashboard .dh-legend,
.dh-admin-dashboard .dh-chart-labels,
.dh-admin-dashboard .dh-chart-side-stat span,
.dh-admin-dashboard .dh-product-main span,
.dh-admin-dashboard .dh-order-main span,
.dh-admin-dashboard .dh-quick-card small{color:#66736F!important}
.dh-admin-dashboard .dh-kpi-icon{background:#F7FAF9!important;border-color:#e5eaf1!important}
.dh-admin-dashboard .dh-kpi-purple .dh-kpi-icon{color:#1769E0!important}.dh-admin-dashboard .dh-kpi-violet .dh-kpi-icon{color:#6D4ACB!important}.dh-admin-dashboard .dh-kpi-pink .dh-kpi-icon{color:#db2777!important}.dh-admin-dashboard .dh-kpi-amber .dh-kpi-icon{color:#B7791F!important}
.dh-admin-dashboard .dh-kpi-tag,.dh-admin-dashboard .dh-metric-chip{background:#F7FAF9!important;border-color:#e5eaf1!important}
.dh-admin-dashboard .dh-chart-gridlines i{border-top-color:#e8edf3!important}
.dh-admin-dashboard .dh-bars{border-bottom-color:#e8edf3!important}
.dh-admin-dashboard .dh-chart-side-stat{border-left-color:#e8edf3!important}
.dh-admin-dashboard .dh-product-row,.dh-admin-dashboard .dh-order-row{border-top-color:#eef2f6!important}
.dh-admin-dashboard .dh-product-main strong,.dh-admin-dashboard .dh-order-main strong{color:#34423E!important}
.dh-admin-dashboard .dh-product-rank{background:#F2F6FC!important;border-color:#D8E7FF!important;color:#1769E0!important}
.dh-admin-dashboard .dh-product-progress{background:#e8eef5!important}.dh-admin-dashboard .dh-product-progress i{background:#1769E0!important}
.dh-admin-dashboard .dh-product-revenue{color:#152033!important}.dh-admin-dashboard .dh-order-avatar{background:#F7FAF9!important;border-color:#D8E7FF!important;color:#1769E0!important}.dh-admin-dashboard .dh-order-amount{color:#1769E0!important}
.dh-admin-dashboard .dh-link{background:#F2F6FC!important;border-color:#D8E7FF!important;color:#1769E0!important}.dh-admin-dashboard .dh-link span{color:#1769E0!important}
.dh-admin-dashboard .dh-link:hover{background:#D8E7FF!important;border-color:#8BCFC4!important;color:#0E4FAF!important}.dh-admin-dashboard .dh-link:hover span{color:#0E4FAF!important}
.dh-admin-dashboard .dh-live-chip{background:#EAF2FF!important;border-color:#BFD6FF!important;color:#0E4FAF!important}.dh-admin-dashboard .dh-hero-btn{background:#1769E0!important;color:#fff!important;box-shadow:none;}.dh-admin-dashboard .dh-hero-btn:hover{background:#0E4FAF!important}
.dh-admin-dashboard .dh-quick-card{background:#fff!important}.dh-admin-dashboard .dh-quick-card>span{background:#F2F6FC!important;color:#1769E0!important}.dh-admin-dashboard .dh-quick-card strong{color:#34423E!important}.dh-admin-dashboard .dh-quick-card b{color:#1769E0!important}
.dh-admin-dashboard .dh-chart-gridlines,.dh-admin-dashboard .dh-bars{background:#fff!important}
.ah-side-menu> :nth-child(1) .side-icon,.uh-side-menu> :nth-child(1) .side-icon{color:#60a5fa!important}
.ah-side-menu> :nth-child(2) .side-icon,.uh-side-menu> :nth-child(2) .side-icon{color:#f472b6!important}
.ah-side-menu> :nth-child(3) .side-icon,.uh-side-menu> :nth-child(3) .side-icon{color:#a78bfa!important}
.ah-side-menu> :nth-child(4) .side-icon,.uh-side-menu> :nth-child(4) .side-icon{color:#5F97E6!important}
.ah-side-menu> :nth-child(5) .side-icon,.uh-side-menu> :nth-child(5) .side-icon{color:#C58A22!important}
.ah-side-menu> :nth-child(6) .side-icon,.uh-side-menu> :nth-child(6) .side-icon{color:#38bdf8!important}
.ah-side-menu> :nth-child(7) .side-icon,.uh-side-menu> :nth-child(7) .side-icon{color:#c084fc!important}


/* ================================================================
   DIGITALHUB — SEMANTIC STATUS / AMOUNT / CONFIRM BUTTON COLORS
   Version: 20260901.230000-ADMIN-NO-REGRESSION-FINAL
   ================================================================ */
/* Active / enabled / successful statuses = green. */
main .status-active,
main .status-enabled,
main .status-on,
main .is-on,
main .badge.active,
main .badge.approved,
main .badge.paid,
main .badge.success,
main .v-status,
main .sys-status.on strong,
main .ws-switch-state.is-enabled,
main .ws-switch-state.enabled{
  background:#EAF2FF!important;
  border-color:#BFD6FF!important;
  color:#0E4FAF!important;
}
/* Plain status badges generated by tables. */
main .badge.status-active,
main .badge.status-enabled,
main .badge.status-on,
main .badge.status-approved,
main .badge.status-paid,
main .badge.status-success{
  background:#EAF2FF!important;
  border-color:#BFD6FF!important;
  color:#0E4FAF!important;
}
/* Disabled / inactive / deactive / rejected = red. */
main .status-inactive,
main .status-inactive.badge,
main .status-disabled,
main .status-disabled.badge,
main .status-deactive,
main .status-deactive.badge,
main .status-rejected,
main .status-rejected.badge,
main .badge.inactive,
main .badge.deactive,
main .badge.rejected,
main .sys-status.off strong,
main .gateway-badge.is-off,
main .ws-switch-state.is-disabled,
main .ws-switch-state.disabled{
  background:#FFF2F3!important;
  border-color:#E9B6BC!important;
  color:#A62E3B!important;
}
main .badge.status-inactive,
main .badge.status-disabled,
main .badge.status-deactive,
main .badge.status-rejected{
  background:#FFF2F3!important;
  border-color:#fca5a5!important;
  color:#A62E3B!important;
}
/* Gateway enabled state. */
main .gateway-badge.is-on{
  background:#EAF2FF!important;
  border:1px solid #BFD6FF!important;
  color:#0E4FAF!important;
}
/* Cancel = proper black/charcoal button. */
main .btn-cancel,
main button.btn-cancel,
main .delete-no,
main .btn.btn-cancel{
  background:#111111!important;
  border:1px solid #111111!important;
  color:#fff!important;
  box-shadow:none;
}
main .btn-cancel:hover,
main button.btn-cancel:hover,
main .delete-no:hover{
  background:#000!important;
  border-color:#000!important;
  color:#fff!important;
}
/* All explicit Yes/confirm-success buttons = green. */
main .btn-yes,
main .yes-btn,
main .confirm-yes,
main .delete-yes,
main button[data-confirm-yes]{
  background:#1769E0!important;
  border-color:#1769E0!important;
  color:#fff!important;
  box-shadow:none;
}
main .btn-yes:hover,
main .yes-btn:hover,
main .confirm-yes:hover,
main .delete-yes:hover,
main button[data-confirm-yes]:hover{
  background:#0E4FAF!important;
  border-color:#0E4FAF!important;
  color:#fff!important;
}
/* Monetary values / amounts = green text everywhere in the content area. */
main .amount,
main .amount-cell,
main .commission-amount,
main .dh-order-amount,
main .dh-amount,
main .dh-amount-auto,
main .price,
main .price-amount,
main .total-amount,
main .earned-amount,
main .revenue-amount,
main .withdrawal-amount,
main .payment-amount,
main .commission-value,
main [data-amount],
main [data-price],
main [data-currency-amount]{
  color:#0E4FAF!important;
  font-weight:800!important;
}
/* Stat/KPI values containing money should also stay green. */
main .stat strong.dh-amount-auto,
main .stat .dh-amount-auto,
main .kpi strong.dh-amount-auto,
main .dh-kpi-value.dh-amount-auto{
  color:#0E4FAF!important;
}

/* ================================================================
   DIGITALHUB — FINAL SEMANTIC COLOR POLISH
   Version: 20260901.230000-ADMIN-NO-REGRESSION-FINAL
   ================================================================ */
/* Published is a successful/live state. */
main .status-active,
main .status-enabled,
main .status-on,
main .status-approved,
main .status-paid,
main .status-published,
main .published,
main .badge.published,
main .badge.active,
main .badge.approved,
main .badge.paid,
main .badge.success{
  color:#0E4FAF!important;
}
/* All price/amount money values use green. */
main .dh-amount-auto,
main .amount,
main .amount-cell,
main .price,
main .price-amount,
main .purchase-price,
main .checkout-price,
main .total-amount,
main .earned-amount,
main .revenue-amount,
main .withdrawal-amount,
main .payment-amount,
main [data-amount],
main [data-price],
main [data-currency-amount]{color:#0E4FAF!important;font-weight:800!important}
/* Reset is a proper red danger action. */
main .btn-reset,
main .filter-reset,
main button[id*="reset" i],
main button[name*="reset" i],
main input[type="reset"]{
  background:#C83C4A!important;border:1px solid #C83C4A!important;color:#fff!important;box-shadow:none;}
main .btn-reset:hover,
main .filter-reset:hover,
main button[id*="reset" i]:hover,
main button[name*="reset" i]:hover,
main input[type="reset"]:hover{
  background:#A62E3B!important;border-color:#A62E3B!important;color:#fff!important}
/* Native select and dropdown option text stays black. */
main select,
main .form-select,
main .payment-status-select,
main .orders-filter select,
main select option,
main .form-select option,
main .payment-status-select option,
main .orders-filter select option{
  color:#000!important;background:#fff!important}
/* Cross / close / dismiss icons are consistently red. */
main .dh-cross,
main .search-clear,
main .toast-close,
main .close-btn,
main .req-close,
main .req-icon,
main .v-close-btn,
main .universal-flash-close,
main [aria-label="Close"],
main [aria-label="Dismiss"],
main [aria-label="Clear search"]{
  color:#C83C4A!important}
main .dh-cross:hover,
main .search-clear:hover,
main .toast-close:hover,
main .close-btn:hover,
main .req-close:hover,
main .req-icon:hover,
main .v-close-btn:hover,
main .universal-flash-close:hover,
main [aria-label="Close"]:hover,
main [aria-label="Dismiss"]:hover,
main [aria-label="Clear search"]:hover{
  color:#A62E3B!important}

/* ================================================================
   DIGITALHUB — FINAL LIGHT UI / SEARCH / TABLE LEGIBILITY PATCH
   
   ================================================================ */

/* Never allow legacy dark KYC colors to leak into the light UI. */
main .kyc-table,
main .verified-kyc-table,
main .req-table{background:#fff!important;color:#34423E!important}
main .kyc-table th,
main .verified-kyc-table th,
main .req-table th{background:#F7FAF9!important;color:#34423E!important;border-bottom:1px solid #dfe6ee!important}
main .kyc-table td,
main .verified-kyc-table td,
main .req-table td{background:#fff!important;color:#34423E!important;border-bottom:1px solid #e8edf3!important}
main .kyc-table tbody tr:hover td,
main .verified-kyc-table tbody tr:hover td,
main .req-table tbody tr:hover td{background:#f8fbff!important}
main .kyc-table .user-name,
main .kyc-table .doc-type,
main .kyc-table .doc-number,
main .kyc-table .sl-cell,
main .verified-kyc-table .v-sl,
main .verified-kyc-table .v-user-name,
main .verified-kyc-table .v-doc-type,
main .verified-kyc-table .v-doc-number,
main .verified-kyc-table .v-date,
main .req-table .sl-cell,
main .req-table .req-name,
main .req-table .reason-text{color:#34423E!important}
main .kyc-table .user-email,
main .verified-kyc-table .v-user-email,
main .req-table .req-email,
main .req-table .req-username,
main .req-table .admin-message{color:#66736F!important}

/* Clean, compact search boxes. */
main .orders-search,
main .kyc-search-wrap,
main .verified-kyc-search-wrap{position:relative!important}
main .orders-search input,
main .kyc-search,
main .verified-kyc-search{height:48px!important;min-height:48px!important;box-sizing:border-box!important;background:#fff!important;color:#17221F!important;border:1px solid #BFCBC7!important;border-radius:12px!important;box-shadow:none;font-size:14px!important;line-height:48px!important}
main .orders-search input{padding:0 44px!important}
main .kyc-search,
main .verified-kyc-search{padding:0 14px 0 44px!important}
main .orders-search input::placeholder,
main .kyc-search::placeholder,
main .verified-kyc-search::placeholder{color:#8A9691!important;opacity:1!important}
main .orders-search input:focus,
main .kyc-search:focus,
main .verified-kyc-search:focus{border-color:#8BCFC4!important;box-shadow:none;outline:none!important}
main .orders-search>svg{position:absolute!important;left:15px!important;top:50%!important;transform:translateY(-50%)!important;width:20px!important;height:20px!important;display:block!important;fill:none!important;stroke:#1769E0!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;pointer-events:none!important}

/* Avoid broken/unavailable font glyphs for the KYC magnifier. */
main .kyc-search-icon,
main .verified-kyc-search-icon{position:absolute!important;left:15px!important;top:50%!important;transform:translateY(-50%)!important;width:17px!important;height:17px!important;font-size:0!important;line-height:0!important;border:2px solid #1769E0!important;border-radius:50%!important;box-sizing:border-box!important;display:block!important;pointer-events:none!important}
main .kyc-search-icon::after,
main .verified-kyc-search-icon::after{content:""!important;position:absolute!important;width:7px!important;height:2px!important;background:#1769E0!important;border-radius:2px!important;right:-5px!important;bottom:-2px!important;transform:rotate(45deg)!important;transform-origin:left center!important}

/* Filter controls — readable text and proper red reset. */
main .orders-filter select,
main .payment-status-select,
main .kyc-status-filter,
main .status-select,
main .req-select,
main select{color:#000!important;background:#fff!important}
main select option{color:#000!important;background:#fff!important}
main .filter-reset,
main .btn-reset,
main button[id*="reset" i],
main button[name*="reset" i],
main input[type="reset"]{background:#C83C4A!important;border-color:#C83C4A!important;color:#fff!important;font-weight:800!important}
main .filter-reset:hover,
main .btn-reset:hover,
main button[id*="reset" i]:hover,
main button[name*="reset" i]:hover,
main input[type="reset"]:hover{background:#A62E3B!important;border-color:#A62E3B!important;color:#fff!important}
main .search-clear{width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;border-radius:9px!important;background:#fff1f2!important;border:1px solid #E9B6BC!important;color:#C83C4A!important;font-size:22px!important;font-weight:800!important;line-height:1!important;display:none;align-items:center;justify-content:center}
main .search-clear:hover{background:#fee2e2!important;border-color:#fca5a5!important;color:#A62E3B!important}

/* Money / price values — green across common table and card patterns. */
main .amount,
main .amount-cell,
main .commission-amount,
main .commission-value,
main .price,
main .price-amount,
main .purchase-price,
main .checkout-price,
main .total-amount,
main .earned-amount,
main .revenue-amount,
main .withdrawal-amount,
main .payment-amount,
main .dh-order-amount,
main .dh-amount,
main .dh-amount-auto,
main [data-amount],
main [data-price],
main [data-currency-amount]{color:#0E4FAF!important;font-weight:800!important}

/* Status semantic colors. */
main .status-active,
main .status-enabled,
main .status-on,
main .status-approved,
main .status-paid,
main .status-published,
main .published,
main .badge.active,
main .badge.approved,
main .badge.paid,
main .badge.published,
main .badge.success,
main .v-status{background:#EAF2FF!important;border-color:#BFD6FF!important;color:#0E4FAF!important}
main .status-inactive,
main .status-disabled,
main .status-deactive,
main .status-rejected,
main .status-failed,
main .status-refunded,
main .badge.inactive,
main .badge.disabled,
main .badge.deactive,
main .badge.rejected,
main .badge.failed,
main .badge.refunded{background:#FFF2F3!important;border-color:#fca5a5!important;color:#A62E3B!important}

/* KYC navigation — dark, saturated, and clearly visible. */
main .kyc-unified-nav{background:#F7FAF9!important;border:1px solid #D6E0DC!important;box-shadow:none;}
main .kyc-unified-nav a{min-height:42px!important;border-width:1px!important;font-weight:900!important;opacity:1!important;box-shadow:none;}
main .kyc-unified-nav .kyc-nav-pending{background:#B7791F!important;border-color:#956313!important;color:#fff!important}
main .kyc-unified-nav .kyc-nav-verified{background:#1769E0!important;border-color:#0E4FAF!important;color:#fff!important}
main .kyc-unified-nav .kyc-nav-current,
main .kyc-unified-nav .kyc-nav-requests{background:#1769E0!important;border-color:#0E4FAF!important;color:#fff!important}
main .kyc-unified-nav a:hover{transform:translateY(-1px)!important;color:#fff!important;filter:brightness(.96)!important}
main .kyc-unified-nav .kyc-nav-icon{color:#fff!important;text-shadow:none!important}

/* KYC action / modal buttons remain strongly visible. */
main .req-ok,
main .action-check{background:#1769E0!important;border-color:#0E4FAF!important;color:#fff!important;box-shadow:none;}
main .req-remove,
main .action-delete{background:#C83C4A!important;border-color:#A62E3B!important;color:#fff!important;box-shadow:none;}
main .req-close,
main .close-btn,
main .v-close-btn,
main .toast-close{color:#C83C4A!important}
main .req-close:hover,
main .close-btn:hover,
main .v-close-btn:hover,
main .toast-close:hover{color:#A62E3B!important}
main .btn-cancel{background:#111111!important;border-color:#111111!important;color:#fff!important}

/* Verified-KYC pending action: readable amber button. */
main .v-pending-btn{background:#B7791F!important;border-color:#956313!important;color:#fff!important;box-shadow:none;}
main .v-pending-btn:hover{background:#956313!important;border-color:#92400e!important;color:#fff!important}

/* Table columns: preserve minimum widths and prevent clipped content. */
main .kyc-scroll,main .verified-kyc-scroll,main .req-scroll,main .table-scroll{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important}
main .kyc-table,main .verified-kyc-table,main .req-table{table-layout:fixed!important}
main .kyc-table th,main .kyc-table td,
main .verified-kyc-table th,main .verified-kyc-table td,
main .req-table th,main .req-table td{overflow:visible!important;word-break:normal!important;overflow-wrap:anywhere!important}
main .kyc-table .action-cell,main .verified-kyc-table td:last-child,main .req-table .req-action-cell{white-space:nowrap!important}

@media(max-width:760px){
  main .orders-tools{gap:10px!important}
  main .orders-search{flex:1 1 100%!important;min-width:100%!important}
  main .orders-filter{flex:1 1 180px!important}
  main .orders-results{flex:1 1 auto!important}
  main .filter-reset{flex:0 0 auto!important}
  main .kyc-search,.main .verified-kyc-search{height:46px!important;min-height:46px!important}
}

/* === FINAL TOAST CLEANUP / 
   Compact reference-style notifications. Close/cross is ALWAYS red. */
.universal-flash-toast-stack,
#flashToastStack,
.toast-stack{top:82px!important;right:18px!important;width:min(440px,calc(100vw - 28px))!important;gap:8px!important}
.universal-flash-toast,
.profile-toast,
.kyc-custom-toast,
.affiliate-settings-toast,
.v-flash,
.community-flash,
.order-flash,
.withdrawal-flash{
  min-height:0!important;
  width:auto!important;
  min-width:0!important;
  max-width:440px!important;
  padding:9px 40px 9px 10px!important;
  gap:9px!important;
  border-radius:12px!important;
  box-shadow:none;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  font-size:12px!important;
  line-height:1.3!important;
}
.universal-flash-toast .universal-flash-icon,
.profile-toast .toast-icon,
.kyc-custom-toast .toast-icon,
.affiliate-toast-icon,
.v-flash-icon{
  width:34px!important;height:34px!important;flex-basis:34px!important;
  border-radius:9px!important;font-size:16px!important;
}
.universal-flash-toast .universal-flash-message,
.profile-toast,
.kyc-custom-toast .toast-message,
.affiliate-toast-message,
.v-flash{font-weight:750!important}
.universal-flash-toast .universal-flash-close,
.profile-toast .toast-close,
.kyc-custom-toast .toast-close,
.affiliate-toast-close,
.v-flash .toast-close,
.v-flash-close,
.community-flash .toast-close,
.order-flash .toast-close,
.withdrawal-flash .toast-close{
  width:30px!important;height:30px!important;
  min-width:30px!important;margin-left:auto!important;
  padding:0!important;border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#C83C4A!important;
  opacity:1!important;
  font-size:22px!important;
  font-weight:800!important;
  line-height:1!important;
  box-shadow:none;
}
.universal-flash-toast .universal-flash-close:hover,
.profile-toast .toast-close:hover,
.kyc-custom-toast .toast-close:hover,
.affiliate-toast-close:hover,
.v-flash .toast-close:hover,
.v-flash-close:hover,
.community-flash .toast-close:hover,
.order-flash .toast-close:hover,
.withdrawal-flash .toast-close:hover{
  color:#A62E3B!important;
  background:#fee2e2!important;
  opacity:1!important;
}
@media(max-width:600px){
  .universal-flash-toast-stack,#flashToastStack,.toast-stack{top:72px!important;left:12px!important;right:12px!important;width:auto!important}
  .universal-flash-toast,.profile-toast,.kyc-custom-toast,.affiliate-settings-toast,.v-flash,.community-flash,.order-flash,.withdrawal-flash{max-width:none!important;width:100%!important;padding:8px 38px 8px 9px!important}
}


/* === FINAL PROFESSIONAL TOAST UI / 
   Clean neutral notification system. No white icon tile/background. */
.universal-flash-toast-stack,
#flashToastStack,
.toast-stack{
  position:fixed!important;
  top:84px!important;
  right:20px!important;
  z-index:99999!important;
  width:min(410px,calc(100vw - 28px))!important;
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  pointer-events:none!important;
}
.universal-flash-toast,
.profile-toast,
.kyc-custom-toast,
.affiliate-settings-toast,
.v-flash,
.community-flash,
.order-flash,
.withdrawal-flash{
  box-sizing:border-box!important;
  position:relative!important;
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr) 30px!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  max-width:410px!important;
  min-height:56px!important;
  padding:10px 9px 10px 13px!important;
  gap:10px!important;
  border-radius:12px!important;
  border:1px solid #dce3ea!important;
  background:#ffffff!important;
  color:#34423E!important;
  box-shadow:none;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  font-size:13px!important;
  line-height:1.35!important;
  overflow:hidden!important;
}
.universal-flash-toast::before,
.profile-toast::before,
.kyc-custom-toast::before,
.affiliate-settings-toast::before,
.v-flash::before,
.community-flash::before,
.order-flash::before,
.withdrawal-flash::before{
  content:""!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:3px!important;
  background:#66736F!important;
}
.universal-flash-toast.flash-success,
.profile-toast-success,
.kyc-custom-toast-success,
.affiliate-toast-success,
.v-flash:not(.v-flash-error),
.community-flash,
.order-flash,
.withdrawal-flash{
  background:#ffffff!important;
  border-color:#d8e7df!important;
  color:#0E4FAF!important;
}
.universal-flash-toast.flash-success::before,
.profile-toast-success::before,
.kyc-custom-toast-success::before,
.affiliate-toast-success::before,
.v-flash:not(.v-flash-error)::before,
.community-flash::before,
.order-flash::before,
.withdrawal-flash::before{background:#1769E0!important}
.universal-flash-toast.flash-danger,
.universal-flash-toast.flash-error,
.profile-toast-error,
.kyc-custom-toast-error,
.v-flash.v-flash-error,
.community-danger{
  background:#ffffff!important;
  border-color:#efd9d9!important;
  color:#b42318!important;
}
.universal-flash-toast.flash-danger::before,
.universal-flash-toast.flash-error::before,
.profile-toast-error::before,
.kyc-custom-toast-error::before,
.v-flash.v-flash-error::before,
.community-danger::before{background:#C83C4A!important}
.universal-flash-toast.flash-info{border-color:#d8e4f4!important;color:#0E4FAF!important}
.universal-flash-toast.flash-info::before{background:#1769E0!important}
.universal-flash-toast.flash-warning{border-color:#eee1c9!important;color:#956313!important}
.universal-flash-toast.flash-warning::before{background:#B7791F!important}
.universal-flash-toast.flash-neutral{border-color:#dfe3e8!important;color:#52615C!important}
.universal-flash-toast.flash-neutral::before{background:#66736F!important}
.universal-flash-toast .universal-flash-icon,
.profile-toast .toast-icon,
.kyc-custom-toast .toast-icon,
.affiliate-toast-icon,
.v-flash-icon{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  flex:none!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none;
  padding:0!important;
  margin:0!important;
  font-size:19px!important;
  font-weight:800!important;
  color:currentColor!important;
}
.universal-flash-toast .universal-flash-message,
.profile-toast .toast-message,
.kyc-custom-toast .toast-message,
.affiliate-toast-message,
.v-flash-message{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:currentColor!important;
  font-size:13px!important;
  font-weight:650!important;
  line-height:1.35!important;
  overflow-wrap:anywhere!important;
}
.universal-flash-toast .universal-flash-close,
.profile-toast .toast-close,
.kyc-custom-toast .toast-close,
.affiliate-toast-close,
.v-flash .toast-close,
.v-flash-close,
.community-flash .toast-close,
.order-flash .toast-close,
.withdrawal-flash .toast-close{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#C83C4A!important;
  opacity:1!important;
  box-shadow:none;
  font-family:Arial,sans-serif!important;
  font-size:22px!important;
  font-weight:700!important;
  line-height:1!important;
  cursor:pointer!important;
}
.universal-flash-toast .universal-flash-close:hover,
.profile-toast .toast-close:hover,
.kyc-custom-toast .toast-close:hover,
.affiliate-toast-close:hover,
.v-flash .toast-close:hover,
.v-flash-close:hover,
.community-flash .toast-close:hover,
.order-flash .toast-close:hover,
.withdrawal-flash .toast-close:hover{
  color:#A62E3B!important;
  background:#FFF2F3!important;
  transform:none!important;
}
@media(max-width:600px){
  .universal-flash-toast-stack,#flashToastStack,.toast-stack{
    top:70px!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
  }
  .universal-flash-toast,
  .profile-toast,
  .kyc-custom-toast,
  .affiliate-settings-toast,
  .v-flash,
  .community-flash,
  .order-flash,
  .withdrawal-flash{
    max-width:none!important;
    min-height:52px!important;
    grid-template-columns:28px minmax(0,1fr) 28px!important;
    padding:8px 7px 8px 11px!important;
    gap:8px!important;
    border-radius:11px!important;
  }
  .universal-flash-toast .universal-flash-icon,
  .profile-toast .toast-icon,
  .kyc-custom-toast .toast-icon,
  .affiliate-toast-icon,
  .v-flash-icon{width:28px!important;height:28px!important;min-width:28px!important;font-size:18px!important}
  .universal-flash-toast .universal-flash-message,
  .profile-toast .toast-message,
  .kyc-custom-toast .toast-message,
  .affiliate-toast-message,
  .v-flash-message{font-size:12.5px!important}
}

/* ================================================================
   KYC SHELL SCROLL STABILITY — V13
   Keep topbar and fixed sidebar on one exact vertical coordinate.
   ================================================================ */
html,body{overflow-x:hidden!important;width:100%!important;max-width:100%!important}
.ah-topbar,.uh-topbar{position:sticky!important;top:0!important;z-index:3000!important;width:100%!important;min-height:var(--dh-header)!important;height:var(--dh-header)!important}
.ah-sidebar,.uh-sidebar{position:fixed!important;top:var(--dh-header)!important;bottom:0!important;height:calc(100vh - var(--dh-header))!important;z-index:2500!important}
@media (min-width:901px){
  body:has(.ah-sidebar) main,
  body:has(.ah-sidebar) .container,
  body:has(.ah-sidebar) .req-wrap,
  body:has(.ah-sidebar) .verified-kyc-wrap,
  body:has(.ah-sidebar) .sys-page,
  body:has(.ah-sidebar) .ws-page{min-width:0!important;max-width:calc(100vw - var(--dh-sidebar))!important}
}
@media (max-width:900px){
  .ah-topbar,.uh-topbar{z-index:3000!important}
  .ah-sidebar,.uh-sidebar{z-index:2500!important}
}


/* ================================================================
   DIGITALHUB — CONSOLIDATED PAGE CSS
   Inline page styles removed from PHP files and centralized here.
   ================================================================ */

/* ===== Consolidated page CSS: admin/affiliate_settings.php / block 1 ===== */

/* Custom flash toast — aligned with existing KYC toast treatment. */
.affiliate-settings-toast{
    position:fixed;
    z-index:1500;
    top:92px;
    right:26px;
    min-width:320px;
    max-width:440px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 16px;
    border-radius:12px;
    box-sizing:border-box;
    box-shadow:none;
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    font-size:13px;
    font-weight:650;
    line-height:1.45;
    animation:affiliateToastIn .35s ease both;
}
.affiliate-toast-success{
    border:1px solid rgba(23,105,224,.48);
    background:#FFFFFF;
    color:#8AB8FF;
}
.affiliate-toast-error{
    border:1px solid rgba(248,113,113,.42);
    background:#fff;
    color:#ff9b9b;
}
.affiliate-settings-toast .affiliate-toast-icon{
    width:25px;
    height:25px;
    flex:0 0 25px;
    display:grid;
    place-items:center;
    border:2px solid currentColor;
    border-radius:50%;
    font-size:13px;
    font-weight:900;
    line-height:1;
}
.affiliate-toast-message{
    display:flex;
    flex:1 1 auto;
    min-width:0;
    flex-direction:column;
    gap:2px;
}
.affiliate-toast-message strong{
    color:inherit;
    font-size:12px;
    font-weight:850;
}
.affiliate-toast-message span{
    color:inherit;
    opacity:.92;
    font-size:11px;
}
.affiliate-settings-toast .affiliate-toast-close{
    margin-left:auto;
    border:0;
    background:transparent;
    color:inherit;
    opacity:.72;
    font-size:20px;
    line-height:1;
    cursor:pointer;
    padding:0 2px;
}
.affiliate-settings-toast .affiliate-toast-close:hover{opacity:1}
@keyframes affiliateToastIn{
    from{opacity:0;transform:translateY(-10px) scale(.98)}
    to{opacity:1;transform:none}
}
@media(max-width:760px){
    .affiliate-settings-toast{
        top:84px;
        left:13px;
        right:13px;
        min-width:0;
        max-width:none;
    }
}

.affiliate-settings-page{padding-bottom:40px}.affiliate-settings-page .hero{margin-bottom:18px}.settings-card{padding:20px;margin-top:16px}
.settings-card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.settings-card-head h2{margin:3px 0 5px;color:#34423E;font-size:20px}.settings-kicker{margin:0;color:#1769E0;font-size:11px;font-weight:800;letter-spacing:.14em}.settings-burst{font-size:9px;color:#8f8498;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:5px 8px;white-space:nowrap}
.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mode-option{display:flex;align-items:flex-start;gap:11px;padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.025);cursor:pointer;transition:.2s}.mode-option:hover{transform:translateY(-1px);border-color:rgba(127,0,255,.4)}.mode-option input{width:17px;height:17px;margin:2px 0 0;accent-color:#1769E0}.mode-option strong{display:block;color:#34423E;font-size:14px;margin-bottom:4px}.mode-option small{display:block;color:#aaa2ad;font-size:12px;line-height:1.5}
.mode-normal:has(input:checked){border-color:rgba(59,130,246,.65)}.mode-active-passive:has(input:checked){border-color:rgba(168,85,247,.65)}.mode-active-only:has(input:checked){border-color:rgba(34,197,94,.65)}
.product-table-wrap{overflow:auto;border:1px solid rgba(255,255,255,.07);border-radius:13px}.product-settings-table{width:100%;min-width:900px;border-collapse:separate;border-spacing:0}.product-settings-table th{padding:13px 14px;text-align:left;color:#1769E0;font-size:11px;white-space:nowrap;background:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.product-settings-table td{padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:middle}.product-settings-table tbody tr:last-child td{border-bottom:0}.product-name{font-weight:700;color:#34423E;font-size:13px;white-space:nowrap}.product-id{font-size:10px;color:#807887;margin-top:3px}.price-cell{font-weight:700;color:#34423E;white-space:nowrap}.normal-pill{display:inline-block;padding:5px 8px;border-radius:999px;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.25);color:#8fc3ff;font-size:11px;font-weight:800}.field-note{display:block;margin-top:5px;color:#77717c;font-size:9px}
.income-control{display:flex;align-items:center;gap:9px;min-width:170px}.check-line{display:flex;align-items:center;gap:6px;color:#c9c2cb;font-size:11px;white-space:nowrap}.check-line input{width:16px;height:16px;margin:0;accent-color:#1769E0}.percent-wrap{display:flex;align-items:center;gap:4px}.percent-wrap input{width:64px;padding:7px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#fff;color:#34423E;font-size:12px}.percent-wrap b{font-size:11px;color:#8d8490}.rule-note{display:flex;gap:8px;align-items:flex-start;margin-top:14px;padding:11px 12px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);font-size:11px;line-height:1.5}.rule-note strong{color:#34423E;white-space:nowrap}.rule-note span{color:#9e969f}.empty-state{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;min-height:150px;text-align:center;border:1px dashed rgba(255,255,255,.1);border-radius:12px}.empty-state strong{color:#34423E}.empty-state span{color:#8d8690;font-size:12px}.save-affiliate-btn{margin-top:16px;min-height:46px}
@media(max-width:900px){.mode-grid{grid-template-columns:1fr}.settings-card{padding:15px}.settings-card-head{flex-direction:column}.settings-burst{align-self:flex-start}}@media(max-width:560px){.affiliate-settings-page .hero h1{font-size:24px}.settings-card-head h2{font-size:18px}.product-settings-table{min-width:860px}}


/* ===== Consolidated page CSS: admin/community_links.php / block 1 ===== */

.community-page{
    width:100%;
    box-sizing:border-box;
}
.community-form{
    width:100%;
    max-width:none;
    box-sizing:border-box;
}
.community-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}
.community-field{
    min-width:0;
}
.community-field.full{
    grid-column:1 / -1;
}
.community-field label{
    display:block;
    margin-bottom:7px;
    font-weight:700;
    font-size:13px;
}
.community-field input{
    width:100%;
    box-sizing:border-box;
}

.community-form .community-field{
    display:block!important;
    min-width:0!important;
    margin:0!important;
}
.community-form .community-field label{
    margin:0 0 5px!important;
    line-height:1.3!important;
}
.community-form .community-help{
    margin:5px 0 0!important;
    font-size:12px!important;
    line-height:1.35!important;
}
.community-form .community-grid{
    gap:14px 16px!important;
}
@media(max-width:700px){
    .community-form .community-grid{
        gap:12px!important;
    }
    .community-form .community-field{
        margin:0!important;
    }
}

.community-input-wrap{
    position:relative;
    width:100%;
}
.community-input-wrap .input{
    padding-left:44px!important;
}
.community-input-icon{
    position:absolute;
    left:14px;
    top:50%;
    transform:translateY(-50%);
    width:20px;
    text-align:center;
    font-size:17px;
    line-height:1;
    z-index:2;
    pointer-events:none;
}
.icon-whatsapp .community-input-icon{color:#25D366}
.icon-phone .community-input-icon{color:#1769E0}
.icon-facebook .community-input-icon{color:#1877F2}
.icon-instagram .community-input-icon{color:#E4405F}
.icon-telegram .community-input-icon{color:#229ED9}
.icon-youtube .community-input-icon{color:#FF0000}
.community-input-wrap:focus-within .community-input-icon{filter:brightness(.88)}

.community-help{
    margin-top:6px;
    color:#66736F ;
    opacity:1 ;
    font-size:12px;
    line-height:1.45;
}
.community-actions{
    margin-top:20px;
    width:100%;
}
.community-actions .btn{
    width:100%;
    box-sizing:border-box;
    text-align:center;
}
.community-danger{
    margin-bottom:16px;
}
@media(max-width:700px){
    .community-grid{
        grid-template-columns:1fr;
    }
    .community-field.full{
        grid-column:auto;
    }
}


/* ===== Consolidated page CSS: admin/create_user.php / block 1 ===== */

.create-user-title{position:relative;display:inline-block;margin:0 0 8px;font-weight:800;letter-spacing:-.035em;color:#1769E0;line-height:1.1}
.create-user-title-blue{color:#1769E0 !important}.create-user-title-yellow{color:#C58A22 !important}
.create-user-title:after{content:"";display:block;width:100%;height:3px;margin-top:7px;border-radius:999px;background:var(--dh-primary);}
.product-assignment-field{margin-top:20px}
.product-assignment-field>label{display:block;margin:0 0 8px;font-weight:700;color:#17221F}
.product-assignment-box{width:100%;max-height:230px;overflow-y:auto;border:1px solid #dbe3ef;border-radius:12px;background:#fff;padding:5px;box-sizing:border-box}
.product-option{display:flex;align-items:center;gap:11px;width:100%;min-height:48px;padding:7px 10px;margin:0;border-radius:8px;cursor:pointer;box-sizing:border-box;border:1px solid transparent;transition:background .18s ease,border-color .18s ease}
.product-option:hover{background:#F4FAF8;border-color:#D7E4E0}
.product-option:has(input:checked){background:var(--dh-primary);border-color:rgba(37,99,235,.18)}
.product-check{position:relative;width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center}
.product-check input{position:absolute;inset:0;width:20px;height:20px;margin:0;opacity:0;cursor:pointer}
.product-checkmark{width:18px;height:18px;border:1.5px solid #b8c3d3;border-radius:5px;background:#fff;box-sizing:border-box;transition:all .15s ease}
.product-check input:checked + .product-checkmark{border-color:#1769E0;background:var(--dh-primary);box-shadow:none;}
.product-check input:checked + .product-checkmark:after{content:'✓';display:block;color:#fff;font-size:12px;font-weight:800;line-height:16px;text-align:center}
.product-option-info{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;flex:1}
.product-option-info strong{color:#17221F;font-size:13px;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.product-meta{display:flex;align-items:center;gap:6px;flex:0 0 auto;color:#66736F;font-size:11.5px;line-height:1}
.product-status{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;background:#EAF2FF;color:#087443;font-size:10.5px;font-weight:700}
.product-assignment-note{display:block;margin-top:7px;line-height:1.4;font-size:11.5px}
@media (max-width:700px){
  .product-assignment-box{max-height:210px;padding:4px}
  .product-option{min-height:46px;padding:6px 8px;gap:9px}
  .product-option-info{gap:8px}
  .product-option-info strong{font-size:12.5px}
  .product-meta{font-size:11px}
  .product-status{padding:3px 6px;font-size:10px}
}


/* ===== Consolidated page CSS: admin/create_user.php / block 2 ===== */



/* ===== Consolidated page CSS: admin/create_user.php / block 3 ===== */


.container{
    width:100%;
    max-width:1400px;
    margin:0 auto;
    box-sizing:border-box;
}

.panel.form{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
}

.password-field{
    position:relative;
    width:100%;
}
.password-field .input{
    width:100%;
    padding-right:52px;
    box-sizing:border-box;
}
.password-eye{
    position:absolute;
    right:12px;
    top:50%;
    transform:translateY(-50%);
    border:0;
    background:transparent;
    padding:6px;
    margin:0;
    cursor:pointer;
    color:#34423E;
    line-height:1;
}
.password-eye span{
    font-size:18px;
}


/* ===== Consolidated page CSS: admin/create_user.php / block 4 ===== */

.hero,.ap-hero,.req-hero,.dh-page-hero,.dh-lb-heading,.lb2-header,.community-header,.settings-hero{background:#ffffff;border:1px solid rgba(127,0,255,.34);color:#34423E;box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.hero .eyebrow,.ap-eyebrow,.req-hero .eyebrow,.dh-lb-eyebrow,.lb2-eyebrow,.community-header-badge{color:#1769E0;}
.hero h1,.ap-hero h1,.req-hero h1,.dh-lb-heading h1,.lb2-header h1,.community-header h1,.settings-hero h1{color:#34423E;}
.hero>p:not(.eyebrow),.ap-hero>p:not(.ap-eyebrow),.req-hero>p:not(.eyebrow),.dh-lb-heading>p:not(.dh-lb-eyebrow),.lb2-header>p:not(.lb2-eyebrow),.community-header>p,.settings-hero>p:not(.eyebrow){color:#34423E;}


/* ===== Consolidated page CSS: admin/dashboard.php / block 1 ===== */

:root{
    --dh-bg:#080b10;
    --dh-card:#10161e;
    --dh-card2:#121a23;
    --dh-line:rgba(255,255,255,.08);
    --dh-text:#f7f6fb;
    --dh-muted:#6A737B;
    --dh-purple:#1769E0;
    --dh-purple-2:#1769E0;
    --dh-pink:#F2B900;
    --dh-amber:#F2B900;
}
.dh-admin-dashboard{padding-top:24px;padding-bottom:44px}
.dh-dash-hero{display:flex;justify-content:space-between;gap:26px;align-items:flex-end;padding:28px 30px;border-radius:24px;background:#fff;border:1px solid rgba(139,92,246,.28);box-shadow:none;overflow:hidden;position:relative}
.dh-dash-hero:after{content:"";position:absolute;width:280px;height:280px;right:-100px;top:-170px;border-radius:50%;border:1px solid rgba(139,92,246,.16);box-shadow:none;}
.dh-dash-hero-copy,.dh-dash-hero-side{position:relative;z-index:1}
.dh-dash-kicker{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:900;letter-spacing:.14em;color:#626A72}
.dh-kicker-dot{width:7px;height:7px;border-radius:50%;background:var(--dh-purple);box-shadow:none;}
.dh-dash-hero h1{margin:8px 0 6px;font-size:34px;letter-spacing:-.045em;color:#f7f6fb}
.dh-dash-hero p{margin:0;color:#4B535A;max-width:660px;font-size:13px}
.dh-dash-hero-side{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.dh-live-chip,.dh-hero-btn{min-height:40px;display:inline-flex;align-items:center;gap:8px;padding:0 13px;border-radius:12px;text-decoration:none;font-size:11px;font-weight:850}
.dh-live-chip{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);color:#cbd0da}
.dh-live-dot{width:7px;height:7px;border-radius:50%;background:#5F97E6;box-shadow:none;}
.dh-hero-btn{background:#fff;color:#fff;box-shadow:none;transition:.2s ease}
.dh-hero-btn:hover{transform:translateY(-2px);box-shadow:none;}
.dh-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}
.dh-kpi-card{padding:18px 18px 17px;border-radius:20px;background:#fff;border:1px solid rgba(255,255,255,.07);box-shadow:none;position:relative;overflow:hidden}
.dh-kpi-card:after{content:"";position:absolute;right:-44px;top:-50px;width:120px;height:120px;border-radius:50%;opacity:.10;background:var(--kpi)}
.dh-kpi-purple{--kpi:#1769E0}.dh-kpi-violet{--kpi:#1769E0}.dh-kpi-pink{--kpi:#F2B900}.dh-kpi-amber{--kpi:#F2B900}
.dh-kpi-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.dh-kpi-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.045);font-size:17px;border:1px solid rgba(255,255,255,.06)}
.dh-kpi-tag{font-size:9px;font-weight:850;color:#687078;padding:6px 8px;border-radius:99px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);white-space:nowrap}
.dh-kpi-label{margin-top:16px;color:#626A72;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.dh-kpi-value{margin-top:5px;color:#f8f7fb;font-size:27px;font-weight:900;letter-spacing:-.05em;line-height:1.05}
.dh-kpi-meta{margin-top:7px;color:#6D757D;font-size:10px}.dh-kpi-meta span{color:#d8dce4;font-weight:800}
.dh-main-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}
.dh-panel{background:#fff;border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:18px;box-shadow:none;min-width:0}
.dh-span-2{grid-column:span 2}
.dh-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dh-panel-eyebrow{font-size:9px;letter-spacing:.14em;font-weight:900;color:#7d8492}.dh-panel h2{margin:4px 0 0;color:#f3f1f7;font-size:17px;letter-spacing:-.03em}.dh-metric-chip,.dh-legend{font-size:9px;font-weight:850;color:#626A72}.dh-metric-chip{padding:7px 9px;border-radius:9px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}.dh-chip-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px}.dh-chip-dot.purple{background:#1769E0}.dh-legend{display:flex;gap:10px}.dh-legend span{display:inline-flex;align-items:center;gap:5px}.dh-legend i{width:7px;height:7px;border-radius:50%;display:inline-block}.dh-legend .purple{background:#1769E0}.dh-legend .pink{background:#F2B900}.dh-chart-summary{display:flex;align-items:baseline;gap:8px;margin:18px 0 8px}.dh-chart-summary strong{font-size:25px;letter-spacing:-.045em;color:#f8f7fb}.dh-chart-summary span{font-size:10px;color:#777f8d}.dh-chart-wrap{position:relative;min-height:142px}.dh-sparkline{position:relative;width:100%;height:112px;z-index:2;overflow:visible;color:#1769E0}.dh-sparkline.purple stop:first-child{stop-color:#1769E0}.dh-chart-gridlines{position:absolute;inset:10px 0 23px;display:flex;flex-direction:column;justify-content:space-between}.dh-chart-gridlines i{border-top:1px dashed rgba(255,255,255,.055)}.dh-chart-labels{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;color:#737B83;font-size:8px}.dh-dual-chart{display:grid;grid-template-columns:1fr 110px;gap:14px;align-items:end;margin-top:16px}.dh-bars{height:152px;display:flex;align-items:flex-end;gap:7px;padding:10px 2px 0;border-bottom:1px solid rgba(255,255,255,.06)}.dh-bar-day{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;height:100%}.dh-bar-stack{height:122px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px}.dh-bar-stack span{display:block;width:7px;border-radius:6px 6px 2px 2px;min-height:2px}.dh-bar-stack .order{background:#fff;box-shadow:none;}.dh-bar-stack .user{background:#fff;box-shadow:none;}.dh-bar-day small{font-size:8px;color:#737B83}.dh-chart-side-stat{border-left:1px solid rgba(255,255,255,.06);padding-left:14px;display:flex;flex-direction:column;gap:3px}.dh-chart-side-stat strong{font-size:23px;letter-spacing:-.04em;color:#f3f2f6}.dh-chart-side-stat span{font-size:9px;color:#737B83;margin-bottom:12px}.dh-chart-side-stat .pink-number{color:#B77900}.dh-link{display:inline-flex;align-items:center;gap:5px;color:#1769E0;text-decoration:none;font-size:10px;font-weight:850}.dh-link:hover{color:#0E4FAF}.dh-product-list,.dh-order-list{margin-top:12px}.dh-product-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid rgba(255,255,255,.06)}.dh-product-row:first-child,.dh-order-row:first-child{border-top:0}.dh-product-rank{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(139,92,246,.09);border:1px solid rgba(139,92,246,.12);color:#1769E0;font-size:9px;font-weight:900}.dh-product-main{min-width:0}.dh-product-main strong,.dh-order-main strong{display:block;color:#ebe9ef;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dh-product-main span,.dh-order-main span{display:block;margin-top:3px;color:#6D757D;font-size:9px}.dh-product-progress{height:4px;margin-top:7px;border-radius:99px;background:#fff;overflow:hidden}.dh-product-progress i{display:block;height:100%;border-radius:99px;background:var(--dh-primary);}.dh-product-revenue{font-size:11px;color:#f5f3f7;font-weight:850}.dh-order-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid rgba(255,255,255,.06)}.dh-order-avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#fff;border:1px solid rgba(139,92,246,.16);color:#1769E0;font-size:11px;font-weight:900}.dh-order-amount{font-size:11px;color:#1769E0;font-weight:900}.dh-empty-state{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px}.dh-empty-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#141b23;border:1px solid rgba(255,255,255,.07);color:#1769E0;font-size:20px}.dh-empty-state strong{color:#e8e6ec;font-size:12px}.dh-empty-state span{max-width:350px;color:#6f7785;font-size:9px}.dh-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.dh-quick-card{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid rgba(255,255,255,.07);background:#FFFFFF;border-radius:16px;text-decoration:none;transition:.18s ease}.dh-quick-card:hover{transform:translateY(-2px);border-color:rgba(139,92,246,.24);box-shadow:none;}.dh-quick-card>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:rgba(139,92,246,.08);font-size:15px}.dh-quick-card div{min-width:0;flex:1}.dh-quick-card strong{display:block;color:#eeeef2;font-size:10px}.dh-quick-card small{display:block;margin-top:3px;color:#707888;font-size:8px}.dh-quick-card b{color:#1769E0;font-size:12px}
@media(max-width:1100px){.dh-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dh-main-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dh-span-2{grid-column:span 1}.dh-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.dh-dash-hero{padding:22px 20px;align-items:flex-start;flex-direction:column}.dh-dash-hero h1{font-size:28px}.dh-dash-hero-side{justify-content:flex-start}.dh-kpi-grid,.dh-main-grid,.dh-quick-grid{grid-template-columns:1fr}.dh-span-2{grid-column:span 1}.dh-dual-chart{grid-template-columns:1fr}.dh-chart-side-stat{border-left:0;border-top:1px solid rgba(255,255,255,.06);padding:12px 0 0;display:grid;grid-template-columns:1fr 1fr;column-gap:12px}.dh-chart-side-stat strong{font-size:19px}.dh-chart-side-stat span{margin-bottom:0}.dh-product-row,.dh-order-row{grid-template-columns:32px 1fr auto}}


/* =========================================================
   FINAL DASHBOARD ACTION BUTTON OVERRIDE
   ========================================================= */

.dh-hero-btn,
.dh-hero-btn:visited,
.dh-hero-btn:hover,
.dh-hero-btn:focus,
.dh-hero-btn:active {
    color:#fff ;
}

.dh-link,
.dh-link:visited {
    display:inline-flex ;
    align-items:center ;
    justify-content:center ;
    gap:6px ;
    min-height:34px ;
    padding:0 12px ;
    border-radius:10px ;
    background:rgba(255,255,255,.035) ;
    border:1px solid rgba(255,255,255,.09) ;
    color:#fff ;
    text-decoration:none ;
    font-size:10px ;
    font-weight:850 ;
    line-height:1 ;
    transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease ;
}

.dh-link span { color:#fff ; transition:transform .18s ease,color .18s ease ; }

.dh-link:hover,
.dh-link:focus,
.dh-link:active {
    color:#fff ;
    background:#ffffff;
    border-color:rgba(139,92,246,.48) ;
    box-shadow:none;
    transform:translateY(-1px);
}

.dh-link:hover span,
.dh-link:focus span,
.dh-link:active span { color:#fff ; transform:translateX(2px); }

@media(max-width:720px){
    .dh-link{min-height:32px ;padding:0 10px ;font-size:9px ;}
}


/* ===== Consolidated page CSS: admin/kyc.php / block 1 ===== */

/* =========================================================
   DIGITALHUB ADMIN — KYC ADVANCED CLEAN UI
   
   Scoped to .kyc-admin-page to avoid affecting other admin pages.
========================================================= */
.kyc-admin-page{
  --kyc-blue:#1769E0;
  --kyc-blue-2:#0E4FAF;
  --kyc-navy:#17221F;
  --kyc-text:#26332F;
  --kyc-muted:#66736F;
  --kyc-line:#D8E2DF;
  --kyc-soft:#F7FAF9;
  --kyc-green:#1769E0;
  --kyc-red:#C83C4A;
  --kyc-amber:#B7791F;
  width:100%;
  max-width:1240px;
  margin:0 auto;
  padding:0 0 36px;
  box-sizing:border-box;
}
.kyc-admin-page *{box-sizing:border-box}

.kyc-hero{
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  padding:28px 30px;
  margin-bottom:18px;
  background:#fff;
  border:1px solid var(--kyc-line);
  border-radius:22px;
  box-shadow:none;
  overflow:hidden;
}
.kyc-hero:before{
  content:"";
  position:absolute;
  top:-90px;
  right:-90px;
  width:250px;
  height:250px;
  border-radius:50%;
  background:rgba(37,99,235,.07);
  pointer-events:none;
}
.kyc-hero-copy{position:relative;min-width:0;z-index:1}
.kyc-eyebrow{
  margin:0 0 8px;
  color:var(--kyc-blue);
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.kyc-title{
  margin:0;
  font-size:31px;
  line-height:1.08;
  letter-spacing:-.03em;
  color:var(--kyc-navy);
  font-weight:900;
}
.kyc-title .accent{color:#C58A22}
.kyc-subtitle{
  max-width:640px;
  margin:8px 0 0;
  color:var(--kyc-muted);
  font-size:13px;
  line-height:1.55;
}

.kyc-nav{
  position:relative;
  z-index:2;
  display:flex;
  gap:7px;
  width:min(100%,520px);
  flex:0 1 520px;
  padding:5px;
  border:1px solid var(--kyc-line);
  border-radius:14px;
  background:#F7FAF9;
}
.kyc-nav a{
  flex:1 1 0;
  min-width:0;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 10px;
  border-radius:10px;
  border:1px solid transparent;
  text-decoration:none;
  color:#52615C;
  font-size:11px;
  font-weight:850;
  white-space:nowrap;
  transition:all .18s ease;
}
.kyc-nav a:hover{transform:translateY(-1px);background:#fff;border-color:#D6E0DC}
.kyc-nav .current{color:#fff;background:var(--dh-primary);box-shadow:none;}
.kyc-nav .verified{color:#0E4FAF;background:#EAF2FF;border-color:#BFD6FF}
.kyc-nav .requests{color:#0369a1;background:#F2F6FC;border-color:#bfdbfe}

.kyc-alert{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:0 0 14px;
  padding:12px 14px;
  border-radius:12px;
  font-size:12px;
  line-height:1.5;
  border:1px solid transparent;
}
.kyc-alert-success{background:#EAF2FF;border-color:#BFD6FF;color:#0E4FAF}
.kyc-alert-error{background:#FFF2F3;border-color:#E9B6BC;color:#991b1b}

.kyc-overview{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:stretch;
  margin-bottom:14px;
}
.kyc-metric{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
  padding:16px 18px;
  background:#fff;
  border:1px solid var(--kyc-line);
  border-radius:16px;
  box-shadow:none;
}
.kyc-metric-icon{
  width:42px;height:42px;flex:0 0 42px;
  display:grid;place-items:center;
  border-radius:12px;
  color:var(--kyc-blue);
  background:#F2F6FC;
  font-size:18px;font-weight:900;
}
.kyc-metric-label{margin:0;color:#66736F;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.kyc-metric-value{margin:2px 0 0;color:var(--kyc-navy);font-size:24px;line-height:1;font-weight:900}
.kyc-metric-note{align-self:center;color:#8A9691;font-size:11px;white-space:nowrap}

.kyc-toolbar{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
  padding:12px;
  background:#fff;
  border:1px solid var(--kyc-line);
  border-radius:16px;
  box-shadow:none;
}
.kyc-search-wrap{position:relative;flex:1 1 auto;min-width:220px}
.kyc-search-icon{
  position:absolute;left:13px;top:50%;transform:translateY(-50%);
  color:#8A9691;font-size:18px;line-height:1;pointer-events:none
}
.kyc-search{
  width:100%;height:42px;
  padding:0 13px 0 38px;
  border:1px solid #d7dee8;
  border-radius:11px;
  outline:none;
  background:#fbfdff;
  color:var(--kyc-text);
  font:inherit;font-size:12px;
  transition:border-color .18s,box-shadow .18s,background .18s;
}
.kyc-search:focus{background:#fff;border-color:#8BCFC4;box-shadow:none;}
.kyc-filter-select{
  width:150px;height:42px;
  padding:0 11px;
  border:1px solid #d7dee8;
  border-radius:11px;
  outline:none;
  background:#fff;color:var(--kyc-text);
  font:inherit;font-size:12px;
}

.kyc-table-card{
  background:#fff;
  border:1px solid var(--kyc-line);
  border-radius:18px;
  box-shadow:none;
  overflow:hidden;
}
.kyc-table-scroll{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.kyc-table-scroll::-webkit-scrollbar{height:6px}
.kyc-table-scroll::-webkit-scrollbar-thumb{background:#BFCBC7;border-radius:999px}
.kyc-table{
  width:100%;
  min-width:0;
  border-collapse:separate;
  border-spacing:0;
  table-layout:fixed;
}
.kyc-table th{
  height:48px;
  padding:0 14px;
  background:#F7FAF9;
  border-bottom:1px solid var(--kyc-line);
  color:#66736F;
  text-align:left;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}
.kyc-table td{
  padding:15px 14px;
  border-bottom:1px solid #E9EFEC;
  color:var(--kyc-text);
  vertical-align:middle;
  background:#fff;
}
.kyc-table tbody tr:last-child td{border-bottom:0}
.kyc-table tbody tr:hover td{background:#fbfdff}
.kyc-table .col-sl{width:56px;text-align:center}
.kyc-table .col-user{width:22%}
.kyc-table .col-doc{width:20%}
.kyc-table .col-status{width:13%}
.kyc-table .col-view{width:10%}
.kyc-table .col-action{width:26%}
.sl-cell{color:#8A9691;font-size:11px;font-weight:800;text-align:center}
.user-name,.doc-type{display:block;color:var(--kyc-navy);font-size:12px;font-weight:850}
.user-email,.doc-number{display:block;margin-top:4px;color:#66736F;font-size:10px;line-height:1.4;overflow-wrap:anywhere}
.status-badge{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 9px;
  border-radius:999px;
  font-size:10px;font-weight:900;text-transform:capitalize;
}
.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.status-pending{color:#956313;background:#fff7ed;border:1px solid #fed7aa}
.status-verified{color:#0E4FAF;background:#EAF2FF;border:1px solid #BFD6FF}
.status-rejected{color:#A62E3B;background:#FFF2F3;border:1px solid #E9B6BC}
.view-cell,.action-cell{white-space:nowrap}
.view-btn,.action-btn{
  border:0;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease
}
.view-btn{
  height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:0 10px;border-radius:9px;
  color:var(--kyc-blue);background:#F2F6FC;border:1px solid #bfdbfe;
  font-size:10px;font-weight:900;
}
.view-btn:hover{transform:translateY(-1px);background:#D8E7FF}
.view-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.action-row{display:flex;align-items:center;gap:7px;min-width:0}
.status-form{display:flex;align-items:center;gap:7px;margin:0;flex:0 0 auto}
.status-select{width:122px;height:34px;padding:0 9px;border:1px solid #d7dee8;border-radius:9px;background:#fff;color:var(--kyc-text);font:inherit;font-size:10px;outline:none}
.status-select:focus{border-color:#8BCFC4;box-shadow:none;}
.action-btn{width:34px;height:34px;min-width:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;color:#fff;font-size:18px;font-weight:900;line-height:1}
.action-check{background:var(--kyc-green);box-shadow:none;}
.action-delete{background:var(--kyc-red);box-shadow:none;}
.action-btn:hover{transform:translateY(-1px)}
.action-check:hover{background:#0E4FAF}.action-delete:hover{background:#A62E3B}

.kyc-empty-state{
  display:flex;align-items:center;justify-content:center;
  min-height:240px;padding:30px;text-align:center;
  background:#fff;
}
.kyc-empty-inner{width:min(100%,420px)}
.kyc-empty-icon{
  width:48px;height:48px;margin:0 auto 12px;
  display:grid;place-items:center;border-radius:14px;
  color:#1769E0;background:#F2F6FC;border:1px solid #bfdbfe;
  font-size:20px;font-weight:900;
}
.kyc-empty-title{margin:0;color:var(--kyc-navy);font-size:15px;font-weight:900}
.kyc-empty-copy{margin:5px 0 0;color:#66736F;font-size:11px;line-height:1.5}

.kyc-filter-empty{display:none;padding:26px 18px;background:#fff;border-top:1px solid #E9EFEC;text-align:center;color:#66736F;font-size:12px}

.kyc-toast{
  position:fixed;top:88px;right:24px;z-index:1500;
  width:min(420px,calc(100vw - 32px));
  display:flex;align-items:flex-start;gap:10px;
  padding:13px 14px;border-radius:14px;
  box-shadow:none;
  background:#fff;border:1px solid var(--kyc-line);
  animation:kycToastIn .22s ease both;
}
.kyc-toast.success{border-color:#BFD6FF;background:#EAF2FF;color:#0E4FAF}
.kyc-toast.error{border-color:#E9B6BC;background:#FFF2F3;color:#991b1b}
.kyc-toast-icon{width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px;border-radius:50%;background:currentColor;color:#fff;font-size:12px;font-weight:900}
.kyc-toast.success .kyc-toast-icon{background:#1769E0}.kyc-toast.error .kyc-toast-icon{background:#C83C4A}
.kyc-toast-message{min-width:0;flex:1;font-size:11px;line-height:1.5}
.kyc-toast-close{border:0;background:transparent;color:currentColor;font-size:18px;line-height:1;cursor:pointer;padding:0;opacity:.65}
.kyc-toast-close:hover{opacity:1}
@keyframes kycToastIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

.kyc-modal-backdrop{
  position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;
  padding:18px;background:rgba(15,23,42,.56);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)
}
.kyc-modal-backdrop.open{display:flex}
.kyc-modal-card{
  width:min(820px,100%);max-height:88vh;overflow:auto;
  padding:22px;background:#fff;border:1px solid #D8E2DF;border-radius:20px;
  box-shadow:none;}
.kyc-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}
.kyc-modal-head h2{margin:0;color:var(--kyc-navy);font-size:20px;letter-spacing:-.02em}
.kyc-modal-head p{margin:5px 0 0;color:#66736F;font-size:11px}
.kyc-close{width:34px;height:34px;border:1px solid #D8E2DF;border-radius:9px;background:#F7FAF9;color:#52615C;font-size:20px;cursor:pointer}
.kyc-close:hover{background:#EEF3F1}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.detail{padding:12px;border:1px solid #D8E2DF;border-radius:12px;background:#F7FAF9;min-width:0}
.detail.full{grid-column:1/-1}
.detail label{display:block;margin-bottom:5px;color:#8A9691;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.detail div{color:#26332F;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.document-box{margin-top:12px;padding:13px;border:1px solid #D8E7FF;border-radius:12px;background:#F2F6FC}
.document-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.document-link{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:9px;background:#1769E0;color:#fff;text-decoration:none;font-size:10px;font-weight:900}
.document-link:hover{background:#0E4FAF}
.reject-box{width:min(560px,100%)}
.reject-box textarea{width:100%;min-height:130px;resize:vertical;padding:12px;border:1px solid #d7dee8;border-radius:10px;outline:none;font:inherit;font-size:12px;color:var(--kyc-text)}
.reject-box textarea:focus{border-color:#8BCFC4;box-shadow:none;}
.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.modal-actions .btn{min-height:36px;padding:0 13px;border-radius:9px;border:0;font-size:10px;font-weight:900;cursor:pointer}
.modal-actions .btn-cancel{background:#D8E2DF;color:#34423E}
.modal-actions .btn-primary{background:#C83C4A;color:#fff}

@media(max-width:1050px){
  .kyc-hero{align-items:stretch;flex-direction:column}
  .kyc-nav{width:100%;max-width:none;flex-basis:auto}
}
@media(max-width:760px){
  .kyc-admin-page{padding:0 0 28px}
  .kyc-hero{padding:22px 18px;border-radius:18px}
  .kyc-title{font-size:27px}
  .kyc-nav a{height:40px;font-size:10px;padding:0 6px}
  .kyc-overview{grid-template-columns:1fr}
  .kyc-toolbar{flex-direction:column;align-items:stretch}
  .kyc-search-wrap{min-width:0}
  .kyc-filter-select{width:100%}
  .kyc-table{min-width:860px}
  .kyc-table th,.kyc-table td{padding-left:12px;padding-right:12px}
  .kyc-toast{top:74px;left:12px;right:12px;width:auto}
  .detail-grid{grid-template-columns:1fr}
  .detail.full{grid-column:auto}
}
@media(max-width:440px){
  .kyc-hero{padding:18px 15px}
  .kyc-title{font-size:24px}
  .kyc-subtitle{font-size:11px}
  .kyc-nav{gap:4px;padding:4px}
  .kyc-nav a{height:38px;font-size:9px}
  .kyc-metric{padding:14px}
  .kyc-metric-note{display:none}
}

/* =========================================================
   KYC PROFESSIONAL UI OVERRIDES
   Unified visual system: pending / verified / requests
   
========================================================= */
.kyc-admin-page,.verified-kyc-wrap,.req-wrap{font-family:inherit;color:#17221F}
.kyc-admin-page,.verified-kyc-wrap{max-width:1240px;margin:0 auto;padding-left:0;padding-right:0}
.kyc-hero,.verified-kyc-hero,.req-hero{
  background:#fff!important;border:1px solid #D8E2DF!important;
  box-shadow:none;
  border-radius:18px!important;
}
.kyc-hero:before,.req-hero:after{background:rgba(37,99,235,.045)!important}
.kyc-eyebrow,.req-eyebrow{color:#1769E0!important}
.kyc-title,.req-hero h1,.verified-kyc-hero h1{color:#17221F!important;font-weight:850!important}
.kyc-title .accent,.verified-kyc-hero .kyc-title-accent{color:#C58A22!important}
.kyc-subtitle,.req-hero p.req-sub,.verified-kyc-hero p{color:#66736F!important}
.kyc-nav,.kyc-unified-nav{
  background:#F7FAF9!important;border:1px solid #D8E2DF!important;
  box-shadow:none;
}
.kyc-nav a,.kyc-unified-nav a{
  color:#52615C!important;background:transparent!important;border-color:transparent!important;
}
.kyc-nav a:hover,.kyc-unified-nav a:hover{background:#fff!important;border-color:#D6E0DC!important;color:#26332F!important}
.kyc-nav .current,.kyc-nav .kyc-nav-current,.kyc-unified-nav .kyc-nav-current{
  color:#fff!important;background:#1769E0!important;border-color:#1769E0!important;
  box-shadow:none;
}
.kyc-nav .verified,.kyc-nav .kyc-nav-verified,.kyc-unified-nav .kyc-nav-verified{
  color:#0E4FAF!important;background:#EAF2FF!important;border-color:#BFD6FF!important;
}
.kyc-nav .requests,.kyc-nav .kyc-nav-requests,.kyc-unified-nav .kyc-nav-requests{
  color:#0369a1!important;background:#F2F6FC!important;border-color:#bfdbfe!important;
}
.kyc-nav .kyc-nav-pending,.kyc-unified-nav .kyc-nav-pending{
  color:#52615C!important;background:#fff!important;border-color:#D8E2DF!important;
}
.kyc-metric,.kyc-toolbar,.kyc-table-card,.verified-kyc-summary,.verified-kyc-panel,.req-summary,.req-panel{
  background:#fff!important;border-color:#D8E2DF!important;
  box-shadow:none;
}
.kyc-metric-icon{background:#F2F6FC!important;color:#1769E0!important}
.kyc-metric-label,.verified-kyc-summary-label,.req-summary-label{color:#66736F!important}
.kyc-metric-value,.verified-kyc-count,.req-summary-count{color:#17221F!important}
.kyc-table th,.verified-kyc-table th,.req-table th{
  background:#F7FAF9!important;color:#52615C!important;border-bottom:1px solid #D8E2DF!important;
}
.kyc-table td,.verified-kyc-table td,.req-table td{
  background:#fff!important;color:#26332F!important;border-bottom:1px solid #E9EFEC!important;
}
.kyc-table tbody tr:hover td,.verified-kyc-table tbody tr:hover td,.req-table tbody tr:hover td{background:#fbfdff!important}
.user-name,.doc-type,.v-user-name,.v-doc-type,.req-name{color:#17221F!important}
.user-email,.doc-number,.v-user-email,.v-doc-number,.req-email,.req-username{color:#66736F!important}
.reason-text{color:#34423E!important}
.admin-message{background:#F7FAF9!important;border-color:#D8E2DF!important;color:#52615C!important}
.kyc-search,.kyc-filter-select,.verified-kyc-search,.req-select{
  background:#fff!important;color:#26332F!important;border-color:#d7dee8!important;
}
.kyc-search::placeholder,.verified-kyc-search::placeholder{color:#8A9691!important}
.view-btn,.v-view-btn,.req-view-btn{
  background:#F2F6FC!important;color:#1769E0!important;border-color:#bfdbfe!important;
}
.view-btn:hover,.v-view-btn:hover,.req-view-btn:hover{background:#D8E7FF!important;border-color:#8BCFC4!important}
.action-check{background:#1769E0!important;color:#fff!important}
.action-delete{background:#C83C4A!important;color:#fff!important}
.v-status,.badge.approved{background:#EAF2FF!important;color:#0E4FAF!important;border-color:#BFD6FF!important}
.badge.pending{background:#fff7ed!important;color:#956313!important;border-color:#fed7aa!important}
.badge.rejected{background:#FFF2F3!important;color:#A62E3B!important;border-color:#E9B6BC!important}
.badge.used{background:#EEF3F1!important;color:#52615C!important;border-color:#D8E2DF!important}
.v-pending-btn{background:#fff7ed!important;color:#956313!important;border-color:#fed7aa!important;box-shadow:none;}
.v-pending-btn:hover{background:#ffedd5!important;border-color:#fdba74!important}
.req-ok{background:#EAF2FF!important;color:#0E4FAF!important;border-color:#BFD6FF!important;box-shadow:none;}
.req-remove{background:#FFF2F3!important;color:#A62E3B!important;border-color:#E9B6BC!important;box-shadow:none;}
.kyc-modal-backdrop,.req-modal,.v-modal-backdrop{
  background:rgba(15,23,42,.48)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;
}
.kyc-modal-card,.req-card,.v-modal-card{
  background:#fff!important;border:1px solid #D8E2DF!important;
  box-shadow:none;
}
.detail,.req-detail,.v-detail{background:#F7FAF9!important;border-color:#D8E2DF!important}
.detail label,.req-detail label,.v-detail label{color:#66736F!important}
.detail div,.req-detail div,.v-detail div{color:#26332F!important}
.document-box,.v-document-box{background:#F2F6FC!important;border-color:#bfdbfe!important}
.document-link{background:#1769E0!important;color:#fff!important}
.v-document-link{background:#1769E0!important;color:#fff!important}
.kyc-close,.req-close,.v-close-btn{background:#F7FAF9!important;color:#34423E!important;border:1px solid #D8E2DF!important}
.kyc-empty-state,.req-empty{background:#fff!important;color:#66736F!important}
.kyc-filter-empty,.dh-filter-empty-host{background:#fff!important;color:#66736F!important;border-color:#E9EFEC!important}
.req-alert,.v-flash{box-shadow:none;}
.req-success,.v-flash:not(.v-flash-error){background:#EAF2FF!important;color:#0E4FAF!important;border-color:#BFD6FF!important}
.req-error,.v-flash-error{background:#FFF2F3!important;color:#991b1b!important;border-color:#E9B6BC!important}
@media(max-width:760px){
  .kyc-admin-page,.verified-kyc-wrap{padding-left:0!important;padding-right:0!important}
  .req-wrap{padding-left:14px!important;padding-right:14px!important}
  .kyc-hero,.verified-kyc-hero,.req-hero{border-radius:16px!important}
  .kyc-table-scroll,.verified-kyc-scroll,.req-scroll{overflow-x:auto!important}
}
<style id="kyc-desktop-nav-clean-20260901-v4">
/* Final desktop KYC navigation containment: keep all 3 tabs inside the hero. */
@media (min-width: 1101px){
  .kyc-admin-page .kyc-hero{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(360px,420px)!important;
    align-items:center!important;
    gap:20px!important;
  }
  .kyc-admin-page .kyc-nav{
    width:100%!important;
    max-width:420px!important;
    min-width:0!important;
    margin-left:auto!important;
    flex:none!important;
  }
  .kyc-admin-page .kyc-nav a{
    min-width:0!important;
    padding-left:7px!important;
    padding-right:7px!important;
    font-size:9px!important;
  }
}
@media (min-width:761px) and (max-width:1100px){
  .kyc-admin-page .kyc-hero{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .kyc-admin-page .kyc-nav{
    width:100%!important;
    max-width:100%!important;
    flex:0 0 auto!important;
    align-self:stretch!important;
  }
}


/* ===== Consolidated page CSS: admin/kyc.php / block 2 ===== */

/* V5: place the KYC page inside the actual desktop content area reserved
   by the fixed admin sidebar. This prevents the hero/nav from sitting
   underneath the sidebar or creating horizontal page overflow. */
@media (min-width:901px){
  body:has(.ah-sidebar) main.kyc-admin-page{
    width:calc(100% - var(--dh-sidebar))!important;
    max-width:none!important;
    margin-left:var(--dh-sidebar)!important;
    margin-right:0!important;
    padding:28px 28px 56px!important;
  }
  body:has(.ah-sidebar) main.kyc-admin-page .kyc-hero{
    width:100%!important;
    max-width:none!important;
  }
}
@media (max-width:900px){
  body:has(.ah-sidebar) main.kyc-admin-page{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}


/* ===== Consolidated page CSS: admin/kyc.php / block 3 ===== */

/* Compact KYC buttons — V2 */
.kyc-admin-page .kyc-nav a,.verified-kyc-wrap .kyc-unified-nav a,.req-wrap .kyc-unified-nav a{height:34px!important;min-height:34px!important;padding:0 9px!important;border-radius:8px!important;font-size:9px!important;gap:4px!important}
.kyc-admin-page .view-btn,.verified-kyc-wrap .v-view-btn,.req-wrap .req-view-btn{height:30px!important;min-height:30px!important;min-width:auto!important;padding:0 8px!important;border-radius:7px!important;font-size:9px!important;gap:4px!important}
.kyc-admin-page .view-btn svg,.verified-kyc-wrap .v-view-btn svg,.req-wrap .req-view-btn svg{width:13px!important;height:13px!important}
.kyc-admin-page .action-row,.req-wrap .req-actions,.req-wrap .req-action-form{gap:5px!important}
.kyc-admin-page .status-select,.req-wrap .req-select{height:30px!important;width:112px!important;padding:0 7px!important;border-radius:7px!important;font-size:9px!important}
.kyc-admin-page .action-btn{width:30px!important;height:30px!important;min-width:30px!important;border-radius:7px!important;font-size:15px!important}
.req-wrap .req-icon{width:30px!important;height:30px!important;min-width:30px!important;border-radius:7px!important;font-size:17px!important}
.kyc-admin-page .modal-actions .btn,.req-wrap .req-modal-actions .btn{min-height:32px!important;height:32px!important;padding:0 10px!important;border-radius:7px!important;font-size:9px!important}
.verified-kyc-wrap .v-pending-btn{height:30px!important;min-height:30px!important;padding:0 8px!important;border-radius:7px!important;font-size:9px!important}
@media(max-width:650px){.kyc-admin-page .kyc-nav a,.verified-kyc-wrap .kyc-unified-nav a,.req-wrap .kyc-unified-nav a{height:32px!important;min-height:32px!important;padding:0 7px!important;font-size:8.5px!important}.kyc-admin-page .status-select,.req-wrap .req-select{width:105px!important}}


/* ===== Consolidated page CSS: admin/kyc.php / block 4 ===== */

/* Clean search + filter proportions: large search, compact status filter */
.kyc-admin-page .kyc-toolbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 180px!important;
  align-items:center!important;
  gap:10px!important;
}
.kyc-admin-page .kyc-search-wrap{
  width:100%!important;
  min-width:0!important;
  flex:none!important;
}
.kyc-admin-page .kyc-search{
  width:100%!important;
  box-sizing:border-box!important;
}
.kyc-admin-page .kyc-filter-select{
  width:180px!important;
  max-width:180px!important;
  min-width:0!important;
  flex:none!important;
  box-sizing:border-box!important;
}
@media(max-width:760px){
  .kyc-admin-page .kyc-toolbar{
    grid-template-columns:1fr!important;
  }
  .kyc-admin-page .kyc-filter-select{
    width:100%!important;
    max-width:none!important;
  }
}


/* ===== Consolidated page CSS: admin/kyc.php / block 5 ===== */

/* KYC navigation containment fix: keep compact buttons inside the hero/layout */
.kyc-admin-page,.verified-kyc-wrap,.req-wrap{min-width:0!important;box-sizing:border-box!important;overflow-x:clip!important}
.kyc-hero,.verified-kyc-hero,.req-hero{box-sizing:border-box!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}
.kyc-hero-copy,.verified-kyc-hero-copy,.req-hero-copy{min-width:0!important;max-width:100%!important}
.kyc-nav,.kyc-unified-nav{box-sizing:border-box!important;min-width:0!important;max-width:100%!important}
.kyc-nav a,.kyc-unified-nav a{box-sizing:border-box!important;min-width:0!important;max-width:100%!important;flex:1 1 0!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* At dashboard widths where the title and nav compete for horizontal space,
   stack the nav inside the hero instead of allowing it to escape the layout. */
@media (max-width:1100px){
  .kyc-hero,.verified-kyc-hero-row,.req-hero-row{flex-direction:column!important;align-items:stretch!important;gap:14px!important}
  .kyc-nav,.verified-kyc-hero .kyc-unified-nav,.req-hero .kyc-unified-nav{width:100%!important;max-width:100%!important;flex:0 0 auto!important;align-self:stretch!important}
}

@media (max-width:650px){
  .kyc-nav,.kyc-unified-nav{gap:4px!important;padding:4px!important}
  .kyc-nav a,.kyc-unified-nav a{height:32px!important;min-height:32px!important;padding:0 6px!important;font-size:8.5px!important}
}
@media (max-width:430px){
  .kyc-nav,.kyc-unified-nav{gap:3px!important;padding:3px!important}
  .kyc-nav a,.kyc-unified-nav a{height:30px!important;min-height:30px!important;padding:0 4px!important;font-size:8px!important}
}


/* ===== Consolidated page CSS: admin/kyc.php / block 6 ===== */

/* V7: Clearly differentiated KYC navigation colors — all three tabs have their own professional color. */
.kyc-admin-page .kyc-nav a,
.verified-kyc-wrap .kyc-unified-nav a,
.req-wrap .kyc-unified-nav a{
  font-weight:800!important;
  border-width:1px!important;
}

/* Pending = blue */
.kyc-admin-page .kyc-nav a.current,
.kyc-admin-page .kyc-nav a.kyc-nav-pending,
.verified-kyc-wrap .kyc-unified-nav a.kyc-nav-pending,
.req-wrap .kyc-unified-nav a.kyc-nav-pending{
  color:#fff!important;
  background:#1769E0!important;
  border-color:#1769E0!important;
  box-shadow:none;
}
.kyc-admin-page .kyc-nav a.kyc-nav-pending:hover,
.verified-kyc-wrap .kyc-unified-nav a.kyc-nav-pending:hover,
.req-wrap .kyc-unified-nav a.kyc-nav-pending:hover{
  color:#fff!important;
  background:#0E4FAF!important;
  border-color:#0E4FAF!important;
}

/* Verified = green */
.kyc-admin-page .kyc-nav a.verified,
.kyc-admin-page .kyc-nav a.kyc-nav-verified,
.verified-kyc-wrap .kyc-unified-nav a.kyc-nav-verified,
.req-wrap .kyc-unified-nav a.kyc-nav-verified{
  color:#0E4FAF!important;
  background:#dcfce7!important;
  border-color:#BFD6FF!important;
}
.kyc-admin-page .kyc-nav a.verified:hover,
.kyc-admin-page .kyc-nav a.kyc-nav-verified:hover,
.verified-kyc-wrap .kyc-unified-nav a.kyc-nav-verified:hover,
.req-wrap .kyc-unified-nav a.kyc-nav-verified:hover{
  color:#14532d!important;
  background:#BFD6FF!important;
  border-color:#4ade80!important;
}

/* Requests = violet */
.kyc-admin-page .kyc-nav a.requests,
.kyc-admin-page .kyc-nav a.kyc-nav-requests,
.verified-kyc-wrap .kyc-unified-nav a.kyc-nav-requests,
.req-wrap .kyc-unified-nav a.kyc-nav-requests{
  color:#5839B0!important;
  background:#F1ECFB!important;
  border-color:#c4b5fd!important;
}
.kyc-admin-page .kyc-nav a.requests:hover,
.kyc-admin-page .kyc-nav a.kyc-nav-requests:hover,
.verified-kyc-wrap .kyc-unified-nav a.kyc-nav-requests:hover,
.req-wrap .kyc-unified-nav a.kyc-nav-requests:hover{
  color:#5b21b6!important;
  background:#e9d5ff!important;
  border-color:#a78bfa!important;
}

/* Current page gets the full color of its own tab; inactive tabs remain visibly distinct. */
.verified-kyc-wrap .kyc-unified-nav a.kyc-nav-current[href$="verified_kyc.php"]{
  color:#fff!important;
  background:#1769E0!important;
  border-color:#1769E0!important;
  box-shadow:none;
}
.req-wrap .kyc-unified-nav a.kyc-nav-current[href$="kyc_requests.php"]{
  color:#fff!important;
  background:#6D4ACB!important;
  border-color:#6D4ACB!important;
  box-shadow:none;
}
.verified-kyc-wrap .kyc-unified-nav a.kyc-nav-current[href$="verified_kyc.php"]:hover{
  color:#fff!important;background:#0E4FAF!important;border-color:#0E4FAF!important;
}
.req-wrap .kyc-unified-nav a.kyc-nav-current[href$="kyc_requests.php"]:hover{
  color:#fff!important;background:#5839B0!important;border-color:#5839B0!important;
}


/* ===== Consolidated page CSS: admin/kyc.php / block 7 ===== */

/* KYC Management heading: blue + yellow */
.kyc-admin-page .kyc-title span:first-child{color:#1769E0!important;}
.kyc-admin-page .kyc-title .accent{color:#C58A22!important;}


/* ===== Consolidated page CSS: admin/kyc_requests.php / block 1 ===== */

:root{--kr-bg:#FFFFFF;--kr-surface:#FFFFFF;--kr-surface2:#FFFFFF;--kr-line:rgba(255,255,255,.10);--kr-text:#f5f8fc;--kr-text2:#dce5ee;--kr-muted:#a8b4c2;--kr-purple:#1769E0;--kr-purple-bg:rgba(167,139,250,.11);--kr-green:#4ade80;--kr-green-bg:rgba(23,105,224,.13);--kr-red:#fb7185;--kr-red-bg:rgba(251,113,133,.12);--kr-cyan:#67e8f9;--kr-cyan-bg:rgba(103,232,249,.11);--kr-amber:#fbbf24}
html,body{max-width:100%;overflow-x:hidden}
.req-wrap{width:100%;max-width:1500px;margin:18px auto 34px;padding:0 24px;box-sizing:border-box;min-width:0}
.req-hero{position:relative;overflow:hidden;background:#ffffff;border:1px solid rgba(127,0,255,.34);color:#34423E;border-radius:20px;padding:26px 28px;margin-bottom:18px;box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.req-hero:after{content:"";position:absolute;right:-90px;bottom:-140px;width:330px;height:330px;border-radius:50%;background:#fff;filter:blur(4px);pointer-events:none}
.req-hero-row{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:2}
.req-hero-copy{min-width:0}.req-eyebrow{margin:0 0 7px;color:#a99aff;font-size:11px;font-weight:900;letter-spacing:.1em}.req-hero h1{margin:0 0 7px;color:#34423E;font-size:28px;line-height:1.15}.req-hero p.req-sub{margin:0;color:#34423E;opacity:.98;line-height:1.5}
.kyc-unified-nav{position:relative;z-index:3;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;padding:5px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.96);box-shadow:none;}
.kyc-unified-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 12px;border-radius:9px;text-decoration:none;font-size:11px;font-weight:900;white-space:nowrap;border:1px solid rgba(255,255,255,.11);color:#dce5ef;background:rgba(255,255,255,.045);transition:.18s ease}.kyc-unified-nav a:hover{transform:translateY(-1px);background:rgba(255,255,255,.09)}
.kyc-nav-pending{color:#d8c9ff;background:rgba(167,139,250,.11);border-color:rgba(167,139,250,.30)}.kyc-nav-verified{color:#9ff0b9;background:rgba(23,105,224,.11);border-color:rgba(23,105,224,.28)}.kyc-nav-current{color:#fff;background:rgba(103,232,249,.13);border-color:rgba(103,232,249,.34);box-shadow:none;}
.req-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px;padding:15px 17px;border:1px solid rgba(103,232,249,.22);border-radius:14px;background:#fff;box-shadow:none;}
.req-summary-label{color:#aab4c0;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.req-summary-count{color:#9eeff9;font-size:22px;font-weight:900}
.req-panel{background:#ffffff;border:1px solid #27213a;border-radius:18px;box-shadow:none;overflow:hidden}
.req-alert{display:flex;align-items:center;gap:10px;margin:16px 18px 0;padding:13px 15px;border-radius:13px;font-size:13px;font-weight:800}.req-success{background:#fff;color:#c9ffe7;border:1px solid rgba(23,105,224,.28)}.req-error{background:#fff;color:#ffd0d0;border:1px solid rgba(248,113,113,.30)}
.req-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;min-width:0}.req-scroll::-webkit-scrollbar{display:none}
.req-table{width:100%;min-width:1180px;border-collapse:separate;border-spacing:0;table-layout:fixed}.req-table th{height:56px;padding:0 18px;background:#ffffff;color:#34423E;border-bottom:1px solid #27213a;text-align:left;font-size:11px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.req-table td{padding:17px 18px;border-bottom:1px solid #2d3945;vertical-align:middle;background:#ffffff;color:#dce5ee}.req-table tbody tr:hover td{background:#ffffff}.req-table tbody tr:last-child td{border-bottom:0}
.req-sl{width:70px}.req-user{width:25%}.req-reason{width:31%}.req-status{width:13%}.req-view{width:105px}.req-action{width:285px}.sl-cell{color:#8b95a1;font-size:12px;font-weight:800}.req-name{display:block;color:#34423E;font-size:14px;font-weight:800;margin-bottom:5px}.req-email{display:block;color:#c4ced9;font-size:12px;overflow-wrap:anywhere}.req-username{display:block;color:#8e9aa8;font-size:11px;margin-top:4px}.reason-text{color:#dce5ef;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.admin-message{margin-top:8px;padding:8px 10px;border-radius:9px;background:rgba(167,139,250,.07);border:1px solid rgba(167,139,250,.13);color:#BFCBC7}
.badge{display:inline-flex;padding:7px 11px;border-radius:999px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.03em;border:1px solid transparent}.badge.pending{background:rgba(167,139,250,.12);color:#1769E0;border-color:rgba(167,139,250,.28)}.badge.approved{background:rgba(23,105,224,.11);color:#7ff0a8;border-color:rgba(23,105,224,.24)}.badge.rejected{background:rgba(251,113,133,.11);color:#ff9aaa;border-color:rgba(251,113,133,.24)}.badge.used{background:rgba(148,163,184,.10);color:#BFCBC7;border-color:rgba(148,163,184,.16)}
.req-view-cell,.req-action-cell{white-space:nowrap;overflow:visible}.req-view-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;min-width:76px;padding:0 12px;border:1px solid rgba(139,92,246,.38);border-radius:10px;background:#ffffff;color:#34423E;font-size:12px;font-weight:800;cursor:pointer;transition:.18s ease}.req-view-btn:hover{transform:translateY(-1px);background:#fff;border-color:rgba(139,92,246,.62)}.req-view-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.req-actions,.req-action-form{display:flex;align-items:center;gap:8px;margin:0}.req-select{width:132px;height:40px;border:1px solid #39434e;border-radius:10px;background:#ffffff;padding:0 10px;color:#34423E;font-size:12px;outline:none}.req-select:focus{border-color:rgba(167,139,250,.60);box-shadow:none;}
.req-icon{width:40px;height:40px;min-width:40px;border:1px solid transparent;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;cursor:pointer;transition:.18s ease}.req-ok{background:rgba(23,105,224,.13);color:#74f2a0;border-color:rgba(23,105,224,.34);box-shadow:none;}.req-remove{background:rgba(251,113,133,.12);color:#ff8a9a;border-color:rgba(251,113,133,.34);box-shadow:none;}.req-ok:hover{transform:translateY(-1px);background:rgba(23,105,224,.21);box-shadow:none;}.req-remove:hover{transform:translateY(-1px);background:rgba(251,113,133,.20);box-shadow:none;}
.req-empty{height:190px;padding:20px;text-align:center;vertical-align:middle;color:#34423E;font-size:14px}.req-empty:before{content:'✓';display:flex;align-items:center;justify-content:center;width:54px;height:54px;margin:0 auto 12px;border:1px solid rgba(103,232,249,.35);border-radius:50%;color:#67e8f9;background:rgba(103,232,249,.08);box-shadow:none;font-size:28px}
.req-modal{position:fixed;inset:0;background:rgba(255,255,255,.96);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);display:none;align-items:center;justify-content:center;padding:18px;z-index:10000}.req-modal.open{display:flex}.req-card{width:min(720px,100%);max-height:88vh;overflow:auto;background:#ffffff;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:24px;box-shadow:none;}.req-head{display:flex;justify-content:space-between;gap:14px;margin-bottom:18px}.req-head h2{margin:0;color:#34423E}.req-head p{margin:5px 0 0;color:#34423E;font-size:13px}.req-close{width:38px;height:38px;border:0;border-radius:10px;background:#ffffff;color:#34423E;font-size:24px;cursor:pointer}.req-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.req-detail{padding:12px 13px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:#ffffff}.req-detail.full{grid-column:1/-1}.req-detail label{display:block;color:#34423E;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin-bottom:5px}.req-detail div{color:#34423E;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.reject-card{width:min(520px,100%)}.reject-card textarea{width:100%;min-height:120px;box-sizing:border-box;resize:vertical}.req-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:13px}
.kr-toast{position:fixed;right:18px;top:18px;z-index:12000;max-width:min(420px,calc(100vw - 36px));padding:13px 16px;border-radius:13px;background:#ffffff;color:#34423E;border:1px solid rgba(103,232,249,.28);box-shadow:none;font-size:13px;font-weight:700;opacity:0;transform:translateY(-10px);pointer-events:none;transition:.22s ease}.kr-toast.show{opacity:1;transform:none}.kr-toast.error{border-color:rgba(239,68,68,.30);box-shadow:none;}
@media(max-width:900px){.req-wrap{padding:0 14px}.req-hero-row{align-items:stretch;flex-direction:column}.kyc-unified-nav{width:100%;justify-content:stretch;box-sizing:border-box}.kyc-unified-nav a{flex:1 1 0;justify-content:center}.req-table{min-width:1180px}}
@media(max-width:650px){.req-wrap{padding:0 14px}.req-hero{padding:22px 19px;border-radius:18px}.req-hero h1{font-size:25px}.req-hero p.req-sub{font-size:12px}.req-summary{padding:13px 14px}.req-table th{height:56px;padding:0 16px;font-size:11px}.req-table td{padding:15px 16px}.req-detail-grid{grid-template-columns:1fr}.req-detail.full{grid-column:auto}.kr-toast{right:12px;top:12px}}
.dh-empty-below-table{width:100%;margin-top:10px}.req-table{min-width:1180px;table-layout:auto}.req-table th{padding:14px 18px;line-height:1.25;white-space:nowrap;font-size:11px}.req-table th:first-child{min-width:70px;width:70px}.req-table th:nth-child(2){min-width:260px}.req-table th:nth-child(3){min-width:320px}.req-table th:nth-child(4){min-width:140px}.req-table th:nth-child(5){min-width:105px}.req-table th:nth-child(6){min-width:285px}
@media(max-width:650px){.req-table{min-width:1180px}.req-table th{padding:13px 16px;font-size:10px}.dh-empty-below-table{margin-top:8px}}
@media(max-width:430px){.kyc-unified-nav{gap:6px}.kyc-unified-nav a{font-size:10px;padding:0 8px}.req-hero h1{font-size:23px}}

/* =========================================================
   KYC PROFESSIONAL UI OVERRIDES
   Unified visual system: pending / verified / requests
   
========================================================= */
.kyc-admin-page,.verified-kyc-wrap,.req-wrap{font-family:inherit;color:#17221F}
.kyc-admin-page,.verified-kyc-wrap{max-width:1240px;margin:0 auto;padding-left:0;padding-right:0}
.kyc-hero,.verified-kyc-hero,.req-hero{
  background:#fff!important;border:1px solid #D8E2DF!important;
  box-shadow:none;
  border-radius:18px!important;
}
.kyc-hero:before,.req-hero:after{background:rgba(37,99,235,.045)!important}
.kyc-eyebrow,.req-eyebrow{color:#1769E0!important}
.kyc-title,.req-hero h1,.verified-kyc-hero h1{color:#17221F!important;font-weight:850!important}
.kyc-title .accent,.verified-kyc-hero .kyc-title-accent{color:#C58A22!important}
.kyc-subtitle,.req-hero p.req-sub,.verified-kyc-hero p{color:#66736F!important}
.kyc-nav,.kyc-unified-nav{
  background:#F7FAF9!important;border:1px solid #D8E2DF!important;
  box-shadow:none;
}
.kyc-nav a,.kyc-unified-nav a{
  color:#52615C!important;background:transparent!important;border-color:transparent!important;
}
.kyc-nav a:hover,.kyc-unified-nav a:hover{background:#fff!important;border-color:#D6E0DC!important;color:#26332F!important}
.kyc-nav .current,.kyc-nav .kyc-nav-current,.kyc-unified-nav .kyc-nav-current{
  color:#fff!important;background:#1769E0!important;border-color:#1769E0!important;
  box-shadow:none;
}
.kyc-nav .verified,.kyc-nav .kyc-nav-verified,.kyc-unified-nav .kyc-nav-verified{
  color:#0E4FAF!important;background:#EAF2FF!important;border-color:#BFD6FF!important;
}
.kyc-nav .requests,.kyc-nav .kyc-nav-requests,.kyc-unified-nav .kyc-nav-requests{
  color:#0369a1!important;background:#F2F6FC!important;border-color:#bfdbfe!important;
}
.kyc-nav .kyc-nav-pending,.kyc-unified-nav .kyc-nav-pending{
  color:#52615C!important;background:#fff!important;border-color:#D8E2DF!important;
}
.kyc-metric,.kyc-toolbar,.kyc-table-card,.verified-kyc-summary,.verified-kyc-panel,.req-summary,.req-panel{
  background:#fff!important;border-color:#D8E2DF!important;
  box-shadow:none;
}
.kyc-metric-icon{background:#F2F6FC!important;color:#1769E0!important}
.kyc-metric-label,.verified-kyc-summary-label,.req-summary-label{color:#66736F!important}
.kyc-metric-value,.verified-kyc-count,.req-summary-count{color:#17221F!important}
.kyc-table th,.verified-kyc-table th,.req-table th{
  background:#F7FAF9!important;color:#52615C!important;border-bottom:1px solid #D8E2DF!important;
}
.kyc-table td,.verified-kyc-table td,.req-table td{
  background:#fff!important;color:#26332F!important;border-bottom:1px solid #E9EFEC!important;
}
.kyc-table tbody tr:hover td,.verified-kyc-table tbody tr:hover td,.req-table tbody tr:hover td{background:#fbfdff!important}
.user-name,.doc-type,.v-user-name,.v-doc-type,.req-name{color:#17221F!important}
.user-email,.doc-number,.v-user-email,.v-doc-number,.req-email,.req-username{color:#66736F!important}
.reason-text{color:#34423E!important}
.admin-message{background:#F7FAF9!important;border-color:#D8E2DF!important;color:#52615C!important}
.kyc-search,.kyc-filter-select,.verified-kyc-search,.req-select{
  background:#fff!important;color:#26332F!important;border-color:#d7dee8!important;
}
.kyc-search::placeholder,.verified-kyc-search::placeholder{color:#8A9691!important}
.view-btn,.v-view-btn,.req-view-btn{
  background:#F2F6FC!important;color:#1769E0!important;border-color:#bfdbfe!important;
}
.view-btn:hover,.v-view-btn:hover,.req-view-btn:hover{background:#D8E7FF!important;border-color:#8BCFC4!important}
.action-check{background:#1769E0!important;color:#fff!important}
.action-delete{background:#C83C4A!important;color:#fff!important}
.v-status,.badge.approved{background:#EAF2FF!important;color:#0E4FAF!important;border-color:#BFD6FF!important}
.badge.pending{background:#fff7ed!important;color:#956313!important;border-color:#fed7aa!important}
.badge.rejected{background:#FFF2F3!important;color:#A62E3B!important;border-color:#E9B6BC!important}
.badge.used{background:#EEF3F1!important;color:#52615C!important;border-color:#D8E2DF!important}
.v-pending-btn{background:#fff7ed!important;color:#956313!important;border-color:#fed7aa!important;box-shadow:none;}
.v-pending-btn:hover{background:#ffedd5!important;border-color:#fdba74!important}
.req-ok{background:#EAF2FF!important;color:#0E4FAF!important;border-color:#BFD6FF!important;box-shadow:none;}
.req-remove{background:#FFF2F3!important;color:#A62E3B!important;border-color:#E9B6BC!important;box-shadow:none;}
.kyc-modal-backdrop,.req-modal,.v-modal-backdrop{
  background:rgba(15,23,42,.48)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;
}
.kyc-modal-card,.req-card,.v-modal-card{
  background:#fff!important;border:1px solid #D8E2DF!important;
  box-shadow:none;
}
.detail,.req-detail,.v-detail{background:#F7FAF9!important;border-color:#D8E2DF!important}
.detail label,.req-detail label,.v-detail label{color:#66736F!important}
.detail div,.req-detail div,.v-detail div{color:#26332F!important}
.document-box,.v-document-box{background:#F2F6FC!important;border-color:#bfdbfe!important}
.document-link{background:#1769E0!important;color:#fff!important}
.v-document-link{background:#1769E0!important;color:#fff!important}
.kyc-close,.req-close,.v-close-btn{background:#F7FAF9!important;color:#34423E!important;border:1px solid #D8E2DF!important}
.kyc-empty-state,.req-empty{background:#fff!important;color:#66736F!important}
.kyc-filter-empty,.dh-filter-empty-host{background:#fff!important;color:#66736F!important;border-color:#E9EFEC!important}
.req-alert,.v-flash{box-shadow:none;}
.req-success,.v-flash:not(.v-flash-error){background:#EAF2FF!important;color:#0E4FAF!important;border-color:#BFD6FF!important}
.req-error,.v-flash-error{background:#FFF2F3!important;color:#991b1b!important;border-color:#E9B6BC!important}
@media(max-width:760px){
  .kyc-admin-page,.verified-kyc-wrap{padding-left:0!important;padding-right:0!important}
  .req-wrap{padding-left:14px!important;padding-right:14px!important}
  .kyc-hero,.verified-kyc-hero,.req-hero{border-radius:16px!important}
  .kyc-table-scroll,.verified-kyc-scroll,.req-scroll{overflow-x:auto!important}
}


/* ===== Consolidated page CSS: admin/kyc_requests.php / block 2 ===== */
/* FINAL */

/* ===== Consolidated page CSS: admin/kyc_requests.php / block 3 ===== */

/* Empty message is outside the horizontal scroll area; table headers keep their real column widths. */
.req-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.req-table{width:100%;min-width:1180px;table-layout:auto}
.req-table th{padding:14px 18px;line-height:1.25;white-space:nowrap;font-size:11px;letter-spacing:.075em}
.req-table th:first-child{min-width:70px;width:70px}.req-table th:nth-child(2){min-width:260px}.req-table th:nth-child(3){min-width:320px}.req-table th:nth-child(4){min-width:140px}.req-table th:nth-child(5){min-width:105px}.req-table th:nth-child(6){min-width:285px}
.dh-empty-below-table{width:100%;margin-top:10px}
@media(max-width:650px){.req-table{min-width:1180px}.req-table th{padding:13px 16px;font-size:10px}.dh-empty-below-table{margin-top:8px}}

/* =========================================================
   KYC NAV LIGHT GLOW COLORS — CACHE BURST V26
   20260901.220000-KYC-BUTTON-POSITION-FIX-V3
   Pending = Yellow | Verified = Green | Requests = Blue
   ========================================================= */
.kyc-unified-nav{
  display:flex;
  align-items:stretch;
  justify-content:center;
  gap:8px;
  flex-wrap:nowrap;
  width:100%;
  min-width:0;
  padding:5px;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(255,255,255,.96);
  box-shadow:none;
  overflow:hidden;
}
.kyc-unified-nav a{
  flex:1 1 0;
  min-width:0;
  min-height:44px;
  padding:0 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  box-sizing:border-box;
  border-radius:10px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:11px;
  font-weight:900;
  line-height:1;
  text-decoration:none;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;
}

/* PENDING — LIGHT YELLOW */
.kyc-unified-nav a[href$="kyc.php"]{
  color:#ffe7a3;
  background:#ffffff;
  border:1px solid rgba(245,158,11,.44);
  box-shadow:none;
}
.kyc-unified-nav a[href$="kyc.php"]:hover,
.kyc-unified-nav a[href$="kyc.php"][aria-current="page"]{
  color:#fff0bd;
  background:#ffffff;
  border-color:rgba(245,158,11,.72);
  box-shadow:none;
  transform:translateY(-1px);
}

/* VERIFIED — LIGHT GREEN */
.kyc-unified-nav a[href$="verified_kyc.php"]{
  color:#a3f7c9;
  background:#ffffff;
  border:1px solid rgba(34,197,94,.46);
  box-shadow:none;
}
.kyc-unified-nav a[href$="verified_kyc.php"]:hover,
.kyc-unified-nav a[href$="verified_kyc.php"][aria-current="page"]{
  color:#cbffe1;
  background:#ffffff;
  border-color:rgba(34,197,94,.74);
  box-shadow:none;
  transform:translateY(-1px);
}

/* REQUESTS — LIGHT BLUE */
.kyc-unified-nav a[href$="kyc_requests.php"]{
  color:#a9eaff;
  background:#ffffff;
  border:1px solid rgba(14,165,233,.46);
  box-shadow:none;
}
.kyc-unified-nav a[href$="kyc_requests.php"]:hover,
.kyc-unified-nav a[href$="kyc_requests.php"][aria-current="page"]{
  color:#d2f7ff;
  background:#ffffff;
  border-color:rgba(14,165,233,.74);
  box-shadow:none;
  transform:translateY(-1px);
}

@media(max-width:700px){
  .kyc-unified-nav{gap:6px;padding:4px}
  .kyc-unified-nav a{
    min-height:40px;
    padding:0 7px;
    font-size:10px;
  }
}
@media(max-width:430px){
  .kyc-unified-nav{gap:4px;border-radius:12px}
  .kyc-unified-nav a{
    min-height:37px;
    padding:0 4px;
    font-size:9px;
  }
}


/* =========================================================
   KYC TITLE + NAV COLOR SYNC — CACHE BURST V26
   20260901.220000-KYC-BUTTON-POSITION-FIX-V3
   ========================================================= */

/* Pending page — yellow */
.kyc-page-pending-theme .eyebrow,
.kyc-page-pending-theme h1{
  color:#ffe7a3;
  text-shadow:0 0 18px rgba(245,158,11,.16);
}
.kyc-page-pending-theme h1{
  border-color:rgba(245,158,11,.34);
}

/* Verified page — green */
.kyc-page-verified-theme .eyebrow,
.kyc-page-verified-theme h1{
  color:#a3f7c9;
  text-shadow:0 0 18px rgba(34,197,94,.16);
}

/* Requests page — blue */
.kyc-page-requests-theme .eyebrow,
.kyc-page-requests-theme h1{
  color:#a9eaff;
  text-shadow:0 0 18px rgba(14,165,233,.16);
}

/* Small matching title accent line */
.kyc-page-pending-theme .kyc-title-accent{
  background:#C58A22;
  box-shadow:none;
}
.kyc-page-verified-theme .kyc-title-accent{
  background:#22c55e;
  box-shadow:none;
}
.kyc-page-requests-theme .kyc-title-accent{
  background:#0ea5e9;
  box-shadow:none;
}

/* Ensure the nav icons are visible and aligned. */
.kyc-unified-nav a .kyc-nav-icon{
  width:17px;
  height:17px;
  flex:0 0 17px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  font-size:15px;
  font-weight:1000;
}

/* Pending icon gets the same yellow treatment. */
.kyc-unified-nav a[href$="kyc.php"] .kyc-nav-icon{
  color:#ffd66b;
  text-shadow:0 0 10px rgba(245,158,11,.42);
}
.kyc-unified-nav a[href$="verified_kyc.php"] .kyc-nav-icon{
  color:#72f0aa;
  text-shadow:0 0 10px rgba(34,197,94,.42);
}
.kyc-unified-nav a[href$="kyc_requests.php"] .kyc-nav-icon{
  color:#65d7ff;
  text-shadow:0 0 10px rgba(14,165,233,.42);
}


/* =========================================================
   KYC PAGE COPY + TITLE COLOR TONE — CACHE BURST V26
   20260901.220000-KYC-BUTTON-POSITION-FIX-V3
   ========================================================= */
.kyc-page-pending-theme .eyebrow,
.kyc-page-pending-theme h1{
  color:#ffe7a3;
  text-shadow:0 0 18px rgba(245,158,11,.16);
}
.kyc-page-pending-theme .kyc-hero-copy > p:not(.eyebrow){
  color:#e8c878;
  opacity:.92;
}

.kyc-page-verified-theme .eyebrow,
.kyc-page-verified-theme h1{
  color:#a3f7c9;
  text-shadow:0 0 18px rgba(34,197,94,.16);
}
.kyc-page-verified-theme .verified-kyc-hero-copy > p:not(.eyebrow){
  color:#8fe5b6;
  opacity:.92;
}

.kyc-page-requests-theme .eyebrow,
.kyc-page-requests-theme h1{
  color:#a9eaff;
  text-shadow:0 0 18px rgba(14,165,233,.16);
}
.kyc-page-requests-theme .req-hero-copy > p:not(.eyebrow),
.kyc-page-requests-theme .kyc-hero-copy > p:not(.eyebrow){
  color:#8edcff;
  opacity:.92;
}



/* ===== Consolidated page CSS: admin/kyc_requests.php / block 4 ===== */

/* Compact KYC buttons — V2 */
.kyc-admin-page .kyc-nav a,.verified-kyc-wrap .kyc-unified-nav a,.req-wrap .kyc-unified-nav a{height:34px!important;min-height:34px!important;padding:0 9px!important;border-radius:8px!important;font-size:9px!important;gap:4px!important}
.kyc-admin-page .view-btn,.verified-kyc-wrap .v-view-btn,.req-wrap .req-view-btn{height:30px!important;min-height:30px!important;min-width:auto!important;padding:0 8px!important;border-radius:7px!important;font-size:9px!important;gap:4px!important}
.kyc-admin-page .view-btn svg,.verified-kyc-wrap .v-view-btn svg,.req-wrap .req-view-btn svg{width:13px!important;height:13px!important}
.kyc-admin-page .action-row,.req-wrap .req-actions,.req-wrap .req-action-form{gap:5px!important}
.kyc-admin-page .status-select,.req-wrap .req-select{height:30px!important;width:112px!important;padding:0 7px!important;border-radius:7px!important;font-size:9px!important}
.kyc-admin-page .action-btn{width:30px!important;height:30px!important;min-width:30px!important;border-radius:7px!important;font-size:15px!important}
.req-wrap .req-icon{width:30px!important;height:30px!important;min-width:30px!important;border-radius:7px!important;font-size:17px!important}
.kyc-admin-page .modal-actions .btn,.req-wrap .req-modal-actions .btn{min-height:32px!important;height:32px!important;padding:0 10px!important;border-radius:7px!important;font-size:9px!important}
.verified-kyc-wrap .v-pending-btn{height:30px!important;min-height:30px!important;padding:0 8px!important;border-radius:7px!important;font-size:9px!important}
@media(max-width:650px){.kyc-admin-page .kyc-nav a,.verified-kyc-wrap .kyc-unified-nav a,.req-wrap .kyc-unified-nav a{height:32px!important;min-height:32px!important;padding:0 7px!important;font-size:8.5px!important}.kyc-admin-page .status-select,.req-wrap .req-select{width:105px!important}}


/* ===== Consolidated page CSS: admin/kyc_requests.php / block 5 ===== */

/* KYC navigation containment fix: keep compact buttons inside the hero/layout */
.kyc-admin-page,.verified-kyc-wrap,.req-wrap{min-width:0!important;box-sizing:border-box!important;overflow-x:clip!important}
.kyc-hero,.verified-kyc-hero,.req-hero{box-sizing:border-box!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}
.kyc-hero-copy,.verified-kyc-hero-copy,.req-hero-copy{min-width:0!important;max-width:100%!important}
.kyc-nav,.kyc-unified-nav{box-sizing:border-box!important;min-width:0!important;max-width:100%!important}
.kyc-nav a,.kyc-unified-nav a{box-sizing:border-box!important;min-width:0!important;max-width:100%!important;flex:1 1 0!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* At dashboard widths where the title and nav compete for horizontal space,
   stack the nav inside the hero instead of allowing it to escape the layout. */
@media (max-width:1100px){
  .kyc-hero,.verified-kyc-hero-row,.req-hero-row{flex-direction:column!important;align-items:stretch!important;gap:14px!important}
  .kyc-nav,.verified-kyc-hero .kyc-unified-nav,.req-hero .kyc-unified-nav{width:100%!important;max-width:100%!important;flex:0 0 auto!important;align-self:stretch!important}
}

@media (max-width:650px){
  .kyc-nav,.kyc-unified-nav{gap:4px!important;padding:4px!important}
  .kyc-nav a,.kyc-unified-nav a{height:32px!important;min-height:32px!important;padding:0 6px!important;font-size:8.5px!important}
}
@media (max-width:430px){
  .kyc-nav,.kyc-unified-nav{gap:3px!important;padding:3px!important}
  .kyc-nav a,.kyc-unified-nav a{height:30px!important;min-height:30px!important;padding:0 4px!important;font-size:8px!important}
}


/* ===== Consolidated page CSS: admin/kyc_requests.php / block 6 ===== */

/* V7: Clearly differentiated KYC navigation colors — all three tabs have their own professional color. */
.kyc-admin-page .kyc-nav a,
.verified-kyc-wrap .kyc-unified-nav a,
.req-wrap .kyc-unified-nav a{
  font-weight:800!important;
  border-width:1px!important;
}

/* Pending = blue */
.kyc-admin-page .kyc-nav a.current,
.kyc-admin-page .kyc-nav a.kyc-nav-pending,
.verified-kyc-wrap .kyc-unified-nav a.kyc-nav-pending,
.req-wrap .kyc-unified-nav a.kyc-nav-pending{
  color:#fff!important;
  background:#1769E0!important;
  border-color:#1769E0!important;
  box-shadow:none;
}
.kyc-admin-page .kyc-nav a.kyc-nav-pending:hover,
.verified-kyc-wrap .kyc-unified-nav a.kyc-nav-pending:hover,
.req-wrap .kyc-unified-nav a.kyc-nav-pending:hover{
  color:#fff!important;
  background:#0E4FAF!important;
  border-color:#0E4FAF!important;
}

/* Verified = green */
.kyc-admin-page .kyc-nav a.verified,
.kyc-admin-page .kyc-nav a.kyc-nav-verified,
.verified-kyc-wrap .kyc-unified-nav a.kyc-nav-verified,
.req-wrap .kyc-unified-nav a.kyc-nav-verified{
  color:#0E4FAF!important;
  background:#dcfce7!important;
  border-color:#BFD6FF!important;
}
.kyc-admin-page .kyc-nav a.verified:hover,
.kyc-admin-page .kyc-nav a.kyc-nav-verified:hover,
.verified-kyc-wrap .kyc-unified-nav a.kyc-nav-verified:hover,
.req-wrap .kyc-unified-nav a.kyc-nav-verified:hover{
  color:#14532d!important;
  background:#BFD6FF!important;
  border-color:#4ade80!important;
}

/* Requests = violet */
.kyc-admin-page .kyc-nav a.requests,
.kyc-admin-page .kyc-nav a.kyc-nav-requests,
.verified-kyc-wrap .kyc-unified-nav a.kyc-nav-requests,
.req-wrap .kyc-unified-nav a.kyc-nav-requests{
  color:#5839B0!important;
  background:#F1ECFB!important;
  border-color:#c4b5fd!important;
}
.kyc-admin-page .kyc-nav a.requests:hover,
.kyc-admin-page .kyc-nav a.kyc-nav-requests:hover,
.verified-kyc-wrap .kyc-unified-nav a.kyc-nav-requests:hover,
.req-wrap .kyc-unified-nav a.kyc-nav-requests:hover{
  color:#5b21b6!important;
  background:#e9d5ff!important;
  border-color:#a78bfa!important;
}

/* Current page gets the full color of its own tab; inactive tabs remain visibly distinct. */
.verified-kyc-wrap .kyc-unified-nav a.kyc-nav-current[href$="verified_kyc.php"]{
  color:#fff!important;
  background:#1769E0!important;
  border-color:#1769E0!important;
  box-shadow:none;
}
.req-wrap .kyc-unified-nav a.kyc-nav-current[href$="kyc_requests.php"]{
  color:#fff!important;
  background:#6D4ACB!important;
  border-color:#6D4ACB!important;
  box-shadow:none;
}
.verified-kyc-wrap .kyc-unified-nav a.kyc-nav-current[href$="verified_kyc.php"]:hover{
  color:#fff!important;background:#0E4FAF!important;border-color:#0E4FAF!important;
}
.req-wrap .kyc-unified-nav a.kyc-nav-current[href$="kyc_requests.php"]:hover{
  color:#fff!important;background:#5839B0!important;border-color:#5839B0!important;
}


/* ===== Consolidated page CSS: admin/login.php / block 1 ===== */

/* =========================================================
   ADMIN LOGIN — purple / purple THEME
   PHP / AUTH / CAPTCHA / HTML / JS UNCHANGED
   ========================================================= */
:root{
    --nx-bg:#f5f7fb;
    --nx-surface:#eef1f6;
    --nx-text:#101828;
    --nx-muted:#667085;
    --nx-border:rgba(255,255,255,.085);
    --nx-purple:#1769E0;
    --nx-purple-dark:#1769E0;
    --nx-purple:#1769E0;
    --nx-soft:#eef2ff;
    --nx-line:#34254f;
    --nx-danger:#d92d20;
}

/* ---------- PAGE ---------- */
.login-shell{
    min-height:90vh;
    display:grid;
    place-items:center;
    padding:22px 18px;
    background:#ffffff;

}

/* ---------- LOGIN CARD ---------- */
.login-card{
    width:min(100%,410px);
    overflow:hidden;
    background:rgba(255,255,255,.98);
    border:1px solid var(--nx-line);
    border-radius:24px;
    padding:0;
    box-shadow:none;
}

.login-content{
    width:100%;
    padding:30px 32px 27px;
}

/* Premium purple header strip */
.login-card::before{
    content:"";
    display:block;
    height:7px;
    background:#ffffff;

}

/* ---------- BRAND ---------- */
.login-brand{
    display:flex;
    align-items:center;
    gap:11px;
    margin-bottom:25px;
}

.login-brand-mark{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:#ffffff;

    color: #34423E;
    font-size:15px;
    font-weight:800;
    letter-spacing:-.04em;
    box-shadow:none;
}

.login-brand-name{
    color:var(--nx-text);
    font-size:14px;
    font-weight:750;
    letter-spacing:-.01em;
}

/* ---------- HEADING ---------- */
.login-eyebrow{
    margin:0 0 7px;
    color:var(--nx-purple);
    font-size:10px;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.login-title{
    margin:0;
    color:var(--nx-text);
    font-size:28px;
    line-height:1.15;
    font-weight:750;
    letter-spacing:-.045em;
}

.login-subtitle{
    margin:9px 0 25px;
    color:var(--nx-muted);
    font-size:13px;
    line-height:1.55;
}

/* ---------- ERROR ---------- */
.login-alert{
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:17px;
    padding:10px 12px;
    border:1px solid #f5c8c5;
    border-radius:11px;
    background:#ffffff;
    color:var(--nx-danger);
    font-size:12px;
    line-height:1.4;
}

.login-alert-icon{
    width:17px;
    height:17px;
    flex:0 0 17px;
    display:grid;
    place-items:center;
    border:1px solid currentColor;
    border-radius:50%;
    font-size:10px;
    font-weight:800;
}

/* ---------- FORM ---------- */
.login-form{
    display:grid;
    gap:15px;
}

.login-field{
    display:grid;
    gap:7px;
}

.login-label{
    color:#34423E;
    font-size:11px;
    font-weight:700;
}

.login-input{
    width:100%;
    min-height:49px;
    padding:0 14px;
    border:1px solid #d9ddf0;
    border-radius:12px;
    outline:none;
    background: #ffffff;
    color:var(--nx-text);
    font:inherit;
    font-size:13px;
    transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}

.login-input::placeholder{color:#1769E0}

.login-input:hover{
    border-color:rgba(255,255,255,.085);
}

.login-input:focus{
    border-color:var(--nx-purple);
    background:#ffffff;
    box-shadow:none;
}

/* ---------- PASSWORD EYE ---------- */
.login-password-wrap{
    position:relative;
}

.login-password-wrap .login-input{
    padding-right:52px;
}

.login-password-toggle{
    position:absolute;
    top:50%;
    right:6px;
    width:38px;
    height:38px;
    margin:0;
    padding:0;
    display:grid;
    place-items:center;
    transform:translateY(-50%);
    border:0;
    border-radius:9px;
    background:transparent;
    color:#1769E0;
    box-shadow:none;
    cursor:pointer;
    z-index:10;
    line-height:0;
}

.login-password-toggle:hover{
    background:var(--nx-soft);
    color:var(--nx-purple);
}

.login-password-toggle svg{
    display:block;
    width:19px;
    height:19px;
    margin:0;
    padding:0;
    transform:none;
    stroke:currentColor;
    fill:none;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* ---------- OPTIONS ---------- */
.login-options{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:-1px;
    font-size:11px;
}

.login-remember{
    display:flex;
    align-items:center;
    gap:7px;
    color:#1769E0;
    cursor:pointer;
}

.login-remember input{
    appearance:none;
    width:16px;
    height:16px;
    margin:0;
    border:1px solid #3a454d;
    border-radius:4px;
    background: #ffffff;
    cursor:pointer;
}

.login-remember input:checked{
    border-color:var(--nx-purple);
    background:var(--nx-purple);
}

.login-remember input:checked::after{
    content:"✓";
    display:block;
    color: #34423E;
    text-align:center;
    line-height:15px;
    font-size:10px;
    font-weight:800;
}

.login-forgot{
    color:var(--nx-purple);
    text-decoration:none;
    font-weight:650;
}

.login-forgot:hover{
    color:var(--nx-purple-dark);
}

/* ---------- CAPTCHA ---------- */
.captcha-row{
    display:grid;
    grid-template-columns:135px 1fr;
    gap:9px;
}

.captcha-code{
    min-height:49px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px dashed #a5b4fc;
    border-radius:12px;
    background:#ffffff;

    color:#1769E0;
    font-size:19px;
    font-weight:800;
    letter-spacing:.18em;
    font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
    text-decoration:line-through;
    text-decoration-color:rgba(127,0,255,.22);
}

.captcha-input{
    min-width:0;
}

/* ---------- SIGN IN ---------- */
.login-submit{
    width:100%;
    min-height:49px;
    margin-top:1px;
    border:1px solid var(--nx-purple);
    border-radius:12px;
    background:#ffffff;

    color: #34423E;
    font:inherit;
    font-size:13px;
    font-weight:750;
    cursor:pointer;
    box-shadow:none;
    transition:transform .18s ease,background .18s ease,box-shadow .18s ease;
}

.login-submit.success{
    background:#ffffff;

    box-shadow:none;
}

.login-submit:hover{
    background:#ffffff;

    transform:translateY(-1px);
    box-shadow:none;
}

.login-submit:active{
    transform:translateY(0);
}

.login-submit:focus-visible{
    outline:3px solid rgba(127,0,255,.18);
    outline-offset:2px;
}

.login-submit-arrow{display:none}

/* ---------- SECURE NOTE / FOOTER ---------- */
.login-secure-note{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:6px;
    margin-top:15px;
    color:#1769E0;
    font-size:9.5px;
}

.secure-dot{
    width:5px;
    height:5px;
    border-radius:50%;
    background:rgba(127,0,255,.11);
    box-shadow:none;
}

.login-footer{
    margin-top:20px;
    padding-top:17px;
    border-top:1px solid #f0f2f5;
    text-align:center;
    color:#1769E0;
    font-size:10px;
}

.login-footer::before{display:none}

/* ---------- MOBILE ---------- */
@media(max-width:520px){
    .login-shell{
        min-height:88vh;
        padding:18px 13px;
    }

    .login-card{
        border-radius:20px;
    }

    .login-content{
        padding:25px 20px 21px;
    }

    .login-brand{
        margin-bottom:20px;
    }

    .login-title{
        font-size:25px;
    }

    .login-subtitle{
        margin-bottom:20px;
        font-size:12px;
    }

    .login-form{
        gap:13px;
    }

    .login-input,
    .login-submit{
        min-height:47px;
    }

    .login-password-toggle{
        top:50%;
        right:5px;
    }

    .captcha-row{
        grid-template-columns:120px 1fr;
    }

    .captcha-code{
        font-size:17px;
    }
}


/* ===== Consolidated page CSS: admin/login.php / block 2 ===== */

.hero,.ap-hero,.req-hero,.dh-page-hero,.dh-lb-heading,.lb2-header,.community-header,.settings-hero{background:#ffffff;border:1px solid rgba(127,0,255,.34);color:#34423E;box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.hero .eyebrow,.ap-eyebrow,.req-hero .eyebrow,.dh-lb-eyebrow,.lb2-eyebrow,.community-header-badge{color:#1769E0;}
.hero h1,.ap-hero h1,.req-hero h1,.dh-lb-heading h1,.lb2-header h1,.community-header h1,.settings-hero h1{color:#34423E;}
.hero>p:not(.eyebrow),.ap-hero>p:not(.ap-eyebrow),.req-hero>p:not(.eyebrow),.dh-lb-heading>p:not(.dh-lb-eyebrow),.lb2-header>p:not(.lb2-eyebrow),.community-header>p,.settings-hero>p:not(.eyebrow){color:#34423E;}

/* =========================================================
   ADMIN LOGIN — ADVANCED PREMIUM UI/UX
   
   Auth / CAPTCHA logic preserved.
   ========================================================= */

:root{
    --login-bg:#080b12;
    --login-surface:rgba(15,20,31,.94);
    --login-surface-2:rgba(20,26,39,.88);
    --login-border:rgba(139,92,246,.24);
    --login-purple:#1769E0;
    --login-purple-2:#6D4ACB;
    --login-text:#F7FAF9;
    --login-muted:#8A9691;
    --login-input:#0c121d;
    --login-line:rgba(148,163,184,.16);
    --login-success:#5F97E6;
    --login-danger:#fb7185;
}

/* ---------- Shell / ambient ---------- */
.login-shell{
    min-height:calc(100vh - 20px);
    display:grid;
    place-items:center;
    position:relative;
    overflow:hidden;
    padding:42px 18px;
    box-sizing:border-box;
    background:#ffffff;
}
.login-shell::before,
.login-shell::after{
    content:"";
    position:absolute;
    border-radius:999px;
    pointer-events:none;
    filter:blur(70px);
    opacity:.48;
}
.login-shell::before{
    width:260px;height:260px;
    left:-90px;top:40px;
    background:rgba(124,58,237,.18);
}
.login-shell::after{
    width:220px;height:220px;
    right:-70px;bottom:40px;
    background:rgba(34,197,94,.10);
}

/* ---------- Card ---------- */
.login-card{
    position:relative;
    z-index:2;
    width:min(100%,450px);
    overflow:hidden;
    background:#ffffff;
    border:1px solid var(--login-border);
    border-radius:26px;
    padding:0;
    box-shadow:none;
    backdrop-filter:blur(22px);
    -webkit-backdrop-filter:blur(22px);
}
.login-card::before{
    content:"";
    display:block;
    height:4px;
    background:#ffffff;
    box-shadow:none;
}

/* ---------- Content ---------- */
.login-content{
    width:100%;
    padding:32px 34px 28px;
    box-sizing:border-box;
}

/* ---------- Brand ---------- */
.login-brand{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:26px;
}
.login-brand-mark{
    width:44px;
    height:44px;
    flex:0 0 44px;
    border-radius:13px;
    display:grid;
    place-items:center;
    background:#ffffff;
    border:1px solid rgba(167,139,250,.34);
    color:#e9ddff;
    font-size:16px;
    font-weight:900;
    box-shadow:none;
}
.login-brand-name{
    color:#ffffff;
    font-size:15px;
    font-weight:850;
    letter-spacing:-.01em;
}

/* ---------- Heading ---------- */
.login-eyebrow{
    margin:0 0 8px;
    color:#1769E0;
    font-size:10px;
    font-weight:850;
    letter-spacing:.16em;
    text-transform:uppercase;
}
.login-title{
    margin:0;
    color:#ffffff;
    font-size:30px;
    line-height:1.12;
    font-weight:850;
    letter-spacing:-.045em;
}
.login-subtitle{
    margin:10px 0 24px;
    color:#9aa6b8;
    font-size:13px;
    line-height:1.6;
}

/* ---------- Alert ---------- */
.login-alert{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:18px;
    padding:11px 13px;
    border:1px solid rgba(251,113,133,.26);
    border-radius:12px;
    background:rgba(127,29,29,.16);
    color:#fecdd3;
    font-size:12px;
    line-height:1.45;
    box-shadow:none;
}
.login-alert-icon{
    width:19px;
    height:19px;
    flex:0 0 19px;
    display:grid;
    place-items:center;
    border:1px solid currentColor;
    border-radius:50%;
    font-size:10px;
    font-weight:900;
}

/* ---------- Form ---------- */
.login-form{
    display:grid;
    gap:16px;
}
.login-field{
    display:grid;
    gap:8px;
}
.login-label{
    color:#D6E0DC;
    font-size:11px;
    font-weight:800;
    letter-spacing:.01em;
}
.login-input{
    width:100%;
    min-height:50px;
    padding:0 14px;
    box-sizing:border-box;
    border:1px solid rgba(148,163,184,.18);
    border-radius:12px;
    outline:none;
    background:#ffffff;
    color:#F7FAF9;
    font:inherit;
    font-size:13px;
    transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease;
}
.login-input::placeholder{
    color:#66758a;
}
.login-input:hover{
    border-color:rgba(167,139,250,.28);
}
.login-input:focus{
    border-color:rgba(167,139,250,.72);
    background:#fff;
    box-shadow:none;
    transform:translateY(-1px);
}

/* ---------- Password toggle ---------- */
.login-password-toggle{
    color:#1769E0;
}
.login-password-toggle:hover{
    background:rgba(167,139,250,.10);
    color:#ddd6fe;
}

/* ---------- Options ---------- */
.login-options{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:-2px;
    font-size:11px;
}
.login-remember{
    color:#aeb9c8;
}
.login-remember input{
    width:16px;
    height:16px;
    border:1px solid rgba(148,163,184,.26);
    background:#fff;
}
.login-remember input:checked{
    border-color:#1769E0;
    background:#6D4ACB;
}
.login-forgot{
    color:#1769E0;
}
.login-forgot:hover{
    color:#e9ddff;
}

/* ---------- CAPTCHA ---------- */
.captcha-row{
    display:grid;
    grid-template-columns:128px minmax(0,1fr);
    gap:10px;
}
.captcha-code{
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px dashed rgba(167,139,250,.45);
    border-radius:12px;
    background:var(--dh-primary);,
        #0b111c;
    color:#ddd6fe;
    font-size:18px;
    font-weight:900;
    letter-spacing:.16em;
    font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
    text-decoration:line-through;
    text-decoration-color:rgba(167,139,250,.24);
    box-shadow:none;
}
.captcha-input{
    min-width:0;
}

/* ---------- Submit ---------- */
.login-submit{
    width:100%;
    min-height:50px;
    margin-top:2px;
    border:1px solid rgba(167,139,250,.54);
    border-radius:12px;
    background:#ffffff;
    color:#ffffff;
    font:inherit;
    font-size:13px;
    font-weight:850;
    cursor:pointer;
    box-shadow:none;
    transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.login-submit:hover{
    filter:brightness(1.06);
    transform:translateY(-1px);
    box-shadow:none;
}
.login-submit:active{
    transform:translateY(0) scale(.99);
}
.login-submit:focus-visible{
    outline:3px solid rgba(167,139,250,.24);
    outline-offset:3px;
}

/* ---------- Secure note / footer ---------- */
.login-secure-note{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:7px;
    margin-top:16px;
    color:#8fa0b4;
    font-size:9.5px;
}
.secure-dot{
    width:6px;
    height:6px;
    flex:0 0 6px;
    border-radius:50%;
    background:#5F97E6;
    box-shadow:none;
}
.login-footer{
    margin-top:20px;
    padding-top:17px;
    border-top:1px solid rgba(148,163,184,.11);
    text-align:center;
    color:#738298;
    font-size:10px;
}

/* ---------- Responsive ---------- */
@media(max-width:520px){
    .login-shell{
        min-height:100vh;
        padding:22px 12px;
    }
    .login-card{
        border-radius:22px;
    }
    .login-content{
        padding:26px 20px 22px;
    }
    .login-brand{
        margin-bottom:22px;
    }
    .login-title{
        font-size:26px;
    }
    .login-subtitle{
        font-size:12px;
        margin-bottom:20px;
    }
    .login-form{
        gap:14px;
    }
    .login-input,
    .login-submit,
    .captcha-code{
        min-height:48px;
    }
    .captcha-row{
        grid-template-columns:112px minmax(0,1fr);
    }
}

@media(max-width:360px){
    .login-content{
        padding:23px 16px 19px;
    }
    .login-title{
        font-size:24px;
    }
    .captcha-row{
        grid-template-columns:1fr;
    }
    .captcha-code{
        min-height:44px;
    }
    .login-options{
        align-items:flex-start;
        flex-direction:column;
    }
}


/* =========================================================
   ADMIN LOGIN V31 — CHECKBOX / FORGOT / CAPTCHA POLISH
   
   ========================================================= */

/* ---------- Remember me: polished custom checkbox ---------- */
.login-remember{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#aeb9c8;
    line-height:1.2;
    user-select:none;
}
.login-remember input{
    appearance:none;
    -webkit-appearance:none;
    width:17px;
    height:17px;
    min-width:17px;
    margin:0;
    padding:0;
    position:relative;
    border:1px solid rgba(148,163,184,.34);
    border-radius:5px;
    background:#fff;
    box-shadow:none;
    cursor:pointer;
    transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.login-remember input:hover{
    border-color:rgba(167,139,250,.68);
    box-shadow:none;
}
.login-remember input:focus-visible{
    outline:2px solid rgba(167,139,250,.45);
    outline-offset:2px;
}
.login-remember input:checked{
    border-color:#1769E0;
    background:#ffffff;
    box-shadow:none;
}
.login-remember input:checked::after{
    content:"";
    position:absolute;
    left:5px;
    top:2px;
    width:4px;
    height:8px;
    border:solid #fff;
    border-width:0 2px 2px 0;
    transform:rotate(45deg);
}
.login-remember span{
    color:#b8c3d1;
    font-size:11px;
    font-weight:650;
}

/* ---------- Forgot password: red ---------- */
.login-forgot,
.login-forgot:visited{
    color:#fb7185;
    text-decoration:none;
    font-weight:750;
    text-shadow:0 0 10px rgba(251,113,133,.12);
}
.login-forgot:hover,
.login-forgot:focus-visible{
    color:#fda4af;
    text-decoration:underline;
    text-underline-offset:3px;
}

/* ---------- CAPTCHA: subtle readable zig-zag ---------- */
.captcha-code{
    position:relative;
    overflow:hidden;
    text-decoration:none;
}
.captcha-code::before{
    content:"";
    position:absolute;
    inset:8px 10px;
    pointer-events:none;
    opacity:.22;
    background:var(--dh-primary);0 0/12px 12px;
}
.captcha-code .captcha-char{
    position:relative;
    z-index:1;
    display:inline-block;
    color:#e9ddff;
    text-shadow:0 0 7px rgba(167,139,250,.20);
    transform-origin:50% 70%;
}
.captcha-code .captcha-char:nth-child(odd){
    transform:rotate(-3deg) translateY(1px);
}
.captcha-code .captcha-char:nth-child(even){
    transform:rotate(3deg) translateY(-1px);
}
.captcha-code .captcha-char:nth-child(3n){
    transform:rotate(-2deg) translateY(2px);
}

/* Keep CAPTCHA input clear and focused. */
.captcha-input:focus{
    border-color:rgba(167,139,250,.72);
    box-shadow:none;
}

/* Small screens */
@media(max-width:360px){
    .login-remember span,
    .login-forgot{
        font-size:10.5px;
    }
    .login-remember input{
        width:16px;
        height:16px;
        min-width:16px;
    }
}


/* =========================================================
   ADMIN LOGIN V32 — REMEMBER CHECKBOX SQUARE FIX
   
   ========================================================= */
.login-remember{
    display:inline-flex;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
    width:max-content;
    min-width:0;
}
.login-remember input[type="checkbox"]{
    appearance:none;
    -webkit-appearance:none;
    box-sizing:border-box;
    display:block;
    flex:0 0 17px;
    width:17px;
    min-width:17px;
    max-width:17px;
    height:17px;
    min-height:17px;
    max-height:17px;
    margin:0;
    padding:0;
    border:1px solid rgba(148,163,184,.38);
    border-radius:4px;
    background:#fff;
    cursor:pointer;
    position:relative;
    transform:none;
}
.login-remember input[type="checkbox"]:checked{
    width:17px;
    height:17px;
    min-width:17px;
    min-height:17px;
    max-width:17px;
    max-height:17px;
    border-color:#1769E0;
    background:#ffffff;
    box-shadow:none;
}
.login-remember input[type="checkbox"]:checked::after{
    content:"";
    position:absolute;
    left:5px;
    top:2px;
    width:4px;
    height:8px;
    border:solid #fff;
    border-width:0 2px 2px 0;
    transform:rotate(45deg);
}




/* =========================================================
   ADMIN LOGIN V35 — FULL PURPLE BUTTON STATE FIX
   CACHE CLEAR + BURST: ADMIN-LOGIN-V35-20260831.153000
   ========================================================= */

/* Base, hover, focus, active and success ALL stay purple. */
.login-submit,
.login-submit:hover,
.login-submit:focus,
.login-submit:focus-visible,
.login-submit:active,
.login-submit.success,
.login-submit.is-shining{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    width:100%;
    min-height:50px;
    border:1px solid rgba(216,180,254,.62);
    border-radius:12px;
    background:#ffffff;
    background-color:#6D4ACB;
    color:#ffffff;
    box-shadow:none;
    transition:
        transform .18s ease,
        filter .18s ease,
        box-shadow .18s ease;
}

/* Hover stays purple; only the glossy highlight moves. */
@media (hover:hover) and (pointer:fine){
    .login-submit:hover{
        filter:brightness(1.10);
        transform:translateY(-1px);
        background:#ffffff;
        background-color:#6D4ACB;
        box-shadow:none;
    }
}

/* Pressed/clicked state remains purple, never black. */
.login-submit:active,
.login-submit.is-shining{
    transform:translateY(0) scale(.985);
    filter:brightness(1.12);
    background:#ffffff;
    background-color:#6D4ACB;
}

/* Visible glossy sweep, layered above the purple surface. */
.login-submit::before{
    content:"";
    position:absolute;
    z-index:3;
    pointer-events:none;
    top:-75%;
    left:-58%;
    width:38%;
    height:250%;
    transform:skewX(-23deg) translateX(0);
    opacity:0;
    background:#ffffff;
    filter:blur(.35px);
    border-radius:4px;
}
@media (hover:hover) and (pointer:fine){
    .login-submit:hover::before{
        opacity:1;
        animation:loginGlossySweepV35 .72s cubic-bezier(.22,.72,.22,1) forwards;
    }
}
.login-submit.is-shining::before{
    opacity:1;
    animation:loginGlossySweepV35 .62s cubic-bezier(.22,.72,.22,1) forwards;
}
@keyframes loginGlossySweepV35{
    0%{
        left:-58%;
        opacity:0;
    }
    10%{opacity:1;}
    100%{
        left:122%;
        opacity:0;
    }
}

.login-submit:focus-visible{
    outline:3px solid rgba(167,139,250,.30);
    outline-offset:3px;
}

@media (prefers-reduced-motion:reduce){
    .login-submit::before{display:none;}
    .login-submit,
    .login-submit:hover,
    .login-submit:active{
        transition:none;
    }
}



/* ===== Consolidated page CSS: admin/product_add.php / block 1 ===== */

/* Product form final responsive layer — desktop/tablet/mobile. */
.product-create-page,.product-edit-page{
  box-sizing:border-box!important;
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-bottom:35px!important;
  overflow:visible!important;
}
.product-form-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-width:0;box-sizing:border-box;padding:23px 25px;margin-bottom:16px;background:#fff;border:1px solid #dbe4f0;border-radius:18px;box-shadow:none;}
.form-kicker{font-size:10px;font-weight:900;letter-spacing:.13em;color:#66736F;margin-bottom:6px}.product-form-hero h1{margin:0;font-size:27px;line-height:1.1;font-weight:900;letter-spacing:-.03em}.product-form-hero h1 .blue{color:#1769E0}.product-form-hero p{margin:7px 0 0;color:#66736F;font-size:12px}
.back-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:9px 12px;border:1px solid #dbe4f0;border-radius:9px;background:#fff;color:#34423E!important;text-decoration:none;font-size:10px;font-weight:800;white-space:nowrap}
.form-alert{width:100%;box-sizing:border-box;margin-bottom:14px;padding:12px 14px;border-radius:10px;font-size:12px;font-weight:700}.form-alert.success{background:#EAF2FF;color:#0E4FAF;border:1px solid #BFD6FF}.form-alert.error{background:#FFF2F3;color:#A62E3B;border:1px solid #E9B6BC}
.product-form-card{width:100%;max-width:none;min-width:0;box-sizing:border-box;background:#fff;border:1px solid #D8E2DF;border-radius:16px;overflow:hidden}
.form-card-head{display:flex;align-items:center;gap:11px;min-width:0;padding:18px 20px;border-bottom:1px solid #edf2f7}.form-icon{width:40px;height:40px;border-radius:10px;background:#F2F6FC;color:#1769E0;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:900}.form-card-head>div:last-child{min-width:0}.form-card-head h2{margin:0;font-size:15px;color:#17221F}.form-card-head p{margin:4px 0 0;color:#66736F;font-size:11px}
.product-form{width:100%;max-width:none;min-width:0;box-sizing:border-box;padding:20px}
.form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px;min-width:0;width:100%}.field,.field.full{min-width:0;max-width:100%}.field.full{grid-column:1/-1}.field label{display:block;margin-bottom:7px;color:#34423E;font-size:11px;font-weight:800}.field label b{color:#1769E0}
.modern-input{width:100%!important;max-width:100%!important;min-width:0!important;height:43px;box-sizing:border-box;border:1px solid #BFCBC7;border-radius:10px;padding:10px 12px;background:#fff;color:#111111;font:inherit;font-size:12px;outline:none}.field textarea.modern-input{height:auto;resize:vertical;min-height:112px}.modern-input:focus{border-color:#1769E0;box-shadow:none;}
.input-prefix,.input-suffix{position:relative;min-width:0}.input-prefix>span,.input-suffix>span{position:absolute;top:50%;transform:translateY(-50%);z-index:2;color:#66736F;font-size:12px;font-weight:800}.input-prefix>span{left:12px}.input-prefix .modern-input{padding-left:28px}.input-suffix>span{right:12px}.input-suffix .modern-input{padding-right:32px}
.upload-box{min-height:112px;border:1.5px dashed #bfdbfe;border-radius:11px;background:#f8fbff;display:flex!important;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;text-align:center}.upload-box input{position:absolute;opacity:0;width:1px;height:1px}.upload-box strong{margin-top:6px;color:#34423E;font-size:11px}.upload-box small{margin-top:3px;color:#8A9691;font-size:9px}.upload-icon{width:30px;height:30px;border-radius:8px;background:#F2F6FC;color:#1769E0;display:flex;align-items:center;justify-content:center;font-weight:900}
.form-security{display:flex;gap:9px;margin-top:17px;padding:12px 13px;border-radius:10px;background:#F7FAF9;border:1px solid #D8E2DF}.form-security>span{width:21px;height:21px;border-radius:50%;background:#dcfce7;color:#0E4FAF;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900}.form-security strong{display:block;color:#34423E;font-size:10px}.form-security small{display:block;margin-top:3px;color:#66736F;font-size:9px}
.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:9px;flex-wrap:wrap;margin-top:18px}.form-actions a{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;border:1px solid #17221F;border-radius:9px;background:#111111!important;color:#fff!important;text-decoration:none;font-size:10px;font-weight:800;line-height:1;min-height:38px;box-sizing:border-box}.form-actions button{border:1px solid #1769E0;border-radius:9px;background:#1769E0!important;color:#fff!important;padding:11px 17px;font-size:10px;font-weight:800;line-height:1;min-height:38px;cursor:pointer;box-sizing:border-box}.form-actions a:hover{background:#17221F!important;color:#fff!important}.form-actions button:hover{background:#0E4FAF!important;border-color:#0E4FAF!important}
/* Desktop: occupy exactly the viewport area to the right of the fixed admin sidebar. */
@media (min-width:901px){
  html,body{overflow-x:hidden!important}
  main.product-create-page,main.product-edit-page{
    width:calc(100% - var(--dh-sidebar))!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:var(--dh-sidebar)!important;
    margin-right:0!important;
    padding:28px 28px 56px!important;
    box-sizing:border-box!important;
  }
  .product-create-page .product-form-hero,.product-edit-page .product-form-hero,.product-create-page .product-form-card,.product-edit-page .product-form-card{width:100%!important;max-width:none!important;min-width:0!important}
}
/* Tablet: sidebar is off-canvas, so content uses full viewport width. */
@media (min-width:701px) and (max-width:900px){
  html,body{overflow-x:hidden!important}
  main.product-create-page,main.product-edit-page{width:100%!important;max-width:none!important;margin:0!important;padding:20px 16px 42px!important;box-sizing:border-box!important}
  .product-form-hero{padding:20px}
  .product-form{padding:18px}
}
/* Mobile: stack fields and actions without horizontal overflow. */
@media (max-width:700px){
  html,body{overflow-x:hidden!important}
  main.product-create-page,main.product-edit-page{width:100%!important;max-width:none!important;margin:0!important;padding:16px 12px 34px!important}
  .product-form-hero{align-items:flex-start;padding:18px;gap:12px}
  .product-form-hero h1{font-size:23px}
  .product-form-hero p{font-size:11px}
  .form-grid{grid-template-columns:minmax(0,1fr);gap:13px}
  .field.full{grid-column:auto}
  .product-form{padding:15px}
  .form-actions{flex-direction:column-reverse;align-items:stretch}
  .form-actions a,.form-actions button{width:100%;text-align:center}
  .back-link{padding:8px 10px}
}

/* FINAL SHELL FIX: keep admin header + sidebar locked together while this page scrolls. */
body:has(main.product-create-page) { --dh-header:78px!important; }
body:has(main.product-create-page) .ah-topbar{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:78px!important;min-height:78px!important;z-index:1200!important;}
body:has(main.product-create-page) .ah-sidebar{top:78px!important;height:calc(100vh - 78px)!important;}
@media (min-width:901px){
  html,body{overflow-x:hidden!important;}
  body:has(main.product-create-page) main.product-create-page{margin-top:78px!important;}
}
@media (max-width:900px){
  body:has(main.product-create-page){--dh-header:64px!important;}
  body:has(main.product-create-page) .ah-topbar{height:64px!important;min-height:64px!important;}
  body:has(main.product-create-page) .ah-sidebar{top:64px!important;height:calc(100vh - 64px)!important;}
}
@media (max-width:700px){
  body:has(main.product-create-page) main.product-create-page{margin-top:64px!important;}
}


/* ===== Consolidated page CSS: admin/product_edit.php / block 1 ===== */

/* Product form final responsive layer — desktop/tablet/mobile. */
.product-create-page,.product-edit-page{
  box-sizing:border-box!important;
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-bottom:35px!important;
  overflow:visible!important;
}
.product-form-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-width:0;box-sizing:border-box;padding:23px 25px;margin-bottom:16px;background:#fff;border:1px solid #dbe4f0;border-radius:18px;box-shadow:none;}
.form-kicker{font-size:10px;font-weight:900;letter-spacing:.13em;color:#66736F;margin-bottom:6px}.product-form-hero h1{margin:0;font-size:27px;line-height:1.1;font-weight:900;letter-spacing:-.03em}.product-form-hero h1 .blue{color:#1769E0}.product-form-hero h1 .yellow{color:#facc15}.product-form-hero p{margin:7px 0 0;color:#66736F;font-size:12px}
.back-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:9px 12px;border:1px solid #dbe4f0;border-radius:9px;background:#fff;color:#34423E!important;text-decoration:none;font-size:10px;font-weight:800;white-space:nowrap}
.form-alert{width:100%;box-sizing:border-box;margin-bottom:14px;padding:12px 14px;border-radius:10px;font-size:12px;font-weight:700}.form-alert.success{background:#EAF2FF;color:#0E4FAF;border:1px solid #BFD6FF}.form-alert.error{background:#FFF2F3;color:#A62E3B;border:1px solid #E9B6BC}
.product-form-card{width:100%;max-width:none;min-width:0;box-sizing:border-box;background:#fff;border:1px solid #D8E2DF;border-radius:16px;overflow:hidden}
.form-card-head{display:flex;align-items:center;gap:11px;min-width:0;padding:18px 20px;border-bottom:1px solid #edf2f7}.form-icon{width:40px;height:40px;border-radius:10px;background:#fefce8;color:#ca8a04;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:900}.form-card-head>div:last-child{min-width:0}.form-card-head h2{margin:0;font-size:15px;color:#17221F}.form-card-head p{margin:4px 0 0;color:#66736F;font-size:11px}
.product-form{width:100%;max-width:none;min-width:0;box-sizing:border-box;padding:20px}
.form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px;min-width:0;width:100%}.field,.field.full{min-width:0;max-width:100%}.field.full{grid-column:1/-1}.field label{display:block;margin-bottom:7px;color:#34423E;font-size:11px;font-weight:800}.field label b{color:#1769E0}
.modern-input{width:100%!important;max-width:100%!important;min-width:0!important;height:43px;box-sizing:border-box;border:1px solid #BFCBC7;border-radius:10px;padding:10px 12px;background:#fff;color:#111111;font:inherit;font-size:12px;outline:none}.field textarea.modern-input{height:auto;resize:vertical;min-height:112px}.modern-input:focus{border-color:#1769E0;box-shadow:none;}
.input-prefix,.input-suffix{position:relative;min-width:0}.input-prefix>span,.input-suffix>span{position:absolute;top:50%;transform:translateY(-50%);z-index:2;color:#66736F;font-size:12px;font-weight:800}.input-prefix>span{left:12px}.input-prefix .modern-input{padding-left:28px}.input-suffix>span{right:12px}.input-suffix .modern-input{padding-right:32px}
.upload-box{min-height:112px;border:1.5px dashed #fde68a;border-radius:11px;background:#fffdf5;display:flex!important;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;text-align:center}.upload-box input{position:absolute;opacity:0;width:1px;height:1px}.upload-box strong{margin-top:6px;color:#34423E;font-size:11px}.upload-box small{margin-top:3px;color:#8A9691;font-size:9px}.upload-icon{width:30px;height:30px;border-radius:8px;background:#fefce8;color:#ca8a04;display:flex;align-items:center;justify-content:center;font-weight:900}
.current-file{display:flex;align-items:center;gap:10px;margin-top:17px;padding:12px 13px;border-radius:10px;background:#F7FAF9;border:1px solid #D8E2DF}.current-file>span{width:28px;height:28px;border-radius:8px;background:#F2F6FC;color:#1769E0;display:flex;align-items:center;justify-content:center}.current-file strong{display:block;color:#34423E;font-size:10px}.current-file small{display:block;margin-top:3px;color:#66736F;font-size:9px;word-break:break-all}
.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:9px;flex-wrap:wrap;margin-top:18px}.form-actions a{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;border:1px solid #17221F;border-radius:9px;background:#111111!important;color:#fff!important;text-decoration:none;font-size:10px;font-weight:800;line-height:1;min-height:38px;box-sizing:border-box}.form-actions button{border:1px solid #1769E0;border-radius:9px;background:#1769E0!important;color:#fff!important;padding:11px 17px;font-size:10px;font-weight:800;line-height:1;min-height:38px;cursor:pointer;box-sizing:border-box}.form-actions a:hover{background:#17221F!important;color:#fff!important}.form-actions button:hover{background:#0E4FAF!important;border-color:#0E4FAF!important}
/* Desktop: occupy exactly the viewport area to the right of the fixed admin sidebar. */
@media (min-width:901px){
  html,body{overflow-x:hidden!important}
  main.product-create-page,main.product-edit-page{
    width:calc(100% - var(--dh-sidebar))!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:var(--dh-sidebar)!important;
    margin-right:0!important;
    padding:28px 28px 56px!important;
    box-sizing:border-box!important;
  }
  .product-create-page .product-form-hero,.product-edit-page .product-form-hero,.product-create-page .product-form-card,.product-edit-page .product-form-card{width:100%!important;max-width:none!important;min-width:0!important}
}
/* Tablet: sidebar is off-canvas, so content uses full viewport width. */
@media (min-width:701px) and (max-width:900px){
  html,body{overflow-x:hidden!important}
  main.product-create-page,main.product-edit-page{width:100%!important;max-width:none!important;margin:0!important;padding:20px 16px 42px!important;box-sizing:border-box!important}
  .product-form-hero{padding:20px}
  .product-form{padding:18px}
}
/* Mobile: stack fields and actions without horizontal overflow. */
@media (max-width:700px){
  html,body{overflow-x:hidden!important}
  main.product-create-page,main.product-edit-page{width:100%!important;max-width:none!important;margin:0!important;padding:16px 12px 34px!important}
  .product-form-hero{align-items:flex-start;padding:18px;gap:12px}
  .product-form-hero h1{font-size:23px}
  .product-form-hero p{font-size:11px}
  .form-grid{grid-template-columns:minmax(0,1fr);gap:13px}
  .field.full{grid-column:auto}
  .product-form{padding:15px}
  .form-actions{flex-direction:column-reverse;align-items:stretch}
  .form-actions a,.form-actions button{width:100%;text-align:center}
  .back-link{padding:8px 10px}
}

/* FINAL SHELL FIX: keep admin header + sidebar locked together while this page scrolls. */
body:has(main.product-edit-page) { --dh-header:78px!important; }
body:has(main.product-edit-page) .ah-topbar{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:78px!important;min-height:78px!important;z-index:1200!important;}
body:has(main.product-edit-page) .ah-sidebar{top:78px!important;height:calc(100vh - 78px)!important;}
@media (min-width:901px){
  html,body{overflow-x:hidden!important;}
  body:has(main.product-edit-page) main.product-edit-page{margin-top:78px!important;}
}
@media (max-width:900px){
  body:has(main.product-edit-page){--dh-header:64px!important;}
  body:has(main.product-edit-page) .ah-topbar{height:64px!important;min-height:64px!important;}
  body:has(main.product-edit-page) .ah-sidebar{top:64px!important;height:calc(100vh - 64px)!important;}
}
@media (max-width:700px){
  body:has(main.product-edit-page) main.product-edit-page{margin-top:64px!important;}
}


/* ===== Consolidated page CSS: admin/products.php / block 1 ===== */

.products-page{max-width:100%;padding-bottom:35px}.products-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 26px;margin-bottom:16px;border:1px solid #dbe4f0;border-radius:18px;background:#fff;box-shadow:none;}
.products-kicker{font-size:10px;font-weight:900;letter-spacing:.13em;color:#66736F;margin-bottom:6px}.products-hero h1{margin:0;font-size:28px;line-height:1.1;font-weight:900;letter-spacing:-.03em}.products-hero h1 .blue{color:#1769E0}.products-hero h1 .yellow{color:#facc15}.products-hero p{margin:7px 0 0;color:#66736F;font-size:12px}.products-add-btn{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 16px;border-radius:10px;background:#111111;color:#fff!important;text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap}.products-add-btn span{font-size:18px;line-height:1}.products-alert{margin-bottom:14px;padding:12px 14px;border-radius:10px;font-size:12px;font-weight:700}.products-alert.success{background:#EAF2FF;color:#0E4FAF;border:1px solid #BFD6FF}.products-alert.error{background:#FFF2F3;color:#A62E3B;border:1px solid #E9B6BC}.products-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.summary-card{display:flex;align-items:center;gap:12px;min-height:76px;padding:14px 16px;border:1px solid #D8E2DF;border-radius:14px;background:#fff}.summary-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900}.blue-bg{background:#F2F6FC;color:#1769E0}.green-bg{background:#EAF2FF;color:#0E4FAF}.yellow-bg{background:#fefce8;color:#ca8a04}.summary-card small{display:block;color:#66736F;font-size:9px;font-weight:900;letter-spacing:.08em}.summary-card strong{display:block;margin-top:3px;color:#17221F;font-size:17px}.products-card{background:#fff;border:1px solid #D8E2DF;border-radius:16px;overflow:hidden}.products-card-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #edf2f7}.products-card-head h2{margin:0;color:#17221F;font-size:15px}.products-card-head p{margin:4px 0 0;color:#66736F;font-size:11px}.product-count{padding:6px 9px;border-radius:7px;background:#EEF3F1;color:#52615C;font-size:10px;font-weight:800}.products-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.products-table-wrap::-webkit-scrollbar{display:none}.products-table{width:100%;min-width:920px;border-collapse:separate;border-spacing:0;white-space:nowrap}.products-table th{padding:12px 15px;background:#F7FAF9;color:#52615C;border-bottom:1px solid #D8E2DF;font-size:9px;font-weight:900;letter-spacing:.08em;text-align:left}.products-table td{padding:13px 15px;border-bottom:1px solid #E9EFEC;color:#34423E;font-size:11px;vertical-align:middle}.products-table tbody tr:last-child td{border-bottom:0}.products-table th:first-child,.products-table td:first-child{text-align:center;width:52px}.sl{color:#66736F!important}.product-name{display:flex;align-items:center;gap:8px}.product-dot{width:8px;height:8px;border-radius:50%;background:#1769E0;box-shadow:none;}.product-name strong{color:#111111;font-size:11px}.money{font-weight:800;color:#111111!important}.file-btn,.edit-btn,.delete-btn{display:inline-flex;align-items:center;justify-content:center;min-height:31px;padding:0 10px;border-radius:8px;font-size:10px;font-weight:800;text-decoration:none;cursor:pointer;box-sizing:border-box}.file-btn{gap:5px;background:#F2F6FC;color:#1769E0;border:1px solid #bfdbfe}.edit-btn{background:#F2F6FC;color:#1769E0;border:1px solid #bfdbfe}.delete-btn{background:#fff1f2;color:#C83C4A;border:1px solid #fecdd3}.actions{white-space:nowrap}.actions form{display:inline;margin:0}.actions .edit-btn{margin-right:5px}.no-file{color:#8A9691;font-size:10px}.status-badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:900;text-transform:capitalize}.status-published{background:#dcfce7;color:#0E4FAF}.status-draft{background:#EEF3F1;color:#66736F}.empty-cell{padding:55px 20px!important;text-align:center!important}.empty-icon{width:48px;height:48px;margin:0 auto 10px;border-radius:13px;background:#EEF3F1;color:#66736F;display:flex;align-items:center;justify-content:center;font-size:24px}.empty-cell strong{display:block;color:#111111;font-size:13px}.empty-cell span{display:block;margin-top:4px;color:#66736F;font-size:11px}.empty-cell a{display:inline-flex;margin-top:12px;padding:8px 12px;border-radius:8px;background:#111111;color:#fff!important;text-decoration:none;font-size:10px;font-weight:800}.delete-modal{display:none;position:fixed;inset:0;z-index:99999;align-items:center;justify-content:center}.delete-modal.show{display:flex}.delete-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.5)}.delete-dialog{position:relative;width:min(92%,390px);padding:25px;border-radius:16px;background:#fff;text-align:center;box-shadow:none;}.delete-symbol{width:40px;height:40px;margin:0 auto 10px;border-radius:50%;background:#fff1f2;color:#C83C4A;display:flex;align-items:center;justify-content:center;font-weight:900}.delete-dialog h3{margin:0;color:#111111;font-size:18px}.delete-dialog p{margin:7px 0 18px;color:#66736F;font-size:11px}.modal-no,.modal-yes{border:0;border-radius:8px;padding:9px 14px;font-size:10px;font-weight:800;cursor:pointer}.modal-no{background:#EEF3F1;color:#34423E;margin-right:6px}.modal-yes{background:#C83C4A;color:#fff}.modal-yes:hover{background:#A62E3B}@media(max-width:700px){.products-hero{align-items:flex-start;padding:18px}.products-hero h1{font-size:23px}.products-add-btn{height:38px;padding:0 12px}.products-summary{grid-template-columns:1fr}.products-card-head{padding:15px}.products-table{min-width:900px}}


/* ===== Consolidated page CSS: admin/products.php / block 2 ===== */

/* FINAL PRODUCTS SEARCH FIX — prevents oversized icon/layout */
.products-page .products-search-box{
    position:relative!important;
    width:calc(100% - 32px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    height:48px!important;
    min-height:48px!important;
    margin:0 0 16px!important;
    padding:0!important;
    box-sizing:border-box!important;
}
.products-page .products-search-box input#products-live-search{
    display:block!important;
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    margin:0!important;
    box-sizing:border-box!important;
    padding:0 45px!important;
    border:1px solid #BFCBC7!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#17221F!important;
    font-size:12px!important;
    line-height:48px!important;
    outline:none!important;
    appearance:none!important;
    -webkit-appearance:none!important;
}
.products-page .products-search-box input#products-live-search:focus{
    border-color:#1769E0!important;
    box-shadow:none;
}
.products-page .products-search-box input#products-live-search::placeholder{
    color:#8A9691!important;
    opacity:1!important;
}
.products-page .products-search-box .products-search-icon{
    position:absolute!important;
    left:16px!important;
    top:50%!important;
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    max-width:16px!important;
    min-height:16px!important;
    max-height:16px!important;
    padding:0!important;
    margin:0!important;
    transform:translateY(-55%)!important;
    display:block!important;
    box-sizing:border-box!important;
    border:2px solid #66736F!important;
    border-radius:50%!important;
    background:transparent!important;
    pointer-events:none!important;
    z-index:5!important;
}
.products-page .products-search-box .products-search-icon::after{
    content:""!important;
    position:absolute!important;
    width:7px!important;
    height:2px!important;
    right:-5px!important;
    bottom:-3px!important;
    border-radius:2px!important;
    background:#66736F!important;
    transform:rotate(45deg)!important;
    transform-origin:left center!important;
}
.products-page .products-search-box #products-search-clear{
    position:absolute!important;
    right:9px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    min-height:28px!important;
    max-height:28px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:7px!important;
    background:#EEF3F1!important;
    color:#52615C!important;
    font-size:18px!important;
    line-height:28px!important;
    text-align:center!important;
    cursor:pointer!important;
    z-index:6!important;
}
.products-page .products-search-empty-row{display:none!important;}
.products-page .products-search-empty{
    padding:42px 20px!important;
    text-align:center!important;
}
.products-page .products-search-empty strong{
    display:block!important;
    color:#111111!important;
    font-size:13px!important;
    font-weight:800!important;
}
.products-page .products-search-empty span{
    display:block!important;
    margin-top:4px!important;
    color:#66736F!important;
    font-size:11px!important;
}
.products-page .products-dual-heading .blue{
    color:#1769E0!important;
    -webkit-text-fill-color:#1769E0!important;
}
.products-page .products-dual-heading .yellow{
    color:#facc15!important;
    -webkit-text-fill-color:#facc15!important;
}
@media(max-width:700px){
    .products-page .products-search-box{
        height:44px!important;
        min-height:44px!important;
    }
    .products-page .products-search-box input#products-live-search{
        height:44px!important;
        min-height:44px!important;
        max-height:44px!important;
        line-height:44px!important;
        padding-left:43px!important;
    }
}
<style id="products-final-cleanup-
.products-page .products-search-empty-row{display:none!important}
.products-page .products-search-box{width:calc(100% - 32px)!important;margin-left:auto!important;margin-right:auto!important}


/* ===== Consolidated page CSS: admin/products.php / block 3 ===== */

/* FINAL ACTION BUTTONS + SEARCH CLEAR FIX */
.products-page .products-search-box input#products-live-search::-webkit-search-cancel-button{
    -webkit-appearance:auto!important;
    appearance:auto!important;
    cursor:pointer!important;
}
.products-page .products-search-box input#products-live-search::-ms-clear{
    display:none!important;
}
.products-page .products-search-box #products-search-clear{
    display:none!important;
}
/* ===== Consolidated page CSS: admin/profile.php / block 1 ===== */

/* Admin Profile — Users UI/UX aligned visual system. */


/* ===== Consolidated page CSS: admin/profile.php / block 2 ===== */

/* Admin Profile — latest Users-aligned light UI. */
.profile-page{position:relative;max-width:1240px;margin:0 auto;padding:28px 24px 52px;color:#17221F}
.profile-hero{padding:8px 2px 22px}
.profile-eyebrow{display:block;margin-bottom:8px;color:#1769E0;font-size:10px;font-weight:800;letter-spacing:.18em}
.profile-hero h1{margin:0;color:#17221F;font-size:34px;line-height:1.08;letter-spacing:-.04em;font-weight:800}.profile-hero-title .profile-title-blue{color:#1769E0!important}.profile-hero-title .profile-title-yellow{color:#C58A22!important}.profile-hero-title:after{content:"";display:block;width:54px;height:4px;margin-top:10px;border-radius:999px;background:var(--dh-primary);}
.profile-toast{position:fixed;z-index:1500;top:92px;right:26px;min-width:400px;max-width:calc(100vw - 52px);display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #D6E0DC;border-radius:14px;background:#fff;color:#34423E;box-shadow:none;font-size:13px;font-weight:650}
.profile-toast > span:nth-child(2){white-space:nowrap;min-width:0}.profile-toast-success{border-color:#BFD6FF;background:#EAF2FF;color:#0E4FAF}.profile-toast-error{border-color:#E9B6BC;background:#FFF2F3;color:#A62E3B}.toast-icon{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;border:2px solid currentColor;border-radius:50%;font-size:13px;font-weight:900}.toast-close{margin-left:auto;border:0;background:transparent;color:inherit;opacity:.7;font-size:20px;cursor:pointer}.toast-close:hover{opacity:1}
.profile-layout{display:grid;grid-template-columns:275px minmax(0,1fr);gap:20px;align-items:start}.profile-sidebar{display:grid;gap:20px}
.profile-card,.profile-editor,.security-tip{border:1px solid #D8E2DF;background:#fff;box-shadow:none;}
.profile-card{padding:27px 20px 21px;border-radius:18px;text-align:center}.avatar-wrap{position:relative;width:112px;height:112px;margin:0 auto 13px}.profile-avatar{width:112px;height:112px;object-fit:cover;border:5px solid #F2F6FC;border-radius:50%;background:#1769E0;box-shadow:none;}.profile-avatar-placeholder{display:grid;place-items:center}.profile-avatar-placeholder span{color:#fff;font-size:40px;font-weight:800}.avatar-camera{position:absolute;right:-2px;bottom:2px;width:31px;height:31px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;background:#1769E0;color:#fff;font-size:15px;cursor:pointer}.profile-card h2{margin:0 0 9px;color:#17221F;font-size:20px;letter-spacing:-.02em}.verified-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;background:#EAF2FF;color:#0E4FAF;font-size:11px;font-weight:750}.profile-meta{margin-top:24px;padding-top:7px}.meta-row{display:grid;grid-template-columns:27px 1fr;column-gap:9px;align-items:center;min-height:47px;text-align:left}.meta-icon{grid-row:span 2;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#F2F6FC;color:#1769E0;font-size:9px;font-weight:800}.meta-label{color:#66736F;font-size:10px}.meta-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#34423E;font-size:11px;font-weight:650}.status-active{justify-self:start;padding:5px 9px;border-radius:7px;background:#dcfce7;color:#0E4FAF}
.security-tip{padding:20px;border-radius:17px;border-color:#d1fae5;background:#EAF2FF}.security-tip-title{display:flex;align-items:center;gap:9px;color:#0E4FAF;font-size:15px;font-weight:800}.security-tip-title span{font-size:20px}.security-tip p{margin:8px 0 13px;color:#66736F;font-size:11px}.security-tip-item{display:flex;align-items:center;gap:9px;margin-top:9px;color:#52615C;font-size:10px}.security-tip-item span{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#dcfce7;color:#0E4FAF;font-size:10px;font-weight:900}
.profile-editor{padding:27px 28px 28px;border-radius:18px}.editor-heading{margin-bottom:23px}.editor-title{display:flex;align-items:center;gap:11px}.editor-title-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--dh-primary);color:#1769E0;font-size:19px}.editor-title h2{margin:0;color:#17221F;font-size:20px;letter-spacing:-.02em}.editor-heading p{margin:8px 0 0 41px;color:#66736F;font-size:12px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 18px}.full-field{grid-column:1/-1}.field label{display:block;margin:0 0 8px;color:#34423E;font-size:11px;font-weight:700}.profile-form .input{width:100%;min-height:48px;box-sizing:border-box;padding:0 13px;border:1px solid #d7e0ea;border-radius:11px;outline:none;background:#fff;color:#17221F;font:inherit;font-size:12px;transition:border-color .2s,box-shadow .2s}.profile-form .input::placeholder{color:#8A9691;opacity:1}.profile-form .input:hover{border-color:#8BCFC4}.profile-form .input:focus{border-color:#1769E0;box-shadow:none;}.profile-form .input:disabled{background:#F7FAF9;color:#66736F;opacity:1;cursor:not-allowed}.profile-select{appearance:none;-webkit-appearance:none;background-color:#fff}.profile-upload-field small{display:block;margin-top:7px;color:#66736F;opacity:1;font-size:10px}.file-control{border:1px solid #d7e0ea;border-radius:11px;background:#F7FAF9;overflow:hidden}.file-control input{width:100%;box-sizing:border-box;padding:10px 12px;color:#52615C;font-size:11px}
.profile-form-footer{display:flex;align-items:center;gap:18px;margin-top:22px}.profile-save{min-height:49px;width:auto;padding:0 21px;border:0;border-radius:10px;background:var(--dh-primary);color:#fff;box-shadow:none;font-size:12px;font-weight:800;cursor:pointer}.profile-save:hover{background:#0E4FAF}.profile-save span{margin-right:7px}.save-note{color:#66736F;font-size:11px}
.security-section{margin-top:27px;padding-top:25px;border-top:1px solid #D8E2DF}.security-heading{margin-bottom:16px}.security-title{color:#17221F;font-size:16px;font-weight:800}.security-heading p{margin:6px 0 0;color:#66736F;font-size:11px}.security-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.password-field{position:relative;padding:14px;border:1px solid #D8E2DF;border-radius:13px;background:#F7FAF9}.password-field label{display:block;margin-bottom:8px;color:#34423E;font-size:10px;font-weight:700}.password-field input{width:100%;height:45px;box-sizing:border-box;padding:0 42px 0 11px;border:1px solid #d7e0ea;border-radius:9px;outline:none;background:#fff;color:#17221F;font-size:11px}.password-field input::placeholder{color:#8A9691;opacity:1}.password-field input:focus{border-color:#1769E0;box-shadow:none;}.eye-btn{position:absolute;right:8px;bottom:8px;width:34px;height:34px;display:grid;place-items:center;padding:0;margin:0;border:1px solid transparent;border-radius:8px;background:transparent;color:#66736F;cursor:pointer}.eye-btn:hover{background:#F2F6FC;border-color:#bfdbfe;color:#1769E0}.eye-btn:focus-visible{outline:none;background:#F2F6FC;border-color:#1769E0;box-shadow:none;}.eye-icon{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.eye-closed{display:none}.eye-btn.is-visible .eye-open{display:none}.eye-btn.is-visible .eye-closed{display:block}.password-btn{margin-top:15px;min-height:42px;padding:0 17px;border:1px solid #bfdbfe;border-radius:9px;background:#F2F6FC;color:#0E4FAF;font-size:11px;font-weight:750}.password-btn:not(:disabled):hover{background:#D8E7FF}.password-btn:disabled{opacity:.55;cursor:not-allowed}.profile-validation-error{display:none;margin:0 0 16px;padding:12px 14px;border:1px solid #E9B6BC;border-radius:10px;background:#FFF2F3;color:#A62E3B;font-size:11px}.profile-validation-error.show{display:block}.profile-invalid{border-color:#ef4444;box-shadow:none;}
@media(max-width:980px){.profile-layout{grid-template-columns:1fr}.profile-sidebar{grid-template-columns:280px minmax(0,1fr)}.security-grid{grid-template-columns:1fr}}
@media(max-width:700px){.profile-page{padding:20px 13px 35px}.profile-layout,.profile-sidebar{grid-template-columns:1fr}.profile-editor{padding:21px 17px}.form-grid{grid-template-columns:1fr;gap:14px}.full-field{grid-column:auto}.profile-form-footer{align-items:flex-start;flex-direction:column;gap:11px}.profile-save{width:100%}.profile-toast{top:84px;left:13px;right:13px;min-width:0;width:auto}.profile-toast > span:nth-child(2){white-space:nowrap}}


/* ===== Consolidated page CSS: admin/profile.php / block 3 ===== */

.profile-avatar,.profile-avatar-placeholder{width:112px;height:112px;min-width:112px;min-height:112px;max-width:112px;max-height:112px;border-radius:50%;box-sizing:border-box;}
.profile-avatar{display:block;object-fit:cover;}


/* ===== Consolidated page CSS: admin/profile.php / block 4 ===== */

body .password-field{position:relative}
body .password-field input{padding-right:52px}
body .password-field .eye-btn{position:absolute;right:8px;bottom:8px;z-index:20;width:34px;height:34px;display:grid;place-items:center;padding:0;margin:0;border:1px solid transparent;border-radius:8px;background:transparent;color:#66736F;cursor:pointer;pointer-events:auto;touch-action:manipulation}
body .password-field .eye-btn:hover{background:#F2F6FC;border-color:#bfdbfe;color:#1769E0}
body .password-field .eye-btn:focus-visible{outline:none;background:#F2F6FC;border-color:#1769E0;box-shadow:none;}
body .password-field .eye-icon{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
body .password-field .eye-closed{display:none}body .password-field .eye-btn.is-visible .eye-open{display:none}body .password-field .eye-btn.is-visible .eye-closed{display:block}


/* ===== Consolidated page CSS: admin/profile.php / block 5 ===== */

/* PROFILE PASSWORD EYE ALIGNMENT — V34 */
body .password-field .eye-btn{
    top:40px ;
    bottom:auto ;
    right:8px ;
    width:34px ;
    height:34px ;
    transform:none ;
}
body .password-field .eye-btn .eye-icon{
    width:18px ;
    height:18px ;
    margin:0 ;
}
@media(max-width:700px){
    body .password-field .eye-btn{
        top:40px ;
        bottom:auto ;
    }
}


/* ===== Consolidated page CSS: admin/profile.php / block 6 ===== */

/* PROFILE PASSWORD EYE ALIGNMENT — V35 */
body .password-field .eye-btn{
    top:42px ;
    bottom:auto ;
    right:12px ;
}
@media(max-width:700px){
    body .password-field .eye-btn{
        top:42px ;
        bottom:auto ;
        right:12px ;
    }
}


/* ===== Consolidated page CSS: admin/razorpay.php / block 1 ===== */
">
/* Razorpay page UI — cache burst <?=e($razorpay_cache_burst)?> */
.razorpay-page{width:100%;max-width:1240px;margin:0 auto;padding-bottom:30px;box-sizing:border-box;}
.razorpay-page *{box-sizing:border-box;}
.razorpay-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 30px;margin-bottom:18px;overflow:hidden;}
.razorpay-hero h1{margin:4px 0 8px;font-size:34px;line-height:1.05;letter-spacing:-1.2px;}
.heading-blue{color:#1769E0;}
.heading-gold{color:#f0ad00;}
.razorpay-hero>div:first-child{min-width:0;}
.razorpay-hero .eyebrow{margin:0 0 5px;}
.razorpay-hero>div:first-child>p:last-child{max-width:760px;}
.hero-chip{flex:0 0 auto;padding:9px 12px;border:1px solid #dbe5ff;border-radius:999px;background:#f3f7ff;color:#1769E0;font-size:10px;font-weight:900;letter-spacing:.7px;white-space:nowrap;}
.flash{border-radius:12px!important;margin:0 0 14px;}
.razorpay-panel{width:100%;max-width:none;overflow:hidden;padding:0!important;}
.gateway-card-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid #DEE7E3;background:var(--dh-primary);}
.gateway-identity{display:flex;align-items:center;gap:13px;min-width:0;}
.gateway-logo{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:13px;background:#eef4ff;border:1px solid #d5e3ff;color:#2861dd;font-size:21px;font-weight:900;}
.gateway-title{font-size:15px;font-weight:900;color:#182338;}
.gateway-subtitle{margin-top:4px;color:#6e7b91;font-size:11px;line-height:1.45;}
.gateway-status{display:flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap;border:1px solid;}
.gateway-status.is-on{color:#168246;background:#ecfbf3;border-color:#c9efd9;}
.gateway-status.is-off{color:#657084;background:#f4f6f9;border-color:#dde3ec;}
.status-dot{width:7px;height:7px;border-radius:50%;background:currentColor;}
.razorpay-form{padding:22px;}
.section-heading{display:flex;align-items:center;gap:10px;margin:0 0 12px;}
.section-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#fff8df;color:#d89a00;font-size:14px;font-weight:900;flex:0 0 31px;}
.section-icon.blue-icon{background:#edf4ff;color:#1769E0;}
.section-heading h2{margin:0;color:#1f2b40;font-size:14px;}
.section-heading p{margin:3px 0 0;color:#7a8799;font-size:10px;line-height:1.45;}
.credentials-heading{margin-top:22px;}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.setting-card{min-width:0;padding:16px;border:1px solid #e0e6f0;border-radius:13px;background:#fff;box-shadow:none;}
.setting-card.full{grid-column:1/-1;}
.status-card{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#FAFCFB;}
.field-label{display:block;margin:0 0 7px;color:#2a3750;font-size:11px;font-weight:900;}
.setting-title{display:block;color:#1e2a3d;font-size:12px;}
.setting-help{display:block;margin-top:4px;color:#768298;font-size:10px;line-height:1.5;}
.help{display:block;margin-top:7px;color:#7a8799;font-size:10px;line-height:1.5;}
.help code{padding:1px 4px;border-radius:4px;background:#f0f4fa;color:#4d5c74;font-size:9px;}
.input{width:100%;max-width:100%;height:43px;padding:0 12px;border:1px solid #cfd8e7;border-radius:10px;background:#fff;color:#26344b;font-size:12px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;}
.input:focus{border-color:#78a4f4;box-shadow:none;}
select.input{cursor:pointer;}
.switch-control{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;cursor:pointer;user-select:none;}
.switch-control input{position:absolute;opacity:0;pointer-events:none;}
.switch-track{position:relative;width:46px;height:26px;flex:0 0 46px;border-radius:999px;background:#cfd6e2;border:1px solid #bcc6d4;transition:.2s ease;box-shadow:none;}
.switch-thumb{position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:none;transition:.2s ease;}
.switch-control input:checked + .switch-track{background:#16a35a;border-color:#139451;}
.switch-control input:checked + .switch-track .switch-thumb{transform:translateX(20px);}
.switch-state{min-width:22px;color:#637087;font-size:9px;font-weight:900;letter-spacing:.4px;}
.switch-control input:checked ~ .switch-state{color:#14914f;}
.secret-wrap{position:relative;}
.secret-wrap .input{padding-right:62px;}
.secret-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;background:#eef4ff;color:#1769E0;border-radius:7px;padding:5px 7px;font-size:9px;font-weight:900;cursor:pointer;}
.notice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;}
.notice{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border-radius:12px;border:1px solid;}
.notice-icon{width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;border-radius:8px;font-size:12px;}
.notice strong{display:block;font-size:11px;color:#26344a;}
.notice p{margin:3px 0 0;font-size:10px;line-height:1.5;color:#6e7b91;}
.security-note{background:#fffaf0;border-color:#f0dfba;}
.security-note .notice-icon{background:#fff0c9;color:#b88000;}
.live-note{background:#f4fbf7;border-color:#cdebd9;}
.live-note .notice-icon{background:#def6e8;color:#15854b;}
.actions{display:flex;justify-content:flex-end;margin-top:18px;padding-top:16px;border-top:1px solid #edf0f5;}
.save-button{min-height:42px;padding:0 18px;background:#1769E0!important;border-color:#1769E0!important;color:#fff!important;border-radius:9px!important;font-size:11px;font-weight:900;box-shadow:none;}
.save-button:hover{background:#12883f!important;border-color:#12883f!important;}
.integration-note{margin-top:14px;padding:18px 20px!important;}
.integration-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;}
.integration-note h2{margin:0;color:#1f2b40;font-size:14px;}
.integration-note p{margin:4px 0 0;color:#758298;font-size:10px;line-height:1.55;}
.integration-badge{padding:6px 9px;border-radius:999px;background:#f4f7fb;border:1px solid #dfe5ee;color:#69758a;font-size:8px;font-weight:900;letter-spacing:.6px;white-space:nowrap;}
.webhook-url{display:block;padding:11px 12px;border-radius:9px;background:#f5f7fb;border:1px solid #e2e7ef;color:#41526d;word-break:break-all;font-size:10px;line-height:1.5;}
@media(max-width:900px){
    .razorpay-page{max-width:100%;}
    .razorpay-hero{align-items:flex-start;}
    .gateway-card-head{align-items:flex-start;}
}
@media(max-width:760px){
    .razorpay-hero{display:block;padding:22px;}
    .hero-chip{display:inline-flex;margin-top:12px;}
    .razorpay-hero h1{font-size:30px;}
    .razorpay-form{padding:16px;}
    .settings-grid,.notice-grid{grid-template-columns:1fr;}
    .setting-card.full{grid-column:auto;}
    .status-card{align-items:flex-start;}
    .gateway-card-head{padding:16px;}
    .gateway-status{font-size:9px;}
    .integration-head{align-items:flex-start;flex-direction:column;gap:8px;}
    .actions .btn{width:100%;}
}
@media(max-width:480px){
    .gateway-identity{align-items:flex-start;}
    .gateway-title{font-size:13px;}
    .gateway-subtitle{font-size:10px;}
    .gateway-logo{width:40px;height:40px;flex-basis:40px;}
    .status-card{flex-direction:column;}
    .switch-control{align-self:flex-start;}
}

/* ================================================================
   RAZORPAY FINAL SHELL / CLEAN UI OVERRIDE
   
   Keeps header + sidebar locked while this page scrolls.
   ================================================================ */
html,body{overflow-x:hidden!important;}
body:has(.razorpay-page){overflow-x:hidden!important;}
body:has(.razorpay-page) .ah-topbar{
    position:fixed!important;
    inset:0 0 auto 0!important;
    height:78px!important;
    min-height:78px!important;
    z-index:1200!important;
}
body:has(.razorpay-page) .ah-topbar-inner{
    height:78px!important;
    width:100%!important;
}
body:has(.razorpay-page) .ah-sidebar{
    position:fixed!important;
    left:0!important;
    top:78px!important;
    bottom:0!important;
    width:264px!important;
    height:calc(100vh - 78px)!important;
    z-index:1150!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
}
body:has(.razorpay-page) .ah-overlay{z-index:1100!important;}
body:has(.razorpay-page) .razorpay-page{
    width:calc(100% - 264px)!important;
    max-width:none!important;
    margin:0!important;
    margin-left:264px!important;
    padding:98px 28px 46px!important;
}
body:has(.razorpay-page) .razorpay-page .razorpay-hero,
body:has(.razorpay-page) .razorpay-page .razorpay-panel,
body:has(.razorpay-page) .razorpay-page .integration-note{
    width:100%!important;
    max-width:none!important;
}
body:has(.razorpay-page) .razorpay-page .razorpay-hero{min-height:124px;}
body:has(.razorpay-page) .razorpay-page .razorpay-panel{margin-top:0!important;}
body:has(.razorpay-page) .notice-grid{display:none!important;}
body:has(.razorpay-page) .notice{display:none!important;}

@media (max-width:1100px){
    body:has(.razorpay-page) .razorpay-page{
        width:calc(100% - 238px)!important;
        margin-left:238px!important;
        padding-left:22px!important;
        padding-right:22px!important;
    }
    body:has(.razorpay-page) .ah-sidebar{
        width:238px!important;
    }
}
@media (max-width:900px){
    body:has(.razorpay-page) .ah-topbar{
        position:fixed!important;
        height:64px!important;
        min-height:64px!important;
    }
    body:has(.razorpay-page) .ah-topbar-inner{height:64px!important;}
    body:has(.razorpay-page) .ah-sidebar{
        top:64px!important;
        height:calc(100vh - 64px)!important;
        width:264px!important;
    }
    body:has(.razorpay-page) .razorpay-page{
        width:100%!important;
        margin-left:0!important;
        padding:82px 16px 34px!important;
    }
}
@media (max-width:760px){
    body:has(.razorpay-page) .razorpay-hero{min-height:0;}
}

/* Final switch positioning / visibility fix — */
body:has(.razorpay-page) .status-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    justify-content:normal!important;
    overflow:visible!important;
    min-width:0!important;
}
body:has(.razorpay-page) .status-card > div:first-child{
    min-width:0!important;
}
body:has(.razorpay-page) .status-card .switch-control{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    width:auto!important;
    min-width:76px!important;
    max-width:none!important;
    flex:none!important;
    margin-left:auto!important;
    padding:2px!important;
    z-index:2!important;
}
body:has(.razorpay-page) .status-card .switch-track{
    display:block!important;
    position:relative!important;
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:27px!important;
    flex:0 0 48px!important;
    border-radius:999px!important;
    background:#c6cedb!important;
    border:1px solid #aeb8c8!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
}
body:has(.razorpay-page) .status-card .switch-thumb{
    display:block!important;
    position:absolute!important;
    left:3px!important;
    top:3px!important;
    width:19px!important;
    height:19px!important;
    border-radius:50%!important;
    background:#fff!important;
    box-shadow:none;
    visibility:visible!important;
}
body:has(.razorpay-page) .status-card .switch-control input:checked + .switch-track{
    background:#1769E0!important;
    border-color:#128b40!important;
}
body:has(.razorpay-page) .status-card .switch-control input:checked + .switch-track .switch-thumb{
    transform:translateX(21px)!important;
}
body:has(.razorpay-page) .status-card .switch-state{
    display:inline-block!important;
    min-width:22px!important;
    color:#657286!important;
    font-size:9px!important;
    font-weight:900!important;
    line-height:1!important;
    visibility:visible!important;
}
body:has(.razorpay-page) .status-card .switch-control input:checked ~ .switch-state{
    color:#13884b!important;
}
@media (max-width:760px){
    body:has(.razorpay-page) .status-card{
        grid-template-columns:minmax(0,1fr) auto!important;
        gap:14px!important;
        align-items:center!important;
    }
    body:has(.razorpay-page) .status-card .switch-control{
        justify-self:end!important;
        align-self:center!important;
        min-width:76px!important;
    }
}
@media (max-width:480px){
    body:has(.razorpay-page) .status-card{
        grid-template-columns:1fr!important;
        align-items:flex-start!important;
    }
    body:has(.razorpay-page) .status-card .switch-control{
        justify-self:start!important;
        margin-left:0!important;
        margin-top:4px!important;
    }
}



/* ===== Consolidated page CSS: admin/system_check.php / block 1 ===== */

.hero,.ap-hero,.req-hero,.dh-page-hero,.dh-lb-heading,.lb2-header,.community-header,.settings-hero{background:#ffffff;border:1px solid rgba(127,0,255,.34);color:#34423E;box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.hero .eyebrow,.ap-eyebrow,.req-hero .eyebrow,.dh-lb-eyebrow,.lb2-eyebrow,.community-header-badge{color:#1769E0;}
.hero h1,.ap-hero h1,.req-hero h1,.dh-lb-heading h1,.lb2-header h1,.community-header h1,.settings-hero h1{color:#34423E;}
.hero>p:not(.eyebrow),.ap-hero>p:not(.ap-eyebrow),.req-hero>p:not(.eyebrow),.dh-lb-heading>p:not(.dh-lb-eyebrow),.lb2-header>p:not(.lb2-eyebrow),.community-header>p,.settings-hero>p:not(.eyebrow){color:#34423E;}


/* ===== Consolidated page CSS: admin/system_settings.php / block 1 ===== */

/* =========================================================
   SYSTEM SETTINGS — ADVANCED UI/UX
   
   Mirrors the current Users page visual language.
========================================================= */
.system-settings-page{
    width:100%;
    box-sizing:border-box;
}
.system-settings-hero{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    padding:28px 30px;
    margin:0;
    border:1px solid rgba(37,99,235,.22);
    border-radius:22px;
    background:#fff;
    color:#34423E;
    box-shadow:none;
    overflow:hidden;
}
.system-settings-hero::after{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    right:-70px;
    top:-90px;
    border-radius:50%;
    background:rgba(37,99,235,.055);
    pointer-events:none;
}
.system-settings-hero-copy{position:relative;z-index:1;min-width:0}
.system-settings-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#1769E0;
    font-size:10px;
    font-weight:900;
    letter-spacing:.16em;
}
.system-settings-eyebrow-dot{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#1769E0;
    box-shadow:none;
}
.system-settings-title{
    margin:8px 0 7px;
    font-weight:800;
    letter-spacing:-.035em;
    font-size:30px;
    line-height:1.1;
}
.system-title-blue{color:#1769E0!important}
.system-title-gold{color:#C58A22!important}
.system-settings-hero p{
    margin:0;
    max-width:650px;
    color:#66736F;
    font-size:13px;
    line-height:1.65;
}
.system-settings-hero-icon{
    position:relative;
    z-index:1;
    width:68px;
    height:68px;
    flex:0 0 68px;
    display:grid;
    place-items:center;
    border:1px solid #bfdbfe;
    border-radius:18px;
    background:#F2F6FC;
}
.system-settings-hero-icon svg{
    width:34px;
    height:34px;
    stroke:#1769E0;
    stroke-width:1.45;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.system-settings-form{margin-top:16px}
.system-settings-card{
    border:1px solid #dbe4ee;
    border-radius:20px;
    background:#fff;
    box-shadow:none;
    overflow:hidden;
}
.system-settings-card-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    padding:24px 24px 20px;
    border-bottom:1px solid #e8eef5;
}
.system-settings-section-label{
    display:inline-flex;
    align-items:center;
    color:#1769E0;
    font-size:10px;
    font-weight:900;
    letter-spacing:.16em;
}
.system-settings-card-head h2{
    margin:7px 0 5px;
    font-size:21px;
    letter-spacing:-.02em;
    color:#17221F;
}
.system-settings-card-head p{
    margin:0;
    color:#66736F;
    font-size:12px;
    line-height:1.55;
}
.system-live-badge{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:8px 10px;
    border:1px solid #BFD6FF;
    border-radius:999px;
    background:#EAF2FF;
    color:#0E4FAF;
    font-size:10px;
    font-weight:800;
    white-space:nowrap;
}
.system-live-badge span{
    width:6px;height:6px;border-radius:50%;background:#1769E0;
    box-shadow:none;
}
.system-settings-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    padding:18px;
}
.system-setting-card{
    position:relative;
    min-width:0;
    padding:19px;
    border:1px solid #D8E2DF;
    border-radius:17px;
    background:#F7FAF9;
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.system-setting-card:hover{
    transform:translateY(-2px);
    border-color:#bfdbfe;
    box-shadow:none;
}
.system-setting-card.is-enabled{
    border-color:#8BCFC4;
    background:#f8fbff;
    box-shadow:none;
}
.system-setting-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
}
.system-setting-icon{
    width:46px;
    height:46px;
    border-radius:13px;
    display:grid;
    place-items:center;
    border:1px solid #D8E7FF;
    background:#F2F6FC;
    color:#1769E0;
}
.system-setting-icon svg{
    width:23px;
    height:23px;
    stroke:currentColor;
    stroke-width:1.65;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.system-leaderboard-icon{
    color:#6D4ACB;
    background:#f5f3ff;
    border-color:#ede9fe;
}
.system-setting-copy{margin-top:17px}
.system-setting-heading{
    display:flex;
    align-items:center;
    gap:9px;
    min-width:0;
}
.system-setting-card h3{
    margin:0;
    font-size:16px;
    line-height:1.3;
    color:#17221F;
    letter-spacing:-.01em;
}
.system-setting-card p{
    margin:7px 0 0;
    min-height:40px;
    color:#66736F;
    font-size:11px;
    line-height:1.65;
}
.system-state-chip{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:29px;
    padding:3px 6px;
    border-radius:999px;
    font-size:8px;
    line-height:1;
    font-weight:900;
    letter-spacing:.06em;
}
.system-state-chip.on{color:#0E4FAF;background:#dcfce7;border:1px solid #BFD6FF}
.system-state-chip.off{color:#66736F;background:#EEF3F1;border:1px solid #D8E2DF}
.system-setting-status{
    display:flex;
    align-items:center;
    gap:7px;
    margin-top:16px;
    padding-top:12px;
    border-top:1px solid #D8E2DF;
    color:#66736F;
    font-size:10px;
}
.system-status-dot{
    width:7px;
    height:7px;
    flex:0 0 7px;
    border-radius:50%;
    background:#8A9691;
}
.system-setting-status.on .system-status-dot{
    background:#1769E0;
    box-shadow:none;
}
.system-setting-status strong{color:#34423E;font-size:10px}
.system-setting-status em{
    margin-left:auto;
    font-style:normal;
    color:#66736F;
    white-space:nowrap;
}
.system-switch{
    position:relative;
    width:52px;
    height:30px;
    flex:0 0 52px;
    cursor:pointer;
}
.system-switch input{
    position:absolute;
    width:1px;
    height:1px;
    opacity:0;
    pointer-events:none;
}
.system-switch-track{
    position:absolute;
    inset:0;
    border-radius:999px;
    background:#BFCBC7;
    border:1px solid #b8c4d2;
    transition:background .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.system-switch-thumb{
    position:absolute;
    top:4px;
    left:4px;
    width:20px;
    height:20px;
    border-radius:50%;
    background:#fff;
    box-shadow:none;
    transition:transform .25s ease;
}
.system-switch input:checked + .system-switch-track{
    background:#1769E0;
    border-color:#1769E0;
    box-shadow:none;
}
.system-switch input:checked + .system-switch-track .system-switch-thumb{
    transform:translateX(22px);
}
.system-switch input:focus-visible + .system-switch-track{
    outline:2px solid #1769E0;
    outline-offset:3px;
}
.system-settings-note{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-top:14px;
    padding:15px 17px;
    border:1px solid #bfdbfe;
    border-radius:15px;
    background:#F2F6FC;
}
.system-note-icon{
    width:24px;height:24px;flex:0 0 24px;
    display:grid;place-items:center;
    border-radius:8px;
    background:#D8E7FF;
    border:1px solid #bfdbfe;
    color:#0E4FAF;
    font-size:11px;font-weight:900;
}
.system-note-copy strong{font-size:11px;color:#34423E}
.system-note-copy p{
    margin:3px 0 0;
    color:#66736F;
    font-size:10px;
    line-height:1.6;
}
.system-settings-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-top:17px;
}
.system-settings-footer-copy{
    display:flex;
    align-items:center;
    gap:8px;
    color:#66736F;
    font-size:10px;
}
.system-save-dot{
    width:6px;height:6px;border-radius:50%;background:#1769E0;
    box-shadow:none;
}
.system-save-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    min-height:44px;
    padding:0 18px;
    border:1px solid #0E4FAF;
    border-radius:11px;
    background:#1769E0;
    color:#fff;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
    box-shadow:none;
    transition:transform .2s ease,background .2s ease,box-shadow .2s ease;
}
.system-save-button:hover,.system-save-button:focus-visible{
    background:#0E4FAF;
    color:#fff;
    transform:translateY(-1px);
    box-shadow:none;
}
.system-save-button:active{background:#1e40af;transform:translateY(0)}
.system-save-button span,.system-save-arrow{color:#fff!important}
.system-save-arrow{font-size:16px;line-height:1;transition:transform .2s ease}
.system-save-button:hover .system-save-arrow{transform:translateX(3px)}

.system-settings-toast{
    position:fixed;
    z-index:1500;
    top:92px;
    right:26px;
    min-width:320px;
    max-width:440px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 16px;
    border-radius:12px;
    box-shadow:none;
    font-size:13px;
    font-weight:650;
    animation:systemToastIn .35s ease both;
}
.system-settings-toast-success{border:1px solid #BFD6FF;background:#EAF2FF;color:#0E4FAF}
.system-settings-toast-error{border:1px solid #E9B6BC;background:#FFF2F3;color:#A62E3B}
.system-toast-icon{
    width:25px;height:25px;flex:0 0 25px;
    display:grid;place-items:center;
    border:2px solid currentColor;border-radius:50%;
    font-size:13px;font-weight:900;
}
.system-toast-close{
    margin-left:auto;
    border:0;background:transparent;color:inherit;opacity:.72;
    font-size:20px;line-height:1;cursor:pointer;padding:0 2px;
}
.system-toast-close:hover{opacity:1}
@keyframes systemToastIn{
    from{opacity:0;transform:translateY(-10px) scale(.98)}
    to{opacity:1;transform:none}
}

@media(max-width:760px){
    .system-settings-page{padding-top:12px;padding-bottom:30px}
    .system-settings-hero{padding:22px 19px;border-radius:18px}
    .system-settings-title{font-size:25px}
    .system-settings-hero p{font-size:12px}
    .system-settings-hero-icon{width:54px;height:54px;flex-basis:54px;border-radius:15px}
    .system-settings-hero-icon svg{width:28px;height:28px}
    .system-settings-card-head{padding:19px;flex-direction:column;gap:12px}
    .system-settings-grid{grid-template-columns:1fr;padding:13px}
    .system-settings-footer{align-items:stretch;flex-direction:column}
    .system-save-button{width:100%}
    .system-setting-status em{display:none}
    .system-settings-toast{top:84px;left:13px;right:13px;min-width:0;max-width:none}
}
@media(max-width:460px){
    .system-settings-hero-icon{display:none}
    .system-setting-card{padding:16px}
    .system-setting-card h3{font-size:15px}
    .system-settings-card-head h2{font-size:19px}
}


/* ===== Consolidated page CSS: admin/user_edit.php / block 1 ===== */

.create-user-title{position:relative;display:inline-block;margin:0 0 8px;font-weight:800;letter-spacing:-.035em;color:#1769E0;line-height:1.1}
.create-user-title-blue{color:#1769E0 !important}.create-user-title-yellow{color:#C58A22 !important}
.create-user-title:after{content:"";display:block;width:100%;height:3px;margin-top:7px;border-radius:999px;background:var(--dh-primary);}
/* Status select: force readable text in the native dropdown across themes/browsers. */
.status-select{color:#111111 !important;background-color:#fff !important;-webkit-text-fill-color:#111111 !important;color-scheme:light;font-family:inherit;font-size:14px !important;font-weight:600 !important;line-height:1.4 !important;opacity:1 !important;text-shadow:none !important;appearance:none;-webkit-appearance:none;cursor:pointer;min-height:42px;padding-right:42px !important;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27%3E%3Cpath d=%27M4 6l4 4 4-4%27 stroke=%27%23111827%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px}
.status-select option{color:#111111 !important;background-color:#fff !important;-webkit-text-fill-color:#111111 !important;font-family:inherit !important;font-size:14px !important;font-weight:600 !important;opacity:1 !important}
.status-select option:checked{color:#111111 !important;background-color:#eaf2ff !important;-webkit-text-fill-color:#111111 !important}
.status-select:focus{color:#111111 !important;background-color:#fff !important;-webkit-text-fill-color:#111111 !important;outline:none}
.product-assignment-field{margin-top:20px}
.product-assignment-field>label{display:block;margin:0 0 8px;font-weight:700;color:#17221F}
.product-assignment-box{width:100%;max-height:230px;overflow-y:auto;border:1px solid #dbe3ef;border-radius:12px;background:#fff;padding:5px;box-sizing:border-box}
.product-option{display:flex;align-items:center;gap:11px;width:100%;min-height:48px;padding:7px 10px;margin:0;border-radius:8px;cursor:pointer;box-sizing:border-box;border:1px solid transparent;transition:background .18s ease,border-color .18s ease}
.product-option:hover{background:#F4FAF8;border-color:#D7E4E0}
.product-option:has(input:checked){background:var(--dh-primary);border-color:rgba(37,99,235,.18)}
.product-check{position:relative;width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center}
.product-check input{position:absolute;inset:0;width:20px;height:20px;margin:0;opacity:0;cursor:pointer}
.product-checkmark{width:18px;height:18px;border:1.5px solid #b8c3d3;border-radius:5px;background:#fff;box-sizing:border-box;transition:all .15s ease}
.product-check input:checked + .product-checkmark{border-color:#1769E0;background:var(--dh-primary);box-shadow:none;}
.product-check input:checked + .product-checkmark:after{content:'✓';display:block;color:#fff;font-size:12px;font-weight:800;line-height:16px;text-align:center}
.product-option-info{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;flex:1}
.product-option-info strong{color:#17221F;font-size:13px;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.product-meta{display:flex;align-items:center;gap:6px;flex:0 0 auto;color:#66736F;font-size:11.5px;line-height:1}
.product-status{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;background:#EAF2FF;color:#087443;font-size:10.5px;font-weight:700}
.product-assignment-note{display:block;margin-top:7px;line-height:1.4;font-size:11.5px}
@media (max-width:700px){
  .product-assignment-box{max-height:210px;padding:4px}
  .product-option{min-height:46px;padding:6px 8px;gap:9px}
  .product-option-info{gap:8px}
  .product-option-info strong{font-size:12.5px}
  .product-meta{font-size:11px}
  .product-status{padding:3px 6px;font-size:10px}
}


/* ===== Consolidated page CSS: admin/user_edit.php / block 2 ===== */

.hero,.ap-hero,.req-hero,.dh-page-hero,.dh-lb-heading,.lb2-header,.community-header,.settings-hero{background:#ffffff;border:1px solid rgba(127,0,255,.34);color:#34423E;box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.hero .eyebrow,.ap-eyebrow,.req-hero .eyebrow,.dh-lb-eyebrow,.lb2-eyebrow,.community-header-badge{color:#1769E0;}
.hero h1,.ap-hero h1,.req-hero h1,.dh-lb-heading h1,.lb2-header h1,.community-header h1,.settings-hero h1{color:#34423E;}
.hero>p:not(.eyebrow),.ap-hero>p:not(.ap-eyebrow),.req-hero>p:not(.eyebrow),.dh-lb-heading>p:not(.dh-lb-eyebrow),.lb2-header>p:not(.lb2-eyebrow),.community-header>p,.settings-hero>p:not(.eyebrow){color:#34423E;}


/* ===== Consolidated page CSS: admin/users.php / block 1 ===== */

.dh-ambient-surface.panel .table-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.users-table{width:100%;min-width:900px;table-layout:auto}
.users-table th{min-width:105px;padding:14px 16px;line-height:1.25;white-space:nowrap;font-size:11px;letter-spacing:.075em;background:#08143f!important;color:#fff!important;border-bottom-color:#08143f!important;}
main .users-page .users-table thead th{background:#08143f!important;color:#fff!important;border-bottom:1px solid #08143f!important;}
.users-table th:first-child{min-width:62px;width:62px}.users-table th:nth-child(2){min-width:160px}.users-table th:nth-child(3){min-width:220px}.users-table th:nth-child(4){min-width:130px}.users-table th:nth-child(5){min-width:115px}.users-table th:nth-child(6){min-width:120px}.users-table th:nth-child(7){min-width:150px}
.dh-empty-below-table{width:100%;margin-top:10px}
/* USERS HERO TITLE — CLEAN BLUE + YELLOW DUAL COLOR (NO GRADIENT) */
.users-page .users-hero-title{
    margin:0;
    font-weight:800;
    letter-spacing:-0.035em;
}
.users-page .users-hero-title .users-title-dark{
    color:#1769E0 !important;
}
.users-page .users-hero-title .users-title-blue{
    color:#C58A22 !important;
}

@media(max-width:700px){.users-table{min-width:900px}.users-table th{padding:13px 14px;font-size:10px}.dh-empty-below-table{margin-top:8px}}


/* ===== Consolidated page CSS: admin/users.php / block 2 ===== */

/* =========================================================
   USERS SEARCH + FILTER — CLEAN ICON ALIGNMENT V25
   
========================================================= */
.users-filters{
    display:flex;
    align-items:center;
    gap:10px;
    margin:0 0 16px;
    width:100%;
}

.users-search-wrap{
    position:relative;
    flex:1 1 auto;
    min-width:0;
}

.users-search{
    display:block;
    width:100%;
    height:48px;
    box-sizing:border-box;
    border:1px solid #b8c4d6;
    border-radius:12px;
    padding:0 42px 0 14px;
    background:#fff;
    color:#182238;
    font:inherit;
    line-height:48px;
    outline:none;
}

.users-search::placeholder{
    color:#8792a6;
    opacity:1;
}

.users-search:focus{
    border-color:#1769E0;
    box-shadow:none;
}

.users-search-icon{
    position:absolute;
    left:18px;
    top:50%;
    width:20px;
    height:20px;
    transform:translateY(-50%);
    display:grid;
    place-items:center;
    color:#1769E0;
    pointer-events:none;
    z-index:2;
}

.users-search-icon svg{
    width:20px;
    height:20px;
    display:block;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.users-status-filter{
    flex:0 0 118px;
    width:118px;
    height:40px;
    box-sizing:border-box;
    border:1px solid #b8c4d6;
    border-radius:10px;
    padding:0 11px;
    background:#fff;
    color:#111111;
    font:inherit;
    outline:none;
}

.users-status-filter:focus{
    border-color:#1769E0;
    box-shadow:none;
}

@media (max-width:700px){

    .users-filters{
        flex-direction:column;
        align-items:stretch;
        gap:8px;
    }

    .users-search{
        height:40px;
    }

    /* Compact mobile status filter */
    .users-status-filter{
        flex:0 0 38px !important;
        width:100% !important;
        height:38px !important;
        min-height:0 !important;
        padding:0 32px 0 10px !important;
        border-radius:8px !important;
        font-size:12px !important;
        line-height:1.2 !important;
        box-shadow:none;
    }
    .user-actions{
        gap:6px;
    }

    .btn-small{
        width:66px;
        min-width:66px;
        height:30px;
        min-height:30px;
        padding:0 6px;
        font-size:11px;
        border-radius:7px;
    }
}


/* ===== Consolidated page CSS: admin/users.php / block 3 ===== */

.hero,.ap-hero,.req-hero,.dh-page-hero,.dh-lb-heading,.lb2-header,.community-header,.settings-hero{background:#ffffff;border:1px solid rgba(127,0,255,.34);color:#34423E;box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.hero .eyebrow,.ap-eyebrow,.req-hero .eyebrow,.dh-lb-eyebrow,.lb2-eyebrow,.community-header-badge{color:#1769E0;}
.hero h1,.ap-hero h1,.req-hero h1,.dh-lb-heading h1,.lb2-header h1,.community-header h1,.settings-hero h1{color:#34423E;}
.hero>p:not(.eyebrow),.ap-hero>p:not(.ap-eyebrow),.req-hero>p:not(.eyebrow),.dh-lb-heading>p:not(.dh-lb-eyebrow),.lb2-header>p:not(.lb2-eyebrow),.community-header>p,.settings-hero>p:not(.eyebrow){color:#34423E;}


/* ===== Consolidated page CSS: admin/users.php / block 4 ===== */

/* =========================================================
   CLICKABLE USER STATUS
========================================================= */
.users-table .status-toggle-button{
    appearance:none;
    -webkit-appearance:none;
    border:0;
    background:transparent;
    padding:2px;
    margin:0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    border-radius:999px;
    line-height:1;
}

.users-table .status-toggle-button .badge{
    cursor:pointer;
    transition:transform .16s ease, box-shadow .16s ease, opacity .16s ease;
}

.users-table .status-toggle-button:hover .badge{
    transform:translateY(-1px);
    box-shadow:none;
}

.users-table .status-toggle-button:active .badge{
    transform:translateY(0);
}

.users-table .status-toggle-button:focus-visible{
    outline:3px solid rgba(37,99,235,.20);
    outline-offset:2px;
}

.users-table .status-toggle-button.is-loading{
    pointer-events:none;
    opacity:.65;
}

/* =========================================================
   USERS TABLE ACTION COLUMN - FINAL ALIGNMENT + COLORS
========================================================= */
.users-table th:last-child,
.users-table td:last-child{
    text-align:center ;
    vertical-align:middle ;
}

.users-table td:last-child .user-actions{
    width:100%;
    display:flex ;
    align-items:center ;
    justify-content:center ;
    gap:8px ;
    margin:0 ;
}

.users-table td:last-child .delete-user-form{
    display:flex ;
    align-items:center ;
    margin:0 ;
    padding:0 ;
}

.users-table .btn-small{
    border:0 ;
    min-width:72px;
    height:36px;
    padding:0 14px;
    border-radius:10px;
    font-size:12px;
    font-weight:800;
    letter-spacing:.01em;
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        background .18s ease,
        color .18s ease;
}

/* Edit = solid yellow */
.users-table .btn-edit,
.users-table .btn-edit:visited{
    background:#C58A22 ;
    color:#111111 ;
    text-decoration:none ;
    box-shadow:none;
}

.users-table .btn-edit:hover,
.users-table .btn-edit:focus-visible,
.users-table .btn-edit:active{
    background:#ffbf00 ;
    color:#111111 ;
    transform:translateY(-1px);
    box-shadow:none;
}

/* Delete = solid red */
.users-table .btn-delete{
    background:#C83C4A ;
    color:#ffffff ;
    box-shadow:none;
}

.users-table .btn-delete:hover,
.users-table .btn-delete:focus-visible,
.users-table .btn-delete:active{
    background:#ef4444 ;
    color:#ffffff ;
    transform:translateY(-1px);
    box-shadow:none;
}

@media (max-width:700px){
    .users-table .btn-small{
        min-width:66px;
        height:32px;
        padding:0 11px;
        border-radius:9px;
        font-size:11px;
    }
}


/* ===== Consolidated page CSS: admin/users.php / block 5 ===== */

/* =========================================================
   USERS FINAL RESPONSIVE PATCH
   
========================================================= */

/* Search: icon removed, clean text start */
.users-page .users-search,
.users-filters .users-search{
    padding-left:14px !important;
    padding-right:42px !important;
}

/* Mobile stays a real table: swipe horizontally */
@media (max-width:700px){
    .users-page .table-scroll,
    .users-page .users-table-scroll{
        width:100%;
        max-width:100%;
        overflow-x:auto;
        overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
        touch-action:pan-x;
        overscroll-behavior-x:contain;
        scrollbar-width:thin;
    }

    .users-page .users-table{
        width:900px !important;
        min-width:900px !important;
        table-layout:auto;
    }

    .users-page .users-table th,
    .users-page .users-table td{
        white-space:nowrap !important;
        word-break:normal !important;
        overflow-wrap:normal !important;
        vertical-align:middle;
    }

    .users-page .users-table th:nth-child(1),
    .users-page .users-table td:nth-child(1){min-width:62px;width:62px;}
    .users-page .users-table th:nth-child(2),
    .users-page .users-table td:nth-child(2){min-width:160px;}
    .users-page .users-table th:nth-child(3),
    .users-page .users-table td:nth-child(3){min-width:220px;}
    .users-page .users-table th:nth-child(4),
    .users-page .users-table td:nth-child(4){min-width:130px;}
    .users-page .users-table th:nth-child(5),
    .users-page .users-table td:nth-child(5){min-width:115px;}
    .users-page .users-table th:nth-child(6),
    .users-page .users-table td:nth-child(6){min-width:120px;}
    .users-page .users-table th:nth-child(7),
    .users-page .users-table td:nth-child(7){min-width:150px;}

    .users-page .user-actions{
        display:flex;
        flex-wrap:nowrap;
        white-space:nowrap;
        gap:7px;
    }
}

/* Delete confirmation modal — hidden until opened */
.delete-modal{
    display:none !important;
    position:fixed;
    inset:0;
    z-index:99999;
    align-items:center;
    justify-content:center;
}
.delete-modal[aria-hidden="true"]{
    display:none !important;
}
.delete-modal.show,
.delete-modal[aria-hidden="false"]{
    display:flex !important;
}
.delete-modal-backdrop{
    position:absolute;
    inset:0;
    background:rgba(15,23,42,.48);
}
.delete-modal-card{
    position:relative;
    width:min(92%,400px);
    box-sizing:border-box;
    background:#fff;
    color:#17221F;
    border:1px solid #D8E2DF;
    border-radius:18px;
    padding:26px;
    box-shadow:none;
    text-align:center;
}
.delete-modal-icon{
    width:42px;
    height:42px;
    margin:0 auto 12px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#F2F6FC;
    color:#1769E0;
    font-weight:800;
    font-size:21px;
}
.delete-modal-card h3{
    margin:0 0 8px;
    color:#17221F;
    font-size:20px;
    line-height:1.3;
}
.delete-modal-card p{
    margin:0;
    color:#52615C;
    line-height:1.5;
}
.delete-modal-actions{
    display:flex;
    justify-content:center;
    gap:10px;
    margin-top:20px;
}
.delete-no,.delete-yes{
    border:0;
    border-radius:9px;
    padding:10px 18px;
    min-height:40px;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
}

/* Delete confirmation: Cancel = black / white */
.users-page + .delete-modal .delete-no,
.delete-modal .delete-no{
    background:#000 !important;
    color:#fff !important;
    border:1px solid #000 !important;
}

.users-page + .delete-modal .delete-no:hover,
.users-page + .delete-modal .delete-no:focus-visible,
.delete-modal .delete-no:hover,
.delete-modal .delete-no:focus-visible{
    background:#111 !important;
    color:#fff !important;
}

/* Filter empty state: readable dark text */
.users-page #userFilterEmptyState,
.users-page #userFilterEmptyState *{
    color:#26332F !important;
}

.users-page #userFilterEmptyState h1,
.users-page #userFilterEmptyState h2,
.users-page #userFilterEmptyState h3,
.users-page #userFilterEmptyState h4,
.users-page #userFilterEmptyState .dh-empty-title{
    color:#17221F !important;
    font-weight:700;
}

.users-page #userFilterEmptyState p,
.users-page #userFilterEmptyState .dh-empty-text,
.users-page #userFilterEmptyState .dh-empty-description{
    color:#52615C !important;
}

.users-page #userFilterEmptyState svg{
    color:#1769E0 !important;
    stroke:#1769E0 !important;
}


/* ===== Consolidated page CSS: admin/users.php / block 6 ===== */

/* Swipe hint is mobile-only. Default: hidden on desktop/laptop layouts. */
.users-page .swipe-hint{
    display:none !important;
}

/* Show only on narrow mobile-sized viewports. */
@media screen and (max-width:700px){
    .users-page .swipe-hint{
        display:block !important;
        margin-top:7px;
        padding:7px 10px 8px;
        color:#8A9691;
        font-size:10px;
        line-height:1.2;
        text-align:center;
        white-space:nowrap;
        pointer-events:none;
    }
}


/* ===== Consolidated page CSS: admin/users.php / block 7 ===== */

/* ACTION COLUMN - HEADER + BUTTON GROUP ALIGNMENT
   
*/
.users-page .users-table th:last-child,
.users-page .users-table thead th:last-child {
    text-align: center !important;
    vertical-align: middle !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.users-page .users-table td:last-child {
    text-align: center !important;
    vertical-align: middle !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.users-page .users-table td:last-child .user-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 auto !important;
}

.users-page .users-table .btn-small {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;

    /* FINAL COMPACT ACTION BUTTONS */
    width: 58px !important;
    min-width: 58px !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 6px !important;
    border-radius: 7px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    box-sizing: border-box !important;
    box-shadow:none;
}

.users-page .users-table td:last-child .user-actions {
    gap: 5px !important;
}

@media (max-width:700px){
    .users-page .users-table .btn-small {
        width: 54px !important;
        min-width: 54px !important;
        height: 27px !important;
        min-height: 27px !important;
        padding: 0 5px !important;
        border-radius: 7px !important;
        font-size: 10px !important;
    }
    .users-page .users-table td:last-child .user-actions {
        gap: 5px !important;
    }
}


/* ===== Consolidated page CSS: admin/verified_kyc.php / block 1 ===== */

/* =========================================================
   VERIFIED KYC — VERIFIED LIST + SAFE REVERT
   
   ========================================================= */
.verified-kyc-wrap{
  width:100%;
  max-width:1500px;
  margin:18px auto 34px;
  padding:0 24px;
  box-sizing:border-box;
}

.verified-kyc-hero{
  background:#ffffff;
  border:1px solid rgba(127,0,255,.34);
  color:#34423E;
  border-radius:20px;
  padding:26px 28px;
  margin-bottom:18px;
  box-shadow:none;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.verified-kyc-hero .eyebrow{
  margin:0 0 7px;
  color:#8AB8FF;
  font-size:11px;
  font-weight:800;
  letter-spacing:.1em;
}
.verified-kyc-hero h1{
  margin:0 0 7px;
  color:#34423E;
  font-size:28px;
}
.verified-kyc-hero p{
  margin:0;
  color:#34423E;
  opacity:.95;
}

.verified-kyc-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  margin-bottom:16px;
  padding:15px 17px;
  border:1px solid rgba(23,105,224,.22);
  border-radius:14px;
  background:#fff;
  box-shadow:none;
}
.verified-kyc-summary-label{
  color:#9aa3ad;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.verified-kyc-count{
  color:#8AB8FF;
  font-size:22px;
  font-weight:900;
}

.verified-kyc-search-wrap{
  position:relative;
  margin-bottom:16px;
}
.verified-kyc-search{
  width:100%;
  height:44px;
  box-sizing:border-box;
  padding:0 14px 0 40px;
  border:1px solid #27213a;
  border-radius:10px;
  outline:none;
  background:#ffffff;
  color:#34423E;
  font:inherit;
}
.verified-kyc-search:focus{
  border-color:rgba(127,0,255,.38);
  box-shadow:none;
}
.verified-kyc-search-icon{
  position:absolute;
  left:13px;
  top:50%;
  transform:translateY(-52%);
  color:#1769E0;
  font-size:21px;
  line-height:1;
  pointer-events:none;
}

.verified-kyc-panel{
  background:#ffffff;
  border:1px solid #27213a;
  border-radius:18px;
  box-shadow:none;
  overflow:hidden;
}
.verified-kyc-scroll{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.verified-kyc-scroll::-webkit-scrollbar{display:none;width:0;height:0}

.verified-kyc-table{
  width:100%;
  min-width:1050px;
  border-collapse:separate;
  border-spacing:0;
  table-layout:fixed;
}
.verified-kyc-table th{
  height:56px;
  padding:0 18px;
  background:#ffffff;
  color:#34423E;
  border-bottom:1px solid #27213a;
  text-align:left;
  font-size:11px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.verified-kyc-table td{
  padding:17px 18px;
  border-bottom:1px solid #2d3945;
  vertical-align:middle;
  background:#ffffff;
}
.verified-kyc-table tbody tr:hover td{background:#ffffff}
.verified-kyc-table tbody tr:last-child td{border-bottom:0}

.v-col-sl{width:7%}
.v-col-user{width:25%}
.v-col-doc{width:21%}
.v-col-verified{width:20%}
.v-col-status{width:13%}
.v-col-view{width:12%}
.v-col-action{width:17%}

.v-sl{
  color:#8b95a1;
  font-size:12px;
  font-weight:800;
}
.v-user-name{
  display:block;
  color:#34423E;
  font-size:14px;
  font-weight:800;
  margin-bottom:5px;
}
.v-user-email{
  display:block;
  color:#a4adb7;
  font-size:12px;
  overflow-wrap:anywhere;
}
.v-doc-type{
  display:block;
  color:#34423E;
  font-size:13px;
  font-weight:700;
  margin-bottom:4px;
}
.v-doc-number{
  display:block;
  color:#8c96a1;
  font-size:12px;
  overflow-wrap:anywhere;
}
.v-date{
  color:#c7ced5;
  font-size:12px;
  line-height:1.5;
}
.v-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(23,105,224,.12);
  border:1px solid rgba(23,105,224,.28);
  color:#8AB8FF;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.v-status-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#5F97E6;
  box-shadow:none;
}
.v-view-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  height:40px;
  min-width:76px;
  padding:0 12px;
  border:1px solid rgba(139,92,246,.38);
  border-radius:10px;
  background:#ffffff;
  color:#34423E;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
.v-view-btn:hover{
  transform:translateY(-1px);
  background:#fff;
  border-color:rgba(139,92,246,.62);
}
.v-view-btn svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.v-action-wrap{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.v-pending-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:40px;
  padding:0 12px;
  border:1px solid rgba(245,158,11,.42);
  border-radius:10px;
  background:rgba(245,158,11,.12);
  color:#ffd58a;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.v-pending-btn:hover{
  transform:translateY(-1px);
  background:rgba(245,158,11,.19);
  border-color:rgba(245,158,11,.65);
  box-shadow:none;
}
.v-pending-btn:active{transform:translateY(0) scale(.98)}
.v-pending-btn:focus-visible{outline:2px solid #C58A22;outline-offset:2px}

.v-flash{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 16px;
  padding:13px 15px;
  border-radius:13px;
  border:1px solid rgba(23,105,224,.28);
  background:#fff;
  color:#c9ffe7;
  box-shadow:none;
  font-size:13px;
  font-weight:800;
}
.v-flash-error{
  border-color:rgba(248,113,113,.30);
  background:#fff;
  color:#ffd0d0;
}
.v-flash-icon{
  width:28px;height:28px;
  display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 28px;
  border-radius:50%;
  background:rgba(23,105,224,.16);
  color:#8AB8FF;
  font-weight:1000;
}
.v-flash-error .v-flash-icon{background:rgba(248,113,113,.14);color:#ff9f9f}

.v-empty{
  text-align:center;
  color:#8a96a3;
  padding:42px;
}
.v-no-results{display:none}

.v-modal-backdrop{
  position:fixed;
  inset:0;
  background:rgba(255,255,255,.96);
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
  z-index:10000;
}
.v-modal-backdrop.open{display:flex}
.v-modal-card{
  width:min(820px,100%);
  max-height:88vh;
  overflow:auto;
  box-sizing:border-box;
  padding:24px;
  border:1px solid #2a3440;
  border-radius:20px;
  background:#ffffff;
  box-shadow:none;
}
.v-modal-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:18px;
}
.v-modal-head h2{margin:0;color:#34423E;font-size:22px}
.v-modal-head p{margin:5px 0 0;color:#8f9aa5;font-size:13px}
.v-close-btn{
  width:38px;
  height:38px;
  border:0;
  border-radius:10px;
  background:#fff;
  color:#34423E;
  font-size:24px;
  cursor:pointer;
}
.v-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.v-detail{
  padding:12px 13px;
  border:1px solid #27213a;
  border-radius:12px;
  background:#ffffff;
}
.v-detail.full{grid-column:1/-1}
.v-detail label{
  display:block;
  margin-bottom:5px;
  color:#80768a;
  font-size:10px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.v-detail div{
  color:#34423E;
  font-size:13px;
  line-height:1.5;
  overflow-wrap:anywhere;
}
.v-document-box{
  margin-top:14px;
  padding:14px;
  border:1px solid #27213a;
  border-radius:13px;
  background:#ffffff;
}
.v-document-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:9px;
  padding:9px 12px;
  border-radius:9px;
  background:#fff;
  color:#34423E;
  text-decoration:none;
  font-size:12px;
  font-weight:800;
}

.verified-kyc-hero-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.verified-kyc-hero-copy{min-width:0}
.verified-kyc-page-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex:0 0 auto;
  padding:5px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:13px;
  background:rgba(255,255,255,.96);
  box-shadow:none;
}
.verified-kyc-current{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:40px;
  padding:0 11px;
  border-radius:9px;
  color:#e1e7ec;
  background:rgba(23,105,224,.10);
  border:1px solid rgba(23,105,224,.18);
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
.verified-kyc-current-dot{width:7px;height:7px;border-radius:50%;background:#5F97E6;box-shadow:none;}
.pending-kyc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:40px;
  padding:0 13px;
  border-radius:9px;
  border:1px solid rgba(167,139,250,.48);
  background:#6d4aff;
  color:#fff;
  text-decoration:none;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
  box-shadow:none;
  transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease;
}
.pending-kyc-btn:hover{
  background:#805fff;
  color:#fff;
  transform:translateY(-1px);
  box-shadow:none;
}
.pending-kyc-btn:active{transform:translateY(0) scale(.98)}
.pending-arrow{font-size:15px;line-height:1;opacity:.9}
@media(max-width:760px){
  .verified-kyc-hero-row{align-items:stretch;flex-direction:column}
  .verified-kyc-page-nav{width:100%;justify-content:stretch;box-sizing:border-box}
  .verified-kyc-current,.pending-kyc-btn{flex:1 1 0;justify-content:center}
}
@media(max-width:430px){
  .verified-kyc-current{display:none}
  .pending-kyc-btn{width:100%}
}

@media(max-width:650px){
  .verified-kyc-wrap{padding:0 14px}
  .verified-kyc-hero{padding:22px 19px;border-radius:18px}
  .verified-kyc-hero h1{font-size:25px}
  .verified-kyc-summary{padding:13px 14px}
  .v-detail-grid{grid-template-columns:1fr}
  .v-detail.full{grid-column:auto}
}

/* =========================================================
   KYC PROFESSIONAL UI OVERRIDES
   Unified visual system: pending / verified / requests
   
========================================================= */
.kyc-admin-page,.verified-kyc-wrap,.req-wrap{font-family:inherit;color:#17221F}
.kyc-admin-page,.verified-kyc-wrap{max-width:1240px;margin:0 auto;padding-left:0;padding-right:0}
.kyc-hero,.verified-kyc-hero,.req-hero{
  background:#fff!important;border:1px solid #D8E2DF!important;
  box-shadow:none;
  border-radius:18px!important;
}
.kyc-hero:before,.req-hero:after{background:rgba(37,99,235,.045)!important}
.kyc-eyebrow,.req-eyebrow{color:#1769E0!important}
.kyc-title,.req-hero h1,.verified-kyc-hero h1{color:#17221F!important;font-weight:850!important}
.kyc-title .accent,.verified-kyc-hero .kyc-title-accent{color:#C58A22!important}
.kyc-subtitle,.req-hero p.req-sub,.verified-kyc-hero p{color:#66736F!important}
.kyc-nav,.kyc-unified-nav{
  background:#F7FAF9!important;border:1px solid #D8E2DF!important;
  box-shadow:none;
}
.kyc-nav a,.kyc-unified-nav a{
  color:#52615C!important;background:transparent!important;border-color:transparent!important;
}
.kyc-nav a:hover,.kyc-unified-nav a:hover{background:#fff!important;border-color:#D6E0DC!important;color:#26332F!important}
.kyc-nav .current,.kyc-nav .kyc-nav-current,.kyc-unified-nav .kyc-nav-current{
  color:#fff!important;background:#1769E0!important;border-color:#1769E0!important;
  box-shadow:none;
}
.kyc-nav .verified,.kyc-nav .kyc-nav-verified,.kyc-unified-nav .kyc-nav-verified{
  color:#0E4FAF!important;background:#EAF2FF!important;border-color:#BFD6FF!important;
}
.kyc-nav .requests,.kyc-nav .kyc-nav-requests,.kyc-unified-nav .kyc-nav-requests{
  color:#0369a1!important;background:#F2F6FC!important;border-color:#bfdbfe!important;
}
.kyc-nav .kyc-nav-pending,.kyc-unified-nav .kyc-nav-pending{
  color:#52615C!important;background:#fff!important;border-color:#D8E2DF!important;
}
.kyc-metric,.kyc-toolbar,.kyc-table-card,.verified-kyc-summary,.verified-kyc-panel,.req-summary,.req-panel{
  background:#fff!important;border-color:#D8E2DF!important;
  box-shadow:none;
}
.kyc-metric-icon{background:#F2F6FC!important;color:#1769E0!important}
.kyc-metric-label,.verified-kyc-summary-label,.req-summary-label{color:#66736F!important}
.kyc-metric-value,.verified-kyc-count,.req-summary-count{color:#17221F!important}
.kyc-table th,.verified-kyc-table th,.req-table th{
  background:#F7FAF9!important;color:#52615C!important;border-bottom:1px solid #D8E2DF!important;
}
.kyc-table td,.verified-kyc-table td,.req-table td{
  background:#fff!important;color:#26332F!important;border-bottom:1px solid #E9EFEC!important;
}
.kyc-table tbody tr:hover td,.verified-kyc-table tbody tr:hover td,.req-table tbody tr:hover td{background:#fbfdff!important}
.user-name,.doc-type,.v-user-name,.v-doc-type,.req-name{color:#17221F!important}
.user-email,.doc-number,.v-user-email,.v-doc-number,.req-email,.req-username{color:#66736F!important}
.reason-text{color:#34423E!important}
.admin-message{background:#F7FAF9!important;border-color:#D8E2DF!important;color:#52615C!important}
.kyc-search,.kyc-filter-select,.verified-kyc-search,.req-select{
  background:#fff!important;color:#26332F!important;border-color:#d7dee8!important;
}
.kyc-search::placeholder,.verified-kyc-search::placeholder{color:#8A9691!important}
.view-btn,.v-view-btn,.req-view-btn{
  background:#F2F6FC!important;color:#1769E0!important;border-color:#bfdbfe!important;
}
.view-btn:hover,.v-view-btn:hover,.req-view-btn:hover{background:#D8E7FF!important;border-color:#8BCFC4!important}
.action-check{background:#1769E0!important;color:#fff!important}
.action-delete{background:#C83C4A!important;color:#fff!important}
.v-status,.badge.approved{background:#EAF2FF!important;color:#0E4FAF!important;border-color:#BFD6FF!important}
.badge.pending{background:#fff7ed!important;color:#956313!important;border-color:#fed7aa!important}
.badge.rejected{background:#FFF2F3!important;color:#A62E3B!important;border-color:#E9B6BC!important}
.badge.used{background:#EEF3F1!important;color:#52615C!important;border-color:#D8E2DF!important}
.v-pending-btn{background:#fff7ed!important;color:#956313!important;border-color:#fed7aa!important;box-shadow:none;}
.v-pending-btn:hover{background:#ffedd5!important;border-color:#fdba74!important}
.req-ok{background:#EAF2FF!important;color:#0E4FAF!important;border-color:#BFD6FF!important;box-shadow:none;}
.req-remove{background:#FFF2F3!important;color:#A62E3B!important;border-color:#E9B6BC!important;box-shadow:none;}
.kyc-modal-backdrop,.req-modal,.v-modal-backdrop{
  background:rgba(15,23,42,.48)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;
}
.kyc-modal-card,.req-card,.v-modal-card{
  background:#fff!important;border:1px solid #D8E2DF!important;
  box-shadow:none;
}
.detail,.req-detail,.v-detail{background:#F7FAF9!important;border-color:#D8E2DF!important}
.detail label,.req-detail label,.v-detail label{color:#66736F!important}
.detail div,.req-detail div,.v-detail div{color:#26332F!important}
.document-box,.v-document-box{background:#F2F6FC!important;border-color:#bfdbfe!important}
.document-link{background:#1769E0!important;color:#fff!important}
.v-document-link{background:#1769E0!important;color:#fff!important}
.kyc-close,.req-close,.v-close-btn{background:#F7FAF9!important;color:#34423E!important;border:1px solid #D8E2DF!important}
.kyc-empty-state,.req-empty{background:#fff!important;color:#66736F!important}
.kyc-filter-empty,.dh-filter-empty-host{background:#fff!important;color:#66736F!important;border-color:#E9EFEC!important}
.req-alert,.v-flash{box-shadow:none;}
.req-success,.v-flash:not(.v-flash-error){background:#EAF2FF!important;color:#0E4FAF!important;border-color:#BFD6FF!important}
.req-error,.v-flash-error{background:#FFF2F3!important;color:#991b1b!important;border-color:#E9B6BC!important}
@media(max-width:760px){
  .kyc-admin-page,.verified-kyc-wrap{padding-left:0!important;padding-right:0!important}
  .req-wrap{padding-left:14px!important;padding-right:14px!important}
  .kyc-hero,.verified-kyc-hero,.req-hero{border-radius:16px!important}
  .kyc-table-scroll,.verified-kyc-scroll,.req-scroll{overflow-x:auto!important}
}


/* ===== Consolidated page CSS: admin/verified_kyc.php / block 2 ===== */

/* V11 — restore verified header to the same clean shell as admin/kyc.php. */
.verified-kyc-wrap{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.verified-kyc-wrap .kyc-hero{
  position:relative!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:24px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0 0 18px!important;
  padding:28px 30px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border:1px solid #D8E2DF!important;
  border-radius:22px!important;
  color:#17221F!important;
  box-shadow:none;
  overflow:hidden!important;
}
.verified-kyc-wrap .kyc-hero:before{
  content:""!important;
  position:absolute!important;
  top:-90px!important;
  right:-90px!important;
  width:250px!important;
  height:250px!important;
  border-radius:50%!important;
  background:rgba(37,99,235,.07)!important;
  pointer-events:none!important;
}
.verified-kyc-wrap .kyc-hero-copy{
  position:relative!important;
  z-index:1!important;
  min-width:0!important;
  max-width:100%!important;
  flex:1 1 auto!important;
}
.verified-kyc-wrap .kyc-eyebrow{
  margin:0 0 8px!important;
  color:#1769E0!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
.verified-kyc-wrap .kyc-title{
  margin:0!important;
  color:#17221F!important;
  font-size:31px!important;
  line-height:1.08!important;
  letter-spacing:-.03em!important;
  font-weight:900!important;
}
.verified-kyc-wrap .kyc-title .accent{color:#C58A22!important}
.verified-kyc-wrap .kyc-subtitle{
  max-width:640px!important;
  margin:8px 0 0!important;
  color:#66736F!important;
  font-size:13px!important;
  line-height:1.55!important;
}
.verified-kyc-wrap .kyc-unified-nav{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:stretch!important;
  gap:7px!important;
  width:min(100%,520px)!important;
  max-width:520px!important;
  flex:0 1 520px!important;
  min-width:0!important;
  padding:5px!important;
  box-sizing:border-box!important;
  border:1px solid #D8E2DF!important;
  border-radius:14px!important;
  background:#F7FAF9!important;
  overflow:hidden!important;
}
.verified-kyc-wrap .kyc-unified-nav a{
  flex:1 1 0!important;
  min-width:0!important;
  max-width:none!important;
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  padding:0 10px!important;
  box-sizing:border-box!important;
  border-radius:9px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-decoration:none!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
}
/* Keep the established three distinct tab colors. */
.verified-kyc-wrap .kyc-unified-nav a[href$="kyc.php"]{color:#0E4FAF!important;background:#F2F6FC!important;border:1px solid #bfdbfe!important}
.verified-kyc-wrap .kyc-unified-nav a[href$="verified_kyc.php"]{color:#0E4FAF!important;background:#EAF2FF!important;border:1px solid #BFD6FF!important}
.verified-kyc-wrap .kyc-unified-nav a[href$="kyc_requests.php"]{color:#6D4ACB!important;background:#f5f3ff!important;border:1px solid #ddd6fe!important}
.verified-kyc-wrap .kyc-unified-nav a[href$="kyc.php"]:hover{color:#fff!important;background:#1769E0!important;border-color:#0E4FAF!important}
.verified-kyc-wrap .kyc-unified-nav a[href$="verified_kyc.php"]:hover{color:#fff!important;background:#1769E0!important;border-color:#0E4FAF!important}
.verified-kyc-wrap .kyc-unified-nav a[href$="kyc_requests.php"]:hover{color:#fff!important;background:#6D4ACB!important;border-color:#5839B0!important}
@media (max-width:1100px){
  .verified-kyc-wrap .kyc-hero{align-items:stretch!important;flex-direction:column!important;gap:14px!important}
  .verified-kyc-wrap .kyc-unified-nav{width:100%!important;max-width:100%!important;flex:0 0 auto!important}
}
@media (max-width:760px){
  .verified-kyc-wrap .kyc-hero{padding:22px 18px!important;border-radius:18px!important}
  .verified-kyc-wrap .kyc-title{font-size:25px!important}
}
@media (max-width:650px){
  .verified-kyc-wrap .kyc-unified-nav{gap:4px!important;padding:4px!important}
  .verified-kyc-wrap .kyc-unified-nav a{height:34px!important;padding:0 7px!important;font-size:9px!important}
}


/* ===== Consolidated page CSS: admin/verified_kyc.php / block 3 ===== */

/* VERIFIED KYC EMPTY STATE — CACHE CLEAR V8 */
.v-empty-row{
  width:100%;
}
.v-empty-row .v-empty{
  width:100%;
  min-width:0;
  height:190px;
  padding:20px 12px;
  box-sizing:border-box;
  text-align:center;
  vertical-align:middle;
  overflow:hidden;
}
.v-empty-inner{
  width:100%;
  max-width:100%;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:9px;
  box-sizing:border-box;
}
.v-empty-icon{
  width:34px;
  height:34px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(23,105,224,.12);
  border:1px solid rgba(23,105,224,.28);
  color:#5F97E6;
  font-size:16px;
  font-weight:900;
  box-shadow:none;
}
.v-empty-text{
  display:block;
  width:100%;
  max-width:280px;
  margin:0 auto;
  padding:0;
  color:#aeb7c1;
  font-size:12px;
  line-height:1.45;
  text-align:center;
  white-space:normal;
  overflow-wrap:anywhere;
}
@media(max-width:700px){
  .verified-kyc-scroll:has(.v-empty-row){
    overflow-x:hidden;
    width:100%;
  }
  .verified-kyc-scroll:has(.v-empty-row) .verified-kyc-table{
    width:100%;
    min-width:0;
    table-layout:fixed;
  }
  .v-empty-row .v-empty{
    height:150px;
    padding:16px 10px;
  }
  .v-empty-text{
    max-width:240px;
    font-size:11px;
  }
}
@media(max-width:380px){
  .v-empty-row .v-empty{height:130px;padding:12px 8px}
  .v-empty-icon{width:30px;height:30px;font-size:14px}
  .v-empty-text{max-width:220px;font-size:10.5px}
}


/* ===== Consolidated page CSS: admin/verified_kyc.php / block 4 ===== */

/* VERIFIED KYC EMPTY STATE — CLEAN, CENTERED, HIGH-CONTRAST */
.verified-kyc-wrap .verified-kyc-panel > .dh-empty-message,
.verified-kyc-wrap .verified-kyc-panel > .dh-filter-empty-host .dh-empty-message{
  width:100%!important;
  min-height:170px!important;
  margin:0!important;
  padding:28px 20px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  text-align:center!important;
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none;
  color:#17221F!important;
}
.verified-kyc-wrap .dh-empty-message-icon{
  width:44px!important;
  height:44px!important;
  flex:0 0 44px!important;
  color:#1769E0!important;
  background:#F2F6FC!important;
  border:1px solid #bfdbfe!important;
  box-shadow:none;
}
.verified-kyc-wrap .dh-empty-message-copy{
  width:100%!important;
  max-width:520px!important;
  margin:0 auto!important;
  display:grid!important;
  justify-items:center!important;
  gap:4px!important;
  text-align:center!important;
}
.verified-kyc-wrap .dh-empty-message-copy strong{
  display:block!important;
  margin:0!important;
  color:#17221F!important;
  font-size:15px!important;
  line-height:1.3!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
}
.verified-kyc-wrap .dh-empty-message-copy span{
  display:block!important;
  margin:0!important;
  color:#52615C!important;
  font-size:11px!important;
  line-height:1.5!important;
  font-weight:500!important;
}
@media(max-width:640px){
  .verified-kyc-wrap .verified-kyc-panel > .dh-empty-message,
  .verified-kyc-wrap .verified-kyc-panel > .dh-filter-empty-host .dh-empty-message{
    min-height:150px!important;
    padding:22px 14px!important;
  }
  .verified-kyc-wrap .dh-empty-message-icon{width:40px!important;height:40px!important;flex-basis:40px!important}
  .verified-kyc-wrap .dh-empty-message-copy strong{font-size:14px!important}
  .verified-kyc-wrap .dh-empty-message-copy span{font-size:10px!important}
}


/* ===== Consolidated page CSS: admin/verified_kyc.php / block 5 ===== */

/* =========================================================
   VERIFIED KYC — CLEAN MATCH TO CURRENT KYC UI
   Scoped to this page only. Backend/action markup preserved.
   
   ========================================================= */
html,body{overflow-x:hidden!important}

.verified-kyc-wrap{
  width:100%!important;
  max-width:none!important;
  margin:18px 0 34px!important;
  padding:0 24px!important;
  box-sizing:border-box!important;
}

.verified-kyc-hero{
  width:100%;
  box-sizing:border-box;
  background:#fff!important;
  border:1px solid #D8E2DF!important;
  border-radius:18px!important;
  padding:24px 26px!important;
  margin-bottom:16px!important;
  color:#17221F!important;
  box-shadow:none;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.verified-kyc-hero:after{display:none!important}
.verified-kyc-hero-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
}
.verified-kyc-hero-copy{min-width:0;flex:1 1 auto}
.verified-kyc-hero .eyebrow{
  margin:0 0 6px!important;
  color:#1769E0!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
.verified-kyc-hero h1{
  margin:0 0 6px!important;
  color:#17221F!important;
  font-size:28px!important;
  line-height:1.1!important;
  letter-spacing:-.03em!important;
}
.verified-kyc-hero .kyc-title-accent{display:none!important}
.verified-kyc-hero-copy>p:last-child{
  margin:0!important;
  color:#66736F!important;
  opacity:1!important;
  font-size:11px!important;
  line-height:1.5!important;
}

/* Three compact KYC nav buttons: orange / green / blue */
.verified-kyc-hero .kyc-unified-nav{
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:6px!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  padding:4px!important;
  box-sizing:border-box!important;
  background:#F7FAF9!important;
  border:1px solid #D8E2DF!important;
  border-radius:12px!important;
  overflow:visible!important;
}
.verified-kyc-hero .kyc-unified-nav a{
  flex:0 0 auto!important;
  min-width:auto!important;
  min-height:36px!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border-radius:9px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  text-decoration:none!important;
  transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease!important;
  box-shadow:none;
}
.verified-kyc-hero .kyc-unified-nav a[href$="kyc.php"]{
  color:#92400e!important;
  background:#fff7ed!important;
  border:1px solid #fed7aa!important;
}
.verified-kyc-hero .kyc-unified-nav a[href$="kyc.php"]:hover{
  color:#fff!important;
  background:#956313!important;
  border-color:#92400e!important;
  transform:translateY(-1px)!important;
}
.verified-kyc-hero .kyc-unified-nav a[href$="verified_kyc.php"],
.verified-kyc-hero .kyc-unified-nav a.kyc-nav-current{
  color:#0E4FAF!important;
  background:#EAF2FF!important;
  border:1px solid #BFD6FF!important;
}
.verified-kyc-hero .kyc-unified-nav a[href$="verified_kyc.php"]:hover,
.verified-kyc-hero .kyc-unified-nav a.kyc-nav-current:hover{
  color:#fff!important;
  background:#0E4FAF!important;
  border-color:#0E4FAF!important;
  transform:translateY(-1px)!important;
}
.verified-kyc-hero .kyc-unified-nav a[href$="kyc_requests.php"]{
  color:#075985!important;
  background:#F2F6FC!important;
  border:1px solid #bfdbfe!important;
}
.verified-kyc-hero .kyc-unified-nav a[href$="kyc_requests.php"]:hover{
  color:#fff!important;
  background:#0E4FAF!important;
  border-color:#1e40af!important;
  transform:translateY(-1px)!important;
}
.verified-kyc-hero .kyc-unified-nav .kyc-nav-icon{display:inline-flex!important}

/* Flash messages */
.v-flash{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:0 0 12px!important;
  padding:11px 13px!important;
  border-radius:12px!important;
  background:#EAF2FF!important;
  border:1px solid #BFD6FF!important;
  color:#0E4FAF!important;
  box-shadow:none;
  font-size:11px!important;
}
.v-flash.v-flash-error{background:#FFF2F3!important;border-color:#E9B6BC!important;color:#991b1b!important}

/* Summary card */
.verified-kyc-summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin-bottom:12px!important;
  padding:14px 16px!important;
  border:1px solid #D8E2DF!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none;
}
.verified-kyc-summary-label{color:#66736F!important;font-size:10px!important;font-weight:900!important;letter-spacing:.06em!important}
.verified-kyc-count{color:#0E4FAF!important;font-size:21px!important;font-weight:900!important}

/* Large search bar */
.verified-kyc-search-wrap{
  position:relative!important;
  width:100%!important;
  margin-bottom:12px!important;
}
.verified-kyc-search{
  width:100%!important;
  height:44px!important;
  box-sizing:border-box!important;
  padding:0 14px 0 38px!important;
  border:1px solid #d7dee8!important;
  border-radius:10px!important;
  outline:none!important;
  background:#fff!important;
  color:#17221F!important;
  font:inherit!important;
  box-shadow:none;
}
.verified-kyc-search::placeholder{color:#8A9691!important}
.verified-kyc-search:focus{border-color:#8BCFC4!important;box-shadow:none;}
.verified-kyc-search-icon{left:12px!important;color:#1769E0!important;font-size:20px!important}

/* Clean table panel; horizontal scroll only inside table */
.verified-kyc-panel{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #D8E2DF!important;
  border-radius:16px!important;
  box-shadow:none;
}
.verified-kyc-scroll{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
}
.verified-kyc-scroll::-webkit-scrollbar{height:6px!important}
.verified-kyc-scroll::-webkit-scrollbar-thumb{background:#BFCBC7!important;border-radius:999px!important}
.verified-kyc-table{
  width:100%!important;
  min-width:980px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  table-layout:fixed!important;
  background:#fff!important;
}
.verified-kyc-table th{
  height:46px!important;
  padding:0 13px!important;
  background:#F7FAF9!important;
  border-bottom:1px solid #D8E2DF!important;
  color:#66736F!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
  text-align:left!important;
  white-space:nowrap!important;
}
.verified-kyc-table td{
  padding:13px!important;
  background:#fff!important;
  border-bottom:1px solid #E9EFEC!important;
  color:#17221F!important;
  vertical-align:middle!important;
  font-size:11px!important;
}
.verified-kyc-table tbody tr:hover td{background:#fbfdff!important}
.verified-kyc-table tbody tr:last-child td{border-bottom:0!important}
.verified-kyc-table .v-col-sl{width:60px!important}
.verified-kyc-table .v-col-user{width:190px!important}
.verified-kyc-table .v-col-doc{width:210px!important}
.verified-kyc-table .v-col-verified{width:170px!important}
.verified-kyc-table .v-col-status{width:120px!important}
.verified-kyc-table .v-col-view{width:92px!important}
.verified-kyc-table .v-col-action{width:135px!important}
.v-sl{color:#8A9691!important;font-weight:900!important;text-align:center!important}
.v-user-name,.v-doc-type{display:block!important;color:#17221F!important;font-size:11px!important;font-weight:850!important}
.v-user-email,.v-doc-number{display:block!important;margin-top:3px!important;color:#66736F!important;font-size:9.5px!important;line-height:1.4!important;overflow-wrap:anywhere!important}
.v-date{color:#52615C!important;font-size:10px!important;white-space:nowrap!important}
.v-status{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:6px 9px!important;
  border-radius:999px!important;
  color:#0E4FAF!important;
  background:#EAF2FF!important;
  border:1px solid #BFD6FF!important;
  font-size:9px!important;
  font-weight:900!important;
}
.v-status-dot{width:6px!important;height:6px!important;border-radius:50%!important;background:currentColor!important}
.v-view-btn{
  height:32px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  padding:0 9px!important;
  border-radius:8px!important;
  color:#1769E0!important;
  background:#F2F6FC!important;
  border:1px solid #bfdbfe!important;
  font-size:9px!important;
  font-weight:900!important;
  cursor:pointer!important;
  transition:background .18s ease,color .18s ease,transform .18s ease!important;
}
.v-view-btn:hover{background:#0E4FAF!important;color:#fff!important;transform:translateY(-1px)!important}
.v-view-btn svg{width:14px!important;height:14px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.v-pending-btn{
  height:32px!important;
  padding:0 9px!important;
  border-radius:8px!important;
  border:1px solid #fed7aa!important;
  background:#fff7ed!important;
  color:#956313!important;
  font-size:9px!important;
  font-weight:900!important;
  cursor:pointer!important;
  transition:background .18s ease,color .18s ease,transform .18s ease!important;
}
.v-pending-btn:hover{background:#956313!important;color:#fff!important;transform:translateY(-1px)!important}

/* Empty state */
.dh-filter-empty-host,.dh-filter-empty-host *{box-sizing:border-box}
.verified-kyc-empty-state-v10,
.v-empty-row .v-empty{
  width:100%!important;
  min-height:220px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  padding:30px 18px!important;
  background:#fff!important;
  text-align:center!important;
}
.verified-kyc-empty-inner-v10,.v-empty-inner{width:min(100%,400px)!important;margin:0 auto!important}
.verified-kyc-empty-icon-v10,.v-empty-icon{
  width:46px!important;height:46px!important;
  margin:0 auto 12px!important;
  display:grid!important;place-items:center!important;
  border-radius:14px!important;
  color:#1769E0!important;
  background:#F2F6FC!important;
  border:1px solid #bfdbfe!important;
  box-shadow:none;
  font-size:19px!important;
}
.verified-kyc-empty-text-v10,.v-empty-text{color:#66736F!important;font-size:12px!important;line-height:1.5!important;text-align:center!important}

/* Modal */
.v-modal-backdrop{background:rgba(15,23,42,.56)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}
.v-modal-card{
  width:min(820px,100%)!important;
  max-height:88vh!important;
  overflow:auto!important;
  padding:22px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border:1px solid #D8E2DF!important;
  border-radius:20px!important;
  box-shadow:none;
}
.v-modal-head h2{margin:0!important;color:#17221F!important;font-size:20px!important}
.v-modal-head p{margin:5px 0 0!important;color:#66736F!important;font-size:11px!important}
.v-close-btn{width:34px!important;height:34px!important;border:1px solid #D8E2DF!important;border-radius:9px!important;background:#F7FAF9!important;color:#52615C!important}
.v-close-btn:hover{background:#EEF3F1!important}
.v-detail-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.v-detail{padding:12px!important;border:1px solid #D8E2DF!important;border-radius:12px!important;background:#F7FAF9!important;min-width:0!important}
.v-detail.full{grid-column:1/-1!important}
.v-detail label{display:block!important;margin-bottom:5px!important;color:#8A9691!important;font-size:9px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.v-detail>div{color:#17221F!important;font-size:11px!important;line-height:1.5!important;overflow-wrap:anywhere!important}
.v-document-box{margin-top:10px!important;padding:12px!important;border:1px solid #D8E2DF!important;border-radius:12px!important;background:#F7FAF9!important}
.v-document-link{display:inline-flex!important;align-items:center!important;gap:6px!important;margin-top:7px!important;padding:8px 10px!important;border-radius:8px!important;background:#F2F6FC!important;color:#1769E0!important;border:1px solid #bfdbfe!important;text-decoration:none!important;font-size:10px!important;font-weight:900!important}

/* Prevent this page from creating a second viewport scrollbar */
.verified-kyc-wrap *{max-width:100%;}
.verified-kyc-wrap .verified-kyc-table{max-width:none!important}

@media(max-width:900px){
  .verified-kyc-wrap{padding:0 16px!important}
  .verified-kyc-hero-row{align-items:stretch!important;flex-direction:column!important}
  .verified-kyc-hero .kyc-unified-nav{width:100%!important}
  .verified-kyc-hero .kyc-unified-nav a{flex:1 1 0!important}
  .verified-kyc-table{min-width:980px!important}
}
@media(max-width:650px){
  .verified-kyc-wrap{padding:0 14px!important;margin-top:14px!important}
  .verified-kyc-hero{padding:20px 18px!important;border-radius:16px!important}
  .verified-kyc-hero h1{font-size:24px!important}
  .verified-kyc-table{min-width:980px!important}
  .v-detail-grid{grid-template-columns:1fr!important}
  .v-detail.full{grid-column:auto!important}
}
@media(max-width:430px){
  .verified-kyc-hero .kyc-unified-nav{gap:4px!important;padding:3px!important}
  .verified-kyc-hero .kyc-unified-nav a{min-height:34px!important;padding:0 7px!important;font-size:9px!important}
  .verified-kyc-summary{padding:12px 13px!important}
  .verified-kyc-count{font-size:19px!important}
}


/* ===== Consolidated page CSS: admin/verified_kyc.php / block 6 ===== */

/* Compact KYC buttons — V2 */
.kyc-admin-page .kyc-nav a,.verified-kyc-wrap .kyc-unified-nav a,.req-wrap .kyc-unified-nav a{height:34px!important;min-height:34px!important;padding:0 9px!important;border-radius:8px!important;font-size:9px!important;gap:4px!important}
.kyc-admin-page .view-btn,.verified-kyc-wrap .v-view-btn,.req-wrap .req-view-btn{height:30px!important;min-height:30px!important;min-width:auto!important;padding:0 8px!important;border-radius:7px!important;font-size:9px!important;gap:4px!important}
.kyc-admin-page .view-btn svg,.verified-kyc-wrap .v-view-btn svg,.req-wrap .req-view-btn svg{width:13px!important;height:13px!important}
.kyc-admin-page .action-row,.req-wrap .req-actions,.req-wrap .req-action-form{gap:5px!important}
.kyc-admin-page .status-select,.req-wrap .req-select{height:30px!important;width:112px!important;padding:0 7px!important;border-radius:7px!important;font-size:9px!important}
.kyc-admin-page .action-btn{width:30px!important;height:30px!important;min-width:30px!important;border-radius:7px!important;font-size:15px!important}
.req-wrap .req-icon{width:30px!important;height:30px!important;min-width:30px!important;border-radius:7px!important;font-size:17px!important}
.kyc-admin-page .modal-actions .btn,.req-wrap .req-modal-actions .btn{min-height:32px!important;height:32px!important;padding:0 10px!important;border-radius:7px!important;font-size:9px!important}
.verified-kyc-wrap .v-pending-btn{height:30px!important;min-height:30px!important;padding:0 8px!important;border-radius:7px!important;font-size:9px!important}
@media(max-width:650px){.kyc-admin-page .kyc-nav a,.verified-kyc-wrap .kyc-unified-nav a,.req-wrap .kyc-unified-nav a{height:32px!important;min-height:32px!important;padding:0 7px!important;font-size:8.5px!important}.kyc-admin-page .status-select,.req-wrap .req-select{width:105px!important}}


/* ===== Consolidated page CSS: admin/verified_kyc.php / block 7 ===== */

/* KYC navigation containment fix: keep compact buttons inside the hero/layout */
.kyc-admin-page,.verified-kyc-wrap,.req-wrap{min-width:0!important;box-sizing:border-box!important;overflow-x:clip!important}
.kyc-hero,.verified-kyc-hero,.req-hero{box-sizing:border-box!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}
.kyc-hero-copy,.verified-kyc-hero-copy,.req-hero-copy{min-width:0!important;max-width:100%!important}
.kyc-nav,.kyc-unified-nav{box-sizing:border-box!important;min-width:0!important;max-width:100%!important}
.kyc-nav a,.kyc-unified-nav a{box-sizing:border-box!important;min-width:0!important;max-width:100%!important;flex:1 1 0!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* At dashboard widths where the title and nav compete for horizontal space,
   stack the nav inside the hero instead of allowing it to escape the layout. */
@media (max-width:1100px){
  .kyc-hero,.verified-kyc-hero-row,.req-hero-row{flex-direction:column!important;align-items:stretch!important;gap:14px!important}
  .kyc-nav,.verified-kyc-hero .kyc-unified-nav,.req-hero .kyc-unified-nav{width:100%!important;max-width:100%!important;flex:0 0 auto!important;align-self:stretch!important}
}

@media (max-width:650px){
  .kyc-nav,.kyc-unified-nav{gap:4px!important;padding:4px!important}
  .kyc-nav a,.kyc-unified-nav a{height:32px!important;min-height:32px!important;padding:0 6px!important;font-size:8.5px!important}
}
@media (max-width:430px){
  .kyc-nav,.kyc-unified-nav{gap:3px!important;padding:3px!important}
  .kyc-nav a,.kyc-unified-nav a{height:30px!important;min-height:30px!important;padding:0 4px!important;font-size:8px!important}
}


/* ===== Consolidated page CSS: admin/verified_kyc.php / block 8 ===== */

/* V7: Clearly differentiated KYC navigation colors — all three tabs have their own professional color. */
.kyc-admin-page .kyc-nav a,
.verified-kyc-wrap .kyc-unified-nav a,
.req-wrap .kyc-unified-nav a{
  font-weight:800!important;
  border-width:1px!important;
}

/* Pending = blue */
.kyc-admin-page .kyc-nav a.current,
.kyc-admin-page .kyc-nav a.kyc-nav-pending,
.verified-kyc-wrap .kyc-unified-nav a.kyc-nav-pending,
.req-wrap .kyc-unified-nav a.kyc-nav-pending{
  color:#fff!important;
  background:#1769E0!important;
  border-color:#1769E0!important;
  box-shadow:none;
}
.kyc-admin-page .kyc-nav a.kyc-nav-pending:hover,
.verified-kyc-wrap .kyc-unified-nav a.kyc-nav-pending:hover,
.req-wrap .kyc-unified-nav a.kyc-nav-pending:hover{
  color:#fff!important;
  background:#0E4FAF!important;
  border-color:#0E4FAF!important;
}

/* Verified = green */
.kyc-admin-page .kyc-nav a.verified,
.kyc-admin-page .kyc-nav a.kyc-nav-verified,
.verified-kyc-wrap .kyc-unified-nav a.kyc-nav-verified,
.req-wrap .kyc-unified-nav a.kyc-nav-verified{
  color:#0E4FAF!important;
  background:#dcfce7!important;
  border-color:#BFD6FF!important;
}
.kyc-admin-page .kyc-nav a.verified:hover,
.kyc-admin-page .kyc-nav a.kyc-nav-verified:hover,
.verified-kyc-wrap .kyc-unified-nav a.kyc-nav-verified:hover,
.req-wrap .kyc-unified-nav a.kyc-nav-verified:hover{
  color:#14532d!important;
  background:#BFD6FF!important;
  border-color:#4ade80!important;
}

/* Requests = violet */
.kyc-admin-page .kyc-nav a.requests,
.kyc-admin-page .kyc-nav a.kyc-nav-requests,
.verified-kyc-wrap .kyc-unified-nav a.kyc-nav-requests,
.req-wrap .kyc-unified-nav a.kyc-nav-requests{
  color:#5839B0!important;
  background:#F1ECFB!important;
  border-color:#c4b5fd!important;
}
.kyc-admin-page .kyc-nav a.requests:hover,
.kyc-admin-page .kyc-nav a.kyc-nav-requests:hover,
.verified-kyc-wrap .kyc-unified-nav a.kyc-nav-requests:hover,
.req-wrap .kyc-unified-nav a.kyc-nav-requests:hover{
  color:#5b21b6!important;
  background:#e9d5ff!important;
  border-color:#a78bfa!important;
}

/* Current page gets the full color of its own tab; inactive tabs remain visibly distinct. */
.verified-kyc-wrap .kyc-unified-nav a.kyc-nav-current[href$="verified_kyc.php"]{
  color:#fff!important;
  background:#1769E0!important;
  border-color:#1769E0!important;
  box-shadow:none;
}
.req-wrap .kyc-unified-nav a.kyc-nav-current[href$="kyc_requests.php"]{
  color:#fff!important;
  background:#6D4ACB!important;
  border-color:#6D4ACB!important;
  box-shadow:none;
}
.verified-kyc-wrap .kyc-unified-nav a.kyc-nav-current[href$="verified_kyc.php"]:hover{
  color:#fff!important;background:#0E4FAF!important;border-color:#0E4FAF!important;
}
.req-wrap .kyc-unified-nav a.kyc-nav-current[href$="kyc_requests.php"]:hover{
  color:#fff!important;background:#5839B0!important;border-color:#5839B0!important;
}


/* ===== Consolidated page CSS: admin/verified_kyc.php / block 9 ===== */

/* =========================================================
   VERIFIED KYC — MATCH CURRENT KYC MANAGEMENT LAYOUT
   Visual-only final override; backend/actions preserved.
   
========================================================= */
html,body{overflow-x:hidden!important}

@media (min-width:901px){
  body:has(.ah-sidebar) main.verified-kyc-wrap{
    width:calc(100% - var(--dh-sidebar))!important;
    max-width:none!important;
    margin-left:var(--dh-sidebar)!important;
    margin-right:0!important;
    padding:28px 28px 56px!important;
    box-sizing:border-box!important;
  }
}
@media (max-width:900px){
  body:has(.ah-sidebar) main.verified-kyc-wrap{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
    padding-left:0!important;
    padding-right:0!important;
  }
}

.verified-kyc-wrap{
  min-width:0!important;
  box-sizing:border-box!important;
  font-family:inherit!important;
}
.verified-kyc-wrap *{box-sizing:border-box!important}

.verified-kyc-wrap .verified-kyc-hero{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0 0 16px!important;
  padding:24px 26px!important;
  border:1px solid #D8E2DF!important;
  border-radius:18px!important;
  background:#fff!important;
  color:#17221F!important;
  box-shadow:none;
  overflow:hidden!important;
}
.verified-kyc-wrap .verified-kyc-hero-row{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:20px!important;
  width:100%!important;
  min-width:0!important;
}
.verified-kyc-wrap .verified-kyc-hero-copy{min-width:0!important;flex:1 1 auto!important}
.verified-kyc-wrap .kyc-eyebrow{
  margin:0 0 6px!important;
  color:#1769E0!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
}
.verified-kyc-wrap .kyc-title{
  margin:0 0 7px!important;
  font-size:28px!important;
  line-height:1.08!important;
  letter-spacing:-.03em!important;
  font-weight:850!important;
  color:#17221F!important;
}
.verified-kyc-wrap .kyc-title span:first-child{color:#1769E0!important}
.verified-kyc-wrap .kyc-title .accent{color:#C58A22!important}
.verified-kyc-wrap .kyc-subtitle{
  margin:0!important;
  max-width:760px!important;
  color:#66736F!important;
  font-size:11px!important;
  line-height:1.5!important;
}

.verified-kyc-wrap .kyc-unified-nav{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:6px!important;
  flex:0 0 100%!important;
  width:min(420px,100%)!important;
  max-width:420px!important;
  min-width:0!important;
  margin-left:auto!important;
  padding:4px!important;
  border:1px solid #D8E2DF!important;
  border-radius:12px!important;
  background:#F7FAF9!important;
  overflow:hidden!important;
}
.verified-kyc-wrap .kyc-unified-nav a{
  min-width:0!important;
  width:100%!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 7px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  border-radius:8px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1!important;
  text-decoration:none!important;
}
.verified-kyc-wrap .kyc-unified-nav a[href$="kyc.php"]{color:#fff!important;background:#1769E0!important;border:1px solid #1769E0!important}
.verified-kyc-wrap .kyc-unified-nav a[href$="kyc.php"]:hover{background:#0E4FAF!important;border-color:#0E4FAF!important}
.verified-kyc-wrap .kyc-unified-nav a[href$="verified_kyc.php"]{color:#fff!important;background:#1769E0!important;border:1px solid #1769E0!important;box-shadow:none;}
.verified-kyc-wrap .kyc-unified-nav a[href$="verified_kyc.php"]:hover{background:#0E4FAF!important;border-color:#0E4FAF!important}
.verified-kyc-wrap .kyc-unified-nav a[href$="kyc_requests.php"]{color:#fff!important;background:#6D4ACB!important;border:1px solid #6D4ACB!important}
.verified-kyc-wrap .kyc-unified-nav a[href$="kyc_requests.php"]:hover{background:#5839B0!important;border-color:#5839B0!important}

@media (min-width:1101px){
  .verified-kyc-wrap .verified-kyc-hero-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(360px,420px)!important;
    align-items:center!important;
  }
  .verified-kyc-wrap .kyc-unified-nav{width:100%!important;max-width:420px!important}
}
@media (min-width:761px) and (max-width:1100px){
  .verified-kyc-wrap .verified-kyc-hero-row{flex-direction:column!important;align-items:stretch!important;gap:14px!important}
  .verified-kyc-wrap .kyc-unified-nav{width:100%!important;max-width:100%!important;flex:0 0 auto!important}
}
@media (max-width:760px){
  .verified-kyc-wrap .verified-kyc-hero{padding:22px 18px!important;border-radius:18px!important}
  .verified-kyc-wrap .verified-kyc-hero-row{flex-direction:column!important;align-items:stretch!important}
  .verified-kyc-wrap .kyc-title{font-size:27px!important}
  .verified-kyc-wrap .kyc-unified-nav{width:100%!important;max-width:none!important}
}
@media (max-width:440px){
  .verified-kyc-wrap .verified-kyc-hero{padding:18px 15px!important}
  .verified-kyc-wrap .kyc-title{font-size:24px!important}
  .verified-kyc-wrap .kyc-unified-nav a{font-size:8.5px!important;padding:0 5px!important}
}


/* ===== Consolidated page CSS: admin/verified_kyc.php / block 10 ===== */

/* V12 — desktop shell stabilization: prevent page-width overflow so the
   sticky topbar and fixed sidebar never appear shifted/cropped while scrolling. */
html, body{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
body:has(.ah-sidebar) main.verified-kyc-wrap{
  box-sizing:border-box!important;
  min-width:0!important;
}
@media (min-width:901px){
  body:has(.ah-sidebar) .ah-topbar{
    width:100vw!important;
    max-width:100vw!important;
    left:0!important;
    right:0!important;
  }
  body:has(.ah-sidebar) main.verified-kyc-wrap{
    width:calc(100vw - var(--dh-sidebar))!important;
    max-width:calc(100vw - var(--dh-sidebar))!important;
    margin-left:var(--dh-sidebar)!important;
    margin-right:0!important;
    padding-left:28px!important;
    padding-right:28px!important;
    overflow-x:hidden!important;
  }
}
@media (max-width:900px){
  body:has(.ah-sidebar) main.verified-kyc-wrap{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
}
.verified-kyc-wrap .verified-kyc-hero,
.verified-kyc-wrap .verified-kyc-summary,
.verified-kyc-wrap .verified-kyc-search-wrap,
.verified-kyc-wrap .verified-kyc-panel{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.verified-kyc-wrap .verified-kyc-hero-row{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.verified-kyc-wrap .verified-kyc-hero-copy{
  min-width:0!important;
  max-width:100%!important;
}
@media (min-width:901px) and (max-width:1120px){
  .verified-kyc-wrap .verified-kyc-hero-row{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:14px!important;
  }
  .verified-kyc-wrap .kyc-unified-nav{
    width:100%!important;
    max-width:100%!important;
  }
}


/* ===== Consolidated page CSS: admin/website_settings.php / block 1 ===== */

/* WEBSITE SETTINGS — FRESH LIGHT UI | */
.ws-page{max-width:1120px;margin:0 auto;padding:24px 18px 60px;color:#26332F}
.ws-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:26px 28px;border:1px solid #D6E0DC;border-radius:22px;background:#ffffff;box-shadow:none;}
.ws-kicker{margin:0 0 7px;color:#1769E0;font-size:10px;font-weight:900;letter-spacing:.16em}
.ws-title{margin:0;color:#17221F;font-size:29px;line-height:1.1;font-weight:850;letter-spacing:-.04em}
.ws-subtitle{margin:8px 0 0;max-width:720px;color:#66736F;font-size:13px;line-height:1.5}
.ws-icon{width:56px;height:56px;flex:0 0 56px;display:grid;place-items:center;border:1px solid #bfdbfe;border-radius:16px;color:#1769E0;background:#F2F6FC;box-shadow:none;}
.ws-icon svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.7}
.ws-panel{overflow:hidden;border:1px solid #D6E0DC;border-radius:20px;background:#fff;box-shadow:none;}
.ws-alert{display:flex;align-items:center;gap:10px;margin:18px 20px 0;padding:11px 13px;border-radius:11px;font-size:12px}
.ws-success{color:#0E4FAF;border:1px solid #BFD6FF;background:#EAF2FF}
.ws-error{color:#A62E3B;border:1px solid #E9B6BC;background:#FFF2F3}
.ws-alert-icon{width:19px;height:19px;flex:0 0 19px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:9px;font-weight:900}
.ws-form{padding:24px 20px 20px}
.ws-section{margin-bottom:24px;padding-bottom:2px}
.ws-section-head{margin-bottom:13px}
.ws-section-kicker{margin:0 0 5px;color:#66736F;font-size:9px;font-weight:900;letter-spacing:.16em}
.ws-section-title{margin:0;color:#26332F;font-size:18px;font-weight:800}
.ws-section-desc{margin:5px 0 0;color:#66736F;font-size:11px;line-height:1.5}
.ws-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.ws-label{display:block;margin:0 0 7px;color:#34423E;font-size:11px;font-weight:800}
.ws-input{width:100%;min-height:48px;box-sizing:border-box;padding:0 13px;border:1px solid #BFCBC7;border-radius:11px;outline:none;background:#fff;color:#26332F;font:inherit;font-size:12px;transition:.18s ease}
.ws-input::placeholder{color:#8A9691}
.ws-input:focus{border-color:#60a5fa;box-shadow:none;}
.ws-input:disabled{cursor:not-allowed;opacity:.65;background:#F7FAF9;color:#66736F}
.ws-name-editor{min-height:78px;padding:12px 13px;resize:vertical;line-height:1.55;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
.ws-preview{margin-top:9px;padding:11px 13px;border:1px solid #D6E0DC;border-radius:11px;background:#F7FAF9}
.ws-preview-label{margin-bottom:5px;color:#66736F;font-size:8px;font-weight:900;letter-spacing:.14em}
.ws-preview-name{min-height:27px;color:#17221F;font-size:19px;font-weight:850;letter-spacing:-.025em;word-break:break-word}
.ws-preview-name span{color:#1769E0;text-shadow:none}
.ws-hint{margin:6px 0 0;color:#66736F;font-size:9.5px;line-height:1.45}
.ws-hint code{color:#52615C;padding:2px 5px;border:1px solid #BFCBC7;border-radius:5px;background:#EEF3F1}
.ws-status{display:flex;gap:8px;flex-wrap:wrap}
.ws-choice{position:relative;flex:1 1 120px}
.ws-choice input{position:absolute;opacity:0;pointer-events:none}
.ws-choice label{min-height:43px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid #BFCBC7;border-radius:10px;color:#52615C;background:#F7FAF9;font-size:11px;font-weight:800;cursor:pointer;transition:.18s ease}
.ws-choice label:before{content:"";width:7px;height:7px;border-radius:50%;background:#8A9691}
.ws-choice input:checked + label{color:#0E4FAF;border-color:#BFD6FF;background:#EAF2FF;box-shadow:none;}
.ws-choice input:checked + label:before{background:#1769E0;box-shadow:none;}
.ws-actions{padding-top:10px;border-top:1px solid #D8E2DF}
.ws-save{width:100%;min-height:47px;border:1px solid #1769E0;border-radius:11px;color:#fff;background:#1769E0;font:inherit;font-size:12px;font-weight:850;cursor:pointer;box-shadow:none;transition:.18s ease}
.ws-save:hover{background:#0E4FAF;box-shadow:none;}
.ws-save:active{transform:scale(.988)}

.ws-availability{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 17px;border:1px solid #D6E0DC;border-radius:14px;background:#F7FAF9}
.ws-availability-copy{min-width:0}.ws-availability-title{color:#26332F;font-size:12px;font-weight:850}.ws-availability-desc{margin-top:4px;color:#66736F;font-size:10.5px;line-height:1.45}
.ws-checkbox-control{display:flex;align-items:center;gap:12px;min-width:190px;padding:10px 12px;border:1px solid #D6E0DC;border-radius:12px;background:#fff;cursor:pointer;transition:.18s ease}.ws-checkbox-control:hover{border-color:#8BCFC4;background:#f8fbff}.ws-checkbox-control input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.ws-checkbox-box{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;box-sizing:border-box;border:1.5px solid #BFCBC7;border-radius:6px;background:#fff;color:transparent;font-size:15px;font-weight:950;line-height:1;transition:.18s ease}.ws-checkbox-control input:checked + .ws-checkbox-box{border-color:#1769E0;background:#1769E0;color:#fff;box-shadow:none;}.ws-checkbox-copy{display:flex;flex-direction:column;gap:2px}.ws-checkbox-copy strong{color:#26332F;font-size:11px;font-weight:850}.ws-checkbox-copy .ws-switch-state{color:#66736F;font-size:9.5px;font-weight:800}.ws-checkbox-control input:checked ~ .ws-checkbox-copy .ws-switch-state{color:#0E4FAF}.ws-checkbox-control:focus-within{border-color:#60a5fa;box-shadow:none;}
@media(max-width:700px){.ws-page{padding:16px 12px 40px}.ws-hero{padding:21px 18px;border-radius:18px}.ws-title{font-size:25px}.ws-icon{display:none}.ws-grid{grid-template-columns:1fr}.ws-form{padding:20px 14px 15px}}
@media(max-width:430px){.ws-status{display:grid;grid-template-columns:1fr 1fr}.ws-choice label{padding:0 7px;font-size:10px}}


/* ===== Consolidated page CSS: admin/withdrawals.php / block 1 ===== */

.withdrawals-summary{
    display:flex;
    gap:12px;
    margin-bottom:18px;
    flex-wrap:wrap;
}
.withdrawals-summary>div{
    min-width:145px;
    padding:12px 15px;
    border:1px solid #e5e8f0;
    border-radius:12px;
    background:#ffffff;
}
.withdrawals-summary small{
    display:block;
    color:#34423E;
    font-size:11px;
    font-weight:700;
}
.withdrawals-summary strong{
    display:block;
    margin-top:3px;
    font-size:20px;
    color:#34423E;
}
.withdrawals-table th,
.withdrawals-table td{
    white-space:nowrap;
    vertical-align:middle;
}
.withdrawals-table td:nth-child(3){
    white-space:normal;
    min-width:180px;
}
.subline{
    display:block;
    margin-top:2px;
    color:#34423E;
    font-size:11px;
}
.amount-cell{
    font-weight:800;
    color:#34423E;
}
.method-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:5px 9px;
    border-radius:8px;
    background:#ffffff;
    color:#1769E0;
    font-size:11px;
    font-weight:800;
}
.status-paid{
    color:#34423E;
    background:#ffffff;
}
.status-processing,
.status-pending{
    color:#1769E0;
    background:#ffffff;
}
.status-rejected{
    color:#1769E0;
    background:#ffffff;
}
.withdrawal-status-form{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    margin:0;
    white-space:nowrap;
}
.withdrawal-status-select{
    height:32px;
    min-width:100px;
    padding:4px 8px;
    border:1px solid #d9d5e3;
    border-radius:7px;
    background: #ffffff;
    color:#34423E;
    font-size:12px;
    font-weight:600;
    outline:none;
}
.withdrawal-status-select:focus,
.withdrawal-note:focus{
    border-color:rgba(127,0,255,.26);
}
.withdrawal-note{
    width:145px;
    height:32px;
    padding:4px 8px;
    border:1px solid #d9d5e3;
    border-radius:7px;
    background: #ffffff;
    color:#34423E;
    font-size:12px;
    outline:none;
}
.withdrawal-status-save{
    height:32px;
    padding:0 10px;
    border:0;
    border-radius:7px;
    background:#ffffff;
    color:#1769E0;
    font-size:12px;
    font-weight:700;
    cursor:pointer;
}
.withdrawal-status-save:hover{
    background:rgba(127,0,255,.11);
}
.date-time-sub{
    display:inline-block;
    margin-top:2px;
    color:#777;
    font-size:11px;
}
.withdrawal-flash{
    margin-bottom:14px;
    opacity:1;
    max-height:100px;
    overflow:hidden;
    transition:opacity .7s ease,max-height .7s ease,margin-bottom .7s ease,padding-top .7s ease,padding-bottom .7s ease;
}

/* Touch swipe table — no visible scrollbar */
.table-scroll{
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    -ms-overflow-style:none;
    touch-action:pan-x;
    overscroll-behavior-x:contain;
}
.table-scroll::-webkit-scrollbar{
    width:0;
    height:0;
    display:none;
}
.table-scroll table{
    min-width:max-content;
}
@media (max-width:700px){
    html,body{
        max-width:100%;
        overflow-x:hidden;
    }
    .table-scroll{
        width:100%;
        overflow-x:auto;
        scrollbar-width:none;
        -ms-overflow-style:none;
        -webkit-overflow-scrolling:touch;
    }
    .table-scroll::-webkit-scrollbar{
        display:none;
        width:0;
        height:0;
    }
    .withdrawals-summary{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .withdrawals-summary>div{
        min-width:0;
    }
    .withdrawal-status-form{
        justify-content:flex-start;
    }
}


/* ===== Consolidated page CSS: admin/withdrawals.php / block 2 ===== */

.withdrawals-table{width:100%;min-width:1280px;table-layout:auto}
.withdrawals-table th{min-width:110px;padding:14px 16px;line-height:1.25;white-space:nowrap;font-size:11px;letter-spacing:.075em}
.withdrawals-table th:first-child{min-width:62px;width:62px}.withdrawals-table th:nth-child(2){min-width:125px}.withdrawals-table th:nth-child(3){min-width:210px}.withdrawals-table th:nth-child(4){min-width:120px}.withdrawals-table th:nth-child(5){min-width:125px}.withdrawals-table th:nth-child(6){min-width:120px}.withdrawals-table th:nth-child(7){min-width:250px}.withdrawals-table th:nth-child(8){min-width:135px}.withdrawals-table th:nth-child(9){min-width:135px}
.dh-empty-below-table{width:100%;margin-top:10px}
@media(max-width:700px){.withdrawals-table{min-width:1280px}.withdrawals-table th{padding:13px 14px;font-size:10px}.dh-empty-below-table{margin-top:8px}}


/* ===== Consolidated page CSS: admin/withdrawals.php / block 3 ===== */

.hero,.ap-hero,.req-hero,.dh-page-hero,.dh-lb-heading,.lb2-header,.community-header,.settings-hero{background:#ffffff;border:1px solid rgba(127,0,255,.34);color:#34423E;box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.hero .eyebrow,.ap-eyebrow,.req-hero .eyebrow,.dh-lb-eyebrow,.lb2-eyebrow,.community-header-badge{color:#1769E0;}
.hero h1,.ap-hero h1,.req-hero h1,.dh-lb-heading h1,.lb2-header h1,.community-header h1,.settings-hero h1{color:#34423E;}
.hero>p:not(.eyebrow),.ap-hero>p:not(.ap-eyebrow),.req-hero>p:not(.eyebrow),.dh-lb-heading>p:not(.dh-lb-eyebrow),.lb2-header>p:not(.lb2-eyebrow),.community-header>p,.settings-hero>p:not(.eyebrow){color:#34423E;}


/* ===== Consolidated page CSS: includes/no_data_message.php / block 1 ===== */

/* DigitalHub Universal Empty State V4 — KYC-inspired, compact, centered, no-scroll */
.dh-empty-message{
    --dh-empty-accent:#5F97E6;
    --dh-empty-accent-strong:#6ee7b7;
    position:relative;width:100%;min-height:152px;margin:0;padding:18px 16px;box-sizing:border-box;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
    text-align:center;isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.075);
    border-radius:14px;background:#fff;
    box-shadow:none;
}
.dh-empty-message::before{content:"";position:absolute;z-index:-1;inset:0;background:#fff;pointer-events:none}
.dh-empty-message::after{content:"";position:absolute;left:18%;right:18%;top:0;height:1px;background:#fff;pointer-events:none}
.dh-empty-message-icon{
    width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;
    border-radius:50%;color:#5F97E6;background:rgba(52,211,128,.10);
    border:1px solid rgba(23,105,224,.30);font-size:18px;font-weight:900;
    box-shadow:none;}
.dh-empty-message-icon svg{width:42%;height:42%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dh-empty-message-copy{display:grid;gap:3px;width:100%;max-width:460px;margin:0 auto;box-sizing:border-box}
.dh-empty-message-copy strong{font-family:"Space Grotesk","DM Sans",sans-serif;font-size:15px;line-height:1.25;color:#e8edf3;font-weight:700;letter-spacing:-.012em}
.dh-empty-message-copy span{font-size:10.5px;line-height:1.45;color:#98a4b2;font-weight:500;overflow-wrap:anywhere}
.dh-empty-message-action{position:relative;margin-top:2px;text-decoration:none;min-height:30px;padding:6px 11px;font-size:10.5px;border-radius:8px}
/* Historical variants intentionally resolve to the same compact KYC-inspired footprint. */
.dh-empty-message--hero,.dh-empty-message--compact{min-height:152px;padding:18px 16px;border-radius:14px;gap:8px}
.dh-empty-message--hero .dh-empty-message-icon,.dh-empty-message--compact .dh-empty-message-icon{width:44px;height:44px;border-radius:50%}
.dh-empty-message--hero .dh-empty-message-copy strong,.dh-empty-message--compact .dh-empty-message-copy strong{font-size:15px}
.dh-empty-message--hero .dh-empty-message-copy span,.dh-empty-message--compact .dh-empty-message-copy span{font-size:10.5px;max-width:460px}
.table .dh-empty-message-cell,.dh-empty-message-cell{padding:0;border:0;background:transparent;vertical-align:middle}
.table td:has(> .dh-empty-message){padding:0;border:0}
/* Empty-only table wrappers must never force a horizontal swipe just to see the message. */
.dh-table-empty-scroll,.dh-table-filter-empty-scroll{overflow-x:hidden;overflow-y:visible;width:100%;max-width:100%}
.dh-table-empty-scroll > table,.dh-table-filter-empty-scroll > table{width:100%;min-width:0;max-width:100%;table-layout:fixed}
.dh-table-empty-scroll th,.dh-table-empty-scroll td,.dh-table-filter-empty-scroll th,.dh-table-filter-empty-scroll td{white-space:normal;word-break:break-word}
@media(max-width:640px){
    .dh-empty-message{min-height:138px;padding:16px 12px;border-radius:13px;gap:7px}
    .dh-empty-message-icon{width:40px;height:40px;font-size:16px}
    .dh-empty-message-copy{max-width:94%}
    .dh-empty-message-copy strong{font-size:14px}
    .dh-empty-message-copy span{font-size:10px;line-height:1.4}
    .dh-empty-message-action{max-width:220px;min-height:29px;font-size:10px}
    .dh-empty-message--hero,.dh-empty-message--compact{min-height:138px;padding:16px 12px}
    .dh-empty-message--hero .dh-empty-message-icon,.dh-empty-message--compact .dh-empty-message-icon{width:40px;height:40px}
    .dh-empty-message--hero .dh-empty-message-copy strong,.dh-empty-message--compact .dh-empty-message-copy strong{font-size:14px}
}
@media(max-width:380px){
    .dh-empty-message{min-height:126px;padding:14px 10px}
    .dh-empty-message-icon{width:36px;height:36px;font-size:14px}
    .dh-empty-message-copy strong{font-size:13px}
    .dh-empty-message-copy span{font-size:9.5px}
    .dh-empty-message-action{font-size:9.5px;min-height:28px}
}
@media(prefers-reduced-motion:reduce){.dh-empty-message::before{display:none}}


/* ===== Consolidated page CSS: user/affiliate_links.php / block 1 ===== */

.affiliate-code-row,.affiliate-link-row{display:flex;gap:9px;align-items:center}.affiliate-code-row .input,.affiliate-link-row .input{flex:1;min-width:0}.affiliate-list{display:grid;gap:12px}.affiliate-card{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(300px,1.4fr);gap:18px;padding:16px;border:1px solid #eaecf0;border-radius:16px;background: #ffffff}.affiliate-card:hover{border-color:rgba(255,255,255,.085);box-shadow:none;}.affiliate-category{color:#1769E0;font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.affiliate-card h3{margin:5px 0;color:#34423E;font-size:15px}.affiliate-card p{margin:0 0 9px;color:#1769E0;font-size:11px}.affiliate-meta{display:flex;gap:9px;align-items:center}.affiliate-meta strong{color:#34423E;font-size:13px}.affiliate-meta span{padding:4px 7px;border:1px solid #34254f;border-radius:7px;background:#ffffff;color:#1769E0;font-size:9px;font-weight:750}.view-details-btn{margin-top:11px;padding:7px 10px;border:1px solid #3a454d;border-radius:8px;background: #ffffff;color:#34423E;font-size:10px;font-weight:750;cursor:pointer;transition:.18s}.view-details-btn:hover{background:#ffffff;border-color:rgba(127,0,255,.26)}.details-chevron{display:inline-block;margin-left:4px;transition:transform .18s}.view-details-btn[aria-expanded="true"] .details-chevron{transform:rotate(180deg)}.product-details{display:none;margin-top:9px;padding:9px 10px;border:1px solid #eaecf0;border-radius:9px;background:#ffffff}.product-details.is-open{display:block}.details-label{display:block;margin-bottom:3px;color:#1769E0;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.product-details strong{color:#34423E;font-size:11px}.affiliate-link label{display:block;margin-bottom:7px;color:#34423E;font-size:10px;font-weight:750}.affiliate-link .input{font-size:11px}.referral-link-masked{letter-spacing:.14em;color:#1769E0;font-weight:700;cursor:default}.copy-status{display:block;min-height:15px;margin-top:5px;color:#5F97E6;font-size:9px;font-weight:700}.affiliate-empty{padding:35px;text-align:center;border:1px dashed #34254f;border-radius:14px;background:#ffffff;color:#1769E0}.affiliate-empty strong{display:block;color:#34423E}@media(max-width:800px){.affiliate-card{grid-template-columns:1fr}}@media(max-width:560px){.affiliate-code-row,.affiliate-link-row{flex-direction:column;align-items:stretch}.affiliate-code-row .btn,.affiliate-link-row .btn{width:100%}}

.commission-panel{margin-bottom:16px}
.commission-table-wrap{width:100%;overflow-x:auto}
.commission-table{width:100%;border-collapse:separate;border-spacing:0;min-width:650px}
.commission-table th{
    padding:11px 12px;text-align:left;background:#ffffff;
    border-top:1px solid #eaecf0;border-bottom:1px solid #eaecf0;
    color:#1769E0;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em
}
.commission-table th:first-child{border-left:1px solid #eaecf0;border-radius:10px 0 0 0}
.commission-table th:last-child{border-right:1px solid #eaecf0;border-radius:0 10px 0 0}
.commission-table td{
    padding:13px 12px;border-bottom:1px solid #eaecf0;
    color:#34423E;font-size:12px;vertical-align:middle
}
.commission-table td:first-child{border-left:1px solid #eaecf0}
.commission-table td:last-child{border-right:1px solid #eaecf0}
.commission-table tbody tr:last-child td:first-child{border-radius:0 0 0 10px}
.commission-table tbody tr:last-child td:last-child{border-radius:0 0 10px 0}
.commission-table tbody tr:hover td{background:#ffffff}
.commission-table td strong{display:block;color:#34423E;font-size:12px}
.commission-table td small{display:block;margin-top:3px;color:#1769E0;font-size:9px}
.commission-badge{
    display:inline-flex;padding:4px 8px;border:1px solid #34254f;
    border-radius:999px;background:#ffffff;color:#1769E0;font-size:10px;font-weight:800
}
.commission-amount{color:#1769E0;font-size:13px}



/* ===== Consolidated page CSS: user/affiliate_links.php / block 2 ===== */

.hero,.ap-hero,.req-hero,.dh-page-hero,.dh-lb-heading,.lb2-header,.community-header,.settings-hero{background:#ffffff;border:1px solid rgba(127,0,255,.34);color:#34423E;box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.hero .eyebrow,.ap-eyebrow,.req-hero .eyebrow,.dh-lb-eyebrow,.lb2-eyebrow,.community-header-badge{color:#1769E0;}
.hero h1,.ap-hero h1,.req-hero h1,.dh-lb-heading h1,.lb2-header h1,.community-header h1,.settings-hero h1{color:#34423E;}
.hero>p:not(.eyebrow),.ap-hero>p:not(.ap-eyebrow),.req-hero>p:not(.eyebrow),.dh-lb-heading>p:not(.dh-lb-eyebrow),.lb2-header>p:not(.lb2-eyebrow),.community-header>p,.settings-hero>p:not(.eyebrow){color:#34423E;}


/* ===== Consolidated page CSS: user/affiliate_links.php / block 3 ===== */

body .affiliate-link .copy-status{
    color:#5F97E6 ;
    font-weight:700;
    text-shadow:0 0 14px rgba(23,105,224,.10);
}


/* ===== Consolidated page CSS: user/community.php / block 1 ===== */

/* ================================
   COMMUNITY PAGE — FRESH UI/UX
   Font Awesome Free icons via jsDelivr
   ================================ */

.community-page{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    padding:0 18px 32px;
}

.community-header{
    max-width:900px;
    margin:0 auto 22px;
    text-align:center;
}

.community-header-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:7px 13px;
    border-radius:999px;
    background:#ffffff;
    color:#1769E0;
    font-size:11px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
    margin-bottom:10px;
}

.community-header h1{
    margin:0;
    font-size:30px;
    line-height:1.15;
    font-weight:800;
    letter-spacing:-.02em;
}

.community-header p{
    margin:9px auto 0;
    max-width:560px;
    color:#34423E;
    font-size:13px;
    line-height:1.6;
}

.community-grid{
    width:100%;
    max-width:900px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}

.community-item{
    min-width:0;
}

.community-link{
    width:100%;
    min-height:145px;
    box-sizing:border-box;
    padding:22px 12px 18px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:13px;
    border:1px solid #27213a;
    border-radius:20px;
    background: #ffffff;
    color:#34423E;
    text-decoration:none;
    box-shadow:none;
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

.community-link:hover{
    transform:translateY(-4px);
    border-color:rgba(255,255,255,.085);
    box-shadow:none;
}

.community-link:active{
    transform:scale(.98);
}

.community-icon-box{
    width:82px;
    height:82px;
    flex:0 0 82px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    border-radius:22px;
    margin:0;
    padding:0;
    line-height:1;
    overflow:hidden;
}

.community-icon-box i{
    display:block;
    width:46px;
    height:46px;
    flex:0 0 46px;
    margin:0;
    padding:0;
    line-height:46px;
    text-align:center;
    font-size:46px;
    font-style:normal;
    transform:none;
}

.community-icon-box svg{
    display:block;
    width:42px;
    height:42px;
    min-width:42px;
    min-height:42px;
    max-width:42px;
    max-height:42px;
    flex:0 0 42px;
    margin:0 auto;
    padding:0;
    transform:none;
    overflow:hidden;
    aspect-ratio:1 / 1;
    object-fit:contain;
}

.community-name{
    display:block;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12px;
    line-height:1.25;
    font-weight:750;
    color:#34423E;
}

.community-empty{
    grid-column:1/-1;
    padding:40px 20px;
    text-align:center;
    border:1px dashed #39434e;
    border-radius:20px;
    color:#34423E;
    font-size:13px;
    background: #ffffff;
}


.community-whatsapp .community-icon-box i{color:#1769E0}
.community-phone .community-icon-box i{color:#1769E0}
.community-facebook .community-icon-box i{color:#1769E0}
.community-instagram .community-icon-box i{
    background:#ffffff;

    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}
.community-telegram .community-icon-box i{color:#1769E0}
.community-youtube .community-icon-box i{color:#FF0000}

/* Brand icon containers */
.community-whatsapp .community-icon-box{background:#ffffff}
.community-phone .community-icon-box{background:#ffffff}
.community-facebook .community-icon-box{background:#ffffff}
.community-instagram .community-icon-box{background:#ffffff}
.community-telegram .community-icon-box{background:#ffffff}
.community-youtube .community-icon-box{background:#ffffff}

/* Mobile */
@media(max-width:760px){
    .community-page{
        padding:0 12px 28px;
    }

    .community-header{
        margin-bottom:17px;
    }

    .community-header h1{
        font-size:26px;
    }

    .community-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:11px;
    }

    .community-link{
        min-height:125px;
        padding:16px 8px 14px;
        border-radius:16px;
        gap:9px;
    }

    .community-icon-box{
        width:54px;
        height:54px;
        flex-basis:54px;
        border-radius:15px;
    }

    .community-name{
        font-size:11px;
    }
}

@media(max-width:430px){
    .community-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:11px;
    }

    .community-link{
        min-height:132px;
    }
}


/* ===== Consolidated page CSS: user/community.php / block 2 ===== */

/* =========================================================
   COMMUNITY — PREMIUM DARK UI V36
   Polished social hub with semantic accents.
   No gradients.
   ========================================================= */
html body .community-page{
    max-width:1180px ;
    margin:0 auto ;
    padding:28px 22px 52px ;
    box-sizing:border-box;
}

/* Hero: editorial / SaaS dashboard feel */
html body .community-page .community-header{
    position:relative ;
    max-width:none ;
    margin:0 0 22px ;
    padding:28px 30px 27px ;
    text-align:left ;
    border:1px solid rgba(139,92,246,.28) ;
    border-radius:18px ;
    background:#ffffff ;
    box-shadow:none;
}
html body .community-page .community-header::after{
    content:"";
    position:absolute;
    top:22px;
    right:24px;
    width:82px;
    height:82px;
    border:1px solid rgba(23,105,224,.20);
    border-radius:50%;
    box-shadow:none;
    pointer-events:none;
}
html body .community-page .community-header-badge{
    display:inline-flex ;
    width:max-content;
    margin:0 0 11px ;
    padding:6px 11px ;
    border:1px solid rgba(23,105,224,.30) ;
    border-radius:999px ;
    background:#0e211c ;
    color:#69A1FF ;
    font-size:9px ;
    letter-spacing:.15em ;
}
html body .community-page .community-header h1{
    margin:0 ;
    color:#f4f7f6 ;
    font-size:31px ;
    font-weight:850 ;
    letter-spacing:-.035em ;
}
html body .community-page .community-header p{
    margin:9px 0 0 ;
    max-width:610px ;
    color:#87929d ;
    font-size:12px ;
    line-height:1.65 ;
}

/* Community grid */
html body .community-page .community-grid{
    max-width:none ;
    display:grid ;
    grid-template-columns:repeat(3,minmax(0,1fr)) ;
    gap:14px ;
    align-items:stretch;
}
html body .community-page .community-item{
    min-width:0;
}

/* Card */
html body .community-page .community-link{
    position:relative ;
    min-height:168px ;
    padding:20px 20px 18px ;
    align-items:flex-start ;
    justify-content:flex-start ;
    text-align:left ;
    gap:13px ;
    border:1px solid rgba(255,255,255,.075) ;
    border-radius:16px ;
    background:#ffffff ;
    box-shadow:none;
    overflow:hidden ;
}
html body .community-page .community-link::after{
    content:"↗";
    position:absolute;
    top:17px;
    right:18px;
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.08);
    border-radius:8px;
    background:#151c24;
    color:#89939e;
    font-size:13px;
    transition:all .18s ease;
}
html body .community-page .community-link:hover{
    transform:translateY(-3px) ;
    border-color:rgba(255,255,255,.13) ;
    box-shadow:none;
}
html body .community-page .community-link:hover::after{
    background:#1d2530;
    color:#e9eeec;
}
html body .community-page .community-link:active{
    transform:translateY(-1px) ;
}

/* Icon tile */
html body .community-page .community-icon-box{
    width:52px ;
    height:52px ;
    flex:0 0 52px ;
    border-radius:14px ;
    background:#171e27 ;
    border:1px solid rgba(255,255,255,.07);
    box-shadow:none;
}
html body .community-page .community-icon-box i{
    width:25px ;
    height:25px ;
    flex-basis:25px ;
    line-height:25px ;
    font-size:25px ;
}
html body .community-page .community-name{
    display:block ;
    width:calc(100% - 34px) ;
    margin-top:1px ;
    overflow:visible ;
    text-overflow:clip ;
    white-space:normal ;
    color:#eef2f1 ;
    font-size:14px ;
    line-height:1.35 ;
    font-weight:800 ;
}
html body .community-page .community-link::before{
    content:"Connect with us";
    display:block;
    position:absolute;
    left:20px;
    right:18px;
    bottom:17px;
    color:#717d88;
    font-size:10px;
    font-weight:600;
}

/* Semantic channel accents */
html body .community-page .community-whatsapp .community-icon-box{
    background:#0d2b25 ;
    border-color:rgba(23,105,224,.24) ;
}
html body .community-page .community-whatsapp .community-icon-box i{color:#5ee7ad }
html body .community-page .community-whatsapp:hover{border-color:rgba(23,105,224,.34) }

html body .community-page .community-phone .community-icon-box{
    background:#0b2830 ;
    border-color:rgba(34,211,238,.22) ;
}
html body .community-page .community-phone .community-icon-box i{color:#67e8f9 }
html body .community-page .community-phone:hover{border-color:rgba(34,211,238,.32) }

html body .community-page .community-facebook .community-icon-box{
    background:#211a3b ;
    border-color:rgba(167,139,250,.23) ;
}
html body .community-page .community-facebook .community-icon-box i{color:#1769E0 }
html body .community-page .community-facebook:hover{border-color:rgba(167,139,250,.34) }

html body .community-page .community-instagram .community-icon-box{
    background:#2f1727 ;
    border-color:rgba(244,114,182,.22) ;
}
html body .community-page .community-instagram .community-icon-box i{
    color:#f9a8d4 ;
    -webkit-text-fill-color:#f9a8d4 ;
    background:none ;
}
html body .community-page .community-instagram:hover{border-color:rgba(244,114,182,.34) }

html body .community-page .community-telegram .community-icon-box{
    background:#241837 ;
    border-color:rgba(192,132,252,.22) ;
}
html body .community-page .community-telegram .community-icon-box i{color:#C8B9EA }
html body .community-page .community-telegram:hover{border-color:rgba(192,132,252,.34) }

html body .community-page .community-youtube .community-icon-box{
    background:#30171a ;
    border-color:rgba(248,113,113,.22) ;
}
html body .community-page .community-youtube .community-icon-box i{color:#f87171 }
html body .community-page .community-youtube:hover{border-color:rgba(248,113,113,.34) }

/* Empty state */
html body .community-page .community-empty{
    min-height:160px;
    display:grid;
    place-items:center;
    align-content:center;
    gap:8px;
    padding:30px ;
    border:1px dashed rgba(139,92,246,.25) ;
    border-radius:16px ;
    background:#ffffff ;
    color:#7f8994 ;
}

/* Responsive */
@media(max-width:900px){
    html body .community-page .community-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) ;
    }
}
@media(max-width:620px){
    html body .community-page{
        padding:20px 13px 35px ;
    }
    html body .community-page .community-header{
        padding:23px 20px ;
        border-radius:16px ;
    }
    html body .community-page .community-header::after{
        display:none;
    }
    html body .community-page .community-header h1{
        font-size:26px ;
    }
    html body .community-page .community-grid{
        grid-template-columns:1fr 1fr ;
        gap:10px ;
    }
    html body .community-page .community-link{
        min-height:154px ;
        padding:16px ;
    }
    html body .community-page .community-icon-box{
        width:46px ;
        height:46px ;
        flex-basis:46px ;
        border-radius:12px ;
    }
    html body .community-page .community-icon-box i{
        width:22px ;
        height:22px ;
        flex-basis:22px ;
        line-height:22px ;
        font-size:22px ;
    }
    html body .community-page .community-name{
        font-size:12px ;
        width:100% ;
    }
    html body .community-page .community-link::before{
        left:16px;
        bottom:15px;
        font-size:9px;
    }
}
@media(max-width:390px){
    html body .community-page .community-grid{
        grid-template-columns:1fr ;
    }
}


/* ===== Consolidated page CSS: user/community.php / block 3 ===== */

/* Community content stays below the fixed sidebar layer. */
html body .community-page{
    position:relative ;
    z-index:1 ;
}
html body .community-page .community-header,
html body .community-page .community-grid,
html body .community-page .community-link{
    z-index:auto ;
}


/* ===== Consolidated page CSS: user/community.php / block 4 ===== */

/* COMMUNITY SIDEBAR OFFSET V38
   The user sidebar is wider than the legacy layout offset on desktop.
   Reserve the extra horizontal space so no community content sits underneath it. */
@media(min-width:901px){
    html body .community-page{
        width:calc(100% - 50px);
        max-width:1180px;
        margin-left:50px;
        margin-right:0;
        box-sizing:border-box;
    }
}
@media(max-width:900px){
    html body .community-page{
        width:100%;
        margin-left:0;
        margin-right:0;
    }
}


/* ===== Consolidated page CSS: user/community.php / block 5 ===== */

/* Exact desktop layout: the main itself owns the sidebar offset.
   Community content must never use its own centering margin that can
   pull the grid underneath the fixed sidebar. */
@media(min-width:901px){
    html body .uh-sidebar ~ main.community-page{
        width:calc(100% - var(--uh-sidebar)) ;
        max-width:none ;
        margin-left:var(--uh-sidebar) ;
        margin-right:0 ;
        padding-left:30px ;
        padding-right:30px ;
        box-sizing:border-box ;
    }
}
@media(max-width:900px){
    html body .uh-sidebar ~ main.community-page{
        width:100% ;
        max-width:none ;
        margin-left:0 ;
        margin-right:0 ;
    }
}


/* ===== Consolidated page CSS: user/community.php / block 6 ===== */

.hero,.ap-hero,.req-hero,.dh-page-hero,.dh-lb-heading,.lb2-header,.community-header,.settings-hero{background:#ffffff;border:1px solid rgba(127,0,255,.34);color:#34423E;box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.hero .eyebrow,.ap-eyebrow,.req-hero .eyebrow,.dh-lb-eyebrow,.lb2-eyebrow,.community-header-badge{color:#1769E0;}
.hero h1,.ap-hero h1,.req-hero h1,.dh-lb-heading h1,.lb2-header h1,.community-header h1,.settings-hero h1{color:#34423E;}
.hero>p:not(.eyebrow),.ap-hero>p:not(.ap-eyebrow),.req-hero>p:not(.eyebrow),.dh-lb-heading>p:not(.dh-lb-eyebrow),.lb2-header>p:not(.lb2-eyebrow),.community-header>p,.settings-hero>p:not(.eyebrow){color:#34423E;}


/* ===== Consolidated page CSS: user/dashboard.php / block 1 ===== */

.dashboard-insight-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin:16px 0 20px;
}
.earning-style-card{
    --accent:#7154df;
    position:relative;
    min-width:0;
    min-height:155px;
    overflow:hidden;
    padding:16px 17px 14px;
    border:1px solid rgba(37,31,54,.08);
    border-radius:20px;
    background: #ffffff;
    box-shadow:none;
    transition:transform .2s ease,box-shadow .2s ease;
}
.earning-style-card:hover{
    transform:translateY(-3px);
    box-shadow:none;
}
.earning-style-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:4px;
    background:var(--accent);
}
.earning-glow{
    position:absolute;
    width:105px;
    height:105px;
    right:-42px;
    top:-42px;
    border-radius:50%;
    background:var(--accent);
    opacity:.08;
}
.earning-glow::after{
    content:"";
    position:absolute;
    inset:18px;
    border:1px solid var(--accent);
    border-radius:50%;
    opacity:.35;
}
.earning-card-head{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}
.earning-period{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
}
.earning-mini-icon{
    width:36px;
    height:36px;
    flex:0 0 36px;
    display:grid;
    place-items:center;
    border-radius:11px;
    color:var(--accent);
    background:#ffffff;
    font-size:18px;
    font-weight:900;
}
.earning-period-label{
    display:block;
    color:#34423E;
    font-size:13px;
    font-weight:900;
}
.earning-period-caption{
    display:block;
    margin-top:2px;
    color:#8a8491;
    font-size:9px;
    white-space:nowrap;
}
.earning-menu-dot{
    color:#aaa4b1;
    font-size:11px;
    letter-spacing:2px;
}
.earning-main{
    position:relative;
    z-index:1;
    display:flex;
    align-items:baseline;
    gap:2px;
    margin-top:18px;
}
.earning-currency{
    color:var(--accent);
    font-size:17px;
    font-weight:900;
}
.earning-main strong{
    color:#34423E;
    font-size:24px;
    line-height:1;
    letter-spacing:-.04em;
    overflow:hidden;
    text-overflow:ellipsis;
}
.earning-card-footer{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    gap:6px;
    margin-top:13px;
    color:#7d7685;
    font-size:9px;
}
.earning-live-dot{
    width:6px;
    height:6px;
    flex:0 0 6px;
    border-radius:50%;
    background:var(--accent);
    box-shadow:none;
}
.earning-progress{
    position:absolute;
    left:17px;
    right:17px;
    bottom:10px;
    height:3px;
    overflow:hidden;
    border-radius:99px;
    background:#ffffff;
}
.earning-progress span{
    display:block;
    width:68%;
    height:100%;
    border-radius:99px;
    background:var(--accent);
    opacity:.72;
}
.earning-today{--accent:#159a69;background:#ffffff}
.earning-week{--accent:#1769E0;background:#ffffff}
.earning-month{--accent:#1769E0;background:#ffffff}
.earning-all{--accent:#1769E0;background:#ffffff}

@supports not (color:color-mix(in srgb,red 10%,white)){
    .earning-mini-icon{background:#ffffff}
    .earning-live-dot{box-shadow:none;}
}

@media(max-width:1050px){
    .dashboard-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
    .dashboard-insight-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}
    .earning-style-card{min-height:142px;padding:14px 13px 12px;border-radius:17px}
    .earning-mini-icon{width:32px;height:32px;flex-basis:32px}
    .earning-period-label{font-size:12px}
    .earning-period-caption{font-size:8px}
    .earning-main{margin-top:15px}
    .earning-main strong{font-size:19px}
    .earning-currency{font-size:14px}
    .earning-card-footer{font-size:8px}
    .earning-progress{left:13px;right:13px}
}


/* ===== Consolidated page CSS: user/dashboard.php / block 2 ===== */

.hero,.ap-hero,.req-hero,.dh-page-hero,.dh-lb-heading,.lb2-header,.community-header,.settings-hero{background:#ffffff;border:1px solid rgba(127,0,255,.34);color:#34423E;box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.hero .eyebrow,.ap-eyebrow,.req-hero .eyebrow,.dh-lb-eyebrow,.lb2-eyebrow,.community-header-badge{color:#1769E0;}
.hero h1,.ap-hero h1,.req-hero h1,.dh-lb-heading h1,.lb2-header h1,.community-header h1,.settings-hero h1{color:#34423E;}
.hero>p:not(.eyebrow),.ap-hero>p:not(.ap-eyebrow),.req-hero>p:not(.eyebrow),.dh-lb-heading>p:not(.dh-lb-eyebrow),.lb2-header>p:not(.lb2-eyebrow),.community-header>p,.settings-hero>p:not(.eyebrow){color:#34423E;}


/* ===== Consolidated page CSS: user/dashboard.php / block 3 ===== */

/* DASHBOARD SPACING — V40 */
html body main.container > .hero + .panel .section-head{
    margin-bottom:14px ;
}
html body main.container > .hero + .panel .copy{
    margin-top:2px ;
}
html body main.container > .panel + .panel .section-head{
    margin-bottom:14px ;
}
html body main.container > .panel + .panel .table-scroll{
    margin-top:0 ;
}
@media(max-width:700px){
    html body main.container > .hero + .panel .section-head{
        margin-bottom:12px ;
    }
    html body main.container > .panel + .panel .section-head{
        margin-bottom:12px ;
    }
}


/* ===== Consolidated page CSS: user/downline.php / block 1 ===== */

.joined-time{
    display:inline-block;
    margin-top:3px;
    font-size:.9em;
    opacity:.78;
    white-space:nowrap;
}


/* ===== Consolidated page CSS: user/downline.php / block 2 ===== */

.hero,.ap-hero,.req-hero,.dh-page-hero,.dh-lb-heading,.lb2-header,.community-header,.settings-hero{background:#ffffff;border:1px solid rgba(127,0,255,.34);color:#34423E;box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.hero .eyebrow,.ap-eyebrow,.req-hero .eyebrow,.dh-lb-eyebrow,.lb2-eyebrow,.community-header-badge{color:#1769E0;}
.hero h1,.ap-hero h1,.req-hero h1,.dh-lb-heading h1,.lb2-header h1,.community-header h1,.settings-hero h1{color:#34423E;}
.hero>p:not(.eyebrow),.ap-hero>p:not(.ap-eyebrow),.req-hero>p:not(.eyebrow),.dh-lb-heading>p:not(.dh-lb-eyebrow),.lb2-header>p:not(.lb2-eyebrow),.community-header>p,.settings-hero>p:not(.eyebrow){color:#34423E;}


/* ===== Consolidated page CSS: user/downline.php / block 3 ===== */

/* Downline semantic status + comfortable badge spacing */
body main.container .table .badge{
    display:inline-flex ;
    align-items:center ;
    justify-content:center ;
    min-width:58px;
    padding:5px 12px ;
    margin-inline:4px ;
    border:1px solid rgba(23,105,224,.34) ;
    border-radius:8px ;
    background:#0d2b25 ;
    color:#5ee7ad ;
    font-size:10px ;
    font-weight:800 ;
    line-height:1.2 ;
    text-transform:capitalize;
    box-sizing:border-box;
}
body main.container .table .badge:not([class*="active"]){
    color:#b7c0c6 ;
}
body main.container .section-head .pill{
    display:inline-flex ;
    align-items:center ;
    justify-content:center ;
    min-height:28px ;
    padding:5px 12px ;
    margin-left:8px ;
    border:1px solid rgba(139,92,246,.34) ;
    border-radius:9px ;
    background:#171426 ;
    color:#1769E0 ;
    font-size:10px ;
    font-weight:750 ;
    line-height:1.2 ;
    box-sizing:border-box;
}
body main.container .section-head{
    gap:12px ;
}
@media(max-width:700px){
    body main.container .section-head .pill{
        padding:5px 10px ;
        margin-left:4px ;
    }
    body main.container .table .badge{
        padding:5px 10px ;
        margin-inline:2px ;
    }
}


/* ===== Consolidated page CSS: user/kyc.php / block 1 ===== */

.kyc-box{padding:14px 16px;border-radius:14px;margin-bottom:18px;background:#ffffff;border:1px solid #e8eaf1}.kyc-reject{background:#ffffff;border-color:rgba(255,255,255,.085);color:#1769E0}.kyc-pending{background:#ffffff;border-color:#f1d18a;color:#1769E0}.kyc-ok{background:#ffffff;border-color:rgba(127,0,255,.26);color:#34423E}.kyc-modal{position:fixed;inset:0;background:rgba(18,20,38,.58);display:none;align-items:center;justify-content:center;padding:18px;z-index:9999}.kyc-modal.open{display:flex}.kyc-modal-card{width:min(520px,100%);background: #ffffff;border-radius:20px;padding:24px}.kyc-modal textarea{width:100%;min-height:120px}.kyc-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}


/* ===== Consolidated page CSS: user/kyc.php / block 2 ===== */

/* KYC: wider desktop form container only */
main.container > .panel.form{
    width:100%;
    max-width:1120px;
    margin-left:auto;
    margin-right:auto;
    box-sizing:border-box;
}
@media (min-width:1100px){
    main.container > .panel.form{
        width:100%;
        max-width:1180px;
    }
}
@media (max-width:700px){
    main.container > .panel.form{
        width:100%;
        max-width:none;
    }
}


/* ===== Consolidated page CSS: user/kyc.php / block 3 ===== */

/* =========================================================
   KYC MESSAGE UX — V24
   Three related states get deliberate spacing and hierarchy.
   No gradients.
   ========================================================= */
main.container .kyc-message-stack{
    display:flex;
    flex-direction:column;
    gap:16px;
    margin:0 0 26px;
}
main.container .kyc-message-stack .kyc-box{
    margin:0 ;
    width:100%;
    box-sizing:border-box;
}
main.container .kyc-message-stack .kyc-box.kyc-pending,
main.container .kyc-message-stack .kyc-box.kyc-reject,
main.container .kyc-message-stack .kyc-box.kyc-ok{
    min-height:70px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:16px 18px ;
    border-radius:15px ;
}
main.container .kyc-message-stack .kyc-box strong{
    font-size:14px ;
    line-height:1.35;
}
main.container .kyc-message-stack .kyc-box > div{
    margin-top:7px ;
    line-height:1.55;
}
main.container .kyc-message-stack > .btn{
    align-self:flex-start;
    margin:0 ;
    min-height:45px;
    padding:0 20px ;
    border-radius:10px ;
}
main.container .kyc-message-stack .kyc-box:not(.kyc-pending):not(.kyc-reject):not(.kyc-ok){
    min-height:74px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:17px 18px ;
    border-radius:15px ;
}
main.container .kyc-message-stack .kyc-box:not(.kyc-pending):not(.kyc-reject):not(.kyc-ok) strong{
    font-size:15px ;
}
@media(max-width:700px){
    main.container .kyc-message-stack{
        gap:13px;
        margin-bottom:22px;
    }
    main.container .kyc-message-stack > .btn{
        width:100%;
        justify-content:center;
    }
}


/* ===== Consolidated page CSS: user/kyc.php / block 4 ===== */

body .kyc-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(3,7,12,.78);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
body .kyc-modal.open{display:flex}
body .kyc-modal-card{position:relative;width:min(560px,100%);padding:28px;border:1px solid rgba(139,92,246,.42);border-radius:18px;background:#0f151d;color:#edf2f1;box-shadow:none;}
body .kyc-modal-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;border-radius:18px 18px 0 0;background:#1769E0}
body .kyc-modal-card h2{margin:0;color:#f5f7f6;font-size:24px;line-height:1.15;letter-spacing:-.03em}
body .kyc-modal-card p{margin:10px 0 18px;color:#9da7b2;font-size:13px;line-height:1.55}
body .kyc-modal-card textarea.input{display:block;width:100%;min-height:150px;box-sizing:border-box;resize:vertical;padding:14px 15px;border:1px solid rgba(255,255,255,.105);border-radius:13px;outline:none;background:#FFFFFF;color:#eef2f1;font:inherit;font-size:12px;line-height:1.55;box-shadow:none;}
body .kyc-modal-card textarea.input::placeholder{color:#66717e}
body .kyc-modal-card textarea.input:hover{border-color:rgba(139,92,246,.28)}
body .kyc-modal-card textarea.input:focus{border-color:#1769E0;box-shadow:none;}
body .kyc-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.065)}
body .kyc-actions .btn{min-height:44px;padding:0 18px;border-radius:10px;font-size:12px;font-weight:800}
body .kyc-actions .btn[type="button"]{background:#171e27;background-image:none;color:#c5ccd2;border:1px solid rgba(255,255,255,.09);box-shadow:none;}
body .kyc-actions .btn[type="button"]:hover{background:#202733;color:#eef2f1;border-color:rgba(255,255,255,.15)}
body .kyc-actions .btn.btn-accent{background:#6D4ACB;background-image:none;color:#fff;border:1px solid rgba(167,139,250,.58);box-shadow:none;}
body .kyc-actions .btn.btn-accent:hover,body .kyc-actions .btn.btn-accent:focus-visible{background:#1769E0;background-image:none;color:#fff;border-color:#1769E0;box-shadow:none;}
@media(max-width:700px){body .kyc-modal{padding:14px}body .kyc-modal-card{padding:21px 17px 18px;border-radius:16px}body .kyc-modal-card h2{font-size:20px}body .kyc-actions{flex-direction:column-reverse;align-items:stretch}body .kyc-actions .btn{width:100%;justify-content:center}}


/* ===== Consolidated page CSS: user/kyc.php / block 5 ===== */

body main.container > .panel.form > .kyc-message-stack > .btn.btn-accent{background:#6D4ACB;background-image:none;color:#fff;border:1px solid rgba(167,139,250,.58);box-shadow:none;}
body main.container > .panel.form > .kyc-message-stack > .btn.btn-accent:hover{background:#1769E0;background-image:none;color:#fff}


/* ===== Consolidated page CSS: user/kyc.php / block 6 ===== */

.hero,.ap-hero,.req-hero,.dh-page-hero,.dh-lb-heading,.lb2-header,.community-header,.settings-hero{background:#ffffff;border:1px solid rgba(127,0,255,.34);color:#34423E;box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.hero .eyebrow,.ap-eyebrow,.req-hero .eyebrow,.dh-lb-eyebrow,.lb2-eyebrow,.community-header-badge{color:#1769E0;}
.hero h1,.ap-hero h1,.req-hero h1,.dh-lb-heading h1,.lb2-header h1,.community-header h1,.settings-hero h1{color:#34423E;}
.hero>p:not(.eyebrow),.ap-hero>p:not(.ap-eyebrow),.req-hero>p:not(.eyebrow),.dh-lb-heading>p:not(.dh-lb-eyebrow),.lb2-header>p:not(.lb2-eyebrow),.community-header>p,.settings-hero>p:not(.eyebrow){color:#34423E;}


/* ===== Consolidated page CSS: user/leaderboard-2.php / block 1 ===== */

/* =========================================================
   SIMPLE LEADERBOARD — no podium, no crowns, no badges
   ========================================================= */
.lb2-page{
    width:min(1080px,100%);
    margin:0 auto;
    padding:18px 18px 42px;
    color:#34423E;
}

.lb2-header{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    margin-bottom:18px;
}

.lb2-eyebrow{
    margin:0 0 5px;
    color:#1769E0;
    font-size:10px;
    font-weight:900;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.lb2-title{
    margin:0;
    color:#34423E;
    font-size:30px;
    line-height:1.08;
    font-weight:850;
    letter-spacing:-.6px;
}

.lb2-subtitle{
    margin:6px 0 0;
    color:#7b7788;
    font-size:12px;
    font-weight:600;
}

.lb2-periods{
    display:flex;
    align-items:center;
    gap:4px;
    padding:5px;
    border:1px solid #e7e4ef;
    border-radius:13px;
    background: #ffffff;
    box-shadow:none;
}

.lb2-periods a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:32px;
    padding:0 12px;
    border-radius:9px;
    color:#777184;
    text-decoration:none;
    font-size:10px;
    font-weight:800;
    white-space:nowrap;
    transition:.18s ease;
}

.lb2-periods a:hover{
    color:#1769E0;
    background:#ffffff;
}

.lb2-periods a.active{
    color: #34423E;
    background:rgba(127,0,255,.11);
    box-shadow:none;
}

.lb2-card{
    overflow:hidden;
    border:1px solid #e5e2ed;
    border-radius:18px;
    background: #ffffff;
    box-shadow:none;
}

.lb2-card-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:18px 20px;
    border-bottom:1px solid #eceaf2;
}

.lb2-card-top h2{
    margin:0;
    font-size:18px;
    line-height:1.2;
    font-weight:850;
}

.lb2-period-label{
    display:inline-flex;
    align-items:center;
    min-height:26px;
    padding:0 10px;
    border-radius:999px;
    background:#ffffff;
    color:#1769E0;
    font-size:9px;
    font-weight:900;
}

.lb2-table-wrap{
    width:100%;
    overflow-x:auto;
}

.lb2-table{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}

.lb2-table th{
    padding:13px 18px;
    border-bottom:1px solid #eceaf2;
    background:#ffffff;
    color:#9691a0;
    font-size:9px;
    font-weight:900;
    letter-spacing:.12em;
    text-align:left;
    text-transform:uppercase;
}

.lb2-table th:first-child,
.lb2-table td:first-child{
    width:82px;
    text-align:center;
}

.lb2-table th:last-child,
.lb2-table td:last-child{
    width:170px;
    text-align:right;
}

.lb2-table td{
    height:70px;
    padding:10px 18px;
    border-bottom:1px solid #efedf3;
    color:#34423E;
    font-size:14px;
    vertical-align:middle;
}

.lb2-table tbody tr:last-child td{
    border-bottom:0;
}

.lb2-table tbody tr:hover{
    background:#ffffff;
}

.lb2-table tbody tr.lb2-me{
    background:#ffffff;

}

.lb2-rank{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:38px;
    height:36px;
    padding:0 9px;
    border-radius:10px;
    background:#ffffff;
    color:#1769E0;
    font-size:12px;
    font-weight:900;
}

.lb2-user{
    display:flex;
    align-items:center;
    min-width:0;
    gap:11px;
}

.lb2-avatar{
    width:44px;
    height:44px;
    flex:0 0 44px;
    overflow:hidden;
    display:grid;
    place-items:center;
    border:2px solid #e5e2ee;
    border-radius:50%;
    background:#ffffff;
    color:#1769E0;
    font-size:14px;
    font-weight:900;
}

.lb2-avatar img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
}

.lb2-name{
    min-width:0;
    overflow:hidden;
    color:#34423E;
    font-size:14px;
    font-weight:750;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.lb2-you{
    display:inline-flex;
    align-items:center;
    margin-left:6px;
    padding:3px 7px;
    border-radius:999px;
    background:#ffffff;
    color:#1769E0;
    font-size:8px;
    font-weight:900;
    vertical-align:middle;
}

.lb2-amount{
    color:#1769E0;
    font-size:15px;
    font-weight:900;
    font-variant-numeric:tabular-nums;
    white-space:nowrap;
}

.lb2-empty{
    padding:55px 20px;
    text-align:center;
    color:#7b7788;
    font-size:12px;
}

.lb2-empty-icon{
    width:52px;
    height:52px;
    margin:0 auto 10px;
    display:grid;
    place-items:center;
    border-radius:15px;
    background:#ffffff;
    font-size:22px;
}

.lb2-empty strong{
    display:block;
    margin-bottom:4px;
    color:#34423E;
    font-size:15px;
}

.lb2-summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-top:14px;
    padding:15px 18px;
    border:1px solid #ddd7fb;
    border-radius:15px;
    background:#ffffff;
}

.lb2-summary-title{
    color:#34423E;
    font-size:11px;
    font-weight:900;
}

.lb2-summary-sub{
    margin-top:3px;
    color:#7b7788;
    font-size:10px;
    font-weight:600;
}

.lb2-summary-value{
    color:#1769E0;
    font-size:18px;
    font-weight:900;
    white-space:nowrap;
}

@media (max-width:850px){
    .lb2-page{padding:14px 12px 32px}
    .lb2-header{align-items:flex-start;flex-direction:column}
    .lb2-periods{width:100%}
    .lb2-periods a{flex:1;padding-left:7px;padding-right:7px}
}

@media (max-width:620px){
    .lb2-page{padding:8px 7px 28px}
    .lb2-title{font-size:25px}
    .lb2-subtitle{font-size:11px}
    .lb2-card-top{padding:14px 13px}
    .lb2-card-top h2{font-size:16px}
    .lb2-table th{padding:10px 9px;font-size:8px}
    .lb2-table td{height:64px;padding:8px 9px;font-size:12px}
    .lb2-table th:first-child,
    .lb2-table td:first-child{width:52px}
    .lb2-table th:last-child,
    .lb2-table td:last-child{width:105px}
    .lb2-rank{min-width:34px;height:33px;font-size:11px}
    .lb2-user{gap:8px}
    .lb2-avatar{width:40px;height:40px;flex-basis:40px}
    .lb2-name{font-size:12px}
    .lb2-amount{font-size:13px}
    .lb2-you{margin-left:4px;padding:2px 5px;font-size:7px}
    .lb2-summary{align-items:flex-start;flex-direction:column;gap:6px}
    .lb2-summary-value{width:100%;text-align:left}
}


/* ===== Consolidated page CSS: user/leaderboard-2.php / block 2 ===== */

/* =========================================================
   LEADERBOARD-2 V31
   Active period = green. Amounts = green. Ranks = yellow.
   No gradients. Dark theme.
   ========================================================= */

/* Page background consistent with the rest of the user dashboard. */
html body .lb2-page{
    background:#000000;
    background-image:none;
}

/* Period tabs: green active, neutral dark inactive. */
body .lb2-periods{
    background:#0d1219;
    background-image:none;
    border:1px solid rgba(255,255,255,.12);
    padding:5px;
    gap:5px;
    box-shadow:none;
}
body .lb2-periods a{
    min-height:36px;
    padding:0 14px;
    border:1px solid transparent;
    border-radius:10px;
    background:#ffffff;
    background-image:none;
    color:#858f9a;
    box-shadow:none;
    transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
body .lb2-periods a:hover{
    background:#17221f;
    color:#7ee7ba;
    border-color:rgba(23,105,224,.25);
}
body .lb2-periods a.active{
    background:#0d3a30;
    background-image:none;
    color:#EAF2FF;
    border-color:rgba(23,105,224,.58);
    box-shadow:none;
}

/* Rank badges: yellow/gold for all ranks, with emphasis for 1–3. */
body .lb2-table .lb2-rank{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:40px;
    height:36px;
    padding:0 10px;
    border-radius:10px;
    background:#2b2208;
    background-image:none;
    border:1px solid rgba(250,204,21,.34);
    color:#facc15;
    box-shadow:none;
    font-size:12px;
    font-weight:900;
}
body .lb2-table tr.rank-1 .lb2-rank{
    background:#4a3708;
    border-color:#f6d365;
    color:#fff4b5;
    box-shadow:none;
}
body .lb2-table tr.rank-2 .lb2-rank{
    background:#403208;
    border-color:#e9c84a;
    color:#ffef9a;
}
body .lb2-table tr.rank-3 .lb2-rank{
    background:#392d08;
    border-color:#d9ba3b;
    color:#f8e58d;
}

/* Earnings amount = semantic green. */
body .lb2-table .lb2-amount,
body .lb2-summary-value{
    color:#5F97E6;
    font-weight:900;
}
body .lb2-table tr:hover .lb2-amount{
    color:#6ee7b7;
}

/* Current user row stays distinct without fighting the rank color. */
body .lb2-table tbody tr.lb2-me{
    background:#FFFFFF;
    border-color:rgba(139,92,246,.18);
}
body .lb2-table tbody tr.lb2-me .lb2-you{
    background:#20143a;
    color:#1769E0;
    border:1px solid rgba(167,139,250,.30);
}

/* Responsive spacing. */
@media(max-width:700px){
    body .lb2-periods{
        width:100%;
        overflow-x:auto;
    }
    body .lb2-periods a{
        flex:1 0 86px;
        padding:0 10px;
    }
}


/* ===== Consolidated page CSS: user/leaderboard-2.php / block 3 ===== */

/* Rankings period pill — warm orange accent with deep border */
body .lb2-card .lb2-period-label{
    display:inline-flex ;
    align-items:center ;
    justify-content:center ;
    min-height:28px ;
    padding:0 12px ;
    border-radius:999px ;
    background:#6b2f09 ;
    background-image:none ;
    color:#ffd7aa ;
    border:1px solid #b85a16 ;
    box-shadow:none;
    font-size:9px ;
    font-weight:850 ;
    letter-spacing:.02em;
}


/* ===== Consolidated page CSS: user/leaderboard-2.php / block 4 ===== */

.hero,.ap-hero,.req-hero,.dh-page-hero,.dh-lb-heading,.lb2-header,.community-header,.settings-hero{background:#ffffff;border:1px solid rgba(127,0,255,.34);color:#34423E;box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.hero .eyebrow,.ap-eyebrow,.req-hero .eyebrow,.dh-lb-eyebrow,.lb2-eyebrow,.community-header-badge{color:#1769E0;}
.hero h1,.ap-hero h1,.req-hero h1,.dh-lb-heading h1,.lb2-header h1,.community-header h1,.settings-hero h1{color:#34423E;}
.hero>p:not(.eyebrow),.ap-hero>p:not(.ap-eyebrow),.req-hero>p:not(.eyebrow),.dh-lb-heading>p:not(.dh-lb-eyebrow),.lb2-header>p:not(.lb2-eyebrow),.community-header>p,.settings-hero>p:not(.eyebrow){color:#34423E;}


/* ===== Consolidated page CSS: user/leaderboard.php / block 1 ===== */

/* =========================================================
   DIGITALHUB — PREMIUM DARK purple LEADERBOARD
   Visual target: modern neon/premium affiliate dashboard
   ========================================================= */
.dh-leaderboard{
    --bg:#08051f;
    --bg2:#12072e;
    --panel:#100b35;
    --panel2:#151047;
    --line:rgba(139,92,246,.24);
    --line2:rgba(255,255,255,.10);
    --text:#f7f4ff;
    --muted:#aaa4c8;
    --purple:#1769E0;
    --purple2:#1769E0;
    --green:#32ef6f;
    --gold:#ffc928;
    --silver:#BFCBC7;
    --bronze:#1769E0;
    width:100%;
    min-height:calc(100vh - 1px);
    margin:0;
    padding:30px clamp(14px,3vw,42px) 50px;
    color:var(--text);
    background:#ffffff;

    box-sizing:border-box;
    overflow:hidden;
}
.dh-leaderboard *{box-sizing:border-box}

.dh-lb-heading{
    width:min(1100px,100%); margin:0 auto 22px; display:flex; align-items:center;
    justify-content:space-between; gap:20px;
}
.dh-lb-eyebrow{margin:0 0 6px;color:#1769E0;font-size:12px;font-weight:900;letter-spacing:.18em}
.dh-lb-title{margin:0;background:#ffffff;-webkit-background-clip:text;background-clip:text;color:transparent;font-size:clamp(28px,4vw,42px);line-height:1.05;font-weight:950;letter-spacing:-1px}
.dh-lb-subtitle{margin:8px 0 0;color:#1769E0;font-size:13px;font-weight:600}
.dh-lb-actions{display:flex;gap:10px;align-items:center}
.dh-lb-action,.dh-lb-current{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 15px;
    border:1px solid rgba(127,0,255,.30);border-radius:11px;background:rgba(58,29,31,.82);color:#221b35;
    text-decoration:none;font-size:12px;font-weight:850;box-shadow:none;backdrop-filter:blur(10px)
}
.dh-lb-action:hover,.dh-lb-current:hover{border-color:rgba(185,126,255,.7);background:rgba(45,25,100,.9)}
.dh-current-icon{font-size:17px}.dh-current-chevron{color:#1769E0;font-size:17px}

.dh-lb-tabs{
    width:min(1100px,100%);margin:0 auto 48px;padding:4px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;
    border:1px solid var(--line);border-radius:13px;background:rgba(18,10,53,.75);box-shadow:none;}
.dh-lb-tabs a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:43px;border-radius:9px;color:#1769E0;text-decoration:none;font-size:12px;font-weight:850;transition:.2s ease}
.dh-lb-tabs a:hover{background:rgba(124,77,255,.12);color: #34423E}
.dh-lb-tabs a.active{color: #34423E;background:#ffffff;box-shadow:none;}
.dh-tab-icon{font-size:13px}

.dh-podium-wrap{width:min(1040px,100%);margin:0 auto 28px}
.dh-podium{display:grid;grid-template-columns:1fr 1.06fr 1fr;align-items:end;gap:18px;padding:0 8px}
.dh-podium-card{
    position:relative;overflow:visible;min-height:300px;padding:66px 20px 25px;border:1px solid var(--line);
    border-radius:16px;background:#ffffff;text-align:center;
    box-shadow:none;}
.dh-podium-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:#ffffff}
.dh-podium-card>*{position:relative;z-index:2}
.dh-rank-1 .dh-podium-card{min-height:350px;padding-top:75px;border-color:rgba(168,85,247,.72);background:#ffffff;box-shadow:none;}
.dh-rank-2 .dh-podium-card{border-color:rgba(116,176,255,.42)}
.dh-rank-3 .dh-podium-card{border-color:rgba(255,126,55,.50)}

.dh-crown{position:absolute;left:50%;top:-63px;width:78px;height:78px;transform:translateX(-50%);z-index:15;pointer-events:none;filter:drop-shadow(0 7px 8px rgba(0,0,0,.4))}
.dh-crown img{display:block;width:100%;height:100%;object-fit:contain}
.dh-rank-2 .dh-crown,.dh-rank-3 .dh-crown{top:-52px;width:56px;height:56px}

/* =========================================================
   SMALL LONG RIBBON RANK BADGE
   Reference style: compact vertical ribbon, not hexagon.
   ========================================================= */
.dh-rank-badge{
    position:absolute;
    left:18px;
    top:-9px;
    width:32px;
    height:42px;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    padding-top:7px;
    z-index:50;
    border-radius:2px 2px 0 0;
    clip-path:polygon(0 0,100% 0,100% 82%,50% 100%,0 82%);
    font-size:14px;
    line-height:1;
    font-weight:950;
    text-align:center;
    box-shadow:none;
}

/* Exact reference alignment: badge hangs from the upper-left corner. */
.dh-rank-1 .dh-rank-badge,
.dh-rank-2 .dh-rank-badge,
.dh-rank-3 .dh-rank-badge{
    left:18px;
    top:-9px;
}

.dh-rank-1 .dh-rank-badge{background:#ffffff;color:#34423E}
.dh-rank-2 .dh-rank-badge{background:#ffffff;color: #34423E}
.dh-rank-3 .dh-rank-badge{background:#ffffff;color: #34423E}

/* PERFECT CIRCLE AVATARS — hard clipped at every level. */
.dh-avatar{
    position:relative;width:104px;height:104px;margin:0 auto 14px;display:block;overflow:hidden;
    border-radius:50%;clip-path:circle(50% at 50% 50%);isolation:isolate;
    background:#ffffff;color:#1769E0;font-size:25px;font-weight:950;
    border:3px solid rgba(255,255,255,.82);box-shadow:none;}
.dh-rank-1 .dh-avatar{width:116px;height:116px;border:4px solid #ffd02b;box-shadow:none;}
.dh-rank-2 .dh-avatar{border-color:rgba(127,0,255,.26)}.dh-rank-3 .dh-avatar{border-color:#ffb06c}
.dh-avatar img{
    display:block;width:100%;height:100%;max-width:none;max-height:none;
    margin:0;padding:0;border:0;border-radius:50%;clip-path:circle(50% at 50% 50%);
    object-fit:cover;object-position:center
}

/* Plain text name — intentionally no polygon/hex clip. */
.dh-name,.dh-name-badge{display:block;width:100%;min-height:0;margin:0;padding:0 4px;color: #34423E;font-size:16px;line-height:22px;font-weight:900;text-align:center;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:none;clip-path:none}
.dh-rank-1 .dh-name,.dh-rank-1 .dh-name-badge{font-size:19px;color: #34423E}
.dh-earning-label{margin-top:15px;color:#1769E0;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.dh-earning{margin-top:4px;color: #34423E;font-size:22px;font-weight:950;font-variant-numeric:tabular-nums;white-space:nowrap}
.dh-rank-1 .dh-earning{color:#ffd33b;font-size:29px}.dh-rank-2 .dh-earning{color:#1769E0}.dh-rank-3 .dh-earning{color:#ff9a58}

.dh-list-card{width:min(1040px,100%);margin:0 auto;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:rgba(14,9,45,.80);box-shadow:none;backdrop-filter:blur(10px)}
.dh-list-titlebar{display:none}
.dh-list-head{display:grid;grid-template-columns:70px minmax(0,1fr) 170px;align-items:center;min-height:55px;padding:0 20px;border-bottom:1px solid var(--line2);color:#1769E0;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.dh-list-head span:last-child{text-align:right}
.dh-row{display:grid;grid-template-columns:70px minmax(0,1fr) 170px;align-items:center;gap:12px;min-height:75px;margin:0 8px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.07)}
.dh-row:last-child{border-bottom:0}.dh-row.me{border-radius:12px;background:rgba(113,73,255,.10)}
.dh-row-rank{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(103,70,235,.17);border:1px solid rgba(141,101,255,.18);color:#1769E0;font-size:13px;font-weight:950}
.dh-row-user{min-width:0;display:flex;align-items:center;gap:11px}.dh-row-avatar{width:46px;height:46px;flex:0 0 46px;display:block;overflow:hidden;border:2px solid rgba(255,255,255,.72);border-radius:50%;clip-path:circle(50% at 50% 50%);background:#ffffff;color:#1769E0;font-weight:900}
.dh-row-avatar img{display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:50%;clip-path:circle(50% at 50% 50%);object-fit:cover;object-position:center}
.dh-row-name{min-width:0;overflow:hidden;color:#f5f2ff;font-size:14px;font-weight:800;white-space:nowrap;text-overflow:ellipsis}.dh-you{display:inline-block;margin-left:6px;padding:3px 6px;border-radius:999px;background:rgba(124,77,255,.18);color:#1769E0;font-size:8px;font-weight:900;vertical-align:middle}
.dh-row-amount{width:100%;display:block;margin-left:auto;text-align:right;color:var(--green);font-size:16px;font-weight:950;white-space:nowrap;font-variant-numeric:tabular-nums}.dh-row-arrow{display:none}

.dh-my-summary{width:min(1040px,100%);margin:16px auto 0;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(132,95,255,.25);border-radius:14px;background:rgba(20,12,61,.72)}
.dh-my-summary-title{color:#221b35;font-size:12px;font-weight:900}.dh-my-summary-sub{margin-top:3px;color:#1769E0;font-size:10px}.dh-my-summary-value{color:#1769E0;font-size:19px;font-weight:950;white-space:nowrap}
.dh-empty{padding:60px 20px;text-align:center;color:var(--muted);font-size:12px}.dh-empty-icon{width:56px;height:56px;margin:0 auto 10px;display:grid;place-items:center;border-radius:16px;background:rgba(124,77,255,.16);font-size:24px}.dh-empty strong{display:block;margin-bottom:4px;color: #34423E;font-size:15px}

@media (min-width:851px){.dh-rank-2,.dh-rank-3{transform:translateY(15px)}}
@media (max-width:850px){.dh-leaderboard{padding:22px 14px 38px}.dh-lb-heading{align-items:flex-start;flex-direction:column}.dh-lb-actions{width:100%}.dh-lb-current,.dh-lb-action{flex:1}.dh-podium{gap:10px;padding:0}.dh-podium-card{min-height:285px;padding:62px 12px 20px}.dh-rank-1 .dh-podium-card{min-height:325px;padding-top:70px}.dh-list-head{grid-template-columns:58px minmax(0,1fr) 130px}.dh-row{grid-template-columns:58px minmax(0,1fr) 130px}}
@media (max-width:620px){
    .dh-leaderboard{padding:16px 7px 30px}.dh-lb-heading{margin-bottom:18px}.dh-lb-title{font-size:28px}.dh-lb-subtitle{font-size:11px}.dh-lb-actions{gap:7px}.dh-lb-action,.dh-lb-current{min-height:39px;padding:0 10px;font-size:10px}
    .dh-lb-tabs{margin-bottom:43px}.dh-lb-tabs a{min-height:39px;font-size:10px}.dh-tab-icon{display:none}
    .dh-podium{gap:4px}.dh-podium-card{min-height:225px;padding:46px 4px 12px;border-radius:12px}.dh-rank-1 .dh-podium-card{min-height:245px;padding-top:53px}
    .dh-crown{top:-52px;width:62px;height:62px}.dh-rank-2 .dh-crown,.dh-rank-3 .dh-crown{top:-40px;width:44px;height:44px}
    .dh-rank-badge{left:6px;top:-7px;width:26px;height:35px;font-size:11px;padding-top:6px;z-index:50}
    .dh-avatar{width:76px;height:76px;margin-bottom:8px;border-width:2px}.dh-rank-1 .dh-avatar{width:88px;height:88px;border-width:3px}
    .dh-name,.dh-name-badge{font-size:10px;line-height:17px}.dh-rank-1 .dh-name,.dh-rank-1 .dh-name-badge{font-size:12px}.dh-earning-label{margin-top:8px;font-size:7px}.dh-earning{font-size:13px}.dh-rank-1 .dh-earning{font-size:17px}
    .dh-list-head{grid-template-columns:44px minmax(0,1fr) 98px;padding:0 9px;font-size:8px}.dh-row{grid-template-columns:44px minmax(0,1fr) 98px;min-height:64px;margin:0 3px;padding:0 7px;gap:6px}.dh-row-rank{width:34px;height:34px;font-size:11px}.dh-row-avatar{width:40px;height:40px;flex-basis:40px}.dh-row-user{gap:7px}.dh-row-name{font-size:11px}.dh-row-amount{font-size:11px}.dh-my-summary{align-items:flex-start;flex-direction:column}.dh-my-summary-value{width:100%}
}
@media (max-width:390px){.dh-podium{gap:2px}.dh-podium-card{min-height:210px;padding-left:2px;padding-right:2px}.dh-rank-1 .dh-podium-card{min-height:228px}.dh-rank-badge{left:4px;top:-6px;width:25px;height:36px;font-size:10px;padding-top:6px}.dh-avatar{width:67px;height:67px}.dh-rank-1 .dh-avatar{width:76px;height:76px}.dh-name,.dh-name-badge{font-size:8px}.dh-rank-1 .dh-name,.dh-rank-1 .dh-name-badge{font-size:10px}.dh-earning{font-size:11px}.dh-rank-1 .dh-earning{font-size:14px}.dh-list-head{grid-template-columns:39px minmax(0,1fr) 88px;padding:0 7px}.dh-row{grid-template-columns:39px minmax(0,1fr) 88px;padding:0 5px;gap:4px}.dh-row-amount{font-size:10px}}

/* FINAL RANK BADGE ALIGNMENT — reference image positioning */
.dh-podium .dh-rank-1,
.dh-podium .dh-rank-2,
.dh-podium .dh-rank-3{
    position:relative;
}
.dh-podium .dh-rank-badge{
    left:18px ;
    top:-9px ;
    transform:none ;
    z-index:50 ;
}
@media (max-width:620px){
    .dh-podium .dh-rank-badge{
        left:6px ;
        top:-7px ;
    }
}
@media (max-width:390px){
    .dh-podium .dh-rank-badge{
        left:4px ;
        top:-6px ;
    }
}


/* ===== Consolidated page CSS: user/leaderboard.php / block 2 ===== */

/* LEADERBOARD CONTROLS — V28: semantic colors, clear active/inactive states, no orange, no gradients. */
body .dh-lb-actions{gap:10px}
body .dh-lb-actions .dh-lb-action,
body .dh-lb-actions .dh-lb-current{
    min-height:44px;padding:0 17px;border-radius:11px;
    font-weight:850;text-decoration:none;
    transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
body .dh-lb-actions .dh-lb-action{
    background:#0d2b25;background-image:none;color:#5ee7ad;
    border:1px solid rgba(23,105,224,.38);box-shadow:none;
}
body .dh-lb-actions .dh-lb-action:hover{
    background:#12382f;background-image:none;color:#86efc4;
    border-color:rgba(23,105,224,.58);box-shadow:none;
    transform:translateY(-1px);
}
body .dh-lb-actions .dh-lb-current{
    background:#20143a;background-image:none;color:#1769E0;
    border:1px solid rgba(167,139,250,.42);box-shadow:none;
}
body .dh-lb-actions .dh-lb-current:hover{
    background:#2a1a4a;background-image:none;color:#ddd6fe;
    border-color:rgba(167,139,250,.64);box-shadow:none;
    transform:translateY(-1px);
}
body .dh-lb-tabs{
    background:#0d1219;background-image:none;
    border:1px solid rgba(139,92,246,.28);
    box-shadow:none;
    padding:4px;gap:5px;
}
body .dh-lb-tabs a{
    min-height:46px;border-radius:10px;font-weight:850;
    border:1px solid transparent;background:#ffffff;background-image:none;
    box-shadow:none;
}
/* Today — emerald */
body .dh-lb-tabs a:nth-child(1){color:#5ee7ad}
body .dh-lb-tabs a:nth-child(1):not(.active){border-color:rgba(23,105,224,.16);background:#101c19}
body .dh-lb-tabs a:nth-child(1).active{
    color:#EAF2FF;background:#0d3a30;border-color:rgba(23,105,224,.55);
    box-shadow:none;
}
/* 7 Days — violet */
body .dh-lb-tabs a:nth-child(2){color:#1769E0}
body .dh-lb-tabs a:nth-child(2):not(.active){border-color:rgba(167,139,250,.16);background:#151126}
body .dh-lb-tabs a:nth-child(2).active{
    color:#f5f3ff;background:#2b1b4d;border-color:rgba(167,139,250,.58);
    box-shadow:none;
}
/* 30 Days — cyan */
body .dh-lb-tabs a:nth-child(3){color:#67e8f9}
body .dh-lb-tabs a:nth-child(3):not(.active){border-color:rgba(34,211,238,.16);background:#0e1a20}
body .dh-lb-tabs a:nth-child(3).active{
    color:#ecfeff;background:#0b3440;border-color:rgba(34,211,238,.52);
    box-shadow:none;
}
/* All Time — rose */
body .dh-lb-tabs a:nth-child(4){color:#f9a8d4}
body .dh-lb-tabs a:nth-child(4):not(.active){border-color:rgba(244,114,182,.16);background:#21121d}
body .dh-lb-tabs a:nth-child(4).active{
    color:#fdf2f8;background:#3a1b2e;border-color:rgba(244,114,182,.52);
    box-shadow:none;
}
/* Inactive hover */
body .dh-lb-tabs a:nth-child(1):not(.active):hover{background:#123027;border-color:rgba(23,105,224,.38)}
body .dh-lb-tabs a:nth-child(2):not(.active):hover{background:#21183b;border-color:rgba(167,139,250,.38)}
body .dh-lb-tabs a:nth-child(3):not(.active):hover{background:#102b34;border-color:rgba(34,211,238,.38)}
body .dh-lb-tabs a:nth-child(4):not(.active):hover{background:#301825;border-color:rgba(244,114,182,.38)}


/* ===== Consolidated page CSS: user/leaderboard.php / block 3 ===== */

/* =========================================================
   LEADERBOARD UI / UX — V29
   Distinct period tabs + semantic rank ribbons.
   Dark theme. No gradients. No blue/orange legacy treatment.
   ========================================================= */

/* ---------- PERIOD TABS ---------- */
body .dh-lb-tabs{
    padding:4px;
    gap:6px;
    background:#0b1017;
    background-image:none;
    border:1px solid rgba(255,255,255,.09);
    border-radius:13px;
    box-shadow:none;
}
body .dh-lb-tabs a{
    position:relative;
    min-height:47px;
    border-radius:10px;
    border:1px solid transparent;
    background:#ffffff;
    background-image:none;
    box-shadow:none;
    font-weight:850;
    transition:all .18s ease;
}
body .dh-lb-tabs a:not(.active)::after{
    content:"";
    position:absolute;
    left:13px;
    right:13px;
    bottom:5px;
    height:2px;
    border-radius:2px;
    opacity:.35;
    background:currentColor;
}
body .dh-lb-tabs a.active{
    box-shadow:none;
}
body .dh-lb-tabs a:nth-child(1){color:#5ee7ad}
body .dh-lb-tabs a:nth-child(1):not(.active){background:#101b18;border-color:rgba(23,105,224,.14)}
body .dh-lb-tabs a:nth-child(1).active{background:#0c3a30;border-color:rgba(23,105,224,.58);color:#EAF2FF}

body .dh-lb-tabs a:nth-child(2){color:#1769E0}
body .dh-lb-tabs a:nth-child(2):not(.active){background:#151126;border-color:rgba(167,139,250,.14)}
body .dh-lb-tabs a:nth-child(2).active{background:#2a1a4a;border-color:rgba(167,139,250,.62);color:#faf7ff}

body .dh-lb-tabs a:nth-child(3){color:#67e8f9}
body .dh-lb-tabs a:nth-child(3):not(.active){background:#0d1a20;border-color:rgba(34,211,238,.14)}
body .dh-lb-tabs a:nth-child(3).active{background:#0b3540;border-color:rgba(34,211,238,.58);color:#ecfeff}

body .dh-lb-tabs a:nth-child(4){color:#f9a8d4}
body .dh-lb-tabs a:nth-child(4):not(.active){background:#21121d;border-color:rgba(244,114,182,.14)}
body .dh-lb-tabs a:nth-child(4).active{background:#3a1c30;border-color:rgba(244,114,182,.58);color:#fff1f7}

body .dh-lb-tabs a:nth-child(1):not(.active):hover{background:#123027;border-color:rgba(23,105,224,.35)}
body .dh-lb-tabs a:nth-child(2):not(.active):hover{background:#21183b;border-color:rgba(167,139,250,.35)}
body .dh-lb-tabs a:nth-child(3):not(.active):hover{background:#102c35;border-color:rgba(34,211,238,.35)}
body .dh-lb-tabs a:nth-child(4):not(.active):hover{background:#301926;border-color:rgba(244,114,182,.35)}

/* ---------- TOP 3 PODIUM RIBBONS ---------- */
/* Rank 1 = Gold */
body .dh-podium .dh-rank-1 .dh-rank-badge{
    background:#b77905;
    background-image:none;
    color:#fff8dc;
    border:1px solid #f6d36a;
    box-shadow:none;
}
body .dh-podium .dh-rank-1 .dh-rank-badge::after{
    border-color:#f6d36a transparent transparent;
}

/* Rank 2 = Silver */
body .dh-podium .dh-rank-2 .dh-rank-badge{
    background:#66717d;
    background-image:none;
    color:#f5f7fa;
    border:1px solid #c6d0db;
    box-shadow:none;
}
body .dh-podium .dh-rank-2 .dh-rank-badge::after{
    border-color:#c6d0db transparent transparent;
}

/* Rank 3 = Bronze */
body .dh-podium .dh-rank-3 .dh-rank-badge{
    background:#8a4b2a;
    background-image:none;
    color:#fff0e6;
    border:1px solid #d99a72;
    box-shadow:none;
}
body .dh-podium .dh-rank-3 .dh-rank-badge::after{
    border-color:#d99a72 transparent transparent;
}

/* Match podium card accents to the rank ribbons. */
body .dh-podium .dh-rank-1 .dh-podium-card{border-color:rgba(246,211,106,.55)}
body .dh-podium .dh-rank-2 .dh-podium-card{border-color:rgba(198,208,219,.42)}
body .dh-podium .dh-rank-3 .dh-podium-card{border-color:rgba(217,154,114,.45)}

body .dh-podium .dh-rank-1 .dh-earning{color:#f8cf52}
body .dh-podium .dh-rank-2 .dh-earning{color:#BFCBC7}
body .dh-podium .dh-rank-3 .dh-earning{color:#e2a174}

/* ---------- RANK 4+ LIST ---------- */
body .dh-row .dh-row-rank{
    background:#13262a;
    background-image:none;
    border:1px solid rgba(45,212,191,.30);
    color:#5eead4;
    box-shadow:none;
}
body .dh-row.rank-4 .dh-row-rank,
body .dh-row.rank-5 .dh-row-rank,
body .dh-row.rank-6 .dh-row-rank,
body .dh-row.rank-7 .dh-row-rank,
body .dh-row.rank-8 .dh-row-rank,
body .dh-row.rank-9 .dh-row-rank,
body .dh-row.rank-10 .dh-row-rank{
    background:#13262a;
    border-color:rgba(45,212,191,.30);
    color:#5eead4;
}
body .dh-row.me .dh-row-rank{
    background:#20143a;
    border-color:rgba(167,139,250,.50);
    color:#d8c9ff;
    box-shadow:none;
}


/* ===== Consolidated page CSS: user/leaderboard.php / block 4 ===== */

/* Leaderboard page background must match the shared dark shell. */
html body .dh-leaderboard{
    background:#000000;
    background-image:none;
}
html body .dh-leaderboard::before,
html body .dh-leaderboard::after{
    background:none;
}


/* ===== Consolidated page CSS: user/leaderboard.php / block 5 ===== */

.hero,.ap-hero,.req-hero,.dh-page-hero,.dh-lb-heading,.lb2-header,.community-header,.settings-hero{background:#ffffff;border:1px solid rgba(127,0,255,.34);color:#34423E;box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.hero .eyebrow,.ap-eyebrow,.req-hero .eyebrow,.dh-lb-eyebrow,.lb2-eyebrow,.community-header-badge{color:#1769E0;}
.hero h1,.ap-hero h1,.req-hero h1,.dh-lb-heading h1,.lb2-header h1,.community-header h1,.settings-hero h1{color:#34423E;}
.hero>p:not(.eyebrow),.ap-hero>p:not(.ap-eyebrow),.req-hero>p:not(.eyebrow),.dh-lb-heading>p:not(.dh-lb-eyebrow),.lb2-header>p:not(.lb2-eyebrow),.community-header>p,.settings-hero>p:not(.eyebrow){color:#34423E;}


/* ===== Consolidated page CSS: user/login.php / block 1 ===== */

/* =========================================================
   DIGITAL HUB — ADVANCED PREMIUM UI
   THEME: OBSIDIAN + purple
   Dark theme only; purple, green and neutral colors.
   ========================================================= */

:root{
    --bg-0:#080a0d;
    --bg-1:#0d1116;
    --bg-2:#12171d;

    --surface-0:#11161c;
    --surface-1:#FFFFFF;
    --surface-2:#1a2129;

    --accent-purple-300:#1769E0;
    --accent-purple-400:#1769E0;
    --accent-purple-500:#1769E0;
    --accent-purple-600:#1769E0;

    --text:#f7f7f5;
    --text-soft:#c4c8c7;
    --muted:#8d9595;
    --muted-2:#687171;

    --border:rgba(255,255,255,.085);
    --border-soft:rgba(255,255,255,.055);
}

/* ---------- PAGE ---------- */
html,
body{
    min-height:100%;
    margin:0;
    padding:0;
    background:#ffffff ;
}

body{
    min-height:100dvh;
    overflow-x:hidden;
}

.login-page{
    min-height:100dvh ;
    position:relative;
    display:grid;
    place-items:center;
    box-sizing:border-box;
    overflow:hidden;
    padding:34px 16px 46px;

    background:#ffffff;

}

/* Very subtle technical texture */
.login-page::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.42;
    background:#ffffff;

    background-size:48px 48px;
    mask-image:none;
}

/* Soft purple halo */
.login-page::after{
    content:"";
    position:absolute;
    width:560px;
    height:560px;
    right:-350px;
    top:-350px;
    border-radius:50%;
    border:1px solid rgba(127,0,255,.08);
    box-shadow:none;
    pointer-events:none;
}

/* ---------- CARD ---------- */
.login-card{
    width:min(100%,455px);
    position:relative;
    z-index:2;
    overflow:hidden;

    border:1px solid var(--border);
    border-radius:22px;

    background:#ffffff;


    box-shadow:none;

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}

.login-card::before{
    content:"";
    display:block;
    height:3px;

    background:#ffffff;

}

/* ---------- INNER ---------- */
.login-inner{
    padding:31px 34px 28px;
}

/* ---------- BRAND ---------- */
.login-brand{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-bottom:29px;
}

.login-brand-left{
    display:flex;
    align-items:center;
    gap:11px;
}

.login-brand-mark{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;

    border:1px solid rgba(255,176,166,.22);
    border-radius:12px;

    background:#ffffff;


    color: #34423E;
    font-size:12px;
    font-weight:900;

    box-shadow:none;
}

.login-brand-name{
    color:var(--text) ;
    font-size:14px;
    font-weight:800;
    letter-spacing:-.01em;
}

.login-secure{
    display:inline-flex;
    align-items:center;
    gap:7px;

    padding:7px 10px;

    border:1px solid rgba(127,0,255,.16);
    border-radius:999px;

    background:rgba(127,0,255,.045);
    color:var(--accent-purple-300) ;

    font-size:8px;
    font-weight:850;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.login-secure-dot{
    width:5px;
    height:5px;
    border-radius:50%;
    background:var(--accent-purple-400) ;
    box-shadow:none;
}

/* ---------- HERO ---------- */
.login-hero-icon{
    width:54px;
    height:54px;
    margin:0 0 17px;

    display:grid;
    place-items:center;

    border:1px solid rgba(127,0,255,.17);
    border-radius:15px;

    background:#ffffff;


    color:var(--accent-purple-300) ;
    font-size:23px;

    box-shadow:none;
}

.login-eyebrow{
    margin:0 0 7px;
    color:var(--accent-purple-400) ;
    font-size:9px;
    font-weight:900;
    letter-spacing:.18em;
    text-transform:uppercase;
}

.login-title{
    margin:0;
    color:var(--text) ;
    background:none ;
    -webkit-text-fill-color:var(--text) ;
    font-size:31px;
    line-height:1.1;
    font-weight:850;
    letter-spacing:-.045em;
}

.login-subtitle{
    margin:9px 0 24px;
    color:var(--text-soft) ;
    font-size:12px;
    line-height:1.6;
}

/* ---------- ERROR ---------- */
.login-error{
    margin-bottom:15px;
    padding:10px 12px;

    border:1px solid rgba(248,113,113,.20);
    border-radius:10px;

    background:rgba(255,80,100,.055);
    color:#1769E0;

    font-size:11px;
}

/* ---------- FORM ---------- */
.login-form{
    display:grid;
    gap:14px;
}

.login-field{
    display:grid;
    gap:7px;
}

.login-field label{
    color:#e5e8e7 ;
    font-size:10px;
    font-weight:750;
}

/* ---------- INPUTS ---------- */
.login-input{
    width:100%;
    min-height:51px;
    box-sizing:border-box;

    padding:0 14px;

    border:1px solid rgba(255,255,255,.09) ;
    border-radius:12px;

    outline:none;

    background:#ffffff;


    color:var(--text) ;

    font:inherit;
    font-size:12px;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease,
        transform .2s ease;

    box-shadow:none;
}

.login-input::placeholder{
    color:#34423E ;
}

.login-input:hover{
    border-color:rgba(127,0,255,.20) ;
}

.login-input:focus{
    border-color:rgba(127,0,255,.72) ;

    background:#ffffff;


    box-shadow:none;
}

/* ---------- PASSWORD EYE ---------- */
.password-field{
    position:relative ;
    width:100% ;
}

.password-field .login-input{
    padding-right:55px ;
}

.password-toggle{
    position:absolute ;
    top:50% ;
    right:10px ;
    transform:translateY(-50%) ;

    width:38px ;
    height:38px ;

    display:flex ;
    align-items:center ;
    justify-content:center ;

    padding:0 ;
    margin:0 ;

    border:0 ;
    outline:0 ;
    border-radius:9px ;

    background:transparent ;
    color:var(--accent-purple-300) ;

    cursor:pointer;
    z-index:20;
}

.password-toggle:hover{
    color:#ffd2cc ;
    background:rgba(127,0,255,.075) ;
}

.password-toggle:active{
    transform:translateY(-50%) scale(.95) ;
}

.password-toggle:focus-visible{
    outline:2px solid rgba(127,0,255,.35) ;
    outline-offset:2px;
}

.password-toggle svg{
    width:21px ;
    height:21px ;
    display:block;
}

/* ---------- LOGIN BUTTON ---------- */
.login-submit{
    width:100%;
    min-height:52px;

    margin-top:3px;

    border:1px solid rgba(255,176,166,.18) ;
    border-radius:12px;

    background:#ffffff;


    color: #34423E ;

    font:inherit;
    font-size:12px;
    font-weight:850;

    cursor:pointer;

    box-shadow:none;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease;
}

.login-submit:hover{
    transform:translateY(-1px);

    background:#ffffff;


    box-shadow:none;

    filter:none;
}

.login-submit:active{
    transform:translateY(0) scale(.995);
}

/* ---------- FOOTER ---------- */
.login-footer{
    margin:19px 0 0;
    padding-top:16px;

    border-top:1px solid rgba(255,255,255,.065) ;

    text-align:center;

    color:#7f8989 ;
    font-size:10px;
}

.login-footer a{
    color:var(--accent-purple-300) ;
    font-weight:800;
    text-decoration:none;
}

.login-footer a:hover{
    color:#ffd2cc ;
}

/* ---------- TEXT SELECTION ---------- */
::selection{
    background:rgba(127,0,255,.24);
    color: #34423E;
}

/* ---------- MOBILE ---------- */
@media(max-width:520px){
    .login-page{
        padding:18px 12px 30px;
    }

    .login-card{
        width:100%;
        border-radius:18px;
    }

    .login-inner{
        padding:26px 20px 22px;
    }

    .login-brand{
        margin-bottom:24px;
    }

    .login-brand-mark{
        width:39px;
        height:39px;
        border-radius:11px;
    }

    .login-secure{
        display:none;
    }

    .login-hero-icon{
        width:49px;
        height:49px;
        border-radius:13px;
        font-size:21px;
    }

    .login-title{
        font-size:27px;
    }

    .login-subtitle{
        margin-bottom:20px;
        font-size:11px;
    }

    .login-form{
        gap:13px;
    }

    .login-input,
    .login-submit{
        min-height:49px;
    }
}


/* ===== Consolidated page CSS: user/login.php / block 2 ===== */

.hero,.ap-hero,.req-hero,.dh-page-hero,.dh-lb-heading,.lb2-header,.community-header,.settings-hero{background:#ffffff;border:1px solid rgba(127,0,255,.34);color:#34423E;box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.hero .eyebrow,.ap-eyebrow,.req-hero .eyebrow,.dh-lb-eyebrow,.lb2-eyebrow,.community-header-badge{color:#1769E0;}
.hero h1,.ap-hero h1,.req-hero h1,.dh-lb-heading h1,.lb2-header h1,.community-header h1,.settings-hero h1{color:#34423E;}
.hero>p:not(.eyebrow),.ap-hero>p:not(.ap-eyebrow),.req-hero>p:not(.eyebrow),.dh-lb-heading>p:not(.dh-lb-eyebrow),.lb2-header>p:not(.lb2-eyebrow),.community-header>p,.settings-hero>p:not(.eyebrow){color:#34423E;}


/* ===== Consolidated page CSS: user/logout_first.php / block 1 ===== */

.logout-page{
    min-height:65vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:28px 16px 50px;
}
.logout-card{
    width:min(100%,560px);
    text-align:center;
    box-sizing:border-box;
    padding:34px 30px;
}
.logout-icon{
    width:58px;
    height:58px;
    margin:0 auto 16px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#ffffff;
    color:#1769E0;
    font-size:28px;
    font-weight:800;
}
.logout-card h1{
    margin:14px 0 10px;
}
.logout-message{
    max-width:470px;
    margin:0 auto 20px;
    color:#34423E;
    line-height:1.65;
}
.ref-box{
    text-align:left;
    margin:0 auto 20px;
    padding:13px 15px;
    border:1px solid #ded9ff;
    border-radius:12px;
    background:#ffffff;
}
.ref-box small{
    display:block;
    color:#1769E0;
    font-size:10px;
    font-weight:900;
    letter-spacing:.12em;
}
.ref-box strong{
    display:block;
    margin-top:3px;
    color:#34423E;
}
.logout-btn{
    width:100%;
    border:0;
    border-radius:12px;
    padding:13px 18px;
    background:rgba(127,0,255,.11);
    color: #34423E;
    font-size:15px;
    font-weight:800;
    cursor:pointer;
    box-shadow:none;
    transition:transform .18s ease,opacity .18s ease;
}
.logout-btn:hover{
    opacity:.92;
    transform:translateY(-1px);
}
.logout-note{
    margin:14px 0 0;
    font-size:12px;
}
@media(max-width:600px){
    .logout-card{padding:28px 20px}
}


/* ===== Consolidated page CSS: user/logout_first.php / block 2 ===== */

.hero,.ap-hero,.req-hero,.dh-page-hero,.dh-lb-heading,.lb2-header,.community-header,.settings-hero{background:#ffffff;border:1px solid rgba(127,0,255,.34);color:#34423E;box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.hero .eyebrow,.ap-eyebrow,.req-hero .eyebrow,.dh-lb-eyebrow,.lb2-eyebrow,.community-header-badge{color:#1769E0;}
.hero h1,.ap-hero h1,.req-hero h1,.dh-lb-heading h1,.lb2-header h1,.community-header h1,.settings-hero h1{color:#34423E;}
.hero>p:not(.eyebrow),.ap-hero>p:not(.ap-eyebrow),.req-hero>p:not(.eyebrow),.dh-lb-heading>p:not(.dh-lb-eyebrow),.lb2-header>p:not(.lb2-eyebrow),.community-header>p,.settings-hero>p:not(.eyebrow){color:#34423E;}


/* ===== Consolidated page CSS: user/no-product.php / block 1 ===== */

:root{
    --np-bg:#f6f7fb;
    --np-card:#eef1f6fff;
    --np-text:#171a2b;
    --np-muted:#72788b;
    --np-primary:#1769E0;
    --np-primary-dark:#5132ce;
    --np-soft:#FFFFFF;
    --np-line:#e8e9f1;
    --np-green:#18a45d;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
    min-height:100vh;
    background:#ffffff;

    color:var(--np-text);
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.np-page{
    width:min(100%,1120px);
    margin:0 auto;
    padding:34px 20px 64px;
}
.np-card{
    position:relative;
    overflow:hidden;
    background:var(--np-card);
    border:1px solid var(--np-line);
    border-radius:30px;
    box-shadow:none;
}
.np-top{
    position:relative;
    padding:42px 44px 38px;
    background:#ffffff;

    color: #34423E;
}
.np-top:before,.np-top:after{
    content:"";
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}
.np-top:before{
    width:300px;height:300px;
    right:-125px;top:-180px;
    background:rgba(255,255,255,.08);
}
.np-top:after{
    width:180px;height:180px;
    left:-105px;bottom:-125px;
    background:rgba(255,255,255,.06);
}
.np-top-inner{position:relative;z-index:1;max-width:780px}
.np-kicker{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:7px 11px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:999px;
    background:rgba(255,255,255,.10);
    color:rgba(255,255,255,.92);
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.np-kicker-dot{
    width:7px;height:7px;border-radius:50%;
    background:rgba(127,0,255,.11);
    box-shadow:none;
}
.np-top h1{
    margin:18px 0 10px;
    font-size:clamp(29px,5vw,44px);
    line-height:1.08;
    letter-spacing:-.035em;
}
.np-top p{
    margin:0;
    max-width:700px;
    color:rgba(255,255,255,.82);
    font-size:15px;
    line-height:1.75;
}
.np-body{
    padding:34px 44px 40px;
}
.np-main{
    display:grid;
    grid-template-columns:56px minmax(0,1fr);
    gap:14px;
    align-items:start;
}
.np-icon{
    width:56px;height:56px;
    border-radius:16px;
    display:grid;
    place-items:center;
    background:#ffffff;

    color:var(--np-primary);
    border:1px solid #3a3940;
    box-shadow:none;
}
.np-icon svg{width:28px;height:28px}
.np-copy h2{
    margin:2px 0 6px;
    font-size:18px;
    line-height:1.2;
    letter-spacing:-.025em;
}
.np-copy>p{
    margin:0;
    color:var(--np-muted);
    font-size:11.5px;
    line-height:1.55;
}
.np-points{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    margin-top:28px;
}
.np-point{
    padding:16px;
    border:1px solid var(--np-line);
    border-radius:17px;
    background:#ffffff;
}
.np-point-icon{
    width:34px;height:34px;
    border-radius:10px;
    display:grid;
    place-items:center;
    background:#ffffff;
    color:var(--np-primary);
    margin-bottom:10px;
}
.np-point-icon svg{width:17px;height:17px}
.np-point strong{
    display:block;
    font-size:13px;
    margin-bottom:4px;
}
.np-point span{
    color:var(--np-muted);
    font-size:11px;
    line-height:1.55;
}
.np-action{
    margin-top:28px;
    padding-top:24px;
    border-top:1px solid var(--np-line);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}
.np-action-copy strong{
    display:block;
    font-size:14px;
    margin-bottom:4px;
}
.np-action-copy span{
    color:var(--np-muted);
    font-size:12px;
}
.np-buy{
    flex:0 0 auto;
    min-height:50px;
    padding:0 22px;
    border-radius:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    text-decoration:none;
    color: #34423E;
    font-size:13px;
    font-weight:800;
    background:#ffffff;

    box-shadow:none;
    transition:transform .18s ease,box-shadow .18s ease;
}
.np-buy:hover{
    transform:translateY(-2px);
    box-shadow:none;
}
.np-buy svg{width:18px;height:18px}
.np-foot{
    margin-top:15px;
    text-align:center;
    color:#1769E0;
    font-size:11px;
}
@media(max-width:760px){
    .np-page{padding:20px 14px 45px}
    .np-top{padding:30px 24px 28px;border-radius:24px 24px 0 0}
    .np-body{padding:27px 22px 30px}
    .np-main{grid-template-columns:1fr;gap:16px}
    .np-icon{width:76px;height:76px;border-radius:22px}
    .np-icon svg{width:39px;height:39px}
    .np-copy h2{font-size:23px}
    .np-points{grid-template-columns:1fr}
    .np-action{align-items:stretch;flex-direction:column}
    .np-buy{width:100%}
}
@media(max-width:420px){
    .np-top h1{font-size:29px}
    .np-top p{font-size:14px}
    .np-body{padding:24px 18px 26px}
}


/* ===== Consolidated page CSS: user/no-product.php / block 2 ===== */

:root{--accent-purple:#1769E0;--accent-purple-soft:#1769E0;--bg:#FFFFFF;--panel:#FFFFFF;--panel2:#FFFFFF;--border:#33404d;}
html,body{background:var(--bg);color:#34423E;}
.container,.container-fluid,.card,.card-body,.card-header,.card-footer,.panel,.panel-body,.modal-content,.dropdown-menu,.list-group,.list-group-item,.table,.table-responsive,.form-control,.form-select,.input-group,.alert,.accordion-item,main,section,article{background-color:var(--panel);color:#34423E;border-color:var(--border);}
.card,.panel,.modal-content,.dropdown-menu,.list-group,.accordion-item{box-shadow:none;}
input,textarea,select{background:var(--panel2);color:#eef1f6;border-color:var(--border);}
input::placeholder,textarea::placeholder{color:#9da9b5;}
a{color:var(--accent-purple);}
.btn-primary,.btn-success,.btn-info,.btn-warning{background:var(--accent-purple);border-color:var(--accent-purple);color:#1b1215;}
.table td,.table th{background:transparent;color:#34423E;border-color:var(--border);}


/* ===== Consolidated page CSS: user/no-product.php / block 3 ===== */

.hero,.ap-hero,.req-hero,.dh-page-hero,.dh-lb-heading,.lb2-header,.community-header,.settings-hero{background:#ffffff;border:1px solid rgba(127,0,255,.34);color:#34423E;box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.hero .eyebrow,.ap-eyebrow,.req-hero .eyebrow,.dh-lb-eyebrow,.lb2-eyebrow,.community-header-badge{color:#1769E0;}
.hero h1,.ap-hero h1,.req-hero h1,.dh-lb-heading h1,.lb2-header h1,.community-header h1,.settings-hero h1{color:#34423E;}
.hero>p:not(.eyebrow),.ap-hero>p:not(.ap-eyebrow),.req-hero>p:not(.eyebrow),.dh-lb-heading>p:not(.dh-lb-eyebrow),.lb2-header>p:not(.lb2-eyebrow),.community-header>p,.settings-hero>p:not(.eyebrow){color:#34423E;}


/* ===== Consolidated page CSS: user/payout.php / block 1 ===== */

.hero,.ap-hero,.req-hero,.dh-page-hero,.dh-lb-heading,.lb2-header,.community-header,.settings-hero{background:#ffffff;border:1px solid rgba(127,0,255,.34);color:#34423E;box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.hero .eyebrow,.ap-eyebrow,.req-hero .eyebrow,.dh-lb-eyebrow,.lb2-eyebrow,.community-header-badge{color:#1769E0;}
.hero h1,.ap-hero h1,.req-hero h1,.dh-lb-heading h1,.lb2-header h1,.community-header h1,.settings-hero h1{color:#34423E;}
.hero>p:not(.eyebrow),.ap-hero>p:not(.ap-eyebrow),.req-hero>p:not(.eyebrow),.dh-lb-heading>p:not(.dh-lb-eyebrow),.lb2-header>p:not(.lb2-eyebrow),.community-header>p,.settings-hero>p:not(.eyebrow){color:#34423E;}


/* ===== Consolidated page CSS: user/payout.php / block 2 ===== */

.payment-method-locked{
  text-align:center;
  padding:34px 22px 30px;
  border:1px solid #e6e9f2;
  border-radius:20px;
  background:#ffffff;

}
.locked-icon{
  width:64px;
  height:64px;
  margin:0 auto 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:#ffffff;
  font-size:30px;
}
.payment-method-locked h2{
  margin:0 0 10px;
  font-size:24px;
  line-height:1.25;
}
.payment-method-locked p{
  margin:0 auto 8px;
  max-width:560px;
  color:#34423E;
  line-height:1.55;
}
.payment-method-locked .locked-help{
  margin-bottom:22px;
}
.locked-contact-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  min-width:210px;
}


/* ===== Consolidated page CSS: user/payout.php / block 3 ===== */

.payment-field{display:block;margin:0}
.payment-field.is-hidden{display:none}


/* ===== Consolidated page CSS: user/payout.php / block 4 ===== */

.payment-validation-error{
  display:none;
  margin:0 0 18px;
  padding:13px 15px;
  border:1px solid #f87171;
  border-radius:12px;
  background:#ffffff;
  color:#1769E0;
  font-size:14px;
  line-height:1.45;
}
.payment-validation-error.show{
  display:block;
  animation:validationIn .25s ease;
}
.field-invalid{
  border-color:rgba(127,0,255,.26);
  box-shadow:none;
}
@keyframes validationIn{
  from{opacity:0;transform:translateY(-5px)}
  to{opacity:1;transform:translateY(0)}
}


/* Full-width locked payment method panel */
.payout-locked-panel{
    width:100%;
    max-width:none;
    box-sizing:border-box;
}

.payout-locked-panel .payout-locked-card{
    width:100%;
    max-width:none;
    box-sizing:border-box;
}

/* Professional locked payment method UI */
.payout-locked-card{
    margin:0;
    overflow:hidden;
    border:1px solid #e7e2f1;
    border-radius:24px;
    background: #ffffff;
    box-shadow:none;
}
.payout-locked-header{
    display:flex;
    align-items:center;
    gap:15px;
    padding:24px;
    background:#ffffff;

    border-bottom:1px solid #ece8f4;
}
.payout-lock-icon{
    width:52px;
    height:52px;
    flex:0 0 52px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    background:rgba(127,0,255,.11);
    color: #34423E;
    font-size:24px;
    font-weight:900;
    box-shadow:none;
}
.payout-header-copy{
    min-width:0;
    flex:1;
}
.payout-header-copy>span{
    display:block;
    margin-bottom:4px;
    color:#1769E0;
    font-size:10px;
    font-weight:900;
    letter-spacing:.13em;
}
.payout-header-copy h2{
    margin:0;
    color:#34423E;
    font-size:21px;
    line-height:1.2;
    font-weight:850;
}
.payout-header-copy p{
    margin:5px 0 0;
    color:#766e83;
    font-size:12px;
    line-height:1.4;
}
.payout-submitted-badge{
    flex:0 0 auto;
    padding:9px 13px;
    border-radius:999px;
    background:#ffffff;
    color:#34423E;
    font-size:11px;
    font-weight:850;
    white-space:nowrap;
}
.payout-selected-card{
    display:flex;
    align-items:center;
    gap:14px;
    margin:20px 20px 18px;
    padding:16px;
    border:1px solid #e4dff0;
    border-radius:18px;
    background:#ffffff;

}
.payout-selected-icon{
    width:48px;
    height:48px;
    flex:0 0 48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    background:#ffffff;
    color:#1769E0;
    font-size:22px;
    font-weight:900;
}
.payout-selected-copy{
    min-width:0;
    flex:1;
}
.payout-selected-copy small{
    display:block;
    margin-bottom:4px;
    color:#827995;
    font-size:10px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.08em;
}
.payout-selected-copy strong{
    display:block;
    color:#34423E;
    font-size:17px;
    line-height:1.25;
    font-weight:850;
}
.payout-locked-pill{
    padding:7px 10px;
    border-radius:9px;
    background:#ffffff;
    color:#34423E;
    font-size:10px;
    font-weight:850;
    white-space:nowrap;
}
.payout-section-label{
    padding:0 20px 9px;
    color:#34423E;
    font-size:12px;
    font-weight:850;
}
.payout-detail-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    padding:0 20px;
}
.payout-detail-box{
    min-width:0;
    padding:14px;
    border:1px solid #ebe8f0;
    border-radius:14px;
    background: #ffffff;
}
.payout-detail-box span{
    display:block;
    margin-bottom:6px;
    color:#82798d;
    font-size:11px;
    font-weight:700;
}
.payout-detail-box strong{
    display:block;
    color:#34423E;
    font-size:14px;
    line-height:1.45;
    font-weight:800;
    overflow-wrap:anywhere;
}
.payout-lock-notice{
    display:flex;
    align-items:flex-start;
    gap:11px;
    margin:18px 20px 12px;
    padding:14px;
    border:1px solid #f0dfb8;
    border-radius:15px;
    background:#ffffff;
}
.payout-notice-mark{
    width:30px;
    height:30px;
    flex:0 0 30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:rgba(127,0,255,.11);
    color:#1769E0;
    font-size:14px;
    font-weight:900;
}
.payout-lock-notice strong{
    display:block;
    margin-bottom:3px;
    color:#34423E;
    font-size:12px;
    font-weight:850;
}
.payout-lock-notice p{
    margin:0;
    color:#34423E;
    font-size:11px;
    line-height:1.5;
}
.payout-admin-button{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:46px;
    margin:0 20px 20px;
    padding:0 16px;
    border-radius:13px;
    background:rgba(127,0,255,.11);
    color: #34423E;
    text-decoration:none;
    font-size:12px;
    font-weight:850;
    box-shadow:none;
    transition:transform .18s ease,box-shadow .18s ease;
}
.payout-admin-button b{
    font-size:18px;
    line-height:1;
    font-weight:700;
}
.payout-admin-button:hover{
    transform:translateY(-1px);
    box-shadow:none;
}
@media(max-width:600px){
    .payout-locked-card{border-radius:20px}
    .payout-locked-header{padding:18px 16px;gap:11px}
    .payout-lock-icon{width:44px;height:44px;flex-basis:44px;border-radius:13px;font-size:20px}
    .payout-header-copy h2{font-size:18px}
    .payout-header-copy p{font-size:10px}
    .payout-submitted-badge{position:absolute;right:16px;top:16px;padding:6px 9px;font-size:9px}
    .payout-selected-card{margin:15px 14px 14px;padding:13px}
    .payout-selected-icon{width:43px;height:43px;flex-basis:43px;border-radius:12px;font-size:19px}
    .payout-selected-copy strong{font-size:14px}
    .payout-locked-pill{display:none}
    .payout-section-label{padding:0 14px 8px}
    .payout-detail-grid{grid-template-columns:1fr;padding:0 14px}
    .payout-lock-notice{margin:15px 14px 10px}
    .payout-admin-button{margin:0 14px 14px}
}


/* ===== Consolidated page CSS: user/pleaderboard.php / block 1 ===== */

.leaderboard-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 22px;padding:6px;background: #ffffff;border:1px solid var(--line);border-radius:16px;box-shadow:none;}
.leaderboard-tabs a{padding:11px 8px;border-radius:11px;text-align:center;font-size:13px;font-weight:700;color:var(--muted);transition:.18s}
.leaderboard-tabs a:hover{background:#ffffff;color:var(--purple-dark)}
.leaderboard-tabs a.active{background:#ffffff;color:var(--purple-dark);box-shadow:none;}
.leaderboard-list{overflow:hidden}
.leader-row{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:14px;padding:15px 4px;border-bottom:1px solid var(--line)}
.leader-row:last-child{border-bottom:0}
.leader-row.me{background:#ffffff;border-radius:14px;padding-left:10px;padding-right:10px}
.leader-rank{width:42px;height:42px;border-radius:12px;background:#ffffff;color:var(--purple-dark);display:grid;place-items:center;font-weight:800}
.leader-user{display:flex;align-items:center;gap:12px;min-width:0}
.leader-avatar{width:44px;height:44px;border-radius:13px;background:#ffffff;color:var(--purple-dark);display:grid;place-items:center;font-weight:800;overflow:hidden;flex:0 0 44px}
.leader-avatar img{width:100%;height:100%;object-fit:cover}
.leader-name{font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.leader-handle{font-size:12px;color:var(--muted);margin-top:2px}
.leader-amount{font:700 18px/1.2 "Space Grotesk";color:var(--purple-dark);white-space:nowrap}
.leader-you{display:inline-block;margin-left:5px;font-size:11px;font-weight:700;color:var(--purple-dark);background:#ffffff;padding:3px 7px;border-radius:999px}
.leader-me{margin-top:18px;padding:17px 18px;border:1px solid var(--line);border-radius:16px;background: #ffffff;display:flex;justify-content:space-between;align-items:center;gap:15px}
.leader-me small{color:var(--muted)}
.leader-me strong{color:var(--purple-dark)}
.leader-me .amount{font:700 21px "Space Grotesk";color:var(--purple-dark)}
@media(max-width:700px){.leaderboard-tabs{grid-template-columns:repeat(2,1fr)}.leader-row{grid-template-columns:46px 1fr auto;padding:13px 2px}.leader-rank{width:38px;height:38px}.leader-amount{font-size:15px}.leader-you{display:block;width:max-content;margin:3px 0 0}}


/* ===== Consolidated page CSS: user/pleaderboard.php / block 2 ===== */

.hero,.ap-hero,.req-hero,.dh-page-hero,.dh-lb-heading,.lb2-header,.community-header,.settings-hero{background:#ffffff;border:1px solid rgba(127,0,255,.34);color:#34423E;box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.hero .eyebrow,.ap-eyebrow,.req-hero .eyebrow,.dh-lb-eyebrow,.lb2-eyebrow,.community-header-badge{color:#1769E0;}
.hero h1,.ap-hero h1,.req-hero h1,.dh-lb-heading h1,.lb2-header h1,.community-header h1,.settings-hero h1{color:#34423E;}
.hero>p:not(.eyebrow),.ap-hero>p:not(.ap-eyebrow),.req-hero>p:not(.eyebrow),.dh-lb-heading>p:not(.dh-lb-eyebrow),.lb2-header>p:not(.lb2-eyebrow),.community-header>p,.settings-hero>p:not(.eyebrow){color:#34423E;}


/* ===== Consolidated page CSS: user/profile.php / block 1 ===== */


/* Full-width profile form container */
main.container > .panel.form{
  width:100%;
  max-width:none;
  box-sizing:border-box;
}

main.container > .panel.form > form{
  width:100%;
  max-width:none;
  box-sizing:border-box;
}

.email-note{margin-top:6px;font-size:12px;color:#34423E}
.security-section{margin-top:28px;padding-top:24px;border-top:1px solid #e9e5ef}
.security-title{font-size:18px;font-weight:800;color:#34423E;margin-bottom:16px}
.security-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.password-field{position:relative}
.password-field label{display:block;margin-bottom:8px;font-weight:700;color:#34423E}
.password-field input::placeholder{color:#aaa3b1}.password-field input{width:100%;height:48px;box-sizing:border-box;padding:0 46px 0 13px;border:1px solid #3a2628;border-radius:11px;background: #ffffff}
.eye-btn{position:absolute;right:8px;bottom:7px;width:34px;height:34px;border:0;background:transparent;color:#1769E0;cursor:pointer;font-size:17px;border-radius:8px}
.eye-btn:hover{background:#ffffff}
.password-btn{margin-top:18px;border:0;border-radius:11px;padding:12px 20px;background:rgba(127,0,255,.11);color: #34423E;font-weight:800;cursor:pointer}
@media(max-width:800px){.security-grid{grid-template-columns:1fr}}


/* ===== Consolidated page CSS: user/profile.php / block 2 ===== */

/* =========================================================
   PROFILE V10 — PREMIUM DARK DASHBOARD
   Visual direction: polished SaaS / fintech dashboard
   ========================================================= */
.profile-page{
    position:relative;
    max-width:1240px;
    margin:0 auto;
    padding:28px 24px 52px;
    color:#eef2f1;
}
.profile-hero{
    position:relative;
    padding:8px 2px 22px;
}
.profile-eyebrow{
    display:block;
    margin-bottom:8px;
    color:#1769E0;
    font-size:10px;
    font-weight:800;
    letter-spacing:.18em;
}
.profile-hero h1{
    margin:0;
    color:#f5f7f6;
    font-size:34px;
    line-height:1.08;
    letter-spacing:-.04em;
}

.profile-toast{
    position:fixed;
    z-index:1500;
    top:92px;
    right:26px;
    min-width:320px;
    max-width:440px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 16px;
    border-radius:12px;
    box-shadow:none;
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    font-size:13px;
    font-weight:650;
    animation:profileToastIn .35s ease both;
}
.profile-toast-success{
    border:1px solid rgba(23,105,224,.48);
    background:#FFFFFF;
    color:#8AB8FF;
}
.profile-toast-error{
    border:1px solid rgba(248,113,113,.42);
    background:#fff;
    color:#ff9b9b;
}
.toast-icon{
    width:25px;height:25px;flex:0 0 25px;
    display:grid;place-items:center;
    border:2px solid currentColor;
    border-radius:50%;
    font-size:13px;font-weight:900;
}
.toast-close{
    margin-left:auto;
    border:0;background:transparent;color:inherit;
    opacity:.72;font-size:20px;cursor:pointer;
}
.toast-close:hover{opacity:1}
@keyframes profileToastIn{
    from{opacity:0;transform:translateY(-10px) scale(.98)}
    to{opacity:1;transform:none}
}

.profile-layout{
    display:grid;
    grid-template-columns:275px minmax(0,1fr);
    gap:18px;
    align-items:start;
}
.profile-sidebar{display:grid;gap:18px}
.profile-card,
.profile-editor,
.security-tip{
    border:1px solid rgba(255,255,255,.075);
    background:#ffffff;
    box-shadow:none;
}
.profile-card{
    padding:27px 20px 21px;
    border-radius:18px;
    text-align:center;
}
.avatar-wrap{
    position:relative;
    width:112px;height:112px;
    margin:0 auto 13px;
}
.profile-avatar{
    width:112px;height:112px;
    object-fit:cover;
    border-radius:50%;
    border:5px solid #FFFFFF;
    background:#6D4ACB;
    box-shadow:none;
}
.profile-avatar-placeholder{
    display:grid;
    place-items:center;
    background:#6D4ACB;
}
.profile-avatar-placeholder span{
    color:#fff;font-size:40px;font-weight:800;
}
.avatar-camera{
    position:absolute;
    right:-2px;bottom:2px;
    width:31px;height:31px;
    display:grid;place-items:center;
    border:3px solid #FFFFFF;
    border-radius:50%;
    background:#F7F7F7;
    color:#eef2f1;
    font-size:15px;
    cursor:pointer;
}
.profile-card h2{
    margin:0 0 9px;
    color:#f3f5f4;
    font-size:20px;
    letter-spacing:-.02em;
}
.verified-badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 10px;
    border-radius:8px;
    background:rgba(23,105,224,.10);
    color:#69A1FF;
    font-size:11px;
    font-weight:750;
}
.profile-meta{
    margin-top:24px;
    padding-top:7px;
}
.meta-row{
    display:grid;
    grid-template-columns:27px 1fr;
    column-gap:9px;
    align-items:center;
    min-height:47px;
    text-align:left;
}
.meta-icon{
    grid-row:span 2;
    width:27px;height:27px;
    display:grid;place-items:center;
    border-radius:50%;
    background:#F7F7F7;
    color:#9aa4b1;
    font-size:9px;
    font-weight:800;
}
.meta-label{
    color:#8c95a1;
    font-size:10px;
}
.meta-row strong{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#dce1e0;
    font-size:11px;
    font-weight:600;
}
.status-active{
    justify-self:start;
    padding:5px 9px;
    border-radius:7px;
    background:rgba(23,105,224,.14);
    color:#69A1FF;
}
.security-tip{
    padding:20px;
    border-radius:17px;
    border-color:rgba(23,105,224,.20);
    background:#FFFFFF;
}
.security-tip-title{
    display:flex;
    align-items:center;
    gap:9px;
    color:#69A1FF;
    font-size:15px;
    font-weight:800;
}
.security-tip-title span{font-size:20px}
.security-tip p{
    margin:8px 0 13px;
    color:#7f8d8a;
    font-size:11px;
}
.security-tip-item{
    display:flex;
    align-items:center;
    gap:9px;
    margin-top:9px;
    color:#b9c3c0;
    font-size:10px;
}
.security-tip-item span{
    width:18px;height:18px;
    display:grid;place-items:center;
    border-radius:50%;
    background:rgba(23,105,224,.12);
    color:#69A1FF;
    font-size:10px;
    font-weight:900;
}

.profile-editor{
    padding:27px 28px 28px;
    border-radius:18px;
}
.editor-heading{margin-bottom:23px}
.editor-title{
    display:flex;
    align-items:center;
    gap:11px;
}
.editor-title-icon{
    width:30px;height:30px;
    display:grid;place-items:center;
    border-radius:9px;
    background:rgba(139,92,246,.11);
    color:#1769E0;
    font-size:19px;
}
.editor-title h2{
    margin:0;
    color:#f1f4f3;
    font-size:20px;
    letter-spacing:-.02em;
}
.editor-heading p{
    margin:8px 0 0 41px;
    color:#7f8994;
    font-size:12px;
}
.form-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:17px 18px;
}
.full-field{grid-column:1/-1}
.field label{
    display:block;
    margin:0 0 8px;
    color:#cfd6d5;
    font-size:11px;
    font-weight:650;
}
.profile-form .input{
    width:100%;
    min-height:48px;
    box-sizing:border-box;
    padding:0 13px;
    border:1px solid rgba(255,255,255,.085);
    border-radius:11px;
    outline:none;
    background:#FFFFFF;
    color:#edf2f1;
    font:inherit;
    font-size:12px;
    transition:border-color .2s,box-shadow .2s,transform .2s;
}
.profile-form .input::placeholder{color:#69727e}
.profile-form .input:hover{border-color:rgba(168,85,247,.25)}
.profile-form .input:focus{
    border-color:rgba(168,85,247,.72);
    box-shadow:none;
}
.profile-form .input:disabled{opacity:.66;cursor:not-allowed}
.profile-select{
    appearance:none;
    -webkit-appearance:none;
    padding-right:38px;
    background:#FFFFFF;
    background-position:calc(100% - 17px) 21px,calc(100% - 12px) 21px,0 0;
    background-size:5px 5px,5px 5px,100% 100%;
    background-repeat:no-repeat;
}
.profile-upload-field small{
    display:block;
    margin-top:7px;
    color:#66717d;
    font-size:10px;
}
.file-control{
    border:1px solid rgba(255,255,255,.085);
    border-radius:11px;
    background:#ffffff;
    overflow:hidden;
}
.file-control input{
    width:100%;
    box-sizing:border-box;
    padding:10px 12px;
    color:#aab3bf;
    font-size:11px;
}
.profile-form-footer{
    display:flex;
    align-items:center;
    gap:18px;
    margin-top:22px;
}
.profile-save{
    min-height:49px;
    width:auto;
    padding:0 21px;
    border:0;
    border-radius:10px;
    background:#6D4ACB;
    color:#fff;
    box-shadow:none;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
    transition:transform .18s,box-shadow .18s,filter .18s;
}
.profile-save:hover{
    transform:translateY(-1px);
    filter:brightness(1.08);
    box-shadow:none;
}
.profile-save span{margin-right:7px}
.save-note{color:#737d89;font-size:11px}

.security-section{
    margin-top:27px;
    padding-top:25px;
    border-top:1px solid rgba(255,255,255,.065);
}
.security-heading{margin-bottom:16px}
.security-title{
    color:#edf1ef;
    font-size:16px;
    font-weight:800;
}
.security-heading p{
    margin:6px 0 0;
    color:#707b86;
    font-size:11px;
}
.security-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}
.password-field{
    position:relative;
    padding:14px;
    border:1px solid rgba(255,255,255,.065);
    border-radius:13px;
    background:#FFFFFF;
}
.password-field label{
    display:block;
    margin-bottom:8px;
    color:#cbd3d1;
    font-size:10px;
    font-weight:700;
}
.password-field input{
    width:100%;
    height:45px;
    box-sizing:border-box;
    padding:0 42px 0 11px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:9px;
    outline:none;
    background:#ffffff;
    color:#eef2f1;
    font-size:11px;
}
.password-field input::placeholder{color:#66717d}
.password-field input:focus{
    border-color:#1769E0;
    box-shadow:none;
}
.eye-btn{
    position:absolute;
    right:7px;
    bottom:20px;
    width:32px;height:32px;
    border:0;
    border-radius:8px;
    background:transparent;
    color:#89939f;
    cursor:pointer;
}
.eye-btn:hover{background:rgba(168,85,247,.08);color:#c084fc}
.password-btn{
    margin-top:15px;
    min-height:42px;
    padding:0 17px;
    border:1px solid rgba(168,85,247,.22);
    border-radius:9px;
    background:rgba(139,92,246,.10);
    color:#c7a7ff;
    font-size:11px;
    font-weight:750;
}
.password-btn:not(:disabled):hover{background:rgba(139,92,246,.18)}
.password-btn:disabled{opacity:.35;cursor:not-allowed}
.profile-validation-error{
    display:none;
    margin:0 0 16px;
    padding:12px 14px;
    border:1px solid rgba(248,113,113,.25);
    border-radius:10px;
    background:rgba(127,29,29,.10);
    color:#ff9b9b;
    font-size:11px;
}
.profile-validation-error.show{display:block}
.profile-invalid{border-color:#f87171;box-shadow:none;}

@media(max-width:980px){
    .profile-layout{grid-template-columns:1fr}
    .profile-sidebar{grid-template-columns:280px minmax(0,1fr)}
    .security-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
    .profile-page{padding:20px 13px 35px}
    .profile-layout,.profile-sidebar{grid-template-columns:1fr}
    .profile-editor{padding:21px 17px}
    .form-grid{grid-template-columns:1fr;gap:14px}
    .full-field{grid-column:auto}
    .profile-form-footer{align-items:flex-start;flex-direction:column;gap:11px}
    .profile-save{width:100%}
    .profile-toast{top:84px;left:13px;right:13px;min-width:0}
}

<style id="profile-password-eye-v33">
/* PROFILE PASSWORD EYE CONTROL — V33 */
body .password-field{position:relative}
body .password-field input{padding-right:52px}
body .password-field .eye-btn{
    position:absolute;
    right:8px;
    bottom:8px;
    z-index:20;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    padding:0;
    margin:0;
    border:1px solid transparent;
    border-radius:8px;
    background:transparent;
    color:#9a8cc7;
    cursor:pointer;
    pointer-events:auto;
    touch-action:manipulation;
}
body .password-field .eye-btn:hover{
    background:#FFFFFF;
    border-color:rgba(139,92,246,.22);
    color:#1769E0;
}
body .password-field .eye-btn:focus-visible{
    outline:none;
    background:#FFFFFF;
    border-color:#1769E0;
    box-shadow:none;
}
body .password-field .eye-icon{
    width:18px;
    height:18px;
    display:block;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
    pointer-events:none;
}
body .password-field .eye-closed{display:none}
body .password-field .eye-btn.is-visible .eye-open{display:none}
body .password-field .eye-btn.is-visible .eye-closed{display:block}


/* ===== Consolidated page CSS: user/profile.php / block 3 ===== */

/* PROFILE PASSWORD EYE ALIGNMENT — V34 */
body .password-field .eye-btn{
    top:40px ;
    bottom:auto ;
    right:8px ;
    width:34px ;
    height:34px ;
    transform:none ;
}
body .password-field .eye-btn .eye-icon{
    width:18px ;
    height:18px ;
    margin:0 ;
}
@media(max-width:700px){
    body .password-field .eye-btn{
        top:40px ;
        bottom:auto ;
    }
}


/* ===== Consolidated page CSS: user/profile.php / block 4 ===== */

/* PROFILE PASSWORD EYE ALIGNMENT — V35 */
body .password-field .eye-btn{
    top:42px ;
    bottom:auto ;
    right:12px ;
}
@media(max-width:700px){
    body .password-field .eye-btn{
        top:42px ;
        bottom:auto ;
        right:12px ;
    }
}


/* ===== Consolidated page CSS: user/register.php / block 1 ===== */

.referral-field{margin:0 0 22px}
.referral-field>label{display:block;margin:0 0 8px;font-weight:700;color:#34423E}
.referral-field>.input{width:100%;box-sizing:border-box;background:#ffffff;color:#34423E;font-weight:600}
.referral-verified,.referral-invalid{margin-top:9px;padding:12px 14px;border-radius:12px}
.referral-verified{background:#ffffff;border:1px solid #34254f}
.referral-invalid{background:#ffffff;border:1px solid #f5c8c5}
.referral-caption{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:#1769E0}
.referral-invalid .referral-caption{color:#d92d20}
.referral-verified strong,.referral-invalid strong{display:block;margin-top:3px;font-size:15px;color:#34423E}
.referral-code-text{display:block;margin-top:3px;font-size:12px;color:#1769E0}


/* ===== Consolidated page CSS: user/register.php / block 2 ===== */

/* purple color scheme only — existing layout/functionality unchanged */
.panel.form{
    border-color:rgba(255,255,255,.085);
}
.panel.form .pill{
    color:#1769E0;
    background:#ffffff;
    border-color:rgba(255,255,255,.085);
}
.panel.form h1{
    color:#34423E;
}
.panel.form .muted{
    color:#1769E0;
}
.panel.form .input,
.panel.form select.input{
    border-color:rgba(255,255,255,.085);
    background: #ffffff;
    color:#34423E;
}
.panel.form .input:focus,
.panel.form select.input:focus{
    border-color:rgba(127,0,255,.26);
    box-shadow:none;
    outline:none;
}
.panel.form .btn-primary{
    background:#ffffff;

    border-color:rgba(127,0,255,.26);
    color: #34423E;
}
.panel.form .btn-primary:hover{
    background:#ffffff;

}
.panel.form a{
    color:#1769E0;
}


/* ===== Consolidated page CSS: user/register.php / block 3 ===== */

.product-field{margin:0 0 22px}
.product-field>label{display:block;margin:0 0 8px;font-weight:700;color:#34423E}
.product-select{width:100%;box-sizing:border-box}
.product-note{margin-top:8px;font-size:12px;color:#1769E0}


/* ===== Consolidated page CSS: user/register.php / block 4 ===== */

.hero,.ap-hero,.req-hero,.dh-page-hero,.dh-lb-heading,.lb2-header,.community-header,.settings-hero{background:#ffffff;border:1px solid rgba(127,0,255,.34);color:#34423E;box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.hero .eyebrow,.ap-eyebrow,.req-hero .eyebrow,.dh-lb-eyebrow,.lb2-eyebrow,.community-header-badge{color:#1769E0;}
.hero h1,.ap-hero h1,.req-hero h1,.dh-lb-heading h1,.lb2-header h1,.community-header h1,.settings-hero h1{color:#34423E;}
.hero>p:not(.eyebrow),.ap-hero>p:not(.ap-eyebrow),.req-hero>p:not(.eyebrow),.dh-lb-heading>p:not(.dh-lb-eyebrow),.lb2-header>p:not(.lb2-eyebrow),.community-header>p,.settings-hero>p:not(.eyebrow){color:#34423E;}


/* ===== Consolidated page CSS: user/withdraw.php / block 1 ===== */

.hero,.ap-hero,.req-hero,.dh-page-hero,.dh-lb-heading,.lb2-header,.community-header,.settings-hero{background:#ffffff;border:1px solid rgba(127,0,255,.34);color:#34423E;box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.hero .eyebrow,.ap-eyebrow,.req-hero .eyebrow,.dh-lb-eyebrow,.lb2-eyebrow,.community-header-badge{color:#1769E0;}
.hero h1,.ap-hero h1,.req-hero h1,.dh-lb-heading h1,.lb2-header h1,.community-header h1,.settings-hero h1{color:#34423E;}
.hero>p:not(.eyebrow),.ap-hero>p:not(.ap-eyebrow),.req-hero>p:not(.eyebrow),.dh-lb-heading>p:not(.dh-lb-eyebrow),.lb2-header>p:not(.lb2-eyebrow),.community-header>p,.settings-hero>p:not(.eyebrow){color:#34423E;}


/* ===== Consolidated page CSS: user/withdraw.php / block 2 ===== */

.withdraw-validation-error{display:none;margin:0 0 16px;padding:13px 15px;border:1px solid #f87171;border-radius:12px;background:#ffffff;color:#1769E0;font-size:14px;line-height:1.45}
.withdraw-validation-error.show{display:block;animation:withdrawValidationIn .25s ease}
.withdraw-invalid{border-color:rgba(127,0,255,.26);box-shadow:none;}
@keyframes withdrawValidationIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}


/* ===== Consolidated page CSS: user/withdraw.php / block 3 ===== */

/* Withdraw: widen only the form container on desktop. Existing UI and logic stay unchanged. */
main.container > .panel.form{
    width:100%;
    max-width:1120px;
    margin-left:auto;
    margin-right:auto;
    box-sizing:border-box;
}
@media (min-width:1100px){
    main.container > .panel.form{
        max-width:1180px;
    }
}
@media (max-width:700px){
    main.container > .panel.form{
        width:100%;
        max-width:none;
    }
}



/* ================================================================
   DIGITALHUB — MODERN ELEGANT DESIGN SYSTEM
   V15 — white canvas / sophisticated teal / plum / amber accents
   No gradients. No Bootstrap-default primary blue.
   ================================================================ */
:root{
  --dh-primary:#1769E0;
  --dh-primary-600:#0E4FAF;
  --dh-primary-700:#0B4F4A;
  --dh-primary-100:#D8E7FF;
  --dh-primary-50:#F2F6FC;
  --dh-text:#17221F;
  --dh-text-2:#34423E;
  --dh-muted:#66736F;
  --dh-line:#D8E2DF;
  --dh-line-2:#BFCBC7;
  --dh-bg:#FFFFFF;
  --dh-surface:#FFFFFF;
  --dh-surface-2:#F7FAF9;
  --dh-success:#1769E0;
  --dh-success-700:#0E4FAF;
  --dh-success-50:#EAF2FF;
  --dh-danger:#C83C4A;
  --dh-danger-700:#A62E3B;
  --dh-danger-50:#FFF2F3;
  --dh-warning:#B7791F;
  --dh-warning-700:#956313;
  --dh-warning-50:#FFF8E7;
  --dh-info:#256D85;
  --dh-accent:#6D4ACB;
  --dh-accent-700:#5839B0;
  --dh-accent-50:#F3F0FC;
  --dh-shadow:0 8px 26px rgba(23,34,31,.065);
  --dh-shadow-lg:0 16px 42px rgba(23,34,31,.095);
}
html{background:#fff!important;color-scheme:light}
body{background:#fff!important;color:var(--dh-text)!important}
a{color:var(--dh-primary)}
a:hover{color:var(--dh-primary-600)}
::selection{background:var(--dh-primary-100);color:var(--dh-text)}
:focus-visible{outline:3px solid rgba(15,118,110,.22);outline-offset:2px}

/* Headings / copy */
h1,h2,h3,h4,h5,h6{color:var(--dh-text)}
p,.description,.muted,.help-text,.hint{color:var(--dh-muted)}
label,.form-label,.field-label{color:var(--dh-text-2)}

/* Inputs */
input,select,textarea{
  border-color:var(--dh-line-2)!important;
  color:var(--dh-text)!important;
  background:#fff!important;
}
input::placeholder,textarea::placeholder{color:#8A9691!important}
input:focus,select:focus,textarea:focus{
  border-color:var(--dh-primary)!important;
  box-shadow:none;
}

/* Buttons — colorful, flat, elegant */
.btn-primary,.btn-primary:hover,
button.btn-primary{background:var(--dh-primary)!important;border-color:var(--dh-primary)!important;color:#fff!important}
.btn-primary:hover,button.btn-primary:hover{background:var(--dh-primary-600)!important;border-color:var(--dh-primary-600)!important}
.btn-secondary,.btn-accent{background:var(--dh-accent)!important;border-color:var(--dh-accent)!important;color:#fff!important}
.btn-secondary:hover,.btn-accent:hover{background:var(--dh-accent-700)!important;border-color:var(--dh-accent-700)!important}
.btn-success{background:var(--dh-success)!important;border-color:var(--dh-success)!important;color:#fff!important}
.btn-success:hover{background:var(--dh-success-700)!important;border-color:var(--dh-success-700)!important}
.btn-warning{background:var(--dh-warning)!important;border-color:var(--dh-warning)!important;color:#fff!important}
.btn-warning:hover{background:var(--dh-warning-700)!important;border-color:var(--dh-warning-700)!important}
.btn-danger,.btn-delete,.btn-remove{background:var(--dh-danger)!important;border-color:var(--dh-danger)!important;color:#fff!important}
.btn-danger:hover,.btn-delete:hover,.btn-remove:hover{background:var(--dh-danger-700)!important;border-color:var(--dh-danger-700)!important;color:#fff!important}

/* Common cards / panels */
.card,.panel,.box,.table-container,.tools-bar,.stat-card,.page-header,.hero,.page-hero,
.page-hero,.dashboard-hero,.profile-hero,.settings-hero,.community-header,.title-hero,
.req-hero,.ap-hero,.sys-page,.ws-page{
  background:#fff!important;
  border-color:var(--dh-line)!important;
}
.card,.panel,.box,.table-container,.tools-bar,.stat-card{box-shadow:none;}
.card:hover,.panel:hover,.stat-card:hover{border-color:#B8C9C4}

/* Accent surfaces */
.badge-primary,.status-active,.status-published,.active-badge{
  background:var(--dh-primary-50)!important;
  border-color:var(--dh-primary-100)!important;
  color:var(--dh-primary-700)!important;
}
.status-success,.status-approved,.status-paid{
  background:var(--dh-success-50)!important;
  border-color:#BFD6FF!important;
  color:var(--dh-success-700)!important;
}
.status-pending,.status-processing{
  background:var(--dh-warning-50)!important;
  border-color:#E8CF96!important;
  color:var(--dh-warning-700)!important;
}
.status-failed,.status-rejected,.status-inactive{
  background:var(--dh-danger-50)!important;
  border-color:#E9B6BC!important;
  color:var(--dh-danger-700)!important;
}

/* Navigation */
.side-menu:hover,.ah-top-link:hover,.uh-top-link:hover{
  background:var(--dh-primary-50)!important;
  border-color:var(--dh-primary-100)!important;
  color:var(--dh-primary-700)!important;
}
.side-menu.active,.side-menu.is-active,.side-submenu-link.active{
  background:var(--dh-primary-50)!important;
  border-color:var(--dh-primary-100)!important;
  color:var(--dh-primary-700)!important;
  box-shadow:none;
}
.side-icon{background:var(--dh-surface-2)!important;color:var(--dh-primary)!important}

/* Logout / destructive navigation */
.nav-logout,.ah-auth,.uh-auth{
  background:var(--dh-danger)!important;
  border-color:var(--dh-danger)!important;
  color:#fff!important;
}
.nav-logout:hover,.ah-auth:hover,.uh-auth:hover{
  background:var(--dh-danger-700)!important;
  border-color:var(--dh-danger-700)!important;
  color:#fff!important;
}

/* Tables */
table thead th{background:var(--dh-surface-2)!important;color:var(--dh-text-2)!important;border-color:var(--dh-line)!important}
table tbody td{border-color:#E9EFEC!important;color:var(--dh-text-2)}
table tbody tr:hover td{background:#FAFCFB!important}

/* Order page inherits the same palette */
.order-management{color:var(--dh-text)!important}
.order-management .page-header,
.order-management .tools-bar,
.order-management .stat-card,
.order-management .table-container{background:#fff!important;border-color:var(--dh-line)!important}
.order-management .page-header h1,.order-management .stat-number{color:var(--dh-text)!important}
.order-management .page-header p,.order-management .stat-label,.order-management .result-count{color:var(--dh-muted)!important}
.order-management .search-wrapper input,.order-management .filter-group select{
  border-color:var(--dh-line-2)!important;background:#fff!important;color:var(--dh-text)!important
}
.order-management .search-wrapper input:focus,.order-management .filter-group select:focus{
  border-color:var(--dh-primary)!important;box-shadow:none;}
.order-management .reset-btn{border-color:#E9B6BC!important;color:var(--dh-danger)!important;background:#fff!important}
.order-management .reset-btn:hover{background:var(--dh-danger-50)!important;border-color:#D98D96!important;color:var(--dh-danger-700)!important}
.order-management .orders-table thead th{background:var(--dh-surface-2)!important;border-color:var(--dh-line)!important;color:var(--dh-text-2)!important}
.order-management .orders-table tbody td{border-color:#E9EFEC!important;color:var(--dh-text-2)!important}
.order-management .orders-table tbody tr:hover td{background:#FAFCFB!important}
.order-management .amount,.order-management .comm-amount{color:var(--dh-success-700)!important}


/* ===== DIGITALHUB V16 — LATEST UI DESIGN ===== */
:root{
 --ui-white:#FFFFFF; --ui-black:#111111; --ui-black-hover:#000000;
 --ui-blue:#1769E0; --ui-blue-dark:#0E4FAF; --ui-blue-light:#EAF2FF;
 --ui-yellow:#B77900; --ui-green:#1769E0; --ui-green-dark:#0E4FAF;
 --ui-green-light:#EAF2FF; --ui-orange:#D97706; --ui-orange-dark:#A95400;
 --ui-red:#D32F3F; --ui-red-dark:#A91F2D; --ui-red-light:#FFF0F2;
 --ui-border:#D9D9D9; --ui-border-light:#E8E8E8;
}

html,body,main,.page,.page-content,.content,.app-content,.main-content{
 background:#FFFFFF!important;color:#111111!important;
}
body,p,span,li,td,th,label,.form-label,.field-label,small{
 color:#111111;
}
h1,h2,h3,h4,h5,h6,.page-title,.section-title,.card-title,.panel-title,.modal-title{
 color:#1769E0!important;
}
.description,.page-description,.section-description,.card-description,.help-text,.hint,.subtitle,.sub-description{
 color:#B77900!important;
}

/* Solid white containers + light grey border + soft shadow */
.card,.panel,.box,.container-card,.table-container,.tools-bar,.stat-card,
.page-header,.page-hero,.modal-content,.dropdown-menu,.form-container,
.settings-card,.profile-card,.content-card,.section-card,.widget,
.dashboard-card,.filter-bar,.search-bar,.toolbar,.table-responsive,
.alert,.offcanvas,.popover{
 background:#FFFFFF!important;background-image:none!important;
 border:1px solid #D9D9D9!important;
 box-shadow:none;
}
.card:hover,.panel:hover,.box:hover,.stat-card:hover,.content-card:hover,.section-card:hover{
 box-shadow:none;
}
hr,.divider,table,table th,table td{border-color:#E8E8E8!important}
table thead th{background:#F8F8F8!important;color:#111111!important}
table tbody tr:hover td{background:#FAFAFA!important}

input,select,textarea,.form-control{
 background:#FFFFFF!important;color:#111111!important;
 border:1px solid #CFCFCF!important;box-shadow:none;
}
input::placeholder,textarea::placeholder{color:#888888!important}
input:focus,select:focus,textarea:focus,.form-control:focus{
 border-color:#1769E0!important;box-shadow:none;outline:none!important;
}

/* Cancel — black */
.btn-cancel,.cancel-btn,button.cancel,button[data-action="cancel"],a.cancel{
 background:#111111!important;border-color:#111111!important;color:#FFFFFF!important;
}
.btn-cancel:hover,.cancel-btn:hover,button.cancel:hover,button[data-action="cancel"]:hover,a.cancel:hover{
 background:#000000!important;border-color:#000000!important;color:#FFFFFF!important;
}

/* Delete — red */
.btn-delete,.delete-btn,.btn-danger,button.delete,button[data-action="delete"],a.delete{
 background:#D32F3F!important;border-color:#D32F3F!important;color:#FFFFFF!important;
}
.btn-delete:hover,.delete-btn:hover,.btn-danger:hover,button.delete:hover,button[data-action="delete"]:hover,a.delete:hover{
 background:#A91F2D!important;border-color:#A91F2D!important;color:#FFFFFF!important;
}

/* Edit — orange */
.btn-edit,.edit-btn,.btn-warning,button.edit,button[data-action="edit"],a.edit{
 background:#D97706!important;border-color:#D97706!important;color:#FFFFFF!important;
}
.btn-edit:hover,.edit-btn:hover,.btn-warning:hover,button.edit:hover,button[data-action="edit"]:hover,a.edit:hover{
 background:#A95400!important;border-color:#A95400!important;color:#FFFFFF!important;
}

/* Save / Update — green */
.btn-save,.save-btn,.btn-update,.update-btn,.btn-success,
button.save,button.update,button[type="submit"],button[data-action="save"],button[data-action="update"]{
 background:#1769E0!important;border-color:#1769E0!important;color:#FFFFFF!important;
}
.btn-save:hover,.save-btn:hover,.btn-update:hover,.update-btn:hover,.btn-success:hover,
button.save:hover,button.update:hover,button[type="submit"]:hover,button[data-action="save"]:hover,button[data-action="update"]:hover{
 background:#0E4FAF!important;border-color:#0E4FAF!important;color:#FFFFFF!important;
}

/* Yes / Confirm — blue */
.btn-yes,.yes-btn,.btn-confirm,.confirm-btn,button.yes,button.confirm,
button[data-action="yes"],button[data-action="confirm"]{
 background:#1769E0!important;border-color:#1769E0!important;color:#FFFFFF!important;
}
.btn-yes:hover,.yes-btn:hover,.btn-confirm:hover,.confirm-btn:hover,button.yes:hover,button.confirm:hover,
button[data-action="yes"]:hover,button[data-action="confirm"]:hover{
 background:#0E4FAF!important;border-color:#0E4FAF!important;color:#FFFFFF!important;
}

/* Primary blue */
.btn-primary,button.btn-primary,a.btn-primary{
 background:#1769E0!important;border-color:#1769E0!important;color:#FFFFFF!important;
}
.btn-primary:hover,button.btn-primary:hover,a.btn-primary:hover{
 background:#0E4FAF!important;border-color:#0E4FAF!important;color:#FFFFFF!important;
}

/* Status green: active / available / published / enabled */
.status-active,.status-available,.status-published,.status-enabled,
.active,.available,.published,.enabled,.badge-success,.badge-active,.status-success,.status-approved{
 background:#EAF2FF!important;border:1px solid #A9D9B9!important;color:#0E4FAF!important;
}

/* Status red: inactive / deactivated / unpublished / disabled */
.status-inactive,.status-unpublished,.status-disabled,.inactive,.unpublished,
.disabled,.deactivated,.badge-danger,.badge-inactive,.status-danger,.status-failed,.status-rejected{
 background:#FFF0F2!important;border:1px solid #E5A8AF!important;color:#A91F2D!important;
}

/* Menu active — green */
.side-menu.active,.side-menu.is-active,.menu-item.active,.menu-link.active,
.nav-item.active>a,.nav-link.active,.sidebar a.active,.sidebar .active,.side-submenu-link.active{
 background:#EAF2FF!important;border-color:#A9D9B9!important;color:#1769E0!important;
 box-shadow:none;
}

/* Menu hover — light green */
.side-menu:hover,.menu-item:hover,.menu-link:hover,.nav-link:hover,.sidebar a:hover,.side-submenu-link:hover{
 background:#EAF2FF!important;border-color:#C8E8D2!important;color:#1769E0!important;
}

/* Logout — destructive red */
.nav-logout,.logout,.logout-btn,.ah-auth,.uh-auth{
 background:#D32F3F!important;border-color:#D32F3F!important;color:#FFFFFF!important;
}
.nav-logout:hover,.logout:hover,.logout-btn:hover,.ah-auth:hover,.uh-auth:hover{
 background:#A91F2D!important;border-color:#A91F2D!important;color:#FFFFFF!important;
}

/* No gradients */
.gradient,.gradient-bg,.bg-gradient,.hero-gradient{
 background:#FFFFFF!important;background-image:none!important;
}
:focus-visible{outline:3px solid rgba(23,105,224,.22)!important;outline-offset:2px}
::selection{background:#DCE9FF;color:#111111}


/* ================================================================
   DIGITALHUB V17 — WHITE / NO GREEN THEME
   All page surfaces are white. Dark card backgrounds and the
   previous green/teal visual theme are neutralized globally.
   Semantic states use BLUE / RED instead of GREEN.
   ================================================================ */

html,body{
  background:#FFFFFF!important;
  color:#111111!important;
}

/* Force old dark/black card and section surfaces to white. */
main .card,main .panel,main .box,main .stat,main .stats,main .stat-card,
main .kpi,main .kpi-card,main .summary-card,main .metric-card,
main .quick-card,main .dh-quick-card,main .dh-stat-card,
main .dashboard-card,main .widget,main .tile,main .info-card,
main .product-card,main .product-stat,main .stats-grid,
main .stats-wrap,main .stat-grid,main .stat-item,
main .summary,main .summary-item,main .analytics-card,
main .overview-card,main .table-card,main .table-container,
main .tools-bar,main .filter-bar,main .search-bar,main .toolbar{
  background:#FFFFFF!important;
  background-image:none!important;
  color:#111111!important;
  border-color:#D9D9D9!important;
  box-shadow:none;
}

/* Catch legacy dark inline backgrounds. */
main [style*="#111"],
main [style*="#0f1"],
main [style*="#101"],
main [style*="#151"],
main [style*="#171"],
main [style*="#181"],
main [style*="#1a1"],
main [style*="#1b1"],
main [style*="#1e1"],
main [style*="#202"],
main [style*="#263"]{
  background:#FFFFFF!important;
  background-image:none!important;
  color:#111111!important;
  border-color:#D9D9D9!important;
}

/* Remove the old green/teal visual identity: primary accents -> blue. */
:root{
  --dh-primary:#1769E0!important;
  --dh-primary-600:#0E4FAF!important;
  --dh-primary-700:#0A3F8F!important;
  --dh-primary-100:#D8E7FF!important;
  --dh-primary-50:#EAF2FF!important;
  --ui-green:#1769E0!important;
  --ui-green-dark:#0E4FAF!important;
  --ui-green-light:#EAF2FF!important;
}

/* Old teal/green inline styles -> blue. */
[style*="#1769E0"],[style*="#1769E0"],
[style*="#0E4FAF"],[style*="#0E4FAF"],
[style*="#0E4FAF"],[style*="#0E4FAF"],
[style*="#1769E0"],[style*="#1769E0"],
[style*="#1769E0"],[style*="#1769E0"],
[style*="#0E4FAF"],[style*="#0E4FAF"],
[style*="#BFD6FF"],[style*="#BFD6FF"],
[style*="#D8E7FF"],[style*="#D8E7FF"],
[style*="#EAF2FF"],[style*="#EAF2FF"],
[style*="#EAF2FF"],[style*="#EAF2FF"]{
  background-color:#EAF2FF!important;
  color:#1769E0!important;
  border-color:#D8E7FF!important;
}

/* Green classes / theme classes -> blue equivalents. */
.status-active,.status-available,.status-published,.status-enabled,
.active,.available,.published,.enabled,
.badge-success,.badge-active,.status-success,.status-approved,
.success,.is-active,.is-enabled,.is-published{
  background:#EAF2FF!important;
  border-color:#BFD6FF!important;
  color:#0E4FAF!important;
}

/* Inactive states remain red. */
.status-inactive,.status-unpublished,.status-disabled,
.inactive,.unpublished,.disabled,.deactivated,
.badge-danger,.badge-inactive,.status-danger,.status-failed,.status-rejected{
  background:#FFF0F2!important;
  border-color:#E5A8AF!important;
  color:#A91F2D!important;
}

/* Active menu is BLUE; hover is LIGHT BLUE. */
.side-menu.active,.side-menu.is-active,.menu-item.active,.menu-link.active,
.nav-item.active>a,.nav-link.active,.sidebar a.active,.sidebar .active,.side-submenu-link.active{
  background:#EAF2FF!important;
  border-color:#BFD6FF!important;
  color:#1769E0!important;
  box-shadow:none;
}
.side-menu:hover,.menu-item:hover,.menu-link:hover,.nav-link:hover,
.sidebar a:hover,.side-submenu-link:hover{
  background:#F0F6FF!important;
  border-color:#D8E7FF!important;
  color:#1769E0!important;
}
.side-icon,.menu-icon,.nav-icon{
  color:#1769E0!important;
  background:#F0F6FF!important;
}

/* SAVE / UPDATE is BLUE (green theme completely removed). */
.btn-save,.save-btn,.btn-update,.update-btn,.btn-success,
button.save,button.update,button[type="submit"],
button[data-action="save"],button[data-action="update"]{
  background:#1769E0!important;
  border-color:#1769E0!important;
  color:#FFFFFF!important;
}
.btn-save:hover,.save-btn:hover,.btn-update:hover,.update-btn:hover,.btn-success:hover,
button.save:hover,button.update:hover,button[type="submit"]:hover,
button[data-action="save"]:hover,button[data-action="update"]:hover{
  background:#0E4FAF!important;
  border-color:#0E4FAF!important;
  color:#FFFFFF!important;
}

/* YES / CONFIRM is BLUE. */
.btn-yes,.yes-btn,.btn-confirm,.confirm-btn,button.yes,button.confirm,
button[data-action="yes"],button[data-action="confirm"]{
  background:#1769E0!important;border-color:#1769E0!important;color:#FFFFFF!important;
}
.btn-yes:hover,.yes-btn:hover,.btn-confirm:hover,.confirm-btn:hover,
button.yes:hover,button.confirm:hover,button[data-action="yes"]:hover,button[data-action="confirm"]:hover{
  background:#0E4FAF!important;border-color:#0E4FAF!important;color:#FFFFFF!important;
}

/* Money / normal numeric values: no green text. */
main .amount,main .amount-cell,main .commission-amount,main .commission-value,
main .price,main .price-amount,main .purchase-price,main .checkout-price,
main .total-amount,main .earned-amount,main .revenue-amount,main .withdrawal-amount,
main .dh-order-amount,main .dh-amount,main .dh-amount-auto,main .stat strong{
  color:#111111!important;
}

/* Brand / accent marks that used teal/green -> blue. */
.ah-brand-mark,.uh-brand-mark,.dh-brand-mark,.brand-mark,
.header-logo,.logo-mark,.app-logo-mark{
  background:#1769E0!important;
  color:#FFFFFF!important;
}

/* Containers always solid white. */
main .container,main .container-fluid,main .content-wrapper,main .page-wrapper,
main .section,main .section-wrapper,main .content-section{
  background:#FFFFFF!important;
}

/* Remove gradients everywhere in page UI. */
main *{
  background-image:none!important;
}

/* Keep semantic red actions untouched. */
.btn-delete,.delete-btn,.btn-danger,button.delete,button[data-action="delete"],a.delete,
.nav-logout,.logout,.logout-btn{
  background:#D32F3F!important;border-color:#D32F3F!important;color:#FFFFFF!important;
}
.btn-delete:hover,.delete-btn:hover,.btn-danger:hover,button.delete:hover,
button[data-action="delete"]:hover,a.delete:hover,.nav-logout:hover,.logout:hover,.logout-btn:hover{
  background:#A91F2D!important;border-color:#A91F2D!important;color:#FFFFFF!important;
}

/* Edit stays orange. Cancel stays black. */
.btn-edit,.edit-btn,.btn-warning,button.edit,button[data-action="edit"],a.edit{
  background:#D97706!important;border-color:#D97706!important;color:#FFFFFF!important;
}
.btn-edit:hover,.edit-btn:hover,.btn-warning:hover,button.edit:hover,button[data-action="edit"]:hover,a.edit:hover{
  background:#A95400!important;border-color:#A95400!important;color:#FFFFFF!important;
}
.btn-cancel,.cancel-btn,button.cancel,button[data-action="cancel"],a.cancel{
  background:#111111!important;border-color:#111111!important;color:#FFFFFF!important;
}
.btn-cancel:hover,.cancel-btn:hover,button.cancel:hover,button[data-action="cancel"]:hover,a.cancel:hover{
  background:#000000!important;border-color:#000000!important;color:#FFFFFF!important;
}


/* ================================================================
   DIGITALHUB V18 — FINAL WHITE / NO-GREEN OVERRIDE
   Fixes legacy dark card wrappers visible between stat cards.
   ================================================================ */

/* Legacy dashboard/product/stat wrappers that were dark */
.dh-quick-card,
.dh-product-progress,
.dh-product-revenue,
.dh-product-stat,
.dh-stat,
.dh-kpi,
.dh-kpi-card,
.dh-summary-card,
.dh-overview-card,
.stats-wrapper,
.stats-shell,
.stats-grid,
.stats-row,
.stat-wrapper,
.stat-shell,
.kpi-wrapper,
.kpi-shell{
  background:#FFFFFF!important;
  background-image:none!important;
  color:#111111!important;
  border-color:#D9D9D9!important;
  box-shadow:none;
}

/* Specific legacy dark surfaces found in the project */
body .lb2-table tbody tr.lb2-me{
  background:#FFFFFF!important;
  border-color:#E8E8E8!important;
}
body .lb2-table tbody tr.lb2-me .lb2-you{
  background:#EAF2FF!important;
  color:#1769E0!important;
  border-color:#BFD6FF!important;
}
body .dh-lb-actions .dh-lb-current{
  background:#EAF2FF!important;
  color:#1769E0!important;
  border-color:#BFD6FF!important;
}
body .dh-lb-tabs a:nth-child(1):not(.active),
body .dh-lb-tabs a:nth-child(2):not(.active){
  background:#FFFFFF!important;
  border-color:#E8E8E8!important;
  color:#111111!important;
}

/* Dark modal/form surfaces -> white */
body .kyc-modal-card,
body .profile-form .input,
body .profile-select,
body .password-field,
body .kyc-actions .btn[type="button"]{
  background:#FFFFFF!important;
  color:#111111!important;
  border-color:#D9D9D9!important;
  box-shadow:none;
}
body .kyc-modal-card::before{
  background:#1769E0!important;
}
body .kyc-modal-card textarea.input{
  background:#FFFFFF!important;
  color:#111111!important;
  border-color:#CFCFCF!important;
}
body .kyc-actions .btn[type="button"]:hover{
  background:#F7F7F7!important;
  color:#111111!important;
  border-color:#C8C8C8!important;
}

/* Old dark community surfaces */
html body .community-page .community-link::after,
html body .community-page .community-icon-box,
body main.container .section-head .pill{
  background:#FFFFFF!important;
  color:#1769E0!important;
  border-color:#D8E7FF!important;
}

/* Brand/icon accents: blue, never green */
.sys-kicker,.sys-section-label,.sys-kicker-dot,
.sys-hero-icon svg,.sys-setting-icon,
.product-dot,.profile-avatar,.avatar-camera,
.document-link,.v-document-link{
  color:#1769E0!important;
}
.sys-kicker-dot,.product-dot{
  background:#1769E0!important;
}
.sys-setting-icon{
  background:#EAF2FF!important;
  border-color:#D8E7FF!important;
}
.profile-avatar,.avatar-camera,.document-link,.v-document-link{
  background:#1769E0!important;
}

/* Any remaining explicit green/teal declarations in inline styles */
[style*="#1769E0"],[style*="#1769E0"],
[style*="#0E4FAF"],[style*="#0E4FAF"],
[style*="#0E4FAF"],[style*="#0E4FAF"],
[style*="#1769E0"],[style*="#1769E0"],
[style*="#1769E0"],[style*="#1769E0"],
[style*="#0E4FAF"],[style*="#0E4FAF"]{
  background:#1769E0!important;
  background-color:#1769E0!important;
  color:#1769E0!important;
  border-color:#1769E0!important;
}

/* No green status theme: active/available/published/enabled are BLUE */
.status-active,.status-available,.status-published,.status-enabled,
.active,.available,.published,.enabled,.badge-success,.badge-active,
.status-success,.status-approved,.success,.is-active,.is-enabled,.is-published{
  background:#EAF2FF!important;
  border:1px solid #BFD6FF!important;
  color:#0E4FAF!important;
}

/* Inactive/unpublished/disabled stay RED */
.status-inactive,.status-unpublished,.status-disabled,.inactive,.unpublished,
.disabled,.deactivated,.badge-danger,.badge-inactive,.status-danger,
.status-failed,.status-rejected{
  background:#FFF0F2!important;
  border:1px solid #E5A8AF!important;
  color:#A91F2D!important;
}

/* Primary / active menu BLUE */
.side-menu.active,.side-menu.is-active,.menu-item.active,.menu-link.active,
.nav-item.active>a,.nav-link.active,.sidebar a.active,.sidebar .active,.side-submenu-link.active{
  background:#EAF2FF!important;
  border-color:#BFD6FF!important;
  color:#1769E0!important;
  box-shadow:none;
}
.side-menu:hover,.menu-item:hover,.menu-link:hover,.nav-link:hover,
.sidebar a:hover,.side-submenu-link:hover{
  background:#F0F6FF!important;
  border-color:#D8E7FF!important;
  color:#1769E0!important;
}

/* Buttons: no green */
.btn-save,.save-btn,.btn-update,.update-btn,.btn-success,
button.save,button.update,button[type="submit"],button[data-action="save"],button[data-action="update"],
.sys-save-btn,.system-save-button,.ws-save,.payment-status-save{
  background:#1769E0!important;
  border-color:#1769E0!important;
  color:#FFFFFF!important;
}
.btn-save:hover,.save-btn:hover,.btn-update:hover,.update-btn:hover,.btn-success:hover,
button.save:hover,button.update:hover,button[type="submit"]:hover,
button[data-action="save"]:hover,button[data-action="update"]:hover,
.sys-save-btn:hover,.system-save-button:hover,.ws-save:hover,.payment-status-save:hover{
  background:#0E4FAF!important;
  border-color:#0E4FAF!important;
  color:#FFFFFF!important;
}

/* Add/Create actions also use blue */
.btn-add,.btn-create,.action-add,.action-create{
  background:#1769E0!important;
  border-color:#1769E0!important;
  color:#FFFFFF!important;
}
.btn-add:hover,.btn-create:hover,.action-add:hover,.action-create:hover{
  background:#0E4FAF!important;
  border-color:#0E4FAF!important;
}

/* Amounts are black, not green */
main .amount,main .amount-cell,main .commission-amount,main .commission-value,
main .price,main .price-amount,main .purchase-price,main .checkout-price,
main .total-amount,main .earned-amount,main .revenue-amount,
main .withdrawal-amount,main .dh-order-amount,main .dh-amount,main .dh-amount-auto{
  color:#111111!important;
}

/* Solid white page surfaces */
main .section,main .section-wrapper,main .content-section,
main .container,main .container-fluid,main .content-wrapper,main .page-wrapper{
  background:#FFFFFF!important;
}


/* ================================================================
   DIGITALHUB V19 — FINAL OVERRIDE
   1) No green/teal theme.
   2) No dark/black strip behind white cards.
   3) Sidebar/menu labels are WHITE.
   ================================================================ */

html,body,#app,.app,.site,.layout,.app-shell,.page-shell,
main,.main,.main-content,.content-wrapper,.page-wrapper,
main.container,main.container-fluid,main.products-page{
  background:#FFFFFF!important;
  background-image:none!important;
  color:#111111!important;
}

/* Product/stat area: parent + gaps must be white, not black. */
.products-page,
.products-page .products-summary,
.products-page .products-summary::before,
.products-page .products-summary::after,
.products-page .products-card,
.products-page .products-table-wrap{
  background:#FFFFFF!important;
  background-image:none!important;
  border-color:#D9D9D9!important;
  color:#111111!important;
}

/* Summary grid itself is white: no dark strip visible between cards. */
.products-summary{
  padding:0!important;
  margin:0 0 16px!important;
  gap:12px!important;
  background:#FFFFFF!important;
}
.products-summary .summary-card{
  background:#FFFFFF!important;
  color:#111111!important;
  border:1px solid #D9D9D9!important;
  box-shadow:none;
}
.products-summary .summary-icon{
  background:#F2F6FC!important;
  color:#1769E0!important;
  border-color:#D8E7FF!important;
}
.products-summary .summary-card strong,
.products-summary .summary-card small{
  color:#111111!important;
}

/* Product page specific legacy green/teal accents -> blue */
.products-page .products-kicker,
.products-page .products-hero h1 .blue,
.products-page .product-dot,
.products-page .file-btn,
.products-page .edit-btn{
  color:#1769E0!important;
}
.products-page .product-dot{
  background:#1769E0!important;
  box-shadow:none;
}
.products-page .products-add-btn,
.products-page .empty-cell a{
  background:#1769E0!important;
  color:#FFFFFF!important;
  border-color:#1769E0!important;
}
.products-page .products-add-btn:hover,
.products-page .empty-cell a:hover{
  background:#0E4FAF!important;
  border-color:#0E4FAF!important;
}
.products-page .edit-btn{
  background:#FFF1E3!important;
  border-color:#F0B66D!important;
  color:#A95400!important;
}
.products-page .edit-btn:hover{
  background:#D97706!important;
  border-color:#D97706!important;
  color:#FFFFFF!important;
}
.products-page .file-btn{
  background:#EAF2FF!important;
  border-color:#BFD6FF!important;
  color:#0E4FAF!important;
}
.products-page .file-btn:hover{
  background:#1769E0!important;
  border-color:#1769E0!important;
  color:#FFFFFF!important;
}
.products-page .delete-btn{
  background:#FFF0F2!important;
  border-color:#E5A8AF!important;
  color:#A91F2D!important;
}
.products-page .delete-btn:hover{
  background:#D32F3F!important;
  border-color:#D32F3F!important;
  color:#FFFFFF!important;
}
.products-page .status-published,
.products-page .status-active,
.products-page .status-available,
.products-page .status-enabled{
  background:#EAF2FF!important;
  border-color:#BFD6FF!important;
  color:#0E4FAF!important;
}

/* --- MENU: white text as requested --- */
.side-menu,
.side-menu span,
.side-menu i,
.side-menu svg,
.side-menu .menu-text,
.menu-item,
.menu-item span,
.menu-item i,
.menu-item svg,
.menu-link,
.menu-link span,
.menu-link i,
.menu-link svg,
.nav-link,
.nav-link span,
.nav-link i,
.nav-link svg,
.sidebar a,
.sidebar a span,
.sidebar a i,
.sidebar a svg,
.side-submenu-link,
.side-submenu-link span,
.side-submenu-link i,
.side-submenu-link svg{
  color:#FFFFFF!important;
  fill:#FFFFFF!important;
  stroke:#FFFFFF!important;
}

/* Menu base: blue surface, white labels */
.side-menu,
.menu-item,
.menu-link,
.sidebar a,
.side-submenu-link{
  background:#1769E0!important;
  border-color:#1769E0!important;
}

/* Menu active: darker blue, still white text */
.side-menu.active,
.side-menu.is-active,
.menu-item.active,
.menu-link.active,
.nav-item.active>a,
.nav-link.active,
.sidebar a.active,
.sidebar .active,
.side-submenu-link.active{
  background:#0E4FAF!important;
  border-color:#0E4FAF!important;
  color:#FFFFFF!important;
  box-shadow:none;
}

/* Menu hover: lighter blue, white text */
.side-menu:hover,
.menu-item:hover,
.menu-link:hover,
.nav-link:hover,
.sidebar a:hover,
.side-submenu-link:hover{
  background:#2D7BE8!important;
  border-color:#2D7BE8!important;
  color:#FFFFFF!important;
}

/* Neutralize menu/icon legacy teal and green */
.side-icon,.menu-icon,.nav-icon{
  color:#FFFFFF!important;
  background:#0E4FAF!important;
  border-color:#0E4FAF!important;
}

/* No green status colors anywhere in the public-facing UI. */
.badge.success,.badge.active,.status-active,.is-enabled,.is-on,.on,.badge.approved,.kyc-ok,
.badge-success,.badge-active,.status-success,.status-approved,
.status-available,.status-published,.status-enabled,.published,.enabled{
  background:#EAF2FF!important;
  border-color:#BFD6FF!important;
  color:#0E4FAF!important;
}

/* No gradient images. */
*{
  background-image:none!important;
}


/* ================================================================
   DIGITALHUB V20 — PROFESSIONAL SIDEBAR / MENU
   WHITE SIDEBAR • BLACK READABLE TEXT • LIGHT SECONDARY TEXT
   NO GREEN / NO TEAL • NO FULL BLUE MENU BLOCKS
   ================================================================ */

/* Sidebar itself — white, never navy/black/green */
html body .ah-sidebar,
html body .uh-sidebar{
  background:#FFFFFF!important;
  background-image:none!important;
  color:#111111!important;
  border-right:1px solid #E3E6EA!important;
  box-shadow:none;
  padding:18px 14px 24px!important;
}

/* Welcome panel */
html body .ah-welcome,
html body .uh-welcome{
  background:#FFFFFF!important;
  background-image:none!important;
  color:#111111!important;
  border:1px solid #E1E5E9!important;
  box-shadow:none;
}
html body .ah-welcome-label,
html body .uh-welcome-label,
html body .ah-side-title,
html body .uh-side-title{
  color:#8A9198!important;
}
html body .ah-welcome strong,
html body .uh-welcome strong{
  color:#111111!important;
}

/* Online indicator uses blue, not green */
html body .ah-online-badge{
  background:#EAF2FF!important;
  border:1px solid #C6DBFF!important;
  color:#1769E0!important;
}
html body .ah-online-dot,
html body .uh-online-dot,
html body .uh-avatar-status{
  background:#1769E0!important;
}

/* Menu group heading */
html body .ah-side-title,
html body .uh-side-title{
  padding:4px 10px 10px!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}

/* Every normal menu item = white with readable black text */
html body .ah-sidebar .side-menu,
html body .uh-sidebar .side-menu{
  min-height:46px!important;
  margin:2px 0!important;
  padding:0 10px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  background:#FFFFFF!important;
  background-image:none!important;
  color:#111111!important;
  box-shadow:none;
  font-size:13px!important;
  font-weight:700!important;
}

/* Make all readable menu content black */
html body .ah-sidebar .side-menu .side-label,
html body .uh-sidebar .side-menu .side-label,
html body .ah-sidebar .side-menu span,
html body .uh-sidebar .side-menu span,
html body .ah-sidebar .side-menu svg,
html body .uh-sidebar .side-menu svg,
html body .ah-sidebar .side-menu i,
html body .uh-sidebar .side-menu i{
  color:#111111!important;
  fill:none!important;
  stroke:currentColor!important;
}

/* Secondary/non-reading UI = soft grey */
html body .ah-sidebar .side-chevron,
html body .uh-sidebar .side-chevron,
html body .ah-sidebar .ah-child-link,
html body .uh-sidebar .ah-child-link,
html body .ah-sidebar .side-submenu-link,
html body .uh-sidebar .side-submenu-link{
  color:#8A9198!important;
}

/* Menu icon: quiet grey tile + blue icon */
html body .ah-sidebar .side-icon,
html body .uh-sidebar .side-icon{
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
  border-radius:9px!important;
  background:#F4F6F8!important;
  border:1px solid #E5E8EC!important;
  color:#1769E0!important;
  box-shadow:none;
}
html body .ah-sidebar .side-icon svg,
html body .uh-sidebar .side-icon svg{
  color:#1769E0!important;
  stroke:#1769E0!important;
}

/* Hover = very light neutral blue, not a blue block */
html body .ah-sidebar .side-menu:hover,
html body .uh-sidebar .side-menu:hover{
  background:#F5F8FC!important;
  border-color:#DFE7F2!important;
  color:#111111!important;
}
html body .ah-sidebar .side-menu:hover .side-label,
html body .uh-sidebar .side-menu:hover .side-label,
html body .ah-sidebar .side-menu:hover span,
html body .uh-sidebar .side-menu:hover span{
  color:#111111!important;
}

/* Active = subtle light blue, black readable text, blue accent only */
html body .ah-sidebar .side-menu.active,
html body .ah-sidebar .side-menu.is-active,
html body .uh-sidebar .side-menu.active,
html body .uh-sidebar .side-menu.is-active{
  background:#EAF2FF!important;
  border:1px solid #CFE0FA!important;
  color:#111111!important;
  box-shadow:none;
}
html body .ah-sidebar .side-menu.active .side-label,
html body .ah-sidebar .side-menu.active span,
html body .ah-sidebar .side-menu.active .side-chevron,
html body .ah-sidebar .side-menu.is-active .side-label,
html body .uh-sidebar .side-menu.active .side-label,
html body .uh-sidebar .side-menu.active span,
html body .uh-sidebar .side-menu.active .side-chevron,
html body .uh-sidebar .side-menu.is-active .side-label{
  color:#111111!important;
}
html body .ah-sidebar .side-menu.active .side-icon,
html body .ah-sidebar .side-menu.is-active .side-icon,
html body .uh-sidebar .side-menu.active .side-icon,
html body .uh-sidebar .side-menu.is-active .side-icon{
  background:#DCEAFF!important;
  border-color:#C2D9FF!important;
  color:#1769E0!important;
}

/* Child menus */
html body .ah-sidebar .ah-child-menu,
html body .uh-sidebar .side-submenu{
  border-left:1px solid #E5E8EC!important;
}
html body .ah-sidebar .ah-child-link,
html body .uh-sidebar .side-submenu-link{
  background:#FFFFFF!important;
  color:#6F7780!important;
}
html body .ah-sidebar .ah-child-link:hover,
html body .uh-sidebar .side-submenu-link:hover{
  background:#F7F9FB!important;
  color:#111111!important;
}
html body .ah-sidebar .ah-child-link.active,
html body .uh-sidebar .side-submenu-link.active{
  background:#F0F5FC!important;
  color:#1769E0!important;
  font-weight:800!important;
}

/* Logout remains the only strong red menu action */
html body .ah-sidebar .nav-logout,
html body .uh-sidebar .nav-logout{
  margin-top:10px!important;
  background:#D32F3F!important;
  border-color:#D32F3F!important;
  color:#FFFFFF!important;
  box-shadow:none;
}
html body .ah-sidebar .nav-logout:hover,
html body .uh-sidebar .nav-logout:hover{
  background:#A91F2D!important;
  border-color:#A91F2D!important;
}
html body .ah-sidebar .nav-logout .side-label,
html body .uh-sidebar .nav-logout .side-label,
html body .ah-sidebar .nav-logout span,
html body .uh-sidebar .nav-logout span,
html body .ah-sidebar .nav-logout svg,
html body .uh-sidebar .nav-logout svg{
  color:#FFFFFF!important;
  stroke:#FFFFFF!important;
  fill:none!important;
}
html body .ah-sidebar .nav-logout .side-icon,
html body .uh-sidebar .nav-logout .side-icon{
  background:rgba(255,255,255,.14)!important;
  border-color:rgba(255,255,255,.20)!important;
  color:#FFFFFF!important;
}

/* Never allow a legacy dark shell rule to repaint the sidebar. */
html body .ah-sidebar *,
html body .uh-sidebar *{
  text-shadow:none!important;
}


/* ================================================================
   DIGITALHUB V21 — FIXED APP SHELL
   Header + sidebar stay fixed while page content scrolls.
   Mobile sidebar remains a fixed overlay panel.
   ================================================================ */

/* Fixed topbar: never scroll away */
html body .ah-topbar,
html body .uh-topbar{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  height:var(--dh-header)!important;
  min-height:var(--dh-header)!important;
  z-index:5000!important;
  background:#FFFFFF!important;
  background-image:none!important;
  border-bottom:1px solid #E3E6EA!important;
  box-shadow:none;
  transform:none!important;
}

/* Fixed sidebar: independent of page scrolling */
html body .ah-sidebar,
html body .uh-sidebar{
  position:fixed!important;
  left:0!important;
  top:var(--dh-header)!important;
  bottom:0!important;
  width:var(--dh-sidebar)!important;
  height:calc(100vh - var(--dh-header))!important;
  max-height:calc(100vh - var(--dh-header))!important;
  z-index:4000!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  background:#FFFFFF!important;
  background-image:none!important;
  border-right:1px solid #E3E6EA!important;
  box-shadow:none;
  transform:translateZ(0)!important;
  will-change:transform!important;
}

/* Prevent any ancestor scroll/transform from visually clipping fixed shell. */
html,body{
  min-height:100%!important;
  overflow-x:hidden!important;
}
body{
  padding-top:var(--dh-header)!important;
}

/* Main content starts below the fixed header and beside fixed sidebar */
body:has(.ah-sidebar) .container,
body:has(.ah-sidebar) main,
body:has(.ah-sidebar) .req-wrap,
body:has(.ah-sidebar) .verified-kyc-wrap,
body:has(.ah-sidebar) .login-shell,
body:has(.ah-sidebar) .sys-page,
body:has(.ah-sidebar) .ws-page,
body:has(.uh-sidebar) .container,
body:has(.uh-sidebar) main,
body:has(.uh-sidebar) .lb2-page,
body:has(.uh-sidebar) .dh-leaderboard,
body:has(.uh-sidebar) .login-page{
  margin-top:0!important;
}

/* Overlay must sit below fixed header but above page content. */
html body .ah-overlay,
html body .uh-overlay{
  position:fixed!important;
  inset:var(--dh-header) 0 0 0!important;
  z-index:3500!important;
}

/* Sidebar gets its own internal scroll, not page scroll. */
html body .ah-sidebar,
html body .uh-sidebar{
  scrollbar-width:thin;
  scrollbar-color:#D5DAE0 transparent;
}
html body .ah-sidebar::-webkit-scrollbar,
html body .uh-sidebar::-webkit-scrollbar{
  width:6px;
}
html body .ah-sidebar::-webkit-scrollbar-thumb,
html body .uh-sidebar::-webkit-scrollbar-thumb{
  background:#D5DAE0!important;
  border-radius:999px!important;
}

/* Mobile: fixed header remains visible; sidebar slides without moving header. */
@media(max-width:900px){
  :root{
    --dh-header:64px;
    --dh-sidebar:264px;
  }

  html body{
    padding-top:var(--dh-header)!important;
  }

  html body .ah-topbar,
  html body .uh-topbar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:5000!important;
  }

  html body .ah-sidebar,
  html body .uh-sidebar{
    position:fixed!important;
    top:var(--dh-header)!important;
    left:0!important;
    bottom:0!important;
    width:min(var(--dh-sidebar),88vw)!important;
    height:calc(100dvh - var(--dh-header))!important;
    max-height:calc(100dvh - var(--dh-header))!important;
    z-index:4000!important;
    transform:translate3d(-105%,0,0)!important;
    transition:transform .22s ease!important;
  }

  html body .ah-sidebar.open,
  html body .uh-sidebar.open{
    transform:translate3d(0,0,0)!important;
  }

  html body .ah-overlay,
  html body .uh-overlay{
    inset:var(--dh-header) 0 0 0!important;
    z-index:3500!important;
  }

  /* Do not let mobile content push/cover the fixed shell. */
  body:has(.ah-sidebar) .container,
  body:has(.ah-sidebar) main,
  body:has(.ah-sidebar) .req-wrap,
  body:has(.ah-sidebar) .verified-kyc-wrap,
  body:has(.ah-sidebar) .sys-page,
  body:has(.ah-sidebar) .ws-page,
  body:has(.uh-sidebar) .container,
  body:has(.uh-sidebar) main,
  body:has(.uh-sidebar) .lb2-page,
  body:has(.uh-sidebar) .dh-leaderboard,
  body:has(.uh-sidebar) .login-page{
    margin-left:0!important;
  }
}

/* Desktop sidebar stays permanently fixed while the document scrolls. */
@media(min-width:901px){
  html body .ah-sidebar,
  html body .uh-sidebar{
    transform:none!important;
  }
}


/* ================================================================
   DIGITALHUB V22 — DUAL BLUE + YELLOW TYPOGRAPHY
   DARK READABLE TEXT ON LIGHT BACKGROUNDS
   REMOVE BLACK MENU / ICON HOVER BACKGROUNDS
   ================================================================ */

/* Core readable typography on white/light surfaces */
html body,
html body .container,
html body main,
html body .main-content,
html body .page-wrapper,
html body .page-shell,
html body .card,
html body .panel,
html body .section,
html body .table-wrap,
html body .modal-content,
html body .form-card,
html body .products-card,
html body .products-table-wrap{
  color:#171717!important;
}

/* Body copy / descriptions: dark and readable */
html body p,
html body .description,
html body .desc,
html body .subtitle,
html body .subtext,
html body .helper-text,
html body .muted,
html body .text-muted,
html body .card-description,
html body .products-description,
html body .products-hero p,
html body .page-description,
html body .form-help,
html body small{
  color:#3F454B!important;
}

/* Main headings: blue */
html body h1,
html body h2,
html body h3,
html body h4,
html body .page-title,
html body .section-title,
html body .card-title,
html body .modal-title,
html body .products-hero h1,
html body .products-page h1{
  color:#1769E0!important;
}

/* Dual-color title: first/primary word blue, highlighted word yellow.
   Existing markup can use .title-blue / .title-yellow; common highlight spans
   are also covered without changing normal body text. */
html body .title-blue,
html body .heading-blue,
html body .text-blue,
html body .blue-title{
  color:#1769E0!important;
}
html body .title-yellow,
html body .heading-yellow,
html body .text-yellow,
html body .yellow-title,
html body .products-hero h1 .highlight,
html body .products-hero h1 .yellow,
html body .products-page h1 .highlight,
html body .products-page h1 .yellow{
  color:#F2B900!important;
}

/* Catalog / Edit Product visual pattern from supplied reference:
   "Edit" blue + "Product" yellow. */
html body .products-page .products-hero h1 .first-word,
html body .products-page .products-hero h1 .title-primary{
  color:#1769E0!important;
}
html body .products-page .products-hero h1 .second-word,
html body .products-page .products-hero h1 .title-accent{
  color:#F2B900!important;
}

/* Kicker/eyebrow remains subtle, but dark enough on white */
html body .kicker,
html body .eyebrow,
html body .products-kicker,
html body .section-kicker{
  color:#626A72!important;
}

/* Labels and table headings are dark, not washed-out grey */
html body label,
html body th,
html body .table-head,
html body .field-label,
html body .form-label,
html body .stat-label{
  color:#343A40!important;
}

/* Inputs on white: readable dark text and subtle placeholder */
html body input,
html body textarea,
html body select{
  color:#171717!important;
  background:#FFFFFF!important;
  border-color:#D8DDE3!important;
}
html body input::placeholder,
html body textarea::placeholder{
  color:#8A9198!important;
  opacity:1!important;
}

/* ------------------------------------------------
   MENU / ICON HOVER — NEVER BLACK
   ------------------------------------------------ */
html body .ah-sidebar .side-menu:hover,
html body .uh-sidebar .side-menu:hover,
html body .ah-sidebar .side-icon:hover,
html body .uh-sidebar .side-icon:hover,
html body .ah-sidebar .side-menu:hover .side-icon,
html body .uh-sidebar .side-menu:hover .side-icon{
  background:#F5F8FC!important;
  border-color:#DCE5F0!important;
  color:#171717!important;
  box-shadow:none;
}

/* Hovered menu text stays dark */
html body .ah-sidebar .side-menu:hover .side-label,
html body .ah-sidebar .side-menu:hover span,
html body .uh-sidebar .side-menu:hover .side-label,
html body .uh-sidebar .side-menu:hover span{
  color:#171717!important;
}

/* Hovered icons stay blue, with a light background — no black tile */
html body .ah-sidebar .side-menu:hover .side-icon,
html body .uh-sidebar .side-menu:hover .side-icon{
  background:#EEF5FF!important;
  border-color:#D5E5FF!important;
  color:#1769E0!important;
}
html body .ah-sidebar .side-menu:hover .side-icon svg,
html body .uh-sidebar .side-menu:hover .side-icon svg{
  color:#1769E0!important;
  stroke:#1769E0!important;
}

/* Active menu: subtle blue background, dark text */
html body .ah-sidebar .side-menu.active,
html body .ah-sidebar .side-menu.is-active,
html body .uh-sidebar .side-menu.active,
html body .uh-sidebar .side-menu.is-active{
  background:#EAF2FF!important;
  border-color:#CFE0FA!important;
  color:#171717!important;
  box-shadow:none;
}
html body .ah-sidebar .side-menu.active .side-label,
html body .ah-sidebar .side-menu.active span,
html body .uh-sidebar .side-menu.active .side-label,
html body .uh-sidebar .side-menu.active span{
  color:#171717!important;
}

/* Menu normal state: clean white */
html body .ah-sidebar .side-menu,
html body .uh-sidebar .side-menu{
  background:#FFFFFF!important;
  color:#171717!important;
}

/* Remove any dark/black background from generic icon tiles */
html body .ah-sidebar .side-icon,
html body .uh-sidebar .side-icon{
  background:#F4F6F8!important;
  border-color:#E5E8EC!important;
  color:#1769E0!important;
}

/* Secondary menu details: light grey */
html body .ah-sidebar .side-chevron,
html body .uh-sidebar .side-chevron,
html body .ah-sidebar .ah-child-link,
html body .uh-sidebar .ah-child-link,
html body .ah-sidebar .side-submenu-link,
html body .uh-sidebar .side-submenu-link{
  color:#7D858D!important;
}

/* Keep logout as an intentional red action; its white text is readable */
html body .ah-sidebar .nav-logout,
html body .uh-sidebar .nav-logout{
  color:#FFFFFF!important;
}
html body .ah-sidebar .nav-logout .side-label,
html body .ah-sidebar .nav-logout span,
html body .uh-sidebar .nav-logout .side-label,
html body .uh-sidebar .nav-logout span{
  color:#FFFFFF!important;
}

/* Light surfaces must not use low-contrast text */
html body [style*="background:#fff"] p,
html body [style*="background: #fff"] p,
html body [style*="background:white"] p,
html body [style*="background: white"] p{
  color:#3F454B!important;
}

/* Remove dark hover treatment on common clickable light cards/buttons,
   while preserving semantic colored action buttons. */
html body .card:hover,
html body .panel:hover,
html body .table-row:hover{
  color:#171717!important;
}

/* No black strip behind cards */
html body .products-summary,
html body .products-summary::before,
html body .products-summary::after{
  background:#FFFFFF!important;
  background-image:none!important;
}


/* ================================================================
   DIGITALHUB V24 — FLAT WHITE DASHBOARD / NO GRADIENT REFERENCES
   ================================================================ */
html body .dh-admin-dashboard,
html body .dh-admin-dashboard .dh-dash-hero,
html body .dh-admin-dashboard .dh-kpi-card,
html body .dh-admin-dashboard .dh-panel,
html body .dh-admin-dashboard .dh-quick-card{
  background:#FFFFFF!important;
  background-image:none!important;
  border-color:#DCE2E7!important;
  box-shadow:none;
  color:#171717!important;
}
html body .dh-admin-dashboard .dh-dash-hero:after,
html body .dh-admin-dashboard .dh-kpi-card:after{
  display:none!important;
}
html body .dh-admin-dashboard .dh-dash-hero h1,
html body .dh-admin-dashboard .dh-panel h2,
html body .dh-admin-dashboard .dh-kpi-value,
html body .dh-admin-dashboard .dh-product-main strong,
html body .dh-admin-dashboard .dh-order-main strong,
html body .dh-admin-dashboard .dh-product-revenue,
html body .dh-admin-dashboard .dh-chart-summary strong,
html body .dh-admin-dashboard .dh-chart-side-stat strong,
html body .dh-admin-dashboard .dh-empty-state strong,
html body .dh-admin-dashboard .dh-quick-card strong{
  color:#171717!important;
}
html body .dh-admin-dashboard .dh-dash-hero p,
html body .dh-admin-dashboard .dh-chart-summary span,
html body .dh-admin-dashboard .dh-chart-labels,
html body .dh-admin-dashboard .dh-chart-side-stat span,
html body .dh-admin-dashboard .dh-product-main span,
html body .dh-admin-dashboard .dh-order-main span,
html body .dh-admin-dashboard .dh-quick-card small{
  color:#4B535A!important;
}
html body .dh-admin-dashboard .dh-bar-stack .order{
  background:#1769E0!important;box-shadow:none;
}
html body .dh-admin-dashboard .dh-bar-stack .user{
  background:#F2B900!important;box-shadow:none;
}
html body .dh-admin-dashboard .dh-legend .pink{
  background:#F2B900!important;
}
html body .dh-admin-dashboard .dh-chart-side-stat .pink-number{
  color:#B77900!important;
}
html body .dh-admin-dashboard .dh-product-progress{
  background:#EEF1F4!important;
}
html body .dh-admin-dashboard .dh-product-progress i{
  background:#1769E0!important;
}

/* Flat UI everywhere — do not paint surfaces with gradients. */
html body *,html body *::before,html body *::after{
  background-image:none!important;
}


/* ================================================================
   DIGITALHUB V25 — FINAL ADVANCED UI/UX SYSTEM
   NO SHADOW • NO GLOW • NO GRADIENT
   BLUE + YELLOW DUAL HEADINGS
   WHITE BUTTON ICONS
   RED LOGOUT + WHITE TEXT
   ================================================================ */

/* ---------- GLOBAL: absolutely no shadow/glow/gradient ---------- */
html body,
html body *{
  text-shadow:none!important;
  filter:none!important;
}

html body *,
html body *::before,
html body *::after{
  box-shadow:none;
  background-image:none!important;
}

/* Keep only solid backgrounds; no gradient syntax anywhere. */
html body{
  background:#FFFFFF!important;
  color:#171717!important;
}

/* ---------- READABLE TYPOGRAPHY ---------- */
html body,
html body p,
html body .description,
html body .desc,
html body .subtitle,
html body .subtext,
html body .helper-text,
html body .card-description,
html body .page-description,
html body .form-help{
  color:#30363B!important;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body .page-title,
html body .section-title,
html body .card-title,
html body .modal-title{
  color:#1769E0!important;
}

/* Dual heading helpers */
html body .title-blue,
html body .heading-blue,
html body .text-blue,
html body .blue-title,
html body .title-primary{
  color:#1769E0!important;
}

html body .title-yellow,
html body .heading-yellow,
html body .text-yellow,
html body .yellow-title,
html body .title-accent,
html body .title-secondary,
html body .highlight{
  color:#F2B900!important;
}

/* Broad title highlighting for common title markup */
html body h1 span:last-child,
html body h2 span:last-child,
html body .page-title span:last-child,
html body .section-title span:last-child,
html body .card-title span:last-child{
  color:#F2B900!important;
}

/* ---------- ALL BUTTON ICONS = WHITE ---------- */
html body button svg,
html body a[role="button"] svg,
html body .btn svg,
html body .button svg,
html body .action-btn svg,
html body .save-btn svg,
html body .update-btn svg,
html body .delete-btn svg,
html body .edit-btn svg,
html body .cancel-btn svg,
html body .yes-btn svg,
html body .confirm-btn svg,
html body .add-btn svg,
html body .submit-btn svg,
html body .primary-btn svg{
  color:#FFFFFF!important;
  stroke:#FFFFFF!important;
  fill:none!important;
}

html body button i,
html body button .icon,
html body .btn i,
html body .button i,
html body .action-btn i,
html body .save-btn i,
html body .update-btn i,
html body .delete-btn i,
html body .edit-btn i,
html body .cancel-btn i,
html body .yes-btn i,
html body .confirm-btn i,
html body .add-btn i,
html body .submit-btn i,
html body .primary-btn i{
  color:#FFFFFF!important;
}

/* Icon pseudo-elements used by older buttons */
html body .btn::before,
html body .btn::after,
html body .button::before,
html body .button::after{
  color:#FFFFFF!important;
}

/* ---------- SEMANTIC BUTTONS: solid colors, no effects ---------- */
html body .save-btn,
html body .update-btn,
html body .submit-btn,
html body .primary-btn,
html body .yes-btn,
html body .confirm-btn,
html body .add-btn{
  background:#1769E0!important;
  border:1px solid #1769E0!important;
  color:#FFFFFF!important;
}

html body .save-btn:hover,
html body .update-btn:hover,
html body .submit-btn:hover,
html body .primary-btn:hover,
html body .yes-btn:hover,
html body .confirm-btn:hover,
html body .add-btn:hover{
  background:#0E4FAF!important;
  border-color:#0E4FAF!important;
  color:#FFFFFF!important;
}

html body .edit-btn{
  background:#D97706!important;
  border-color:#D97706!important;
  color:#FFFFFF!important;
}

html body .edit-btn:hover{
  background:#A95400!important;
  border-color:#A95400!important;
  color:#FFFFFF!important;
}

html body .delete-btn{
  background:#D32F3F!important;
  border-color:#D32F3F!important;
  color:#FFFFFF!important;
}

html body .delete-btn:hover{
  background:#A91F2D!important;
  border-color:#A91F2D!important;
  color:#FFFFFF!important;
}

html body .cancel-btn{
  background:#171717!important;
  border-color:#171717!important;
  color:#FFFFFF!important;
}

html body .cancel-btn:hover{
  background:#000000!important;
  border-color:#000000!important;
  color:#FFFFFF!important;
}

/* ---------- LOGOUT: MUST BE RED + WHITE ---------- */
html body .nav-logout,
html body .logout-btn,
html body .logout-button,
html body a.logout,
html body button.logout,
html body .topbar-logout,
html body .header-logout{
  background:#D32F3F!important;
  border:1px solid #D32F3F!important;
  color:#FFFFFF!important;
}

html body .nav-logout:hover,
html body .logout-btn:hover,
html body .logout-button:hover,
html body a.logout:hover,
html body button.logout:hover,
html body .topbar-logout:hover,
html body .header-logout:hover{
  background:#A91F2D!important;
  border-color:#A91F2D!important;
  color:#FFFFFF!important;
}

html body .nav-logout *,
html body .logout-btn *,
html body .logout-button *,
html body a.logout *,
html body button.logout *,
html body .topbar-logout *,
html body .header-logout *{
  color:#FFFFFF!important;
  stroke:#FFFFFF!important;
  fill:none!important;
}

/* ---------- FIXED SHELL: clean, flat, no shadow ---------- */
html body .ah-topbar,
html body .uh-topbar{
  background:#FFFFFF!important;
  border-bottom:1px solid #E1E5E9!important;
  box-shadow:none;
}

html body .ah-sidebar,
html body .uh-sidebar{
  background:#FFFFFF!important;
  border-right:1px solid #E1E5E9!important;
  box-shadow:none;
}

/* ---------- MENU: readable and flat ---------- */
html body .ah-sidebar .side-menu,
html body .uh-sidebar .side-menu{
  background:#FFFFFF!important;
  border:1px solid transparent!important;
  color:#171717!important;
  box-shadow:none;
}

html body .ah-sidebar .side-menu:hover,
html body .uh-sidebar .side-menu:hover{
  background:#F3F7FC!important;
  border-color:#DDE7F3!important;
  color:#171717!important;
  box-shadow:none;
}

html body .ah-sidebar .side-menu.active,
html body .ah-sidebar .side-menu.is-active,
html body .uh-sidebar .side-menu.active,
html body .uh-sidebar .side-menu.is-active{
  background:#EAF2FF!important;
  border-color:#CFE0FA!important;
  color:#171717!important;
  box-shadow:none;
}

/* Menu icon tiles are light — never black */
html body .ah-sidebar .side-icon,
html body .uh-sidebar .side-icon{
  background:#F3F6F9!important;
  border:1px solid #E1E6EB!important;
  color:#1769E0!important;
  box-shadow:none;
}

html body .ah-sidebar .side-menu:hover .side-icon,
html body .uh-sidebar .side-menu:hover .side-icon,
html body .ah-sidebar .side-menu.active .side-icon,
html body .uh-sidebar .side-menu.active .side-icon{
  background:#EEF5FF!important;
  border-color:#D7E5F8!important;
  color:#1769E0!important;
  box-shadow:none;
}

/* ---------- CARDS / PANELS: white + grey border only ---------- */
html body .card,
html body .panel,
html body .container-card,
html body .products-card,
html body .products-table-wrap,
html body .form-card,
html body .modal-content{
  background:#FFFFFF!important;
  border:1px solid #DDE2E7!important;
  box-shadow:none;
}

/* ---------- STATUS ---------- */
html body .status-active,
html body .status-available,
html body .status-published,
html body .status-enabled{
  background:#EAF2FF!important;
  border:1px solid #CFE0FA!important;
  color:#0E4FAF!important;
}
html body .status-inactive,
html body .status-unavailable,
html body .status-unpublished,
html body .status-disabled{
  background:#FFF0F2!important;
  border:1px solid #E5B2B8!important;
  color:#A91F2D!important;
}

/* ---------- Inputs: flat and readable ---------- */
html body input,
html body textarea,
html body select{
  background:#FFFFFF!important;
  color:#171717!important;
  border:1px solid #D8DDE3!important;
  box-shadow:none;
}
html body input:focus,
html body textarea:focus,
html body select:focus{
  border-color:#1769E0!important;
  outline:2px solid #EAF2FF!important;
  box-shadow:none;
}

/* No hover glow on anything */
html body a:hover,
html body button:hover,
html body input:hover,
html body textarea:hover,
html body select:hover{
  box-shadow:none;
  filter:none!important;
}

/* No dark card strip */
html body .products-summary,
html body .products-summary::before,
html body .products-summary::after{
  background:#FFFFFF!important;
  box-shadow:none;
}

/* ================================================================
   V26 — LOGOUT BUTTON FINAL OVERRIDE
   Sidebar + Admin/User Topbar: SOLID RED, WHITE TEXT + ICON
   ================================================================ */
html body .ah-topbar .ah-auth,
html body .uh-topbar .uh-auth,
html body .ah-auth,
html body .uh-auth,
html body .ah-sidebar .nav-logout,
html body .uh-sidebar .nav-logout{
  background:#D32F3F!important;
  background-image:none!important;
  border:1px solid #D32F3F!important;
  color:#FFFFFF!important;
  box-shadow:none!important;
  text-shadow:none!important;
}

html body .ah-topbar .ah-auth:hover,
html body .uh-topbar .uh-auth:hover,
html body .ah-auth:hover,
html body .uh-auth:hover,
html body .ah-sidebar .nav-logout:hover,
html body .uh-sidebar .nav-logout:hover{
  background:#A91F2D!important;
  background-image:none!important;
  border-color:#A91F2D!important;
  color:#FFFFFF!important;
  box-shadow:none!important;
}

html body .ah-topbar .ah-auth svg,
html body .uh-topbar .uh-auth svg,
html body .ah-auth svg,
html body .uh-auth svg,
html body .ah-sidebar .nav-logout svg,
html body .uh-sidebar .nav-logout svg,
html body .ah-sidebar .nav-logout .side-icon,
html body .uh-sidebar .nav-logout .side-icon{
  color:#FFFFFF!important;
  stroke:#FFFFFF!important;
  fill:none!important;
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.22)!important;
}

html body .ah-topbar .ah-auth span,
html body .uh-topbar .uh-auth span,
html body .ah-auth span,
html body .uh-auth span,
html body .ah-sidebar .nav-logout span,
html body .uh-sidebar .nav-logout span,
html body .ah-sidebar .nav-logout .side-label,
html body .uh-sidebar .nav-logout .side-label{
  color:#FFFFFF!important;
}


/* ================================================================
   V27 — AFFILIATE SETTINGS / ADVANCED UI UX
   Clean white layout • blue/yellow headings • flat cards
   No gradients • no shadows • responsive mobile/tablet
   ================================================================ */

html body .affiliate-settings-page{
  max-width:1280px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:26px 24px 52px!important;
  color:#171717!important;
}

html body .affiliate-settings-page .hero{
  background:#FFFFFF!important;
  border:1px solid #DCE2E8!important;
  border-radius:20px!important;
  padding:28px 30px!important;
  margin-bottom:18px!important;
  box-shadow:none!important;
}

html body .affiliate-settings-page .hero .eyebrow{
  color:#68727B!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.16em!important;
  margin:0 0 7px!important;
}

html body .affiliate-settings-page .hero h1.dh-dual-title{
  margin:0!important;
  font-size:34px!important;
  line-height:1.15!important;
  letter-spacing:-.025em!important;
  font-weight:800!important;
}

html body .affiliate-settings-page .dh-title-blue{
  color:#1769E0!important;
}
html body .affiliate-settings-page .dh-title-yellow{
  color:#F2B900!important;
}

html body .affiliate-settings-page .hero > p:last-child{
  color:#454C53!important;
  margin:9px 0 0!important;
  max-width:760px!important;
  font-size:14px!important;
  line-height:1.65!important;
}

html body .affiliate-settings-page .settings-card{
  background:#FFFFFF!important;
  border:1px solid #DCE2E8!important;
  border-radius:18px!important;
  padding:22px!important;
  margin-top:16px!important;
  box-shadow:none!important;
}

html body .affiliate-settings-page .settings-card-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:20px!important;
  padding-bottom:15px!important;
  margin-bottom:15px!important;
  border-bottom:1px solid #E8EBEE!important;
}

html body .affiliate-settings-page .settings-card-head h2.dh-dual-section-title{
  margin:2px 0 5px!important;
  font-size:21px!important;
  line-height:1.25!important;
  font-weight:800!important;
  color:#171717!important;
}

html body .affiliate-settings-page .settings-kicker{
  color:#6B747C!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.15em!important;
  margin:0!important;
}

html body .affiliate-settings-page .settings-card-head .muted{
  color:#596169!important;
  font-size:12px!important;
  margin:0!important;
  line-height:1.5!important;
}

html body .affiliate-settings-page .settings-burst{
  color:#7B838B!important;
  background:#F6F8FA!important;
  border:1px solid #E1E5E9!important;
  border-radius:8px!important;
  font-size:9px!important;
  padding:6px 8px!important;
}

/* Mode selector — three clean selectable cards */
html body .affiliate-settings-page .affiliate-mode-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:13px!important;
}

html body .affiliate-settings-page .mode-option{
  position:relative!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  min-height:122px!important;
  padding:16px!important;
  background:#FFFFFF!important;
  border:1px solid #DDE3E8!important;
  border-radius:14px!important;
  color:#171717!important;
  cursor:pointer!important;
  transition:background .16s ease,border-color .16s ease!important;
  box-shadow:none!important;
  transform:none!important;
}

html body .affiliate-settings-page .mode-option:hover{
  background:#F7FAFE!important;
  border-color:#BFD4EE!important;
  transform:none!important;
  box-shadow:none!important;
}

html body .affiliate-settings-page .mode-option:has(input:checked){
  background:#EEF5FF!important;
  border-color:#1769E0!important;
  box-shadow:none!important;
}

html body .affiliate-settings-page .mode-option input{
  flex:0 0 auto!important;
  width:18px!important;
  height:18px!important;
  margin:2px 0 0!important;
  accent-color:#1769E0!important;
}

html body .affiliate-settings-page .mode-option strong{
  display:block!important;
  color:#171717!important;
  font-size:14px!important;
  line-height:1.35!important;
  margin-bottom:6px!important;
}

html body .affiliate-settings-page .mode-option small{
  display:block!important;
  color:#5B636A!important;
  font-size:11px!important;
  line-height:1.55!important;
}

/* Product configuration table */
html body .affiliate-settings-page .affiliate-product-table{
  border:1px solid #DDE3E8!important;
  border-radius:14px!important;
  background:#FFFFFF!important;
  overflow:auto!important;
  box-shadow:none!important;
}

html body .affiliate-settings-page .product-settings-table{
  min-width:920px!important;
  background:#FFFFFF!important;
}

html body .affiliate-settings-page .product-settings-table .sl-col,
html body .affiliate-settings-page .product-settings-table .sl-cell{
  width:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  text-align:center!important;
  white-space:nowrap!important;
}

html body .affiliate-settings-page .product-settings-table th{
  background:#303b60!important;
  color:#FFFFFF!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  padding:13px 14px!important;
  border-bottom:1px solid #DDE3E8!important;
}

html body .affiliate-settings-page .product-settings-table td{
  background:#FFFFFF!important;
  color:#30373D!important;
  padding:15px 14px!important;
  border-bottom:1px solid #E9ECEF!important;
}

html body .affiliate-settings-page .product-settings-table tbody tr:hover td{
  background:#FBFCFD!important;
}

html body .affiliate-settings-page .product-name{
  color:#171717!important;
  font-size:13px!important;
  font-weight:800!important;
}

html body .affiliate-settings-page .product-id{
  color:#8A9198!important;
  font-size:10px!important;
}

html body .affiliate-settings-page .price-cell{
  color:#171717!important;
  font-weight:800!important;
}

html body .affiliate-settings-page .normal-pill{
  background:#FFF8D9!important;
  border:1px solid #F0D56A!important;
  color:#8A6500!important;
  font-weight:800!important;
  padding:5px 9px!important;
}

html body .affiliate-settings-page .field-note{
  color:#818990!important;
}

html body .affiliate-settings-page .income-control{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  min-width:175px!important;
}

html body .affiliate-settings-page .check-line{
  color:#30373D!important;
  font-weight:600!important;
}

html body .affiliate-settings-page .check-line input{
  accent-color:#1769E0!important;
}

html body .affiliate-settings-page .percent-wrap{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
}

html body .affiliate-settings-page .percent-wrap input{
  width:68px!important;
  height:36px!important;
  padding:7px 9px!important;
  border:1px solid #D3D9DE!important;
  border-radius:9px!important;
  background:#FFFFFF!important;
  color:#171717!important;
  font-weight:700!important;
  box-shadow:none!important;
}

html body .affiliate-settings-page .percent-wrap input:focus{
  border-color:#1769E0!important;
  outline:2px solid #EAF2FF!important;
  box-shadow:none!important;
}

html body .affiliate-settings-page .percent-wrap b{
  color:#606970!important;
}

html body .affiliate-settings-page .rule-note{
  display:flex!important;
  gap:9px!important;
  align-items:flex-start!important;
  margin-top:14px!important;
  padding:12px 13px!important;
  background:#F7F9FB!important;
  border:1px solid #E1E5E9!important;
  border-radius:10px!important;
  color:#41484F!important;
  font-size:11px!important;
  line-height:1.55!important;
}

html body .affiliate-settings-page .rule-note strong{
  color:#1769E0!important;
}

html body .affiliate-settings-page .rule-note span{
  color:#555D64!important;
}

html body .affiliate-settings-page .empty-state{
  min-height:170px!important;
  background:#FAFBFC!important;
  border:1px dashed #CBD2D8!important;
  border-radius:12px!important;
}

html body .affiliate-settings-page .empty-state strong{
  color:#171717!important;
}
html body .affiliate-settings-page .empty-state span{
  color:#626A72!important;
}

/* Primary save action */
html body .affiliate-settings-page .save-affiliate-btn{
  width:100%!important;
  min-height:48px!important;
  margin-top:16px!important;
  border-radius:12px!important;
  background:#1769E0!important;
  border:1px solid #1769E0!important;
  color:#FFFFFF!important;
  font-weight:800!important;
  box-shadow:none!important;
}

html body .affiliate-settings-page .save-affiliate-btn:hover{
  background:#0E4FAF!important;
  border-color:#0E4FAF!important;
  color:#FFFFFF!important;
  box-shadow:none!important;
  transform:none!important;
}

html body .affiliate-settings-page .save-affiliate-btn svg,
html body .affiliate-settings-page .save-affiliate-btn i{
  color:#FFFFFF!important;
  stroke:#FFFFFF!important;
}

/* Toast: compact and flat */
html body .affiliate-settings-page + .affiliate-settings-toast,
html body .affiliate-settings-toast{
  box-shadow:none!important;
  filter:none!important;
}

/* Responsive */
@media(max-width:1000px){
  html body .affiliate-settings-page{
    padding:20px 18px 42px!important;
  }
  html body .affiliate-settings-page .affiliate-mode-grid{
    grid-template-columns:1fr!important;
  }
  html body .affiliate-settings-page .mode-option{
    min-height:auto!important;
  }
}

@media(max-width:600px){
  html body .affiliate-settings-page{
    padding:14px 12px 34px!important;
  }
  html body .affiliate-settings-page .hero{
    padding:21px 18px!important;
    border-radius:16px!important;
  }
  html body .affiliate-settings-page .hero h1.dh-dual-title{
    font-size:27px!important;
  }
  html body .affiliate-settings-page .settings-card{
    padding:16px!important;
    border-radius:15px!important;
  }
  html body .affiliate-settings-page .settings-card-head{
    flex-direction:column!important;
    gap:9px!important;
  }
  html body .affiliate-settings-page .settings-burst{
    display:none!important;
  }
  html body .affiliate-settings-page .rule-note{
    flex-direction:column!important;
    gap:3px!important;
  }
}

/* ===== CREATE USER — LIGHT UI/UX REFRESH ===== */
.create-user-page .dh-ambient-surface.panel.form{
    max-width:760px;
    margin:0 auto;
    padding:28px;
    background:#fff;
    border:1px solid #e5eaf1;
    border-radius:16px;
    box-shadow:0 8px 28px rgba(31,41,55,.06);
}
.create-user-page .create-user-title{
    margin-bottom:6px;
    font-size:28px;
}
.create-user-page .create-user-title:after{
    height:2px;
    margin-top:6px;
    background:#dbe7f7;
}
.create-user-page > .dh-ambient-surface > p.muted{
    margin:0 0 22px;
    color:#667085 !important;
    font-size:13px;
}
.create-user-page form > label,
.create-user-page .product-assignment-field > label{
    display:block;
    margin:18px 0 7px;
    color:#25324a;
    font-size:12px;
    font-weight:750;
    letter-spacing:.01em;
}
.create-user-page form > label:first-of-type{
    margin-top:0;
}
.create-user-page .input,
.create-user-page select.input{
    width:100%;
    height:46px;
    padding:0 14px;
    box-sizing:border-box;
    border:1px solid #dbe3ee !important;
    border-radius:10px;
    background:#fbfcfe !important;
    color:#26344b !important;
    font-size:13px;
    box-shadow:none !important;
    transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.create-user-page .input::placeholder{
    color:#98a2b3;
}
.create-user-page .input:focus,
.create-user-page select.input:focus{
    background:#fff !important;
    border-color:#9bbcf0 !important;
    box-shadow:0 0 0 3px rgba(37,99,235,.08) !important;
}
.create-user-page .password-field .input{
    padding-right:50px;
}
.create-user-page .password-eye{
    right:10px;
    color:#667085;
    border-radius:8px;
}
.create-user-page .password-eye:hover{
    background:#f2f6fc;
    color:#1769e0;
}
.create-user-page form > small.muted{
    display:block;
    margin-top:6px;
    color:#7b8798 !important;
    font-size:11px;
    line-height:1.45;
}
.create-user-page .product-assignment-field{
    margin-top:22px;
}
.create-user-page .product-assignment-box{
    border:1px solid #dbe3ee;
    border-radius:12px;
    background:#fbfcfe;
    padding:6px;
}
.create-user-page .product-option{
    min-height:50px;
    padding:8px 10px;
    border-radius:9px;
}
.create-user-page .product-option:hover{
    background:#f5f8fc;
    border-color:#e1e8f2;
}
.create-user-page .product-option:has(input:checked){
    background:#eef5ff;
    border-color:#c9dcfb;
}
.create-user-page .product-option-info strong{
    color:#25324a;
}
.create-user-page .product-meta{
    color:#7b8798;
}
.create-user-page .product-assignment-note{
    color:#7b8798 !important;
}
.create-user-page .btn.btn-primary.full{
    width:100%;
    min-height:46px;
    margin-top:22px;
    border:1px solid #c9dcfb !important;
    border-radius:10px;
    background:#eef5ff !important;
    color:#1769e0 !important;
    box-shadow:none !important;
    font-size:13px;
    font-weight:750;
    transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.create-user-page .btn.btn-primary.full:hover{
    background:#e3efff !important;
    border-color:#b5cff5 !important;
    color:#0e4faf !important;
    transform:translateY(-1px);
}
.create-user-page .success,
.create-user-page .danger{
    border-radius:10px;
    padding:11px 13px;
    font-size:12px;
}
@media(max-width:700px){
    .create-user-page .dh-ambient-surface.panel.form{
        padding:20px 16px;
        border-radius:14px;
    }
    .create-user-page .create-user-title{font-size:24px}
    .create-user-page .input,
    .create-user-page select.input{height:44px}
}


/* ===== CREATE USER — PASSWORD + PRODUCT ASSIGNMENT POLISH ===== */
.create-user-page .password-field{
    position:relative;
    width:100%;
    margin:0;
}
.create-user-page .password-field .input{
    width:100% !important;
    min-height:46px !important;
    height:46px !important;
    padding:0 48px 0 14px !important;
    box-sizing:border-box;
}
.create-user-page .password-eye{
    position:absolute !important;
    top:50% !important;
    right:8px !important;
    bottom:auto !important;
    transform:translateY(-50%);
    width:34px !important;
    height:34px !important;
    min-height:34px !important;
    padding:0 !important;
    margin:0 !important;
    display:grid !important;
    place-items:center !important;
    border:0 !important;
    border-radius:8px !important;
    background:transparent !important;
    color:#7b8798 !important;
    box-shadow:none !important;
    cursor:pointer;
}
.create-user-page .password-eye:hover,
.create-user-page .password-eye:focus-visible{
    background:#f3f6fa !important;
    color:#1769e0 !important;
    outline:none !important;
    transform:translateY(-50%);
}
.create-user-page .password-eye span{
    font-size:16px;
    line-height:1;
}

.create-user-page .product-assignment-box{
    background:#fcfdff !important;
    border:1px solid #e2e8f0 !important;
    border-radius:11px !important;
    padding:5px !important;
}
.create-user-page .product-option{
    background:transparent !important;
    border:1px solid transparent !important;
    color:#344054;
    transition:background .15s ease,border-color .15s ease;
}
.create-user-page .product-option:hover{
    background:#f8fafc !important;
    border-color:#e8edf3 !important;
}
.create-user-page .product-option:has(input:checked){
    background:#f1f6ff !important;
    border-color:#dbe8fb !important;
}
.create-user-page .product-option:has(input:checked):hover{
    background:#edf4ff !important;
    border-color:#d4e3f8 !important;
}
.create-user-page .product-checkmark{
    background:#fff !important;
    border-color:#cbd5e1 !important;
}
.create-user-page .product-option:has(input:checked) .product-checkmark{
    background:#dbeafe !important;
    border-color:#93b8ea !important;
}


/* ===== CREATE USER PASSWORD — SINGLE CLEAN FIELD ===== */
.create-user-page .password-field{
    position:relative !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
.create-user-page .password-field .input{
    display:block !important;
    width:100% !important;
    height:48px !important;
    min-height:48px !important;
    box-sizing:border-box !important;
    padding:0 50px 0 15px !important;
    border:1px solid #d9e2ee !important;
    border-radius:12px !important;
    background:#f8fafc !important;
    color:#26344b !important;
    box-shadow:0 1px 2px rgba(15,23,42,.03) !important;
}
.create-user-page .password-field .input:hover{
    border-color:#cbd7e6 !important;
    background:#fbfcfe !important;
}
.create-user-page .password-field .input:focus{
    border-color:#9bbcf0 !important;
    background:#fff !important;
    box-shadow:0 0 0 3px rgba(37,99,235,.08) !important;
}
.create-user-page .password-eye{
    position:absolute !important;
    top:50% !important;
    right:7px !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
    width:36px !important;
    height:36px !important;
    min-height:36px !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    place-items:center !important;
    border:0 !important;
    border-radius:9px !important;
    background:transparent !important;
    color:#718096 !important;
    box-shadow:none !important;
    cursor:pointer !important;
}
.create-user-page .password-eye:hover,
.create-user-page .password-eye:focus-visible{
    background:#edf4ff !important;
    color:#1769e0 !important;
    outline:none !important;
}
.create-user-page .password-eye-icon{
    width:19px !important;
    height:19px !important;
    display:block !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.7 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
    pointer-events:none !important;
}

/* ===== CREATE USER — PUBLISHED STATUS + GREEN CHECKBOX ===== */
.create-user-page .product-status{
    background:#ecfdf3 !important;
    color:#16803c !important;
    border:1px solid #c9f0d8 !important;
}
.create-user-page .product-check input:checked + .product-checkmark,
.create-user-page .product-option:has(input:checked) .product-checkmark{
    background:#22c55e !important;
    border-color:#16a34a !important;
    box-shadow:none !important;
}
.create-user-page .product-check input:checked + .product-checkmark:after{
    color:#fff !important;
}

/* ===== CREATE USER PASSWORD EYE — BLUE BUTTON + YELLOW ICON ===== */
.create-user-page .password-eye{
    background:#e7f0ff !important;
    color:#f2b600 !important;
    border:1px solid #c8dcfb !important;
    border-radius:9px !important;
    transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.create-user-page .password-eye:hover,
.create-user-page .password-eye:focus-visible{
    background:#d8e8ff !important;
    border-color:#a9c9f5 !important;
    color:#e5a900 !important;
    outline:none !important;
}
.create-user-page .password-eye-icon{
    stroke:currentColor !important;
}

/* ================================================================
   NORMAL FORM ALERTS — FINAL OVERRIDE
   Success/error messages are inline at the top of the form container.
   No floating toast, no auto-dismiss styling.
   ================================================================ */
.universal-flash-toast-stack{
  display:none!important;
}
.universal-flash-toast,
.profile-toast,
.kyc-custom-toast,
.affiliate-settings-toast,
.withdrawal-flash,
.razorpay-flash,
.v-flash,
.kr-toast,
.req-alert,
.kyc-toast,
.system-settings-toast{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
  bottom:auto!important;
  z-index:auto!important;
  width:100%!important;
  max-width:none!important;
  min-height:46px!important;
  margin:0 0 14px!important;
  padding:11px 14px!important;
  box-sizing:border-box!important;
  border-radius:10px!important;
  box-shadow:none!important;
  transform:none!important;
  animation:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  opacity:1!important;
}
.profile-toast-success,
.affiliate-toast-success,
.system-settings-toast-success,
.kyc-toast.success,
.kyc-custom-toast-success,
.v-flash:not(.v-flash-error),
.kr-toast.success,
.req-success,
.success,
.success-box,
.alert-success,
.form-alert.success,
.products-alert.success{
  background:#ECFDF3!important;
  border:1px solid #A7F3D0!important;
  color:#15803D!important;
}
.profile-toast-error,
.affiliate-toast-error,
.system-settings-toast-error,
.kyc-toast.error,
.kyc-custom-toast-error,
.v-flash.v-flash-error,
.kr-toast.error,
.req-error,
.danger,
.error,
.alert-danger,
.alert-error,
.form-alert.error,
.form-alert.danger,
.products-alert.error{
  background:#FEF2F2!important;
  border:1px solid #FECACA!important;
  color:#B91C1C!important;
}
.universal-flash-toast .universal-flash-icon,
.profile-toast .toast-icon,
.kyc-custom-toast .toast-icon,
.affiliate-toast-icon,
.v-flash-icon,
.kyc-toast-icon,
.system-toast-icon{
  background:rgba(255,255,255,.82)!important;
  color:currentColor!important;
}
.universal-flash-toast .universal-flash-message,
.profile-toast,
.kyc-custom-toast,
.affiliate-settings-toast,
.system-settings-toast,
.kyc-toast{
  font-weight:700!important;
}
.universal-flash-toast .universal-flash-close,
.profile-toast .toast-close,
.kyc-custom-toast .toast-close,
.affiliate-toast-close,
.kyc-toast-close,
.system-toast-close{
  color:currentColor!important;
}
@media(max-width:900px){
  .universal-flash-toast-stack,
  .profile-toast,
  .kyc-custom-toast,
  .affiliate-settings-toast,
  .withdrawal-flash,
  .razorpay-flash,
  .v-flash,
  .kr-toast,
  .req-alert,
  .kyc-toast,
  .system-settings-toast{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
  }
}


/* === FORM ALERT TYPOGRAPHY: REDUCED BOLDNESS === */
.success,.success-box,.alert-success,.affiliate-toast-success,
.danger,.alert-danger,.checkout-error,.affiliate-toast-error,
.profile-toast,.kyc-custom-toast,.affiliate-settings-toast,.v-flash,
.community-flash,.order-flash,.withdrawal-flash,.razorpay-flash,.system-settings-toast{
  font-weight:500!important;
}
.universal-flash-toast .universal-flash-message,
.affiliate-toast-message strong{
  font-weight:600!important;
}

/* Profile page: clean light text + compact password fields */
html body .profile-page .profile-card h2,
html body .profile-page .profile-meta .meta-label,
html body .profile-page .profile-meta strong,
html body .profile-page .security-tip,
html body .profile-page .security-tip p,
html body .profile-page .security-tip-item,
html body .profile-page .password-field label,
html body .profile-page .security-title,
html body .profile-page .security-heading p,
html body .profile-page .save-note {
  color:#111111!important;
}

html body .profile-page .status-active {
  background:#E8F7EE!important;
  border:1px solid #B9E4C9!important;
  color:#16803A!important;
  font-weight:600!important;
}

html body .profile-page .security-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  align-items:stretch;
}

html body .profile-page .password-field {
  min-width:0;
  height:101px;
  box-sizing:border-box;
  padding:12px 14px;
  background:#FFFFFF!important;
  border:1px solid #D9DDE3!important;
  border-radius:12px;
}

html body .profile-page .password-field label {
  margin:0 0 7px;
  font-size:11px;
  line-height:16px;
  font-weight:600!important;
}

html body .profile-page .password-field input {
  height:42px;
  padding:0 43px 0 12px;
  border:1px solid #D5DCE5!important;
  border-radius:10px;
  background:#FFFFFF!important;
  color:#111111!important;
  font-size:11px;
  line-height:42px;
}

html body .profile-page .password-field input::placeholder {
  color:#687381!important;
  opacity:1;
}

html body .profile-page .password-field .eye-btn{
  position:absolute!important;
  top:56px!important;
  right:14px!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  width:24px!important;
  height:24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#303B60!important;
  cursor:pointer;
}
html body .profile-page .password-field .eye-btn:hover,
html body .profile-page .password-field .eye-btn:focus,
html body .profile-page .password-field .eye-btn:focus-visible,
html body .profile-page .password-field .eye-btn:active{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#111827!important;
  outline:none!important;
}
html body .profile-page .password-field .eye-icon{
  width:17px!important;
  height:17px!important;
  display:block!important;
  color:inherit!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  pointer-events:none;
}
html body .profile-page .password-field .eye-closed{display:none!important}
html body .profile-page .password-field .eye-btn.is-visible .eye-open{display:none!important}
html body .profile-page .password-field .eye-btn.is-visible .eye-closed{display:block!important}
html body .profile-page .password-field input{padding-right:44px!important}

/* PROFILE SECURITY CHECK ICONS — green */
html body .profile-page .security-tip-item span{
  background:#E8F7EE!important;
  color:#16803A!important;
  border:0!important;
}

/* PROFILE PASSWORD LAYOUT — V36 */
html body .profile-page .security-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
html body .profile-page .password-field{
  position:relative!important;
  min-width:0!important;
  height:auto!important;
  min-height:92px!important;
  padding:12px 13px!important;
  box-sizing:border-box!important;
  border:1px solid #D9DDE3!important;
  border-radius:11px!important;
  background:#fff!important;
}
html body .profile-page .password-field label{
  display:block!important;
  margin:0 0 6px!important;
  font-size:11px!important;
  line-height:16px!important;
  font-weight:600!important;
  white-space:nowrap!important;
}
html body .profile-page .password-input-wrap{
  position:relative!important;
  width:100%!important;
}
html body .profile-page .password-input-wrap input{
  display:block!important;
  width:100%!important;
  height:40px!important;
  min-height:40px!important;
  padding:0 40px 0 11px!important;
  box-sizing:border-box!important;
  border:1px solid #D5DCE5!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#111!important;
  font-size:11px!important;
  line-height:40px!important;
}
html body .profile-page .password-input-wrap input::placeholder{
  color:#687381!important; opacity:1!important;
}
html body .profile-page .password-input-wrap .eye-btn{
  position:absolute!important;
  top:50%!important;
  right:9px!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important; margin:0!important;
  border:0!important; border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#303B60!important;
}
html body .profile-page .password-input-wrap .eye-btn:hover,
html body .profile-page .password-input-wrap .eye-btn:focus,
html body .profile-page .password-input-wrap .eye-btn:focus-visible,
html body .profile-page .password-input-wrap .eye-btn:active{
  background:transparent!important; border:0!important; box-shadow:none!important; outline:none!important; color:#111827!important;
}
html body .profile-page .password-input-wrap .eye-icon{
  width:16px!important; height:16px!important;
  fill:none!important; stroke:currentColor!important; stroke-width:1.9!important;
  stroke-linecap:round; stroke-linejoin:round; pointer-events:none;
}
@media(max-width:980px){
  html body .profile-page .security-grid{grid-template-columns:1fr!important;}
}

/* PROFILE AVATAR UPLOAD + VERIFIED BADGE — final clean styling */
html body .profile-page .avatar-camera{
  right:-2px!important;
  bottom:2px!important;
  width:31px!important;
  height:31px!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  border:3px solid #fff!important;
  border-radius:50%!important;
  background:#1769E0!important;
  color:#fff!important;
  font-size:0!important;
  line-height:0!important;
  padding:0!important;
  cursor:pointer!important;
}
html body .profile-page .avatar-camera svg{
  width:15px!important;
  height:15px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  pointer-events:none!important;
}
html body .profile-page .verified-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:6px 10px!important;
  border-radius:8px!important;
  background:#DCFCE7!important;
  color:#166534!important;
  border:1px solid #BBF7D0!important;
  font-size:11px!important;
  font-weight:700!important;
}
html body .profile-page .verified-badge span{
  color:#166534!important;
  font-weight:800!important;
}

/* === FINAL FIX: Affiliate settings success/error notification layout === */
html body .affiliate-settings-toast{
  box-sizing:border-box!important;
  position:fixed!important;
  top:92px!important;
  right:26px!important;
  left:auto!important;
  width:min(440px,calc(100vw - 32px))!important;
  min-width:0!important;
  max-width:440px!important;
  min-height:56px!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  flex-direction:row!important;
  gap:10px!important;
  padding:10px 38px 10px 14px!important;
  margin:0!important;
  overflow:visible!important;
  border-radius:12px!important;
  line-height:1.35!important;
}
html body .affiliate-settings-toast .affiliate-toast-icon{
  position:static!important;
  flex:0 0 30px!important;
  width:30px!important;
  height:30px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:50%!important;
  background:var(--dh-toast-accent,var(--dh-toast-green))!important;
  color:#fff!important;
  font-size:15px!important;
  line-height:1!important;
}
html body .affiliate-settings-toast .affiliate-toast-message{
  display:flex!important;
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  flex-direction:column!important;
  gap:2px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
html body .affiliate-settings-toast .affiliate-toast-message strong,
html body .affiliate-settings-toast .affiliate-toast-message span{
  display:block!important;
  width:auto!important;
  max-width:none!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
html body .affiliate-settings-toast .affiliate-toast-close{
  position:absolute!important;
  top:50%!important;
  right:9px!important;
  transform:translateY(-50%)!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#6b7280!important;
  font-size:20px!important;
  line-height:1!important;
}
@media(max-width:600px){
  html body .affiliate-settings-toast{
    top:72px!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-width:none!important;
    padding:9px 36px 9px 11px!important;
  }
}


/* ========================================================================
   FINAL NORMAL FORM ALERTS — single source of truth
   ======================================================================== */
html body .profile-toast,
html body .kyc-custom-toast,
html body .affiliate-settings-toast,
html body .withdrawal-flash,
html body .razorpay-flash,
html body .v-flash,
html body .kr-toast,
html body .req-alert,
html body .kyc-toast,
html body .system-settings-toast,
html body .community-flash-source,
html body .community-danger {
    position: relative !important;
    inset: auto !important;
    z-index: auto !important;
    float: none !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 42px !important;
    height: auto !important;
    margin: 0 0 14px !important;
    padding: 10px 42px 10px 12px !important;
    box-sizing: border-box !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
    overflow: visible !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
}

html body .profile-toast-success,
html body .affiliate-toast-success,
html body .kyc-toast.success,
html body .system-settings-toast-success,
html body .withdrawal-flash.success,
html body .razorpay-flash.success,
html body .community-flash-source,
html body .success {
    background: #ecfdf3 !important;
    border: 1px solid #bbf7d0 !important;
    border-left: 4px solid #16a34a !important;
    color: #166534 !important;
}

html body .profile-toast-error,
html body .affiliate-toast-error,
html body .kyc-toast.error,
html body .system-settings-toast-error,
html body .withdrawal-flash.error,
html body .razorpay-flash.error,
html body .community-danger,
html body .danger,
html body .error {
    background: #fef2f2 !important;
    border: 1px solid #fecaca !important;
    border-left: 4px solid #dc2626 !important;
    color: #991b1b !important;
}

html body .profile-toast .toast-icon,
html body .affiliate-settings-toast .affiliate-toast-icon,
html body .system-settings-toast .system-toast-icon,
html body .kyc-toast .kyc-toast-icon,
html body .v-flash .v-flash-icon,
html body .req-alert .req-icon,
html body .kr-toast .kr-icon {
    flex: 0 0 auto !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    display: grid !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: currentColor !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

html body .profile-toast .toast-close,
html body .affiliate-settings-toast .affiliate-toast-close,
html body .system-settings-toast .system-toast-close,
html body .kyc-toast .kyc-toast-close,
html body .withdrawal-flash .toast-close,
html body .razorpay-flash .toast-close,
html body .v-flash .toast-close,
html body .kr-toast .toast-close {
    position: absolute !important;
    top: 50% !important;
    right: 10px !important;
    transform: translateY(-50%) !important;
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: currentColor !important;
    opacity: .7 !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

html body .affiliate-settings-toast .affiliate-toast-message,
html body .profile-toast > span:nth-child(2),
html body .system-settings-toast > span:not(.system-toast-icon),
html body .kyc-toast .kyc-toast-message {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-height: 1.45 !important;
}

html body .affiliate-settings-toast .affiliate-toast-message strong,
html body .affiliate-settings-toast .affiliate-toast-message span {
    color: inherit !important;
}




/* Final normal form alert appearance — affiliate settings */
html body .affiliate-settings-page .affiliate-settings-toast{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
  z-index:auto!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  max-width:none!important;
  min-height:64px!important;
  margin:10px 0 18px!important;
  padding:14px 22px!important;
  box-sizing:border-box!important;
  border:1px solid #b7efd0!important;
  border-left:8px solid #00a94f!important;
  border-radius:0 28px 28px 0!important;
  background:#e9fff3!important;
  box-shadow:none!important;
  color:#007a3d!important;
  font-size:18px!important;
  font-weight:500!important;
  line-height:1.45!important;
  overflow:visible!important;
}
html body .affiliate-settings-page .affiliate-settings-toast .affiliate-toast-icon{
  display:none!important;
}
html body .affiliate-settings-page .affiliate-settings-toast .affiliate-toast-message{
  display:block!important;
  min-width:0!important;
  flex:1 1 auto!important;
  color:#007a3d!important;
  font-size:18px!important;
  font-weight:500!important;
  line-height:1.45!important;
}
html body .affiliate-settings-page .affiliate-settings-toast .affiliate-toast-message strong{
  display:none!important;
}
html body .affiliate-settings-page .affiliate-settings-toast .affiliate-toast-message span{
  display:block!important;
  color:#007a3d!important;
  font-size:18px!important;
  font-weight:500!important;
  line-height:1.45!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
html body .affiliate-settings-page .affiliate-settings-toast .affiliate-toast-close{
  display:none!important;
}
html body .affiliate-settings-page .affiliate-settings-toast.danger{
  border-color:#f2c4c0!important;
  border-left-color:#d94a3a!important;
  background:#fff0ef!important;
  color:#a52d22!important;
}
html body .affiliate-settings-page .affiliate-settings-toast.danger .affiliate-toast-message,
html body .affiliate-settings-page .affiliate-settings-toast.danger .affiliate-toast-message span{
  color:#a52d22!important;
}








/* FINAL LOGOUT ICON: white icon, completely transparent icon background */
.ah-profile-menu a[href*="logout.php"] svg,
.ah-profile-menu a[href*="logout.php"]:hover svg,
.ah-profile-menu a[href*="logout.php"]:focus svg,
.ah-profile-menu a[href*="logout.php"]:active svg,
#adminSidebar .ah-side-menu a.nav-logout .side-icon,
#adminSidebar .ah-side-menu a.nav-logout:hover .side-icon,
#adminSidebar .ah-side-menu a.nav-logout:focus .side-icon,
#adminSidebar .ah-side-menu a.nav-logout:active .side-icon,
#adminSidebar .ah-side-menu a.nav-logout.active .side-icon,
#userSidebar .ah-side-menu a.nav-logout .side-icon,
#userSidebar .ah-side-menu a.nav-logout:hover .side-icon,
#userSidebar .ah-side-menu a.nav-logout:focus .side-icon,
#userSidebar .ah-side-menu a.nav-logout:active .side-icon,
#userSidebar .ah-side-menu a.nav-logout.active .side-icon {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: 0 !important;
}
.ah-profile-menu a[href*="logout.php"] svg,
.ah-profile-menu a[href*="logout.php"] svg *,
#adminSidebar .ah-side-menu a.nav-logout .side-icon svg,
#adminSidebar .ah-side-menu a.nav-logout .side-icon svg *,
#userSidebar .ah-side-menu a.nav-logout .side-icon svg,
#userSidebar .ah-side-menu a.nav-logout .side-icon svg * {
    color: #ffffff !important;
    stroke: #ffffff !important;
    fill: none !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}