/* ========================================================================== 
   AffiliaNetwork v2.7.1 — Precision Interface
   Final dark interface aligned with the approved five-screen reference.
   ========================================================================== */
:root{
  --ui-bg:#020b18;
  --ui-bg-2:#031225;
  --ui-sidebar:#041326;
  --ui-panel:#07192d;
  --ui-panel-2:#0a2039;
  --ui-panel-3:#0d2744;
  --ui-line:#173758;
  --ui-line-soft:rgba(76,129,184,.22);
  --ui-blue:#1677ff;
  --ui-blue-2:#39a5ff;
  --ui-blue-soft:rgba(22,119,255,.13);
  --ui-green:#39c77c;
  --ui-yellow:#f8b83e;
  --ui-red:#ff6174;
  --ui-purple:#8b6dff;
  --ui-text:#f4f8ff;
  --ui-text-2:#b6c5d8;
  --ui-muted:#8296ad;
  --ui-radius:14px;
  --ui-radius-lg:18px;
  --ui-shadow:0 18px 44px rgba(0,0,0,.20);
}

html[data-theme="dark"],body.app-body,body.public-body{background:var(--ui-bg)!important;color:var(--ui-text)!important}
body.app-body{font-size:13px!important;background:
  radial-gradient(circle at 8% -8%,rgba(22,119,255,.09),transparent 25%),
  radial-gradient(circle at 95% 10%,rgba(22,119,255,.055),transparent 25%),
  linear-gradient(180deg,#020a16 0%,#031123 54%,#020b18 100%)!important}

/* Application shell */
.app-shell{grid-template-columns:238px minmax(0,1fr)!important}
.sidebar{width:238px!important;background:linear-gradient(180deg,#06172b 0%,#031022 100%)!important;border-right:1px solid var(--ui-line)!important;box-shadow:none!important}
.sidebar-brand{height:68px!important;padding:14px 18px!important;border-color:var(--ui-line-soft)!important}
.sidebar-brand img{width:176px!important;height:38px!important;object-fit:contain!important;object-position:left center!important}
.sidebar-nav{padding:12px 10px 18px!important}
.nav-section{margin:16px 10px 7px!important;font-size:8px!important;color:#64809f!important;letter-spacing:1.35px!important}
.side-link{min-height:40px!important;margin:3px 0!important;padding:7px 9px!important;border-radius:10px!important;font-size:11px!important;color:#a9bbcf!important}
.side-link-icon{width:27px!important;height:27px!important;flex-basis:27px!important;border-radius:8px!important;background:rgba(68,129,197,.07)!important;color:#7fa5d0!important}
.side-link.active{background:linear-gradient(105deg,#0b67ed,#1881ff)!important;border-color:#298cff!important;box-shadow:0 8px 18px rgba(16,104,229,.25)!important}
.sidebar-user{padding:11px!important;background:#020d1c!important;border-color:var(--ui-line-soft)!important}
.user-card{padding:9px!important;border-radius:11px!important;background:#0a213b!important;border-color:var(--ui-line-soft)!important}

.app-main{grid-column:2!important}
.topbar{height:68px!important;padding:0 20px!important;background:rgba(2,11,24,.96)!important;border-color:var(--ui-line)!important;box-shadow:0 6px 18px rgba(0,0,0,.12)!important}
.topbar-left{gap:10px!important}
.topbar-page-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;border:1px solid var(--ui-line);background:#081b31;color:#72aff8}
.topbar-title{font-size:14px!important;max-width:260px!important}
.topbar-search{height:38px!important;width:min(330px,30vw)!important;border-radius:10px!important;background:#06172a!important}
.topbar-actions{gap:8px!important}
.topbar .icon-btn,.topbar-logout{width:38px!important;height:38px!important;border-radius:10px!important;background:#07192d!important;border-color:var(--ui-line)!important}
.topbar-avatar-link .avatar,.topbar-avatar-link img{width:39px!important;height:39px!important;border-width:1px!important}
.topbar-notification{display:grid!important}
.wallet-live-pill{height:38px!important;padding:6px 11px!important;border-radius:10px!important}
.wallet-live-pill span{font-size:8px!important;text-transform:uppercase;letter-spacing:.6px}
.wallet-live-pill strong{font-size:11px!important}

.content{max-width:1460px!important;padding:20px 22px 40px!important}
.page-head{margin-bottom:15px!important}
.page-head h1{font-size:22px!important;margin-bottom:4px!important}
.page-head p{font-size:11px!important}
.date-filter{min-height:38px!important;padding:8px 11px!important;border-radius:10px!important}

/* Universal panels */
.card,.white-card,.filter-card,.stat-card,.wallet-card,.profile-panel,.settings-card,.deposit-pro-panel,.timed-products-card,.withdrawal-destinations-card,.market-card,.info-box{
  background:linear-gradient(145deg,#091e34,#051526)!important;
  border:1px solid var(--ui-line)!important;
  border-radius:var(--ui-radius)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015),0 12px 28px rgba(0,0,0,.11)!important;
}
.card-header{min-height:52px!important;padding:13px 15px!important;border-color:var(--ui-line)!important;background:linear-gradient(180deg,rgba(14,42,72,.72),rgba(8,29,50,.42))!important}
.card-header h2,.card-header h3{font-size:14px!important}
.card-body{padding:15px!important}
.grid-2,.grid-3,.dashboard-grid{gap:14px!important}

.btn{min-height:38px!important;padding:9px 13px!important;border-radius:9px!important;font-size:11px!important}
.btn-primary{background:linear-gradient(105deg,#0968f1,#1c8cff)!important;box-shadow:0 8px 18px rgba(11,105,241,.22)!important}
.btn-outline{border-color:#2f6da9!important;color:#73b4ff!important;background:transparent!important}
.btn-outline:hover{background:rgba(25,113,221,.10)!important;border-color:#3c8ee0!important}
.icon-btn{border-radius:9px!important}
.badge{font-size:8px!important;padding:4px 7px!important}

.form-group{margin-bottom:11px!important}
.form-label{margin-bottom:6px!important;font-size:9px!important;letter-spacing:.2px}
.form-control,input.form-control,select.form-control,textarea.form-control{min-height:40px!important;padding:9px 11px!important;border-radius:9px!important;background:#06182b!important;border-color:#1e4265!important;font-size:11px!important}
textarea.form-control{min-height:92px!important}
.search-box .icon{top:12px!important}

/* Dashboard */
.dashboard-welcome{display:grid!important;grid-template-columns:minmax(0,1fr) 180px!important;align-items:center!important}
.dashboard-user-heading{display:flex;align-items:center;gap:11px!important}
.dashboard-avatar{width:48px!important;height:48px!important;border-radius:12px!important}
.dashboard-welcome-title h1{font-size:21px!important}
.dashboard-period{width:180px!important}
.dashboard-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:11px!important}
.stat-card{min-height:116px!important;padding:16px!important;border-radius:13px!important}
.stat-card::after{width:110px!important;height:110px!important}
.stat-label{font-size:9px!important;letter-spacing:.55px!important}
.stat-value{margin:9px 0 3px!important;font-size:21px!important;line-height:1.08!important}
.stat-change{margin-top:5px!important;font-size:9px!important}
.stat-icon{width:36px!important;height:36px!important;right:13px!important;top:13px!important;border-radius:10px!important}
.stat-icon .icon{width:18px!important;height:18px!important}
.stat-card-compact .stat-value{font-size:19px!important}
.balance-tiktok::before{width:118px!important;height:118px!important;right:14px!important;bottom:-12px!important;opacity:.07!important}
.dashboard-main-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr)!important}
.dashboard-secondary-grid{grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr)!important}
.chart{height:190px!important}
.legend{font-size:9px!important}
.kpi-list{gap:8px!important}
.kpi-row{min-height:63px!important;padding:10px 11px!important;border-radius:10px!important}
.kpi-row strong{font-size:11px!important}.kpi-row span{font-size:9px!important}.kpi-row b{font-size:12px!important}
.compact-empty-state{min-height:116px!important}

/* Marketplace */
.campaign-market{grid-template-columns:270px minmax(0,1fr)!important;gap:14px!important}
.marketplace-filter-panel{padding:14px!important;align-self:start;position:sticky;top:84px}
.filter-panel-title{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#eef5ff}
.filter-panel-title span{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:var(--ui-blue-soft);color:#69acff}
.filter-panel-title h3{margin:0;font-size:14px}
.marketplace-filter-grid{display:grid;gap:2px}
.marketplace-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) 190px!important;gap:10px!important;margin-bottom:12px!important}
.marketplace-sort{width:190px!important}
.market-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.product-market-card{padding:13px!important;display:grid;gap:12px!important}
.market-card-top{align-items:flex-start!important}
.product-card-identity{display:flex;align-items:center;gap:10px;min-width:0}
.product-card-identity .campaign-logo{width:42px!important;height:42px!important;min-width:42px!important;border-radius:10px!important}
.product-card-copy h3{font-size:13px!important;margin:0 0 3px!important}.product-card-copy .muted{font-size:9px!important}
.product-card-meta{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}
.product-card-meta>div{padding:9px 10px!important;border-radius:9px!important;background:#0a213a!important;border:1px solid var(--ui-line-soft)!important}
.product-card-meta span{font-size:8px!important}.product-card-meta strong{font-size:11px!important}

/* Reports */
.reports-actions{display:flex;gap:8px}.reports-actions .form-control{width:165px!important}
.reports-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important}
.reports-stat-grid .stat-card{min-height:102px!important}
.reports-grid{grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr)!important}
.channel-bars{display:grid;gap:18px}
.channel-bar-row>div:first-child{display:flex;justify-content:space-between;margin-bottom:7px;font-size:11px}
.channel-bar-row span{font-weight:800;color:#f4f8ff}
.channel-track{height:6px;border-radius:999px;background:#102c4a;overflow:hidden}
.channel-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#1475ff,#38a7ff)}
.campaign-performance-card{margin-top:14px}

/* Wallet */
.wallet-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
.wallet-card{min-height:120px!important;padding:16px!important;border-radius:13px!important}
.wallet-card-primary{grid-column:1/-1;min-height:165px!important;display:grid;grid-template-columns:1fr auto;align-items:start}
.wallet-card-primary .wallet-card-top,.wallet-card-primary .amount,.wallet-card-primary .wallet-card-status{grid-column:1/2}
.wallet-request-btn{grid-column:1/-1;margin-top:13px!important}
.wallet-card-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:rgba(22,119,255,.15);color:#87bdff;border:1px solid rgba(73,147,231,.16)}
.wallet-card .amount{font-size:23px!important;margin:9px 0 3px!important}.wallet-card-status{font-size:9px!important}
.wallet-transactions-card{margin-top:14px}
.wallet-transaction-list{display:grid;gap:0!important}
.wallet-transaction-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--ui-line-soft)}
.wallet-transaction-row:last-child{border-bottom:0}
.transaction-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:rgba(51,194,119,.17);color:#4ed68e}
.transaction-icon.debit{background:rgba(248,181,55,.15);color:#f8b83e}
.transaction-copy{display:grid;gap:2px;min-width:0}.transaction-copy strong{font-size:11px}.transaction-copy span,.transaction-copy small{color:var(--ui-muted);font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.transaction-amount{text-align:right;display:grid;gap:3px}.transaction-amount strong{font-size:11px}.transaction-amount span{font-size:8px;color:var(--ui-muted)}

/* Profile */
.profile-layout{display:grid!important;grid-template-columns:330px minmax(0,1fr)!important;gap:14px!important;align-items:start}
.profile-summary-card{position:sticky;top:84px}
.profile-summary{padding:24px!important;text-align:center!important}
.profile-avatar{width:84px!important;height:84px!important;margin:0 auto 12px!important;box-shadow:0 0 0 5px rgba(22,119,255,.08)!important}
.profile-name-line{justify-content:center!important}.profile-name-line h2{font-size:18px!important}
.profile-summary>p{font-size:10px!important}.profile-badges{justify-content:center!important}
.profile-member-since{display:flex;align-items:center;justify-content:center;gap:6px;margin:13px 0;color:var(--ui-muted);font-size:9px}
.profile-currency{margin-top:14px!important;padding-top:13px!important}
.profile-main-stack{display:grid;gap:11px!important}
.profile-collapsible,.withdrawal-collapsible,.withdrawal-destination-form-card{border-radius:12px!important}
.profile-collapse-summary,.withdrawal-collapse-summary{min-height:61px!important;padding:11px 14px!important;background:linear-gradient(180deg,#0b2744,#081c32)!important}
.profile-collapse-title,.withdrawal-collapse-title{gap:10px!important}.profile-collapse-title>span:last-child{display:grid;gap:2px}.profile-collapse-title small{font-size:8px;color:var(--ui-muted);font-weight:500}
.profile-section-icon,.withdrawal-destination-icon{width:36px!important;height:36px!important;border-radius:10px!important;background:rgba(22,119,255,.15)!important;color:#78b4ff!important}
.profile-summary-end{display:flex;align-items:center;gap:9px}
.profile-collapse-content,.withdrawal-collapse-content{padding:14px!important}
.withdrawal-destinations-card .card-body{padding:12px 14px!important}
.withdrawal-destination-item{padding:10px!important;border-radius:10px!important}
.withdrawal-destination-forms{display:grid;gap:11px!important}

/* Tables and admin */
.table{font-size:10px!important}.table th{padding:9px 10px!important;font-size:8px!important;background:#07182b!important;color:#7890aa!important;border-color:var(--ui-line)!important}.table td{padding:10px!important;border-color:var(--ui-line-soft)!important}
.table tbody tr:hover{background:rgba(25,106,210,.055)!important}
body.role-admin .content{max-width:1600px!important}
body.role-admin .sidebar{background:linear-gradient(180deg,#06182d,#031021)!important}
body.role-admin .side-link.active{background:linear-gradient(105deg,#075edc,#147cff)!important}
.admin-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important}
.admin-dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(330px,.7fr)!important}
.admin-revenue-total{display:flex;justify-content:space-between;align-items:end;margin-bottom:8px}.admin-revenue-total span{font-size:9px;color:var(--ui-muted);text-transform:uppercase}.admin-revenue-total strong{font-size:22px}
.admin-action-card .kpi-row{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;gap:10px!important}
.admin-action-icon{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:var(--ui-blue-soft);color:#73b2ff}
body.role-admin .modal-card{max-width:900px!important}
body.role-admin .toolbar{gap:8px!important}
body.role-admin .card-tabs{gap:10px!important}
body.role-admin .card-tab{padding:9px 11px!important;border-radius:8px!important;border:1px solid transparent!important}
body.role-admin .card-tab.active{background:var(--ui-blue-soft)!important;border-color:#225f9a!important}
.deposit-admin-shell,.admin-finance-shell{gap:14px!important}
.deposit-admin-primary-grid{gap:14px!important}
.deposit-admin-method-row{border-radius:10px!important;background:#081d34!important;border-color:var(--ui-line-soft)!important}

/* Public pages */
.public-header{height:66px!important;background:rgba(2,11,24,.95)!important;border-color:var(--ui-line)!important}
.public-header .container{height:66px!important}.brand img{max-height:38px!important}
.public-body .page-hero{background:linear-gradient(135deg,#05172d,#0a3976)!important}
.public-body .pricing-card,.public-body .blog-card,.public-body .white-card,.public-body .filter-card{border-radius:14px!important}

@media (max-width:1180px){
  .dashboard-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.dashboard-stat-grid .stat-card:first-child,.dashboard-stat-grid .stat-card:nth-child(2){grid-column:auto}
  .market-cards{grid-template-columns:1fr!important}
}

@media (max-width:900px){
  .app-shell{display:block!important}.app-main{grid-column:auto!important}
  body.app-body{padding-bottom:calc(69px + env(safe-area-inset-bottom))!important}
  .sidebar{width:min(286px,84vw)!important;transform:translateX(-104%)!important;z-index:100!important}
  .sidebar.open{transform:translateX(0)!important}
  .topbar{height:62px!important;padding:0 11px!important;z-index:80!important}
  .mobile-hamburger{display:flex!important;width:31px!important;height:31px!important;flex-basis:31px!important}
  .mobile-hamburger span{width:23px!important;height:2px!important}
  .topbar-mark{display:flex!important;width:34px!important;height:34px!important;flex-basis:34px!important}
  .topbar-mark img{width:34px!important;height:34px!important}
  .topbar-page-icon{display:none!important}
  .topbar-title{font-size:14px!important;max-width:34vw!important}
  .topbar-search,.wallet-live-pill,.topbar-notification,.vip-badge-topbar{display:none!important}
  .topbar-avatar-link .avatar,.topbar-avatar-link img{width:36px!important;height:36px!important}
  .topbar .icon-btn,.topbar-logout{width:38px!important;height:38px!important;border-radius:10px!important}
  .content{padding:12px 11px 20px!important;max-width:100vw!important;overflow-x:hidden!important}
  .page-head h1{font-size:19px!important}.page-head p{font-size:10px!important}
  .mobile-bottom-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;min-height:64px!important;padding:6px 6px calc(5px + env(safe-area-inset-bottom))!important;background:rgba(1,10,21,.98)!important;border-color:var(--ui-line)!important;z-index:90!important}
  .mobile-bottom-link{font-size:7.5px!important;gap:2px!important;padding:3px 1px!important;border-radius:10px!important}
  .mobile-bottom-link::before{top:-6px!important;height:2px!important}
  .mobile-bottom-icon{height:25px!important}.mobile-bottom-link .icon{width:19px!important;height:19px!important}

  .grid-2,.grid-3,.dashboard-grid,.reports-grid,.admin-dashboard-grid,.profile-layout,.campaign-market{grid-template-columns:1fr!important}
  .dashboard-welcome{grid-template-columns:1fr!important;gap:10px!important}.dashboard-period{width:100%!important}
  .dashboard-user-heading{gap:9px!important}.dashboard-avatar{width:42px!important;height:42px!important}.dashboard-welcome-title h1{font-size:18px!important}.dashboard-welcome-copy p{font-size:9px!important}
  .dashboard-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  .dashboard-stat-grid .stat-card:first-child,.dashboard-stat-grid .stat-card:nth-child(2){grid-column:1/-1!important}
  .dashboard-stat-grid .stat-card{min-height:86px!important;padding:11px!important}.dashboard-stat-grid .stat-card:first-child,.dashboard-stat-grid .stat-card:nth-child(2){min-height:96px!important}
  .dashboard-stat-grid .stat-label{font-size:7px!important}.dashboard-stat-grid .stat-value{font-size:17px!important;margin-top:7px!important}.dashboard-stat-grid .stat-change{font-size:7px!important}.dashboard-stat-grid .stat-icon{width:30px!important;height:30px!important;right:9px!important;top:9px!important}.dashboard-stat-grid .stat-icon .icon{width:15px!important;height:15px!important}
  .dashboard-main-grid,.dashboard-secondary-grid{gap:10px!important}.dashboard-chart-card .chart{height:145px!important}
  .card-header{min-height:46px!important;padding:11px 12px!important}.card-header h2,.card-header h3{font-size:12px!important}.card-body{padding:12px!important}
  .kpi-row{min-height:54px!important;padding:9px!important}.kpi-row strong{font-size:10px!important}.kpi-row span{font-size:8px!important}.kpi-row b{font-size:10px!important}
  .empty-state{min-height:105px!important;padding:18px!important;font-size:10px!important}

  .marketplace-filter-panel{position:static!important;padding:11px!important}
  .marketplace-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  .marketplace-filter-grid .form-group{margin-bottom:6px!important}.marketplace-filter-grid .form-label{font-size:7px!important}.marketplace-filter-grid .form-control{min-height:34px!important;padding:7px 6px!important;font-size:8px!important}
  .filter-panel-title{margin-bottom:8px!important}.filter-panel-title span{width:27px;height:27px}.filter-panel-title h3{font-size:12px!important}
  .marketplace-toolbar{grid-template-columns:1fr!important;gap:8px!important}.marketplace-sort{width:100%!important}
  .market-cards{grid-template-columns:1fr!important;gap:9px!important}.product-market-card{padding:11px!important;gap:10px!important}.product-card-meta>div{padding:8px!important}

  .reports-actions{width:100%;display:grid;grid-template-columns:1fr auto}.reports-actions .form-control{width:100%!important}
  .reports-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}.reports-stat-grid .stat-card:nth-child(4){grid-column:1/-1!important}
  .reports-stat-grid .stat-card{min-height:82px!important;padding:10px!important}.reports-stat-grid .stat-value{font-size:16px!important}.reports-stat-grid .stat-label{font-size:7px!important}.reports-stat-grid .stat-icon{width:28px!important;height:28px!important;right:8px!important;top:8px!important}
  .reports-chart-card .chart{height:150px!important}.channel-bars{gap:13px!important}

  .wallet-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.wallet-card-primary{grid-column:1/-1!important;min-height:145px!important}.wallet-card{min-height:98px!important;padding:12px!important}.wallet-card .amount{font-size:17px!important}.wallet-card-primary .amount{font-size:22px!important}.wallet-request-btn{min-height:35px!important;margin-top:9px!important}
  .wallet-transaction-row{grid-template-columns:32px minmax(0,1fr) auto!important;gap:8px!important;padding:9px 0!important}.transaction-icon{width:30px;height:30px}.transaction-copy strong,.transaction-amount strong{font-size:9px!important}

  .profile-summary-card{position:static!important}.profile-summary{padding:20px!important}.profile-avatar{width:70px!important;height:70px!important}.profile-name-line h2{font-size:16px!important}.profile-main-stack{gap:9px!important}.profile-collapse-summary,.withdrawal-collapse-summary{min-height:55px!important;padding:9px 11px!important}.profile-section-icon,.withdrawal-destination-icon{width:32px!important;height:32px!important}.profile-collapse-content,.withdrawal-collapse-content{padding:11px!important}
  .profile-form-grid,.withdrawal-form-grid{grid-template-columns:1fr!important}.grid-span-2{grid-column:auto!important}

  .admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.admin-stat-grid .stat-card{min-height:95px!important;padding:12px!important}.admin-stat-grid .stat-value{font-size:19px!important}
  body.role-admin .table-wrap{border-radius:10px!important;border:1px solid var(--ui-line)!important}
}

@media (max-width:390px){
  .topbar-title{max-width:31vw!important;font-size:13px!important}.topbar-left{gap:7px!important}.topbar-actions{gap:6px!important}
  .dashboard-stat-grid .stat-value{font-size:15px!important}.dashboard-stat-grid .stat-card{padding:9px!important}
  .marketplace-filter-grid{gap:4px!important}.marketplace-filter-grid .form-control{font-size:7px!important;padding:6px 4px!important}
  .reports-stat-grid .stat-value{font-size:14px!important}
  .wallet-card .amount{font-size:15px!important}.wallet-card-primary .amount{font-size:20px!important}
}

/* AffiliaNetwork v2.7.2 — production corrections */
/* The interface is final: helper copy is hidden while operational labels remain. */
body.app-body .page-head p,
body.app-body .dashboard-welcome-copy>p,
body.app-body .stat-change,
body.app-body .product-progress-section-title .muted,
body.app-body .method-form-section-head p,
body.app-body .deposit-section-title p,
body.app-body .admin-action-card .kpi-row div>span,
body.app-body .card-header>.muted,
body.app-body .profile-section-description,
body.app-body .deposit-upload-zone small,
body.app-body .admin-upload-zone small{display:none!important}

/* Images always fit their frame. Source dimensions never change the layout. */
.product-logo-frame,
.product-progress-logo,
.deposit-admin-method-logo,
.deposit-bank-logo,
.method-upload-preview,
.profile-avatar,
.avatar-image,
.universal-upload-preview{
  overflow:hidden!important;
  isolation:isolate;
}
.product-logo-frame img,
.product-progress-logo img,
.deposit-admin-method-logo img,
.deposit-bank-logo img,
.method-upload-preview,
.universal-upload-preview{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
.profile-avatar img,.avatar-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.method-upload-preview{width:116px!important;height:82px!important;margin-top:9px!important;padding:8px!important;border:1px solid var(--ui-line)!important;border-radius:11px!important;background:#fff!important}
.method-upload-preview.qr{width:132px!important;height:132px!important}
.universal-upload-preview{width:116px!important;height:82px!important;margin-top:9px!important;padding:8px!important;border:1px solid var(--ui-line)!important;border-radius:11px!important;background:#fff!important}
input[type="file"]{max-width:100%;min-width:0}

/* Admin revenue is never silently converted between wallet currencies. */
.admin-revenue-currencies{display:flex;gap:7px;flex-wrap:wrap;margin:7px 0 10px}
.admin-revenue-currency{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid var(--ui-line);border-radius:9px;background:#071c32;color:var(--ui-text-2);font-size:10px;font-weight:750}
.admin-revenue-currency strong{color:var(--ui-text);font-size:11px}

@media (max-width:900px){
  /* Previous fixed-header rule left an artificial blank strip. Sticky header needs no offset. */
  .app-main{padding-top:0!important;margin-top:0!important}
  .topbar{position:sticky!important;top:0!important;left:auto!important;right:auto!important;width:100%!important;margin:0!important}
  .content{margin-top:0!important}

  /* Use the full original AffiliaNetwork brand in the compact mobile header. */
  .topbar-left{gap:8px!important;min-width:0!important}
  .topbar-mark{width:82px!important;height:38px!important;flex:0 0 82px!important;justify-content:flex-start!important}
  .topbar-mark img{width:82px!important;height:34px!important;object-fit:contain!important;object-position:left center!important}
  .topbar-title{max-width:24vw!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
}
@media (max-width:430px){
  .topbar-mark{width:72px!important;flex-basis:72px!important}
  .topbar-mark img{width:72px!important;height:32px!important}
  .topbar-title{max-width:22vw!important}
}
@media (max-width:360px){
  .topbar-mark{width:61px!important;flex-basis:61px!important}
  .topbar-mark img{width:61px!important}
  .topbar-title{max-width:20vw!important;font-size:12px!important}
}
body.app-body .kpi-row>div>span,
body.app-body .wallet-card-status,
body.app-body .product-card-subtitle{display:none!important}


/* AffiliaNetwork v2.7.3 production refinements */
.balance-brand-card.balance-tiktok::before{
  right:clamp(72px,12vw,132px)!important;
  bottom:-12px!important;
  width:150px!important;
  height:150px!important;
  opacity:.18!important;
  filter:brightness(1.55) saturate(1.15)!important;
  transform:rotate(-5deg)!important;
}

.live-performance-card{
  background:linear-gradient(145deg,#0b223b,#061526)!important;
  color:#eef6ff!important;
  border:1px solid #2a4a6c!important;
  box-shadow:0 28px 70px rgba(0,0,0,.38),0 0 35px rgba(34,132,255,.08)!important;
}
.live-performance-card .mock-top{border-color:#294764!important}.live-performance-card .mini-card{background:#0d2743!important;border-color:#2a4969!important;color:#eef6ff!important}.live-performance-card .mini-card small{color:#9eb3ca!important}.live-performance-card .chart-box{background:linear-gradient(180deg,rgba(29,114,230,.16),rgba(4,20,37,.18))!important}
.hero-products-btn{color:#d9ebff!important;border-color:#3e78b8!important;background:rgba(5,25,45,.38)!important}
.partner-role{font-size:12px!important}.trusted-partners-section .testimonial{min-height:220px;display:flex;flex-direction:column;justify-content:space-between}

.trusted-partner-editor{display:grid;gap:14px}.trusted-partner-row{padding:16px;border:1px solid var(--ui-line);border-radius:14px;background:#071a2e}.trusted-partner-row-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.trusted-partner-remove{font-size:22px;line-height:1;color:#ff8190!important}.trusted-partner-fields{margin-bottom:0!important}

.product-progress-card-v273{padding:22px!important;border:1px solid #277ce7!important;background:radial-gradient(circle at 88% 5%,rgba(24,117,255,.16),transparent 27%),linear-gradient(145deg,#0b223b,#061526)!important;box-shadow:0 0 0 1px rgba(73,153,255,.08),0 14px 38px rgba(0,0,0,.27)!important}
.product-progress-v273-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid #24415e}.product-progress-card-v273 .product-progress-product{display:flex;align-items:flex-start;gap:16px;min-width:0}.product-progress-card-v273 .product-progress-logo{width:82px!important;height:82px!important;border-radius:18px!important;background:#fff!important;flex:0 0 82px!important}.product-progress-card-v273 .product-progress-name{font-size:24px!important;line-height:1.15}.product-progress-card-v273 .product-progress-details{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin-top:8px!important;color:#9fb3ca!important}.product-progress-card-v273 .product-progress-model{border:1px solid #365979;border-radius:9px;padding:5px 10px;color:#bdd2e9}.product-progress-card-v273 .product-progress-status{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;border:1px solid #2d5b88}.product-progress-card-v273 .product-progress-status.is-completed{color:#63db93;background:rgba(26,153,83,.12);border-color:rgba(52,191,107,.34)}.product-progress-card-v273 .product-progress-status.is-running{color:#6eb7ff;background:rgba(32,117,224,.13)}.product-progress-credited{display:flex;align-items:center;gap:9px;margin-top:14px;color:#aebfd3;font-size:14px}.product-progress-trophy{width:94px;height:94px;border-radius:26px;display:grid;place-items:center;color:#6baeff;background:radial-gradient(circle,#163d77 0,#0c2750 58%,transparent 70%);filter:drop-shadow(0 0 14px rgba(41,132,255,.45));flex:0 0 94px}.product-progress-v273-summary{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:20px 0 14px}.product-progress-v273-summary>div:first-child{display:grid;gap:7px}.product-progress-v273-summary .product-progress-commission-label{color:#9fb2c8;font-size:13px}.product-progress-v273-summary strong{font-size:26px;color:#fff}.product-progress-percent-block{text-align:right;display:grid;gap:4px}.product-progress-percent-block strong{font-size:32px!important;color:#4e9cff!important}.product-progress-percent-block span{color:#61d78f;font-weight:800}.product-progress-card-v273 .product-progress-track{height:16px!important;border-radius:999px!important;background:#102d4c!important;overflow:hidden}.product-progress-card-v273 .product-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0f6cff,#3aa7ff);box-shadow:0 0 18px rgba(47,145,255,.44)}.product-progress-card-v273.is-completed .product-progress-track span{background:linear-gradient(90deg,#176fff,#31a3ff)}.product-progress-v273-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding-top:16px;border-top:1px solid #24415e}.product-progress-wallet-balance{display:flex;align-items:center;gap:10px;color:#9fb3c9}.product-progress-wallet-balance strong{color:#4c9dff;font-size:18px;margin-left:6px}.product-progress-card-v273 .product-progress-view{display:inline-flex;align-items:center;gap:7px;padding:11px 15px;border:1px solid #2e557b;border-radius:11px;color:#70adff;font-weight:750}.product-progress-restart-form{margin-top:14px}

@media(max-width:820px){
  .topbar-page-icon,.topbar-title{display:none!important}.topbar-mark{display:flex!important;align-items:center!important;max-width:190px!important}.topbar-mark img{width:170px!important;max-width:44vw!important;max-height:42px!important;object-fit:contain!important;object-position:left center!important}.topbar-left{gap:10px!important}.topbar-actions{margin-left:auto!important}
  .nav-actions .nav-login{display:inline-flex!important}.nav-actions .nav-login,.nav-actions .nav-register{min-height:36px!important;padding:7px 10px!important;font-size:11px!important}.public-header .brand img{width:145px!important;max-width:38vw!important}.public-header .nav-actions{gap:6px!important}
  .balance-brand-card.balance-tiktok::before{right:70px!important;bottom:-8px!important;width:132px!important;height:132px!important;opacity:.20!important}
  .product-progress-card-v273{padding:16px!important}.product-progress-v273-head{gap:10px}.product-progress-card-v273 .product-progress-logo{width:64px!important;height:64px!important;flex-basis:64px!important;border-radius:14px!important}.product-progress-card-v273 .product-progress-name{font-size:20px!important}.product-progress-trophy{width:66px;height:66px;flex-basis:66px;border-radius:18px}.product-progress-trophy svg{width:35px;height:35px}.product-progress-v273-summary strong{font-size:21px}.product-progress-percent-block strong{font-size:26px!important}.product-progress-v273-footer{align-items:flex-start}.product-progress-wallet-balance{flex-wrap:wrap}.trusted-partner-fields{grid-template-columns:1fr!important}
}
@media(max-width:500px){
  .public-header .container{gap:5px!important}.public-header .brand img{width:126px!important;max-width:35vw!important}.nav-actions .nav-login,.nav-actions .nav-register{padding:7px 8px!important;font-size:10px!important}.menu-toggle{width:34px!important;flex-basis:34px!important}
  .product-progress-v273-head{align-items:flex-start}.product-progress-trophy{width:54px;height:54px;flex-basis:54px}.product-progress-trophy svg{width:29px;height:29px}.product-progress-card-v273 .product-progress-details{gap:7px!important}.product-progress-v273-summary{align-items:flex-start}.product-progress-percent-block strong{font-size:24px!important}.product-progress-v273-footer{flex-direction:column}.product-progress-card-v273 .product-progress-view{width:100%;justify-content:center}.product-progress-wallet-balance strong{margin-left:0}
}


/* v2.7.4 — live admin performance metrics, clear transaction direction, compact product progress */
.admin-metric-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:16px}.admin-metric-summary span{display:grid;gap:4px;padding:11px;border:1px solid var(--ui-line);border-radius:11px;background:rgba(9,31,54,.72);color:var(--ui-muted);font-size:10px}.admin-metric-summary b{color:var(--ui-text);font-size:15px}
.wallet-transaction-row.is-credit .transaction-amount strong{color:#56dc93!important}.wallet-transaction-row.is-debit .transaction-amount strong{color:#ff6b7c!important}.wallet-transaction-row.is-credit .transaction-icon{color:#56dc93!important;background:rgba(32,167,100,.16)!important}.wallet-transaction-row.is-debit .transaction-icon{color:#ff7081!important;background:rgba(220,57,79,.16)!important}
.product-progress-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.product-progress-actions .product-progress-restart-form{margin:0!important}.product-progress-actions .btn{min-height:42px;padding:10px 14px!important;white-space:nowrap}
.product-progress-card-v273{padding:17px!important}.product-progress-v273-head{padding-bottom:13px!important}.product-progress-card-v273 .product-progress-logo{width:68px!important;height:68px!important;flex-basis:68px!important;border-radius:15px!important}.product-progress-card-v273 .product-progress-name{font-size:21px!important}.product-progress-card-v273 .product-progress-details{margin-top:5px!important;gap:7px!important}.product-progress-credited{margin-top:9px!important}.product-progress-trophy{width:68px!important;height:68px!important;flex-basis:68px!important;border-radius:20px!important}.product-progress-trophy svg{width:38px!important;height:38px!important}.product-progress-v273-summary{padding:13px 0 9px!important}.product-progress-v273-summary strong{font-size:22px!important}.product-progress-percent-block strong{font-size:27px!important}.product-progress-card-v273 .product-progress-track{height:11px!important}.product-progress-v273-footer{margin-top:11px!important;padding-top:11px!important}.product-progress-card-v273 .product-progress-view{min-height:42px;padding:9px 13px!important}

@media(max-width:700px){
  .page-affiliate-dashboard .dashboard-stat-grid .stat-card-compact{min-width:0!important;padding:10px 9px 36px!important;overflow:hidden!important}
  .page-affiliate-dashboard .dashboard-stat-grid .stat-card-compact .stat-icon{top:auto!important;bottom:7px!important;right:8px!important;width:27px!important;height:27px!important;border-radius:9px!important}
  .page-affiliate-dashboard .dashboard-stat-grid .stat-card-compact .stat-icon .icon{width:14px!important;height:14px!important}
  .page-affiliate-dashboard .dashboard-stat-grid .stat-card-compact .stat-value{font-size:clamp(11px,3.05vw,16px)!important;line-height:1.15!important;letter-spacing:-.35px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;padding-right:0!important}
  .page-affiliate-dashboard .dashboard-stat-grid .stat-card-compact .stat-change{font-size:7px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;padding-right:29px!important}
  .admin-metric-summary{grid-template-columns:1fr!important}
  .product-progress-card-v273{padding:13px!important}
  .product-progress-v273-head{gap:9px!important;padding-bottom:10px!important}
  .product-progress-card-v273 .product-progress-product{gap:10px!important}
  .product-progress-card-v273 .product-progress-logo{width:56px!important;height:56px!important;flex-basis:56px!important;border-radius:13px!important}
  .product-progress-card-v273 .product-progress-name{font-size:18px!important}
  .product-progress-card-v273 .product-progress-details{font-size:10px!important;gap:5px!important;margin-top:4px!important}
  .product-progress-card-v273 .product-progress-model,.product-progress-card-v273 .product-progress-status{padding:4px 7px!important}
  .product-progress-credited{font-size:10px!important;margin-top:6px!important;gap:5px!important}
  .product-progress-trophy{width:48px!important;height:48px!important;flex-basis:48px!important;border-radius:15px!important}
  .product-progress-trophy svg{width:27px!important;height:27px!important}
  .product-progress-v273-summary{padding:10px 0 7px!important;gap:9px!important}
  .product-progress-v273-summary .product-progress-commission-label{font-size:9px!important}
  .product-progress-v273-summary strong{font-size:17px!important}
  .product-progress-percent-block strong{font-size:21px!important}.product-progress-percent-block span{font-size:10px!important}
  .product-progress-card-v273 .product-progress-track{height:9px!important}
  .product-progress-v273-footer{margin-top:9px!important;padding-top:9px!important;gap:8px!important;flex-direction:row!important;align-items:center!important}
  .product-progress-wallet-balance{gap:6px!important;font-size:9px!important;min-width:0!important;flex-wrap:wrap!important}.product-progress-wallet-balance strong{font-size:12px!important;margin-left:0!important}
  .product-progress-actions{gap:6px!important;flex:0 0 auto!important}.product-progress-card-v273 .product-progress-view,.product-progress-actions .btn{min-height:35px!important;padding:7px 9px!important;font-size:9px!important;border-radius:9px!important;width:auto!important}
}