@import './variables.css';
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:14px;-webkit-font-smoothing:antialiased}
body{font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--text-primary);background:var(--bg-secondary)}
a{color:var(--color-primary);text-decoration:none}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:var(--bg-secondary)}
::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-full)}

/* Layout */
.layout-wrapper{min-height:100vh;background:var(--bg-secondary)}
.top-nav{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(15,32,35,.06);z-index:1000;display:flex;align-items:center;padding:0 var(--space-4);box-shadow:0 1px 0 rgba(15,32,35,.04)}
.nav-left{display:flex;align-items:center;gap:var(--space-8);flex:1}
.logo{display:flex;align-items:center;gap:var(--space-2)}
.logo-icon{width:32px;height:32px;background:var(--button-primary-bg);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;box-shadow:var(--button-primary-shadow)}
.logo-text{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold)}
.top-menu{display:flex;gap:var(--space-1)}
.top-menu-item{display:flex;align-items:center;gap:6px;padding:var(--space-2) var(--space-4);font-size:var(--font-size-body);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast)}
.top-menu-item:hover{color:var(--color-primary);background:rgba(0,190,180,.08)}
.top-menu-item.active{color:var(--color-primary);background:rgba(0,190,180,.12);font-weight:var(--font-weight-medium)}
.nav-right{display:flex;align-items:center;gap:var(--space-4)}
.user-info{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer}
.user-info:hover{background:rgba(0,190,180,.08)}
.nav-user-info{cursor:default;color:var(--text-primary);font-weight:var(--font-weight-medium)}
.nav-user-avatar{width:30px;height:30px;background:var(--button-primary-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:var(--font-weight-semibold);box-shadow:var(--button-primary-shadow)}
.nav-logout-btn{height:34px;padding:0 14px;border:1px solid rgba(0,190,180,.14);border-radius:999px;background:#fff;font:inherit;white-space:nowrap;color:var(--text-secondary);transition:var(--transition-fast)}
.nav-logout-btn:hover{border-color:rgba(0,190,180,.36);color:var(--color-primary);background:rgba(0,190,180,.05)}

.sidebar{position:fixed;top:var(--header-height);left:0;width:var(--sidebar-width);height:calc(100vh - var(--header-height));background:linear-gradient(180deg,var(--sidebar-bg) 0%, var(--sidebar-bg-secondary) 100%);border-right:1px solid var(--sidebar-border);transition:width .3s cubic-bezier(.4,0,.2,1);z-index:900;overflow-y:auto;box-shadow:18px 0 34px rgba(4,22,24,.08)}
.sidebar.collapsed{width:var(--sidebar-collapsed-width)}
.menu-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:14px 16px 12px;background:transparent;border-bottom:1px solid rgba(255,255,255,.06)}
.menu-toggle:hover{background:rgba(255,255,255,.03)}
.menu-toggle__main{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0;padding:0;border:0;background:transparent;color:var(--sidebar-text);font:inherit;text-align:left;cursor:pointer}
.menu-toggle__search{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--sidebar-text-muted);cursor:pointer;transition:var(--transition-fast)}
.menu-toggle__search svg{width:15px;height:15px}
.menu-toggle__search:hover,.menu-toggle__search.is-active{color:#fff;border-color:rgba(17,201,191,.2);background:rgba(17,201,191,.14)}
.menu-search{display:none;padding:10px 14px 12px;background:transparent;border-bottom:1px solid rgba(255,255,255,.06)}
.menu-search.is-open{display:flex;align-items:center;gap:8px}
.menu-search__field{display:flex;align-items:center;gap:8px;flex:1;min-width:0;height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.08)}
.menu-search__icon{display:inline-flex;align-items:center;justify-content:center;color:var(--sidebar-text-muted)}
.menu-search__icon svg{width:14px;height:14px}
.menu-search__input{width:100%;border:0;outline:0;background:transparent;color:#fff;font:inherit}
.menu-search__input::placeholder{color:rgba(230,245,243,.52)}
.menu-search__close{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:0;border-radius:999px;background:transparent;color:var(--sidebar-text-muted);font-size:18px;line-height:1;cursor:pointer;transition:var(--transition-fast)}
.menu-search__close:hover{background:rgba(17,201,191,.14);color:#fff}
.toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--sidebar-text)}
.toggle-icon svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.menu-group{margin-bottom:var(--space-2)}
.group-title{padding:12px 16px 6px;font-size:11px;color:var(--sidebar-text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.menu-item{display:flex;align-items:center;padding:10px 14px;margin:3px 10px;font-size:var(--font-size-body);color:var(--sidebar-text-muted);cursor:pointer;border-radius:12px;transition:var(--transition-fast);white-space:nowrap;position:relative;text-decoration:none}
.menu-item:hover{color:#fff;background:var(--sidebar-hover-bg)}
.menu-item.active{color:var(--sidebar-active-text);background:var(--sidebar-active-bg);font-weight:var(--font-weight-semibold);box-shadow:0 10px 22px rgba(0,190,180,.2)}
.menu-item.active::before{display:none}
.menu-item__icon,.seller-menu-icon{display:inline-flex;align-items:center;justify-content:center;color:currentColor}
.menu-item__icon{width:18px;min-width:18px;margin-right:var(--space-2)}
.menu-item__icon svg,.seller-menu-icon svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sidebar.collapsed .group-title,.sidebar.collapsed .menu-text{display:none}
.sidebar.collapsed .menu-item{justify-content:center;padding:10px}
.sidebar.collapsed .menu-item__icon{margin-right:0}
.sidebar.collapsed .menu-toggle{padding-left:10px;padding-right:10px}
.sidebar.collapsed .menu-toggle__title,.sidebar.collapsed .menu-search{display:none!important}
.sidebar.collapsed .menu-toggle__main{justify-content:center;flex:0 0 auto}
.sidebar.collapsed .menu-toggle__search{margin-left:auto}

.main-content{margin-left:var(--sidebar-width);padding:var(--space-4) var(--space-5);padding-top:calc(var(--header-height) + var(--space-4));min-height:100vh;transition:margin-left .3s cubic-bezier(.4,0,.2,1);background:
  radial-gradient(circle at top right, rgba(0,190,180,.08), transparent 28%),
  linear-gradient(180deg, #f6fbfb 0%, #f3f7f7 100%)}
.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}

/* Seller navigation and tabs */
body.seller-layout{--sidebar-width:180px}
body.seller-layout .top-menu{display:none}
body.seller-layout .nav-left{gap:var(--space-4)}
body.seller-layout .main-content{padding-top:calc(var(--header-height) + var(--space-4));}
body.seller-layout .page-header__description{display:none}
body.platform-layout .nav-left{gap:var(--space-4)}
body.platform-layout .top-menu{display:none}
body.platform-layout .main-content{padding-top:calc(var(--header-height) + var(--space-4))}
body.platform-layout .page-header__description{display:none}
body.platform-layout .seller-menu-group{margin:2px var(--space-2)}
body.platform-layout .seller-menu-title{padding:0 12px}
body.platform-layout .seller-menu-link{margin:2px var(--space-2);padding-right:var(--space-2)}
body.platform-layout .seller-menu-link--level-2{padding-left:28px}
body.platform-layout .seller-menu-link--level-3{padding-left:40px}
body.seller-layout .seller-menu-group{margin:2px var(--space-2)}
body.seller-layout .seller-menu-title{padding:0 12px}
body.seller-layout .seller-menu-link{margin:2px var(--space-2);padding-right:var(--space-2)}
body.seller-layout .seller-menu-link--level-2{padding-left:28px}
body.seller-layout .seller-menu-link--level-3{padding-left:40px}
.seller-menu{padding:var(--space-2) 0 var(--space-5)}
.seller-menu-group{margin:2px var(--space-3)}
.seller-menu-title{width:100%;height:42px;border:0!important;outline:0;background:transparent;box-shadow:none!important;appearance:none;-webkit-appearance:none;display:grid;grid-template-columns:20px minmax(0,1fr) 16px;align-items:center;column-gap:var(--space-2);padding:0 16px 0 var(--space-4);border-radius:12px;color:var(--sidebar-text-muted);font:inherit;font-size:var(--font-size-body);cursor:pointer;text-align:left;line-height:1.4;transition:background .2s ease,color .2s ease, box-shadow .2s ease;white-space:nowrap;position:relative}
.seller-menu-title:hover,.seller-menu-title:focus-visible{color:#fff;background:var(--sidebar-hover-bg)}
.seller-menu-group.is-open>.seller-menu-title,.seller-menu-group.active>.seller-menu-title{color:#fff;background:transparent;box-shadow:inset 0 0 0 1px rgba(159,246,238,.18)}
.seller-menu-title:focus-visible{box-shadow:0 0 0 2px rgba(17,201,191,.2)!important}
.seller-menu-icon{width:20px;min-width:20px;text-align:center;line-height:1}
.seller-menu-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.seller-menu-arrow{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;justify-self:end;color:var(--sidebar-text-muted);pointer-events:none;transition:color .2s ease}
.seller-menu-arrow__icon{display:block;width:16px;height:16px;transform-origin:center;transition:transform .22s ease}
.seller-menu-title:hover .seller-menu-arrow,.seller-menu-title:focus-visible .seller-menu-arrow{color:#fff}
.seller-menu-group.is-open>.seller-menu-title .seller-menu-arrow,.seller-menu-group.active>.seller-menu-title .seller-menu-arrow{color:#9ff6ee}
.seller-menu-group.is-open>.seller-menu-title .seller-menu-arrow__icon{transform:rotate(90deg)}
.seller-menu-group.is-search-open>.seller-submenu{display:block}
.seller-submenu{display:none;margin:2px 0 4px}
.seller-menu-group.is-open>.seller-submenu{display:block}
.seller-menu-link{height:38px;padding-top:0;padding-bottom:0;padding-right:var(--space-4)}
.seller-menu-link--level-2{padding-left:32px;margin-left:0;margin-right:0}
.seller-menu-link--level-3{padding-left:48px;margin-left:0;margin-right:0}
.seller-menu-link--level-2,
.seller-menu-title--level-2{
  background:transparent;
  color:var(--sidebar-text-muted);
}
.seller-menu-link--level-2:hover,
.seller-menu-title--level-2:hover,
.seller-menu-link--level-2:focus-visible,
.seller-menu-title--level-2:focus-visible,
.seller-menu-group.is-open>.seller-menu-title--level-2{
  background:rgba(255,255,255,.04);
  color:#fff;
}
.seller-menu-link--level-3,
.seller-menu-title--level-3{
  background:transparent;
  color:rgba(230,245,243,.58);
}
.seller-menu-link--level-3:hover,
.seller-menu-title--level-3:hover,
.seller-menu-link--level-3:focus-visible,
.seller-menu-title--level-3:focus-visible,
.seller-menu-group.is-open>.seller-menu-title--level-3{
  background:rgba(255,255,255,.03);
  color:var(--sidebar-text);
}
.seller-menu-link--level-2.active,.seller-menu-link--level-3.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:var(--font-weight-semibold);box-shadow:0 10px 22px rgba(0,190,180,.2)}
.seller-menu-link--level-2.active:hover,.seller-menu-link--level-3.active:hover{background:var(--sidebar-active-bg)}
.seller-menu-title--level-2{padding-left:28px}
.seller-menu-title--level-3{padding-left:44px}
.seller-tabs{position:sticky;top:var(--header-height);z-index:50;display:flex;align-items:center;gap:10px;min-height:42px;margin:0 0 var(--space-4);padding:4px 0 12px;background:linear-gradient(180deg,rgba(244,248,248,.96) 0%,rgba(244,248,248,.78) 100%);backdrop-filter:blur(10px);border-bottom:1px solid rgba(15,32,35,.05);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
.seller-tabs::-webkit-scrollbar{height:4px}
.seller-tabs::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-full)}
.seller-tab{height:36px;max-width:180px;display:inline-flex;align-items:center;border:1px solid rgba(0,190,180,.16);border-radius:13px;background:rgba(255,255,255,.92);color:var(--text-secondary);font-size:var(--font-size-body);white-space:nowrap;transition:var(--transition-fast);flex:0 0 auto;box-shadow:0 8px 18px rgba(6,32,35,.05);overflow:hidden}
.seller-tab:hover{border-color:rgba(0,190,180,.34);color:var(--color-primary);background:#f7fbfb}
.seller-tab--active,.seller-tab--active:hover,.seller-tab--active:focus-within{background:var(--button-primary-bg);border-color:transparent;color:#fff;box-shadow:var(--button-primary-shadow)}
.seller-tab__link{height:100%;min-width:0;display:inline-flex;align-items:center;padding:0 12px;color:inherit;text-decoration:none;font-weight:var(--font-weight-medium)}
.seller-tab__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.seller-tab__close{width:18px;height:18px;margin-right:9px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:0!important;outline:0;background:transparent!important;box-shadow:none!important;appearance:none;-webkit-appearance:none;color:#8ca3a6;opacity:.95;cursor:pointer;line-height:18px;font-size:18px;font-family:Arial,sans-serif;flex:0 0 auto;border-radius:50%;transition:var(--transition-fast)}
.seller-tab__close:hover{color:var(--color-danger);opacity:1}
.seller-tab--active .seller-tab__close{color:rgba(255,255,255,.92);background:rgba(255,255,255,.14)!important}
.seller-tab--active:hover .seller-tab__close,.seller-tab--active:focus-within .seller-tab__close{color:#fff;background:rgba(255,255,255,.18)!important}
.seller-tab--active .seller-tab__close:hover{color:#fff;background:rgba(255,255,255,.26)!important}
.sidebar.collapsed .seller-menu-title{grid-template-columns:20px;justify-content:center;padding:0 10px}
.sidebar.collapsed .seller-menu-arrow,.sidebar.collapsed .seller-submenu{display:none}
.sidebar.collapsed .seller-menu-icon{margin:0}
.sidebar.collapsed .seller-menu-link{justify-content:center;padding:0 10px}
/* Page */
.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);gap:var(--space-4)}
.page-header__left{flex:1}
.page-header__title,
.page-header h1:not(.page-header__title){font-family:var(--font-family);font-size:22px;font-weight:var(--font-weight-semibold);line-height:1.2;letter-spacing:0;margin:0 0 var(--space-2)}
.page-header__description{font-size:var(--font-size-body-sm);color:var(--text-tertiary)}
.page-header__actions{display:flex;gap:var(--space-3)}

/* Cards */
.content-card{background:rgba(255,255,255,.94);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-5);margin-bottom:var(--space-5);border:1px solid rgba(15,32,35,.06)}
.content-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-light)}
.content-card__title{font-family:var(--font-family);font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);line-height:1.25;letter-spacing:0}

/* Stats */
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}
.stat-card{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,rgba(0,190,180,.10) 0%,rgba(111,215,255,.06) 34%,rgba(255,255,255,0) 58%),linear-gradient(180deg,#ffffff 0%,#f8fcfc 100%);border-radius:var(--radius-md);padding:var(--space-4);border-left:4px solid var(--color-primary);box-shadow:var(--shadow-sm);transition:var(--transition-normal);cursor:pointer}
.stat-card::before{content:"";position:absolute;right:-18px;bottom:-22px;width:108px;height:68px;border-radius:28px 0 18px 0;background:linear-gradient(135deg,rgba(0,190,180,.14) 0%,rgba(111,215,255,.08) 100%);transform:rotate(-8deg);pointer-events:none;z-index:0}
.stat-card::after{content:"";position:absolute;left:0;right:0;top:0;height:52%;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(233,249,246,.56) 62%,rgba(235,245,255,.54) 100%);pointer-events:none;z-index:0}
.stat-card > *{position:relative;z-index:1}
.stat-card:hover{background:linear-gradient(135deg,rgba(0,190,180,.13) 0%,rgba(111,215,255,.08) 34%,rgba(255,255,255,0) 58%),linear-gradient(180deg,#ffffff 0%,#f8fdfc 100%);box-shadow:var(--shadow-md);transform:translateY(-2px)}
.stat-card--success{border-left-color:var(--color-success)}
.stat-card--warning{border-left-color:var(--color-warning)}
.stat-card--danger{border-left-color:var(--color-danger)}
.stat-card--info{border-left-color:var(--color-info)}
.stat-card__label{font-size:13px;color:#1f2937;font-weight:400;margin-bottom:8px;text-transform:none;letter-spacing:0}
.stat-card__value{font-size:clamp(30px,1.85vw,36px);font-weight:700;line-height:1.04;color:#111827;font-variant-numeric:tabular-nums;font-family:"DIN Alternate","DIN Next","Inter","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",sans-serif;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stat-card__value[data-stat-href]{cursor:pointer;transition:transform .15s ease,color .15s ease}
.stat-card__value[data-stat-href]:hover{transform:translateY(-1px);color:#0f766e}

/* Table */
.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-body)}
.data-table thead{background:var(--neutral-50)}
.data-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-weight-medium);font-size:var(--font-size-caption);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);white-space:nowrap}
.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);color:var(--text-primary);vertical-align:middle}
.biz-table input[type="checkbox"],
.data-table input[type="checkbox"],
.order-table input[type="checkbox"],
.checkbox-col input[type="checkbox"],
.biz-col-check input[type="checkbox"]{accent-color:var(--color-primary)}
.data-table tbody tr:hover{background:var(--neutral-50)}
.data-table tbody tr.row-selected,
.biz-table tbody tr.row-selected,
.order-table tbody tr.row-selected{background:rgba(0,184,148,.08) !important}
.data-table tbody tr.row-selected:hover,
.biz-table tbody tr.row-selected:hover,
.order-table tbody tr.row-selected:hover{background:rgba(0,184,148,.12) !important}
.table-wrapper{background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}
.table-toolbar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--border-light)}
.table-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-top:1px solid var(--border-light)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:38px;padding:0 16px;border-radius:10px;font-size:var(--font-size-body);font-weight:600;cursor:pointer;transition:var(--transition-fast);border:1px solid transparent;outline:none;white-space:nowrap;line-height:1;box-shadow:none}
.btn-primary{background:var(--button-primary-bg);color:#fff;box-shadow:var(--button-primary-shadow)}
.btn-primary:hover{filter:saturate(1.02) brightness(.98);transform:translateY(-1px)}
.btn-secondary{background:var(--button-secondary-bg);color:var(--text-secondary);border-color:var(--button-secondary-border);box-shadow:0 6px 16px rgba(6,32,35,.04)}
.btn-secondary:hover{background:#f8fbfb;border-color:rgba(0,190,180,.36);color:var(--color-primary)}
.btn-danger{background:var(--color-danger);color:#fff}
.btn:disabled,.btn.is-disabled{opacity:.55;cursor:not-allowed;pointer-events:none;transform:none;box-shadow:none}
.btn-primary:disabled,.btn-primary.is-disabled{background:var(--neutral-300);color:#fff}
.btn-primary:hover:disabled,.btn-primary.is-disabled:hover{background:var(--neutral-300);transform:none}
.btn-secondary:disabled,.btn-secondary.is-disabled{background:var(--neutral-100);color:var(--text-tertiary);border-color:var(--border-color)}
.btn-sm{height:34px;padding:0 14px;font-size:var(--font-size-caption)}
.btn-icon{width:34px;height:34px;padding:0;border-radius:10px;background:#fff;color:var(--text-tertiary);border:1px solid var(--button-secondary-border);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition-fast)}
.btn-icon:hover{background:#f8fbfb;color:var(--color-primary);border-color:rgba(0,190,180,.36)}

/* Borderless text button theme */
.nav-logout-btn,
.btn,
.btn-icon,
.pagination button,
.biz-action,
.action-btn,
.biz-back,
.excel-table-toolbar__btn,
.excel-action-more summary,
.biz-action-more summary,
.biz-filter-more summary,
.sub-merchant-primary-btn,
.sub-merchant-secondary-btn,
.payment-mock-btn,
.refund-mock-btn,
.seller-v2-btn,
.seller-v2-tab,
.trade-monitor-btn,
.trade-monitor-page-btn,
.trade-monitor-dialog__close,
.trade-monitor-more summary,
.register-page .upload-action-btn,
.simple-upload-card .upload-action-btn{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  text-decoration:none !important;
}

.nav-logout-btn:hover,
.btn:hover,
.btn-icon:hover,
.pagination button:hover,
.biz-action:hover,
.action-btn:hover,
.biz-back:hover,
.excel-table-toolbar__btn:hover,
.excel-action-more summary:hover,
.biz-action-more summary:hover,
.biz-filter-more summary:hover,
.sub-merchant-primary-btn:hover,
.sub-merchant-secondary-btn:hover,
.payment-mock-btn:hover,
.refund-mock-btn:hover,
.seller-v2-btn:hover,
.seller-v2-tab:hover,
.trade-monitor-btn:hover,
.trade-monitor-page-btn:hover,
.trade-monitor-dialog__close:hover,
.trade-monitor-more summary:hover,
.register-page .upload-action-btn:hover,
.simple-upload-card .upload-action-btn:hover{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}

.btn-secondary,
.btn-icon,
.nav-logout-btn,
.pagination button,
.biz-action,
.action-btn,
.biz-back,
.excel-table-toolbar__btn,
.excel-action-more summary,
.biz-action-more summary,
.biz-filter-more summary,
.sub-merchant-secondary-btn,
.payment-mock-btn,
.refund-mock-btn,
.seller-v2-btn,
.seller-v2-tab,
.trade-monitor-btn,
.trade-monitor-page-btn,
.trade-monitor-dialog__close,
.trade-monitor-more summary,
.register-page .upload-action-btn,
.simple-upload-card .upload-action-btn{color:var(--text-secondary) !important}

.btn-primary,
.biz-action--primary,
.excel-table-toolbar__btn.is-done,
.sub-merchant-primary-btn,
.payment-mock-btn--primary,
.refund-mock-btn--primary{color:var(--color-primary) !important}

.btn-danger,
.biz-action--danger,
.payment-mock-btn--danger,
.refund-mock-btn--danger{color:var(--color-danger) !important}

.biz-action--warning,
.payment-mock-btn--warning,
.refund-mock-btn--warning{color:#c97700 !important}

.biz-action--success,
.biz-action--success-outline,
.refund-mock-btn--success{color:#0a8f82 !important}

.biz-action--info{color:#0a8f82 !important}

.btn-primary:hover,
.biz-action--primary:hover,
.excel-table-toolbar__btn.is-done:hover,
.sub-merchant-primary-btn:hover,
.payment-mock-btn--primary:hover,
.refund-mock-btn--primary:hover{color:var(--color-primary-hover) !important}

.btn-danger:hover,
.biz-action--danger:hover,
.payment-mock-btn--danger:hover,
.refund-mock-btn--danger:hover{color:var(--danger-600) !important}

.biz-action--warning:hover,
.payment-mock-btn--warning:hover,
.refund-mock-btn--warning:hover{color:#b66700 !important}

.biz-action--success:hover,
.biz-action--success-outline:hover,
.refund-mock-btn--success:hover,
.biz-action--info:hover{color:#087f74 !important}

.buyer-list-page .biz-action--secondary{color:#475569 !important}
.buyer-list-page .biz-action--secondary:hover{color:#334155 !important}
.buyer-list-page .biz-action--success{color:#f59e0b !important}
.buyer-list-page .biz-action--success:hover{color:#d97706 !important}
.buyer-list-page .biz-action--primary{color:#0f766e !important}
.buyer-list-page .biz-action--primary:hover{color:#0d5f59 !important}
.buyer-list-page .biz-action--success-outline{color:#2563eb !important}
.buyer-list-page .biz-action--success-outline:hover{color:#1d4ed8 !important}
.buyer-list-page .biz-action--info{color:#0891b2 !important}
.buyer-list-page .biz-action--info:hover{color:#0e7490 !important}

.action-btns .action-btn,
.action-btns .btn,
.action-btns .btn-icon-sm,
.biz-actions .biz-action,
.biz-actions .btn,
.filter-toggle-left .btn,
.page-header__actions .btn,
.table-toolbar .btn,
.excel-action-more summary,
.biz-action-more summary,
.excel-action-more__menu .action-btn,
.biz-action-more__menu .biz-action{
  color:#0f8f6d !important;
}

.action-btns .action-btn:hover,
.action-btns .btn:hover,
.action-btns .btn-icon-sm:hover,
.biz-actions .biz-action:hover,
.biz-actions .btn:hover,
.filter-toggle-left .btn:hover,
.page-header__actions .btn:hover,
.table-toolbar .btn:hover,
.excel-action-more summary:hover,
.biz-action-more summary:hover,
.excel-action-more__menu .action-btn:hover,
.biz-action-more__menu .biz-action:hover{
  color:#0b7f61 !important;
}

.excel-action-more[open] summary,
.biz-action-more[open] summary,
.biz-filter-more[open] summary,
.trade-monitor-more[open] summary{background:transparent !important;border:0 !important;box-shadow:none !important;color:var(--color-primary) !important}

.pagination button.active{background:transparent !important;border:0 !important;box-shadow:none !important;color:var(--color-primary) !important;font-weight:700}

.buyer-home-promo__actions .btn,
.buyer-home-promo__actions .btn-primary,
.buyer-home-promo__actions .btn-secondary{color:#fff !important}

/* Tags */
.tag{display:inline-flex;align-items:center;padding:2px var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);line-height:1.5;white-space:nowrap}
.tag--primary{background:var(--primary-50);color:var(--primary-700)}
.tag--success{background:var(--success-50);color:var(--success-700)}
.tag--warning{background:var(--warning-50);color:var(--warning-700)}
.tag--danger{background:var(--danger-50);color:var(--danger-700)}
.tag--info{background:var(--info-50);color:var(--info-700)}

/* Form */
.form-row{display:grid;grid-template-columns:120px 1fr;gap:var(--space-4);align-items:center;margin-bottom:var(--space-4)}
.form-row__label{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-align:right}
.form-row__label .required{color:var(--color-danger);margin-right:var(--space-1)}
input,select,textarea{padding:var(--space-2) var(--space-3);border:1px solid var(--border-dark);border-radius:var(--radius-sm);font-size:var(--font-size-body);font-family:inherit;width:100%}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--primary-100)}

/* Modal */
.modal-overlay{position:fixed;inset:0;background:var(--bg-overlay);display:none;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--space-6)}
.modal-overlay.active{display:flex}
.modal{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:calc(100vh - var(--space-12));overflow:hidden;display:flex;flex-direction:column;width:640px;max-width:90vw}
.modal--sm{width:480px}
.modal--lg{width:800px}
.modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5);border-bottom:1px solid var(--border-light)}
.modal__title{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold)}
.modal__close{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-tertiary);border:none;background:none;font-size:20px}
.modal__close:hover{background:var(--neutral-100);color:var(--text-primary)}
.modal__body{padding:var(--space-5);overflow-y:auto;flex:1}
.modal__footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-light)}

/* Empty State */
.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center}
.empty-state__title{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}
.empty-state__description{font-size:var(--font-size-body);color:var(--text-tertiary);margin-bottom:var(--space-5)}

/* Pagination */
.pagination{display:flex;gap:var(--space-1);align-items:center;justify-content:flex-end;flex-wrap:wrap}
.pagination button{min-width:34px;height:34px;padding:0 12px;border:1px solid var(--button-secondary-border);background:#fff;border-radius:10px;cursor:pointer;font-size:var(--font-size-caption);box-shadow:0 6px 16px rgba(6,32,35,.04)}
.pagination button:hover{border-color:rgba(0,190,180,.36);color:var(--color-primary);background:#f8fbfb}
.pagination button.active{background:var(--button-primary-bg);color:#fff;border-color:transparent;box-shadow:var(--button-primary-shadow)}
.pagination button:disabled{opacity:.5;cursor:not-allowed}
.pagination__dots{padding:0 var(--space-1);color:var(--text-tertiary);font-size:var(--font-size-caption)}
.page-size-selector{display:inline-flex;align-items:center;margin-right:var(--space-2)}
.page-size-selector__select{height:34px;min-width:96px;padding:0 28px 0 10px;border:1px solid var(--button-secondary-border);border-radius:10px;background:#fff;color:var(--text-secondary);font-size:var(--font-size-caption);cursor:pointer;outline:none}
.page-size-selector__select:hover,.page-size-selector__select:focus{border-color:rgba(0,190,180,.36);color:var(--color-primary)}

/* Filter */
.filter-bar{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:flex-end;padding:12px 14px;background:var(--bg-primary);border:1px solid rgba(15,32,35,.06);border-radius:14px;margin-bottom:14px;box-shadow:var(--shadow-sm)}
.filter-bar__search{flex:1;min-width:180px;max-width:320px}
.filter-bar input,.filter-bar select{height:34px;font-size:12px;padding:0 10px;border-radius:10px}
.filter-bar__actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.filter-bar__action-btn{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;border:1px solid var(--button-secondary-border);border-radius:9px;background:#fff;color:var(--text-secondary);font-size:12px;line-height:1;white-space:nowrap;cursor:pointer}
.filter-bar__action-btn:hover{border-color:rgba(0,190,180,.36);background:#f8fbfb;color:var(--color-primary)}

/* Utilities */
.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}
.text-center{text-align:center}.text-right{text-align:right}
.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}
.text-sm{font-size:var(--font-size-caption)}.text-lg{font-size:var(--font-size-body)}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}
.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}
.ml-auto{margin-left:auto}
.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}
.hidden{display:none !important}.block{display:block}
.w-full{width:100%}

@media (max-width:1280px){
  .stats-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  .stats-grid{grid-template-columns:1fr}
  .sidebar{transform:translateX(-100%)}
  .main-content{margin-left:0 !important}
}

/* Seller field config driven tables */
.seller-field-cell{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.seller-field-cell--money,.seller-field-cell--number,.seller-field-cell--percent{text-align:left;white-space:nowrap}
.seller-field-cell--money{font-weight:700;color:var(--color-success)}
.seller-field-cell--percent{color:var(--color-warning);font-weight:600}
.seller-field-cell--date{white-space:nowrap}
.seller-field-head--actions,.order-table th:last-child,.order-table td:last-child{position:sticky;right:0;z-index:1;background:var(--bg-primary)}
.seller-field-status{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:var(--font-size-caption);font-weight:600;white-space:nowrap}
.seller-field-status--success{background:var(--success-50);color:var(--success-600)}
.seller-field-status--warning{background:var(--warning-50);color:var(--warning-600)}
.seller-field-status--danger{background:var(--danger-50);color:var(--danger-600)}
.seller-field-status--info,.seller-field-status--primary{background:var(--info-50);color:var(--info-600)}
.seller-field-status__alert{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:6px;border-radius:999px;background:var(--color-danger);color:#fff !important;font-size:10px;font-weight:700;line-height:1;flex:0 0 14px}
table td .seller-field-status,
table td .biz-tag,
table td .tag,
table td .portal-badge,
table td .seller-v2-tag,
table td .payment-mock-tag,
table td .refund-mock-badge,
table td .trade-monitor-tag,
table td .contract-mock-tag,
table td .buyer-detail-tag{
  background:#f5f7fb !important;
  color:#111827 !important;
  border-color:#e5e7eb !important;
}
.seller-field-old{color:var(--text-tertiary);text-decoration:line-through}
.seller-field-new{color:var(--color-primary);font-weight:700}
.seller-field-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.seller-field-detail-item{min-width:0}
.seller-field-detail-label{font-size:var(--font-size-caption);color:var(--text-tertiary);margin-bottom:var(--space-1)}
.seller-field-detail-value{font-weight:600;color:var(--text-primary);word-break:break-word}
@media (max-width:768px){.seller-field-detail-grid{grid-template-columns:1fr}}