:root{
  --bg: #f3f5f8;
  --text:#111827;
  --muted:#6b7280;

  --accent:#7c3aed;   /* mor */
  --accent2:#2563eb;  /* mavi */

  --line:#e6eaf0;
  --card:#ffffff;

  --green:#16a34a;
  --amber:#f59e0b;
  --slate:#94a3b8;
}

*{ box-sizing:border-box; }
body{
  margin:0;
  font-family: 'DM Sans', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, Helvetica, sans-serif;
  color:#1e293b;
  background:var(--bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  display:flex;
  flex-direction:column;
  min-height:100vh;
  font-size:13px;
  line-height:1.5;
}

.container{
  width:min(1100px, calc(100% - 28px));
  margin:0 auto;
  position:relative;
}

/* Site Bar */
.site-bar{
  background:var(--accent);
  height:30px;
  display:flex;
  align-items:center;
}
.site-bar-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.site-bar-title{
  color:#fff;
  font-size:11px;
  font-weight:700;
}
.site-bar-right{
  display:flex;
  align-items:center;
  gap:14px;
}
.site-bar-right a{
  color:rgba(255,255,255,.85);
  text-decoration:none;
  font-size:11px;
  font-weight:600;
}
.site-bar-right a:hover{ color:#fff; }

/* Topbar */
.topbar{
  background:#fff;
  border-bottom:1px solid var(--line);
  height:40px;
  display:flex;
  align-items:center;
}
.topbar-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.topbar-left{
  display:flex;
  align-items:center;
  gap:6px;
  color:#111827;
  font-size:12px;
}
.topbar-left i{ color:rgba(17,24,39,.65); }

.topbar-nav{
  display:flex;
  gap:18px;
  font-size:12px;
}
.topbar-nav a{
  color:#111827;
  text-decoration:none;
  opacity:.9;
}
.become{
  display:flex;
  align-items:center;
  gap:6px;
  text-decoration:none;
  color:var(--accent);
  font-weight:700;
  font-size:12px;
}
.become i{ color:var(--accent); }

/* Language Switcher */
.topbar-right{
  display:flex;
  align-items:center;
  gap:10px;
}
.lang-switcher{
  display:flex;
  gap:4px;
  margin-left:8px;
}
.lang-btn{
  padding:2px 6px;
  font-size:10px;
  font-weight:700;
  color:var(--muted);
  text-decoration:none;
  border:1px solid var(--line);
  border-radius:3px;
}
.lang-btn:hover{ color:#111827; border-color:#111827; }
.lang-active{
  color:#fff;
  background:var(--accent);
  border-color:var(--accent);
}
.lang-active:hover{ color:#fff; }

/* Header */
.header{
  background:#fff;
  border-bottom:1px solid var(--line);
  padding:10px 0;
}
.header-inner{
  display:flex;
  align-items:center;
  gap:12px;
}
.brand{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
}
.brand-mark{
  background:linear-gradient(180deg, #ef4444 0%, #dc2626 100%);
  color:#fff;
  font-weight:900;
  padding:6px 10px;
  border-radius:5px;
  letter-spacing:.3px;
  font-size:13px;
}
.brand-domain{
  font-weight:700;
  color:#111827;
  font-size:13px;
}

.header-controls{
  display:flex;
  align-items:center;
  gap:16px;
  flex:1;
  justify-content:center;
}
.search{
  display:flex;
  align-items:center;
  gap:8px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:6px;
  padding:6px 10px;
  flex:1;
}
.search i{ color:rgba(31,41,55,.6); }
.search input{
  border:none;
  outline:none;
  width:100%;
  font-size:12px;
}
.advanced{
  border:none;
  cursor:pointer;
  background:rgba(37,99,235,0.95);
  color:#fff;
  font-weight:700;
  font-size:11px;
  border-radius:5px;
  padding:6px 10px;
  display:flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
}

/* Notice */
.notice{
  background:rgba(245,158,11,0.12);
  border-top:1px solid rgba(234,179,8,.95);
  border-bottom:1px solid rgba(196,151,0,.35);
}
.notice-inner{
  padding:6px 0;
  text-align:center;
  color:#111827;
  font-weight:700;
  font-size:11px;
}
.notice .link{
  color:#0b2a12;
  text-decoration:underline;
}

/* Page */
.page{ padding:12px 0 30px; flex:1; }
.breadcrumb{
  color:var(--muted);
  font-size:12px;
  margin:6px 0 10px;
}
.breadcrumb a{
  color:var(--muted);
  text-decoration:none;
}

/* Section */
.section{
  margin-top:10px;
}
.section-head{
  background:rgba(124,58,237,0.06);
  border:1px solid rgba(124,58,237,.12);
  border-radius:8px;
  padding:8px 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}
.section-title{
  display:flex;
  align-items:center;
  gap:6px;
  font-weight:700;
  font-size:12px;
}
.section-title i{ color:var(--accent); }

.section-sort{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.sort-pill{
  border:1px solid #e2e8f0;
  background:#fff;
  border-radius:4px;
  padding:5px 10px;
  font-weight:600;
  font-size:11px;
  color:#475569;
  cursor:pointer;
  transition:all .15s;
  display:inline-flex;
  align-items:center;
  gap:5px;
  user-select:none;
}
.sort-pill:hover{
  border-color:#94a3b8;
  color:#111827;
}
.sort-pill i{ font-size:10px; color:#94a3b8; }
.sort-active{
  border-color: var(--accent) !important;
  background: rgba(124,58,237,.06) !important;
  color: var(--accent) !important;
}
.sort-active i{ color:var(--accent) !important; opacity:1 !important; }

/* List & item card */
.list{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.item{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:8px;
  padding:10px 12px;
  display:grid;
  grid-template-columns: 1fr 90px 80px 90px 80px;
  gap:8px;
  align-items:center;
  box-shadow:none;
}
.item:hover{
  border-color:rgba(124,58,237,.2);
  box-shadow:0 2px 6px rgba(124,58,237,0.04);
}

.item-left{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.social-icon{
  width:30px;
  height:30px;
  border-radius:999px;
  background:#2563eb;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  flex:0 0 auto;
}
.social-icon i{ font-size:13px; }

.item-meta{ min-width:0; }
.item-name{
  font-size:11.5px;
  line-height:1.3;
  font-weight:700;
}

/* Stock */
.item-stock{
  font-size:12px;
  font-weight:700;
  color:#111827;
  white-space:nowrap;
  text-align:right;
}

/* Price label */
.item-price-label{
  font-size:11px;
  font-weight:600;
  color:#94a3b8;
  white-space:nowrap;
}

/* Price */
.item-price{
  font-size:12px;
  font-weight:800;
  color:#111827;
  white-space:nowrap;
}
.item-price-muted{
  color:#dc2626;
  font-weight:600;
  font-size:11px;
}

/* Right buy */
.item-right{
  display:flex;
  justify-content:flex-end;
  flex-shrink:0;
  gap:6px;
  align-items:center;
}
.wish-btn{
  background:none;
  border:1px solid var(--line);
  border-radius:999px;
  width:30px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  color:#cbd5e1;
  font-size:13px;
  transition:all .15s;
  flex-shrink:0;
}
.wish-btn:hover{ color:#ef4444; border-color:#fecaca; }
.wish-btn.active{ color:#ef4444; border-color:#ef4444; }
.wish-btn.active i{ font-weight:900; }
.buy{
  border:none;
  cursor:pointer;
  border-radius:999px;
  padding:6px 12px;
  font-weight:700;
  font-size:12px;
  color:#fff;
  background:var(--accent);
  box-shadow:none;
  display:flex;
  align-items:center;
  gap:6px;
  min-width:80px;
  justify-content:center;
}
.buy i{ font-size:13px; }

/* Pagination */
.pagination{
  margin-top:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 0 0;
}
.page-btn{
  border:1px solid var(--line);
  background:#fff;
  border-radius:6px;
  padding:5px 10px;
  font-weight:700;
  font-size:11px;
  cursor:pointer;
  color:#111827;
}
.page-btn:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.page-info{
  font-weight:700;
  color:#111827;
  font-size:11px;
}

/* View all */
.viewall-wrap{
  margin-top:8px;
  display:flex;
  justify-content:center;
}
.viewall{
  border-radius:6px;
  border:1px solid rgba(124,58,237,.35);
  background:rgba(255,255,255,.85);
  color:var(--accent);
  font-weight:700;
  font-size:12px;
  padding:6px 12px;
  cursor:pointer;
  width:100%;
  max-width:820px;
}

/* Footer */
.footer{
  background:#fff;
  border-top:1px solid var(--line);
  padding:10px 0;
}
.footer-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:11px;
}
.footer .muted{ color:var(--muted); font-weight:700; }

/* ===== Dashboard - Accsmarket Style ===== */
.dash-breadcrumb{
  font-size:11px;
  color:var(--muted);
  margin-bottom:4px;
}
.dash-breadcrumb span{ color:#111827; }
.dash-heading{
  font-size:16px;
  font-weight:800;
  color:#111827;
  margin:0 0 10px;
  text-transform:uppercase;
}
.dash-layout{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:16px;
  align-items:start;
}
.dash-sidebar{
  background:#fff;
  border:1px solid var(--line);
  border-radius:6px;
  overflow:hidden;
}
.dash-balance-bar{
  background:#2c3e50;
  color:#fff;
  padding:14px 16px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:12px;
}
.dash-balance-label{ font-weight:600; }
.dash-balance-val{ font-weight:800; font-size:15px; letter-spacing:-0.3px; }
.dash-nav{
  display:flex;
  flex-direction:column;
}
.dash-nav-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 16px;
  font-size:13px;
  color:#111827;
  text-decoration:none;
  border-bottom:1px solid rgba(230,234,240,.5);
  font-weight:600;
}
.dash-nav-item:hover{ background:rgba(124,58,237,.04); }
.dash-nav-item.active{
  background:rgba(124,58,237,.06);
  color:var(--accent);
  border-left:3px solid var(--accent);
}
.dash-nav-item i{
  width:18px;
  text-align:center;
  font-size:14px;
  color:var(--muted);
}
.dash-nav-item.active i{ color:var(--accent); }
.dash-nav-logout{ color:#dc2626; }
.dash-nav-logout i{ color:#dc2626; }
.dash-main{ min-width:0; }
.dash-panel{}
.dash-info-cards{
  display:flex;
  gap:8px;
  margin-bottom:12px;
}
.dash-info-card{
  flex:1;
  background:#fff;
  border:1px solid var(--line);
  border-radius:6px;
  padding:10px 12px;
}
.dash-info-card-purple{
  border-color:rgba(124,58,237,.18);
  background:rgba(124,58,237,.03);
}
.dash-info-label{
  font-size:10px;
  font-weight:600;
  color:var(--muted);
  margin-bottom:4px;
  text-transform:uppercase;
}
.dash-info-val{
  font-size:18px;
  font-weight:800;
  color:#111827;
}
.dash-section-title{
  font-size:13px;
  font-weight:800;
  color:#111827;
  text-transform:uppercase;
  margin:0 0 4px;
}
.dash-section-sub{
  font-size:11px;
  color:var(--muted);
  margin:0 0 8px;
}
.dash-orders-table-wrap{
  background:#fff;
  border:1px solid var(--line);
  border-radius:6px;
  overflow:hidden;
}
.dash-orders-table{
  width:100%;
  border-collapse:collapse;
  font-size:13px;
}
.dash-orders-table thead{
  background:#3b4a5a;
  color:#fff;
}
.dash-orders-table th{
  text-align:left;
  padding:12px 14px;
  font-weight:700;
  font-size:12px;
}
.dash-orders-table td{
  padding:14px 14px;
  border-bottom:1px solid #e8eaed;
  color:#111827;
  font-size:13px;
  vertical-align:top;
}
.dash-orders-table tbody tr:hover{
  background:rgba(243,245,248,.6);
}
.dash-tx-empty{
  font-size:11px;
  color:var(--muted);
  text-align:center;
  padding:16px 10px;
}
.dash-profile-info{
  background:#fff;
  border:1px solid var(--line);
  border-radius:6px;
  padding:12px;
}
.dash-profile-row{
  font-size:12px;
  padding:6px 0;
  border-bottom:1px solid rgba(230,234,240,.5);
}
.dash-profile-row:last-child{ border-bottom:none; }
.dash-profile-label{
  font-weight:700;
  color:var(--muted);
  display:inline-block;
  width:120px;
}

@media (max-width:720px){
  .dash-layout{ grid-template-columns:1fr; }
  .dash-sidebar{ order:2; }
}

.dash-deposit-btn{
  border:none;
  cursor:pointer;
  background:#2c3e50;
  color:#fff;
  font-size:10px;
  font-weight:700;
  border-radius:4px;
  padding:5px 10px;
}
.dash-deposit-btn:hover{ background:#34495e; }

/* ===== Seller Panel (Task 6.7) ===== */
.seller-product-list{ margin-top:6px; }
.seller-table{
  width:100%;
  border-collapse:collapse;
  font-size:11px;
}
.seller-table th{
  text-align:left;
  padding:6px 8px;
  font-weight:700;
  color:var(--muted);
  border-bottom:1px solid var(--line);
  font-size:10px;
}
.seller-table td{
  padding:6px 8px;
  border-bottom:1px solid rgba(230,234,240,.5);
}
.seller-actions{ display:flex; gap:4px; }
.seller-edit-btn, .seller-del-btn{
  border:1px solid var(--line);
  background:#fff;
  border-radius:4px;
  padding:3px 6px;
  cursor:pointer;
  font-size:10px;
  color:var(--muted);
}
.seller-edit-btn:hover{ color:var(--accent); border-color:var(--accent); }
.seller-del-btn:hover{ color:#dc2626; border-color:#dc2626; }

/* ===== Crypto Payment (Task 8.5) ===== */
.crypto-currency-btns{
  display:flex;
  gap:6px;
  margin-bottom:8px;
}
.crypto-btn{
  flex:1;
  border:1px solid var(--line);
  background:#fff;
  border-radius:6px;
  padding:6px 8px;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
  text-align:center;
  color:#111827;
}
.crypto-btn:hover{ border-color:var(--accent); }
.crypto-btn-active{
  border-color:var(--accent);
  background:rgba(124,58,237,.06);
  color:var(--accent);
}
.crypto-equivalent{
  font-size:11px;
  margin-bottom:6px;
  padding:4px 8px;
  background:rgba(22,163,74,.06);
  border-radius:4px;
}
.crypto-eq-label{ color:var(--muted); font-weight:600; }
.crypto-eq-value{ font-weight:800; color:#111827; margin-left:4px; }
.crypto-wallet-info{
  font-size:10px;
  margin-bottom:6px;
  padding:6px 8px;
  background:rgba(243,245,248,.8);
  border-radius:4px;
  border:1px solid var(--line);
}
.crypto-wallet-label{ color:var(--muted); font-weight:600; margin-bottom:2px; }
.crypto-wallet-addr{
  font-family:monospace;
  font-size:10px;
  word-break:break-all;
  color:#111827;
  font-weight:700;
}
.crypto-pay-status{
  font-size:11px;
  padding:6px 8px;
  text-align:center;
  color:var(--muted);
}

/* ===== Guide (Task 9.3) ===== */
.guide-steps{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-top:6px;
}
.guide-step{
  display:flex;
  align-items:flex-start;
  gap:10px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:8px;
  padding:10px 12px;
}
.guide-step-num{
  width:26px;
  height:26px;
  border-radius:999px;
  background:var(--accent);
  color:#fff;
  font-weight:800;
  font-size:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.guide-step-body{ flex:1; }
.guide-step-title{
  font-size:12px;
  font-weight:700;
  margin-bottom:2px;
}
.guide-step-desc{
  font-size:11px;
  color:var(--muted);
  line-height:1.4;
}
.guide-cta{
  margin-top:10px;
  text-align:center;
}

/* ===== Admin Panel ===== */
.badge-pending{background:rgba(245,158,11,.12);color:#92400e;border:1px solid rgba(245,158,11,.3);border-radius:999px;padding:1px 7px;font-size:10px;font-weight:600;}
.badge-approved{background:rgba(22,163,74,.1);color:#166534;border:1px solid rgba(22,163,74,.25);border-radius:999px;padding:1px 7px;font-size:10px;font-weight:600;}
.badge-rejected{background:rgba(220,38,38,.1);color:#991b1b;border:1px solid rgba(220,38,38,.25);border-radius:999px;padding:1px 7px;font-size:10px;font-weight:600;}
.badge-active{background:rgba(22,163,74,.1);color:#166534;border:1px solid rgba(22,163,74,.25);border-radius:999px;padding:1px 7px;font-size:10px;font-weight:600;}
.badge-inactive{background:rgba(148,163,184,.15);color:#475569;border:1px solid rgba(148,163,184,.3);border-radius:999px;padding:1px 7px;font-size:10px;font-weight:600;}
.badge-banned{background:rgba(220,38,38,.1);color:#991b1b;border:1px solid rgba(220,38,38,.25);border-radius:999px;padding:1px 7px;font-size:10px;font-weight:600;}
.admin-filter-btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px 10px;font-size:10px;font-weight:600;cursor:pointer;color:var(--muted);}
.admin-filter-btn:hover{border-color:var(--accent);color:var(--accent);}
.admin-filter-active{border-color:var(--accent)!important;background:rgba(124,58,237,.06)!important;color:var(--accent)!important;}
.admin-stat-card{flex:1;background:#fff;border:1px solid var(--line);border-radius:6px;padding:10px 12px;text-align:center;}
.admin-stat-card .admin-stat-val{font-size:20px;font-weight:800;color:#111827;}
.admin-stat-card .admin-stat-label{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;margin-top:2px;}

/* Responsive */
@media (max-width: 980px){
  .item{ grid-template-columns: 1fr 80px 90px 80px; }
  .item-price-label{ display:none; }
}
@media (max-width: 720px){
  .topbar-nav{ display:none; }
  .search{ display:none; }
  .header-inner{ justify-content:center; }
  .item{ grid-template-columns: 1fr auto auto; }
  .item-price-label{ display:none; }
  .item-stock{ font-size:11px; }
  .item-price{ font-size:11px; }
  .item-left{ grid-column: 1 / -1; }
  /* Mobile header */
  .hdr-nav{ display:none !important; }
  .hdr-search{ display:none !important; }
  #mobMenuBtn{ display:flex !important; }
  #mobSearchBtn{ display:flex !important; }
  .hdr-username{ max-width:60px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .hdr-reg-btn{ padding:6px 10px !important; font-size:11px !important; }
}
/* Mobile menu toggle */
#mobMenu.mob-open{ display:block !important; }

/* ===== Modals ===== */
.modal-overlay{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.45);
  z-index:1000;
  align-items:center;
  justify-content:center;
}
.modal-overlay.active{ display:flex; }

.modal{
  background:#fff;
  border-radius:8px;
  padding:16px;
  max-width:360px;
  width:calc(100% - 32px);
  position:relative;
  box-shadow:0 4px 24px rgba(0,0,0,.15);
}
.modal-close{
  position:absolute;
  top:8px;
  right:10px;
  background:none;
  border:none;
  font-size:18px;
  cursor:pointer;
  color:var(--muted);
  line-height:1;
}
.modal-title{
  margin:0 0 10px;
  font-size:14px;
  font-weight:700;
}
.modal-error{
  color:#dc2626;
  font-size:10px;
  margin-bottom:6px;
  min-height:0;
}
.modal-error:empty{ display:none; }
.modal-footer{
  margin-top:10px;
  font-size:11px;
  text-align:center;
  color:var(--muted);
}
.modal-footer a{
  color:var(--accent);
  text-decoration:none;
  font-weight:700;
}

/* Form elements */
.form-group{
  margin-bottom:8px;
}
.form-group label{
  display:block;
  font-size:10px;
  font-weight:600;
  color:var(--muted);
  margin-bottom:2px;
}
.form-group input{
  width:100%;
  padding:6px 8px;
  font-size:12px;
  border:1px solid var(--line);
  border-radius:4px;
  outline:none;
  box-sizing:border-box;
}
.form-group input:focus{
  border-color:var(--accent);
}
.form-submit{
  width:100%;
  padding:7px 0;
  background:var(--accent);
  color:#fff;
  border:none;
  border-radius:4px;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  margin-top:4px;
}
.form-submit:hover{
  opacity:.9;
}

/* ===== Header Refactor ===== */
.util-bar{background:#1e293b;height:36px;display:flex;align-items:center;}
.util-bar-inner{display:flex;align-items:center;justify-content:space-between;position:relative;}
.util-bar-left{display:flex;align-items:center;gap:16px;font-size:12px;}
.util-online{color:#94a3b8;font-size:11px;}
.util-online i{font-size:6px;color:#10b981;margin-right:3px;}
.util-bar-right{display:flex;align-items:center;gap:8px;}

/* Language selector */
.lang-wrap{position:relative;}
.lang-btn2{display:flex;align-items:center;gap:5px;background:none;border:1px solid #475569;border-radius:4px;padding:3px 8px;cursor:pointer;color:#cbd5e1;font-size:11px;font-weight:600;}
.lang-btn2 i{font-size:8px;}
.lang-drop{display:none;position:absolute;top:100%;right:0;margin-top:4px;background:#1e293b;border:1px solid #475569;border-radius:6px;overflow:hidden;z-index:100;min-width:110px;box-shadow:0 8px 20px rgba(0,0,0,.3);}
.lang-drop a{display:flex;align-items:center;gap:8px;padding:7px 12px;color:#cbd5e1;text-decoration:none;font-size:11px;font-weight:600;}
.lang-drop a:hover{background:#334155;}

/* Main header */
.main-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:12px 0;}
.main-header-inner{display:flex;align-items:center;gap:16px;}
.mob-menu-btn{display:none;background:none;border:none;font-size:18px;color:#475569;cursor:pointer;padding:4px;flex-shrink:0;}

/* Logo */
.logo-link{text-decoration:none;display:flex;align-items:center;gap:10px;flex-shrink:0;}
.logo-icon{width:34px;height:34px;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:8px;display:flex;align-items:center;justify-content:center;}
.logo-icon i{color:#fff;font-size:14px;transform:rotate(-45deg);}
.logo-text span{font-weight:900;font-size:19px;letter-spacing:-.3px;}
.logo-text .t1{color:#0f172a;}
.logo-text .t2{color:#6366f1;}

/* Nav */
.hdr-nav{display:flex;align-items:center;gap:4px;margin-left:8px;}
.hdr-cat-btn{color:#475569;font-size:12px;font-weight:600;padding:6px 12px;border-radius:6px;background:#f1f5f9;border:none;cursor:pointer;display:flex;align-items:center;gap:4px;}
.hdr-cat-btn i{font-size:10px;}
.cat-dd{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.1);min-width:220px;z-index:100;padding:6px 0;}
.cat-dd a{display:flex;align-items:center;gap:8px;padding:8px 14px;text-decoration:none;color:#334155;font-size:12px;font-weight:600;}
.cat-dd a:hover{background:#f1f5f9;}
.cat-dd a i{width:16px;text-align:center;color:#6366f1;font-size:13px;}
.hdr-role-link{text-decoration:none;font-size:12px;font-weight:600;padding:6px 12px;border-radius:6px;}
.hdr-role-seller{color:#16a34a;border:1px solid rgba(22,163,74,.2);background:rgba(22,163,74,.04);}
.hdr-role-admin{color:#6366f1;border:1px solid rgba(99,102,241,.2);background:rgba(99,102,241,.04);}
.hdr-role-buyer{color:#f59e0b;border:1px solid rgba(245,158,11,.2);background:rgba(245,158,11,.04);}
.hdr-role-link i{margin-right:3px;font-size:10px;}

/* Search */
.hdr-search{flex:1;display:flex;align-items:center;margin-left:auto;max-width:400px;}
.hdr-search-box{display:flex;align-items:center;width:100%;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;padding:0 12px;transition:border-color .15s;}
.hdr-search-box:focus-within{border-color:#6366f1;}
.hdr-search-box i{color:#94a3b8;font-size:13px;}
.hdr-search-box input{border:none;background:none;outline:none;width:100%;padding:8px 10px;font-size:13px;font-family:inherit;}

/* Mobile search */
.mob-search-btn{display:none;background:none;border:none;font-size:16px;color:#475569;cursor:pointer;padding:4px;margin-left:auto;flex-shrink:0;}
.mob-search-bar{display:none;padding:8px 14px 0;}
.mob-search-bar form{display:flex;align-items:center;width:100%;}

/* User menu */
.usr-wrap{position:relative;flex-shrink:0;}
.usr-btn{text-decoration:none;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;border:1px solid #e2e8f0;cursor:pointer;}
.usr-btn i.fa-user{font-size:12px;color:#6366f1;}
.usr-btn .usr-name{font-size:13px;font-weight:700;color:#111827;}
.usr-btn i.fa-chevron-down{font-size:8px;color:#94a3b8;}
.usr-dd{display:none;position:absolute;top:100%;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);min-width:170px;z-index:200;padding:6px 0;}
.usr-dd a{display:flex;align-items:center;gap:8px;padding:8px 14px;text-decoration:none;color:#334155;font-size:12px;font-weight:600;}
.usr-dd a:hover{background:#f1f5f9;}
.usr-dd a i{width:14px;text-align:center;color:#94a3b8;font-size:11px;}
.usr-dd-sep{height:1px;background:#e2e8f0;margin:4px 0;}
.usr-dd-logout{color:#ef4444 !important;}
.usr-dd-logout:hover{background:#fef2f2 !important;}

/* Auth buttons */
.auth-btns{display:flex;gap:6px;flex-shrink:0;}
.auth-login{color:#475569;font-size:12px;font-weight:600;padding:6px 14px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;cursor:pointer;}
.auth-register{color:#fff;font-size:12px;font-weight:600;padding:6px 14px;background:#6366f1;border-radius:6px;border:none;cursor:pointer;}

/* Quick links */
.hdr-quicklinks .container{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:12px;flex-wrap:wrap;}
.hdr-ai-btn{display:flex;align-items:center;gap:5px;padding:5px 12px;background:#f5f3ff;border:1px solid #ddd5fe;border-radius:4px;font-size:11px;font-weight:700;cursor:pointer;color:#6366f1;}
.hdr-ai-btn i{font-size:9px;transform:rotate(-45deg);}
.hdr-ql-link{padding:5px 12px;color:#64748b;text-decoration:none;font-size:11px;font-weight:600;}
.hdr-ql-partner{margin-left:auto;padding:5px 12px;color:#6366f1;text-decoration:none;font-size:11px;font-weight:700;}

/* Announcement in util-bar */
.util-ann{font-size:12px;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute;left:50%;transform:translateX(-50%);font-weight:600;letter-spacing:.2px;}
.util-ann-icon{color:#f59e0b;font-size:9px;margin-right:4px;}

/* Mobile menu */
.mob-menu{display:none;background:#fff;border-bottom:1px solid #e2e8f0;}
.mob-menu.mob-open{display:block;}
.mob-menu a.mob-cat{display:flex;align-items:center;gap:8px;padding:8px 4px;text-decoration:none;color:#334155;font-size:13px;font-weight:600;border-bottom:1px solid #f1f5f9;}
.mob-menu a.mob-cat i{width:18px;text-align:center;color:#6366f1;font-size:14px;}
.mob-menu-links{display:flex;gap:8px;padding:10px 4px 4px;flex-wrap:wrap;}
.mob-menu-links a{padding:5px 10px;color:#64748b;text-decoration:none;font-size:11px;font-weight:600;background:#f8fafc;border-radius:4px;}
.mob-menu-links a.mob-partner{color:#6366f1;font-weight:700;background:#f5f3ff;}

/* ===== Footer Refactor ===== */
.site-footer{margin-top:24px;background:#0f172a;padding:0;}
.ft-top{border-bottom:1px solid #1e293b;padding:18px 0 14px;}
.ft-top-inner{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;}
.ft-brand{max-width:220px;}
.ft-brand-logo{display:flex;align-items:center;gap:4px;margin-bottom:6px;}
.ft-brand-icon{width:28px;height:28px;border-radius:6px;background:#6366f1;display:flex;align-items:center;justify-content:center;}
.ft-brand-icon i{color:#fff;font-size:11px;transform:rotate(-45deg);}
.ft-brand-name{font-weight:900;color:#fff;font-size:15px;}
.ft-brand-name span{color:#6366f1;}
.ft-brand-desc{font-size:10px;color:#64748b;line-height:1.5;}
.ft-socials{display:flex;gap:4px;margin-top:8px;}
.ft-social{width:28px;height:28px;border-radius:6px;background:#1e293b;display:flex;align-items:center;justify-content:center;color:#64748b;text-decoration:none;font-size:12px;transition:background .15s,color .15s;}
.ft-social:hover{background:#6366f1;color:#fff;}
.ft-links{display:flex;gap:28px;flex-wrap:wrap;}
.ft-col-title{font-weight:700;font-size:10px;color:#94a3b8;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;}
.ft-col{display:flex;flex-direction:column;gap:4px;}
.ft-col a{font-size:11px;color:#64748b;text-decoration:none;transition:color .15s;}
.ft-col a:hover{color:#fff;}
.ft-bottom{padding:10px 0;}
.ft-bottom-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;}
.ft-copy{font-size:10px;color:#475569;}
.ft-sitemap{font-size:10px;color:#475569;text-decoration:none;}
.ft-sitemap:hover{color:#94a3b8;}
.ft-pay{display:flex;align-items:center;gap:10px;}
.ft-pay-label{font-size:10px;color:#475569;}
.ft-pay-icons{display:flex;gap:4px;}
.ft-pay-icon{font-size:9px;font-weight:800;background:#1e293b;padding:3px 8px;border-radius:3px;}
.ft-pay-btc{color:#f7931a;}
.ft-pay-eth{color:#627eea;}
.ft-pay-usdt{color:#26a17b;}
.ft-pay-more{color:#8b5cf6;}
.ft-pay-ltc{color:#bfbbbb;}
.ft-features{border-bottom:1px solid #1e293b;padding:12px 0;}
.ft-features-inner{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;}
.ft-feature{display:flex;align-items:center;gap:6px;font-size:10px;color:#64748b;font-weight:600;}
.ft-feature i{color:#6366f1;font-size:12px;width:16px;text-align:center;}

/* AI Chat Widget */
.ai-wrap{position:fixed;bottom:20px;right:20px;z-index:999;}
.ai-box{display:none;width:340px;height:440px;background:#fff;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.15);overflow:hidden;flex-direction:column;border:1px solid #e2e8f0;}
.ai-header{background:#6366f1;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;}
.ai-header-left{display:flex;align-items:center;gap:8px;}
.ai-header-icon{width:28px;height:28px;border-radius:6px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;}
.ai-header-icon i{color:#fff;font-size:11px;transform:rotate(-45deg);}
.ai-header-title{color:#fff;font-size:12px;font-weight:700;}
.ai-header-sub{color:rgba(255,255,255,.7);font-size:9px;}
.ai-close{background:none;border:none;color:rgba(255,255,255,.7);cursor:pointer;font-size:16px;}
.ai-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;height:320px;}
.ai-msg{border-radius:8px;padding:8px 12px;font-size:12px;max-width:85%;line-height:1.5;}
.ai-msg-bot{background:#f1f5f9;color:#334155;}
.ai-msg-user{background:#6366f1;color:#fff;align-self:flex-end;}
.ai-input-wrap{padding:10px;border-top:1px solid #e2e8f0;display:flex;gap:4px;}
.ai-input{flex:1;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;outline:none;}
.ai-send{padding:8px 12px;background:#6366f1;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;}
.ai-toggle{width:52px;height:52px;border-radius:12px;background:#6366f1;color:#fff;border:none;cursor:pointer;box-shadow:0 4px 14px rgba(99,102,241,.4);font-size:14px;display:flex;align-items:center;justify-content:center;margin-left:auto;}
.ai-toggle i{transform:rotate(-45deg);}

/* ===== Listing Detail ===== */
.listing-title{font-size:14px;font-weight:800;color:#111827;margin:8px 0 12px;text-transform:uppercase;line-height:1.4;}
.listing-card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;}
.listing-grid{display:grid;grid-template-columns:180px 1fr;min-height:200px;}
@media(max-width:600px){.listing-grid{grid-template-columns:1fr;}}
.listing-left{border-right:1px solid var(--line);padding:20px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;}
@media(max-width:600px){.listing-left{border-right:none;border-bottom:1px solid var(--line);}}
.listing-icon{width:56px;height:56px;border-radius:12px;object-fit:contain;margin-bottom:14px;}
.listing-icon-placeholder{width:56px;height:56px;border-radius:12px;background:#6366f1;display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.listing-icon-placeholder i{font-size:24px;color:#fff;}
.listing-stats{display:flex;gap:16px;margin-bottom:14px;}
.listing-stat-label{font-size:10px;color:var(--muted);font-weight:600;}
.listing-stat-val{font-size:14px;font-weight:800;color:#111827;}
.listing-stat-sep{width:1px;background:var(--line);}
.listing-buy-full{width:100%;font-size:12px;padding:8px 0;}
.listing-notify{width:100%;margin-top:6px;padding:7px 0;background:none;border:1.5px solid #6366f1;color:#6366f1;border-radius:999px;font-size:11px;font-weight:700;cursor:pointer;}
.listing-wish-full{width:100%;margin-top:6px;height:auto;padding:7px 0;border-radius:999px;font-size:11px;font-weight:700;}
.listing-right{padding:20px 24px;}
.listing-desc-title{font-size:13px;font-weight:800;margin-bottom:10px;}
.listing-desc{font-size:12px;color:#374151;line-height:1.7;}
.listing-desc-line{display:flex;align-items:flex-start;gap:6px;margin-bottom:4px;}
.listing-desc-dot{color:var(--green);font-size:10px;margin-top:3px;}
.listing-no-desc{color:var(--muted);font-size:12px;}
.listing-recs{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);}
.listing-recs-title{font-size:12px;font-weight:800;margin-bottom:6px;}
.listing-recs-list{font-size:11px;color:#475569;line-height:1.6;}
.listing-recs-list strong{color:#10b981;}

/* ===== Error Page ===== */
.err-wrap{text-align:center;padding:60px 0;}
.err-code{font-size:80px;font-weight:900;color:#e2e8f0;line-height:1;}
.err-title{font-size:18px;font-weight:700;color:#111827;margin:12px 0 6px;}
.err-msg{font-size:13px;color:#64748b;margin-bottom:24px;}
.err-sub{font-size:12px;color:#94a3b8;margin-bottom:24px;}
.err-sub a{color:#6366f1;text-decoration:none;font-weight:600;}
.err-home{display:inline-flex;align-items:center;gap:6px;background:#6366f1;color:#fff;padding:10px 24px;border-radius:8px;text-decoration:none;font-size:13px;font-weight:700;}

/* ===== Dashboard Extras ===== */
.dash-order-row-clickable{cursor:pointer;}
.dash-order-id{font-weight:700;}
.dash-order-name{color:var(--accent);line-height:1.5;}
.dash-order-cost{font-weight:700;}
.dash-order-action{text-align:center;}
.dash-order-action a{color:#64748b;font-size:16px;}
.dash-order-refunded{font-size:9px;color:#10b981;font-weight:700;}
.ptr-support-btn{color:#dc2626;font-size:8px;font-weight:700;text-decoration:none;transition:color .15s;}
.ptr-support-btn:hover{color:#991b1b;}
.dash-order-date{color:var(--muted);}
.dash-order-guarantee{font-size:9px;color:#10b981;font-weight:700;margin-top:2px;}

/* Referral card */
.ref-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:16px;margin-bottom:16px;}
.ref-stats{display:flex;gap:16px;margin-bottom:14px;flex-wrap:wrap;}
.ref-stat{flex:1;min-width:120px;padding:10px;border-radius:6px;text-align:center;}
.ref-stat-purple{background:#f8fafc;}
.ref-stat-green{background:#f0fdf4;}
.ref-stat-label{font-size:10px;color:#94a3b8;font-weight:600;}
.ref-stat-val{font-size:20px;font-weight:800;margin-top:2px;}
.ref-stat-val-purple{color:#6366f1;}
.ref-stat-val-green{color:#10b981;}
.ref-desc{font-size:11px;color:#64748b;margin-bottom:8px;}
.ref-desc span{font-weight:700;color:#6366f1;}
.ref-link-row{display:flex;gap:6px;align-items:center;}
.ref-link-input{flex:1;padding:8px 10px;border:1px solid #e2e8f0;border-radius:4px;font-size:11px;font-weight:600;color:#0f172a;background:#f8fafc;}
.ref-copy-btn{padding:8px 14px;background:#6366f1;color:#fff;border:none;border-radius:4px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;}
.ref-earnings{margin-top:12px;border-top:1px solid #f1f5f9;padding-top:10px;}
.ref-earnings-title{font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;margin-bottom:6px;}
.ref-earning-row{display:flex;justify-content:space-between;padding:4px 0;font-size:11px;}
.ref-earning-user{color:#64748b;}
.ref-earning-amount{font-weight:700;color:#10b981;}

/* ===== Static Pages ===== */
.static-wrap{max-width:800px;margin:0 auto;}
.static-title{font-size:20px;font-weight:800;color:#111827;margin:20px 0 16px;}
.static-subtitle{font-size:12px;color:#64748b;margin:0 0 16px;}
.static-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:28px;font-size:13px;color:#374151;line-height:1.8;}
.static-card h2{font-size:15px;font-weight:700;margin:24px 0 8px;color:#111827;}
.static-card h2:first-child{margin-top:0;}
.static-card p{margin-bottom:12px;}
.static-card a{color:#6366f1;font-weight:600;}
.static-card ul{margin:8px 0;padding-left:20px;}

/* Contact grid */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media(max-width:600px){.contact-grid{grid-template-columns:1fr;}}
.contact-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px;}
.contact-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;}
.contact-icon-purple{background:rgba(99,102,241,.1);}
.contact-icon-green{background:rgba(16,185,129,.1);}
.contact-icon-purple i{font-size:18px;color:#6366f1;}
.contact-icon-green i{font-size:18px;color:#10b981;}
.contact-card h3{font-size:14px;font-weight:700;margin:0 0 6px;color:#111827;}
.contact-card p{font-size:12px;color:#64748b;line-height:1.6;margin:0 0 12px;}
.contact-btn{display:inline-flex;align-items:center;gap:6px;background:#6366f1;color:#fff;padding:8px 16px;border-radius:6px;text-decoration:none;font-size:12px;font-weight:700;}
.contact-email{font-size:13px;font-weight:700;color:#111827;}

/* FAQ */
.faq-list{display:flex;flex-direction:column;gap:6px;}
.faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:6px;}
.faq-item button{width:100%;padding:12px 16px;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;color:#0f172a;text-align:left;}
.faq-item button i{font-size:10px;color:#94a3b8;transition:transform .2s;}
.faq-item .faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.faq-item.open .faq-answer{max-height:300px;}
.faq-item.open button i{transform:rotate(180deg);}
.faq-answer-inner{padding:0 16px 12px;font-size:12px;color:#64748b;line-height:1.7;}

/* ===== Become Partner ===== */
.bp-hero{text-align:center;padding:14px 0;}
.bp-hero h1{font-size:22px;font-weight:800;color:#111827;margin:0 0 6px;}
.bp-hero p{font-size:14px;color:#64748b;margin:0;}
.bp-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px;margin-bottom:16px;}
.bp-card h2{font-size:15px;font-weight:800;margin:0 0 12px;color:#111827;}
.bp-steps{display:flex;flex-direction:column;gap:14px;}
.bp-step{display:flex;gap:14px;align-items:flex-start;}
.bp-step-num{width:32px;height:32px;border-radius:50%;background:#6366f1;color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.bp-step-title{font-size:13px;font-weight:700;color:#111827;margin-bottom:2px;}
.bp-step-desc{font-size:12px;color:#64748b;line-height:1.5;}
.bp-list{font-size:13px;color:#374151;line-height:1.7;}
.bp-list-item{display:flex;align-items:flex-start;gap:6px;margin-bottom:6px;}
.bp-dot-green{color:#10b981;font-size:11px;margin-top:3px;}
.bp-dot-red{color:#ef4444;font-size:11px;margin-top:3px;}
.bp-cta{text-align:center;padding:10px 0 30px;}
.bp-cta-btn{display:inline-block;border:none;border-radius:8px;padding:12px 32px;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;color:#fff;}
.bp-cta-register{background:#6366f1;}
.bp-cta-partner{background:#10b981;}
.bp-cta-submit{width:100%;padding:12px;background:#f59e0b;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;}
.bp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;}
@media(max-width:500px){.bp-form-grid{grid-template-columns:1fr;}}
.bp-label{font-size:10px;font-weight:700;color:#94a3b8;display:block;margin-bottom:3px;}
.bp-input{width:100%;padding:9px 12px;border:1.5px solid #e2e8f0;border-radius:6px;font-size:12px;outline:none;box-sizing:border-box;}
.bp-textarea{width:100%;padding:9px 12px;border:1.5px solid #e2e8f0;border-radius:6px;font-size:12px;outline:none;box-sizing:border-box;resize:vertical;font-family:inherit;}
.bp-textarea-mono{font-family:monospace;font-size:11px;line-height:1.6;}
.bp-success{background:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;padding:14px;text-align:center;margin-bottom:14px;}
.bp-success i{font-size:20px;color:#16a34a;}
.bp-success-title{font-size:14px;font-weight:700;color:#166534;margin-top:6px;}
.bp-success-sub{font-size:12px;color:#15803d;margin-top:4px;}

/* ===== Profile Page (prof-) ===== */
.prof-section-title-mt{margin-top:16px;}
.prof-2fa-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:0;margin-bottom:16px;overflow:hidden;}
.prof-2fa-setup{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap;padding:20px;}
.prof-qr-wrap{text-align:center;}
.prof-qr-box{padding:14px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;display:inline-block;}
.prof-qr-img{width:160px;height:160px;display:block;}
.prof-2fa-details{flex:1;min-width:200px;}
.prof-2fa-title{font-size:14px;font-weight:800;color:#0f172a;margin-bottom:8px;}
.prof-2fa-desc{font-size:11px;color:#64748b;line-height:1.7;margin-bottom:14px;}
.prof-2fa-secret-box{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;margin-bottom:14px;}
.prof-2fa-secret-box code{background:#fff;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:700;color:#0f172a;user-select:all;border:1px solid #e2e8f0;letter-spacing:.5px;}
.prof-2fa-copy-btn{background:none;border:1px solid #e2e8f0;border-radius:4px;padding:4px 8px;cursor:pointer;color:#94a3b8;font-size:11px;transition:all .15s;}
.prof-2fa-copy-btn:hover{color:#6366f1;border-color:#6366f1;}
.prof-2fa-verify-row{display:flex;gap:8px;align-items:center;}
.prof-2fa-token-input{width:130px;padding:10px;text-align:center;font-size:18px;font-weight:800;letter-spacing:6px;border:2px solid #e2e8f0;border-radius:8px;outline:none;transition:border-color .15s;}
.prof-2fa-token-input:focus{border-color:#6366f1;}
.prof-2fa-verify-btn{padding:10px 22px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s;}
.prof-2fa-verify-btn:hover{background:#059669;}
.prof-2fa-verify-btn i{margin-right:5px;}
/* Enabled state */
.prof-2fa-enabled-card{padding:16px;}
.prof-2fa-enabled-header{display:flex;align-items:center;gap:12px;}
.prof-2fa-shield-icon{display:none;}
.prof-2fa-enabled-title{font-size:13px;font-weight:700;color:#166534;}
.prof-2fa-enabled-desc{font-size:11px;color:#64748b;margin-top:2px;}
.prof-2fa-divider{display:none;}
.prof-2fa-disable-row{display:flex;align-items:center;gap:8px;}
.prof-2fa-token-input-sm{width:110px;padding:8px;text-align:center;font-size:14px;font-weight:700;letter-spacing:4px;border:1.5px solid #e2e8f0;border-radius:6px;outline:none;}
.prof-2fa-token-input-sm:focus{border-color:#6366f1;}
.prof-2fa-disable-btn{border:1.5px solid #fecaca;background:#fef2f2;color:#dc2626;border-radius:6px;padding:8px 14px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;}
.prof-2fa-disable-btn:hover{background:#fee2e2;}
/* Off state */
.prof-2fa-off-card{padding:16px;}
.prof-2fa-off-title{font-size:13px;font-weight:700;color:#92400e;}
.prof-2fa-off-desc{font-size:11px;color:#64748b;margin-top:2px;}
.prof-2fa-enable-btn{padding:8px 18px;background:#6366f1;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;}
.prof-2fa-enable-btn:hover{opacity:.9;}
.prof-pw-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:12px;}
.prof-pw-success{background:rgba(22,163,74,.1);border:1px solid rgba(22,163,74,.25);border-radius:6px;padding:8px 12px;font-size:11px;color:#166534;margin-bottom:8px;}
.prof-pw-label{font-weight:700;font-size:12px;}
.prof-pw-submit{max-width:200px;}
.prof-error-block{display:block;margin-bottom:8px;}

/* ===== Ticket New (tk-) ===== */
.tk-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px;}
.tk-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:10px 14px;font-size:12px;color:#dc2626;font-weight:600;margin-bottom:12px;}
.tk-step-label{font-size:13px;font-weight:700;color:#0f172a;margin-bottom:10px;}
.tk-cats{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.tk-cat{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;padding:14px;text-align:left;cursor:pointer;transition:border-color .15s,background .15s;}
.tk-cat:hover{border-color:#6366f1;background:#faf5ff;}
.tk-cat-title{font-size:12px;font-weight:700;color:#0f172a;margin-bottom:2px;}
.tk-cat-desc{font-size:10px;color:#94a3b8;}
.tk-back{font-size:11px;color:#6366f1;cursor:pointer;margin-bottom:10px;font-weight:600;}
.tk-selected-cat{font-size:13px;font-weight:700;color:#0f172a;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #f1f5f9;}
.tk-label{font-weight:700;font-size:12px;display:block;margin-bottom:4px;}
.tk-select{width:100%;padding:8px 10px;font-size:12px;border:1.5px solid #e2e8f0;border-radius:6px;outline:none;background:#fff;max-width:100%;overflow:hidden;text-overflow:ellipsis;}
.tk-select:focus{border-color:#6366f1;}
.tk-input{width:100%;padding:8px 10px;font-size:12px;border:1.5px solid #e2e8f0;border-radius:6px;outline:none;box-sizing:border-box;}
.tk-input:focus{border-color:#6366f1;}
.tk-textarea{width:100%;padding:8px 10px;font-size:12px;border:1.5px solid #e2e8f0;border-radius:6px;resize:vertical;outline:none;box-sizing:border-box;}
.tk-textarea:focus{border-color:#6366f1;}
.tk-submit{padding:8px 24px;background:#6366f1;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;}
.tk-submit:hover{opacity:.9;}
@media(max-width:600px){.tk-cats{grid-template-columns:1fr;}}

/* ===== Deposit Page (dep-) ===== */
.dep-success-msg{background:rgba(22,163,74,.1);border:1px solid rgba(22,163,74,.25);border-radius:6px;padding:10px 14px;font-size:12px;color:#166534;margin-bottom:12px;}
.dep-success-msg i{margin-right:4px;}
.dep-error-block{display:block;margin-bottom:8px;}
.dep-success-block{background:rgba(22,163,74,.1);border:1px solid rgba(22,163,74,.25);border-radius:6px;padding:8px 12px;font-size:11px;color:#166534;margin-bottom:8px;}
.dep-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:16px;}
.dep-subtitle{font-size:11px;color:var(--muted);margin-bottom:14px;}
.dep-balance-row{display:flex;gap:8px;margin-bottom:14px;}
.dep-balance-box{flex:1;padding:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;text-align:center;}
.dep-balance-label{font-size:10px;color:#94a3b8;font-weight:600;}
.dep-balance-val{font-size:18px;font-weight:800;color:#0f172a;margin-top:2px;}
.dep-amount-btns{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap;}
.dep-amt-btn{padding:6px 14px;border:1px solid #e2e8f0;border-radius:4px;background:#fff;font-size:11px;font-weight:700;cursor:pointer;color:#64748b;}
.dep-form-row{display:flex;gap:8px;align-items:flex-end;}
.dep-form-field{flex:1;}
.dep-form-label{font-size:11px;font-weight:600;color:#64748b;display:block;margin-bottom:4px;}
.dep-form-input{width:100%;padding:9px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;font-weight:600;outline:none;}
.dep-pay-btn{padding:9px 20px;background:#6366f1;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;}
.dep-pay-btn i{margin-right:4px;}
.dep-msg{display:none;margin-top:8px;padding:8px 12px;border-radius:6px;font-size:11px;font-weight:600;text-align:center;}
.dep-secure-note{margin-top:14px;padding:10px;background:#f8fafc;border-radius:6px;font-size:10px;color:#94a3b8;display:flex;align-items:center;gap:6px;}
.dep-secure-note i{color:#6366f1;}
.dep-history-title{margin-top:16px;}
.dep-status-completed{color:#10b981;font-weight:600;font-size:10px;}
.dep-status-pending{color:#f59e0b;font-weight:600;font-size:10px;}
.dep-status-other{color:#94a3b8;font-weight:600;font-size:10px;}
.dep-th-id{width:50px;}
.dep-th-amount{width:80px;}
.dep-th-status{width:80px;}
.dep-th-date{width:80px;}
.dep-td-id{font-weight:700;}
.dep-td-amount{font-weight:700;color:var(--green);}
.dep-td-date{color:var(--muted);}
.dep-section-title-mt{margin-bottom:4px;}

/* ===== Referral Page (ref-) ===== */
.ref-how-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:16px;margin-bottom:14px;}
.ref-how-title{font-size:13px;font-weight:700;color:#0f172a;margin-bottom:10px;}
.ref-how-title i{color:#6366f1;margin-right:6px;}
.ref-steps-row{display:flex;gap:12px;flex-wrap:wrap;}
.ref-step-box{flex:1;min-width:140px;padding:12px;background:#f8fafc;border-radius:6px;text-align:center;}
.ref-step-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 6px;}
.ref-step-circle-purple{background:#ede9fe;}
.ref-step-circle-green{background:#dcfce7;}
.ref-step-num{font-weight:800;font-size:13px;}
.ref-step-num-purple{color:#6366f1;}
.ref-step-num-green{color:#10b981;}
.ref-step-label{font-size:11px;font-weight:600;color:#0f172a;}
.ref-step-sub{font-size:10px;color:#94a3b8;margin-top:2px;}
.ref-stats-row{display:flex;gap:12px;margin-bottom:14px;flex-wrap:wrap;}
.ref-stat-card{flex:1;min-width:120px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:14px;text-align:center;}
.ref-stat-lbl{font-size:10px;color:#94a3b8;font-weight:600;text-transform:uppercase;}
.ref-stat-num{font-size:24px;font-weight:800;margin-top:4px;}
.ref-stat-num-purple{color:#6366f1;}
.ref-stat-num-green{color:#10b981;}
.ref-link-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:14px;margin-bottom:14px;}
.ref-link-label{font-size:11px;font-weight:600;color:#64748b;margin-bottom:6px;}
.ref-link-row2{display:flex;gap:6px;align-items:center;margin-bottom:10px;}
.ref-link-input2{flex:1;padding:9px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;font-weight:600;color:#0f172a;background:#f8fafc;}
.ref-copy-btn2{padding:9px 16px;background:#6366f1;color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;}
.ref-copy-btn2 i{margin-right:4px;}
.ref-info-banner{padding:8px 12px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;font-size:11px;color:#166534;display:flex;align-items:center;gap:6px;}
.ref-history-card{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;}
.ref-history-header{padding:12px 14px;border-bottom:1px solid var(--line);font-size:12px;font-weight:700;color:#0f172a;}
.ref-history-table{width:100%;border-collapse:collapse;font-size:12px;}
.ref-history-thead{background:#f8fafc;}
.ref-history-th{text-align:left;padding:8px 14px;font-weight:600;color:#64748b;font-size:10px;}
.ref-history-th-right{text-align:right;padding:8px 14px;font-weight:600;color:#64748b;font-size:10px;}
.ref-history-tr{border-bottom:1px solid #f1f5f9;}
.ref-history-td{padding:8px 14px;color:#64748b;}
.ref-history-td-amount{padding:8px 14px;text-align:right;font-weight:700;color:#10b981;}
.ref-history-td-date{padding:8px 14px;text-align:right;color:#94a3b8;}
.ref-empty-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:20px;text-align:center;color:#94a3b8;font-size:12px;}
.ref-empty-icon{font-size:20px;display:block;margin-bottom:8px;color:#e2e8f0;}

/* ===== Seller Dashboard (sell-) ===== */
.sell-error-visible{display:block;margin-bottom:8px;}
.sell-success-msg{background:rgba(22,163,74,.1);border:1px solid rgba(22,163,74,.25);border-radius:6px;padding:8px 12px;font-size:11px;color:#166534;margin-bottom:8px;}
.sell-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.sell-section-title-flush{margin:0;}
.sell-table-wrap-mb{margin-bottom:16px;}
.sell-section-title-mt{margin-top:16px;}
.sell-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:12px;margin-bottom:16px;}
.sell-label-bold{font-weight:700;font-size:12px;}
.sell-cat-wrap{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px;}
.sell-cat-btn{border:2px solid var(--green);border-radius:4px;padding:8px 14px;font-size:11px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;background:#fff;transition:all .15s;}
.sell-textarea{width:100%;padding:8px;font-size:12px;border:1px solid var(--line);border-radius:4px;resize:vertical;box-sizing:border-box;}
.sell-textarea-mono{width:100%;padding:8px;font-size:12px;border:1px solid var(--line);border-radius:4px;resize:vertical;box-sizing:border-box;font-family:monospace;}
.sell-input-narrow{max-width:200px;}
.sell-buyer-price-info{margin-top:4px;font-size:11px;color:#666;display:none;}
.sell-buyer-price-val{font-weight:700;color:var(--green);}
.sell-file-input{font-size:11px;}
.sell-submit-green{background:var(--green);}
.sell-available-text{font-size:12px;margin-bottom:8px;}
.sell-select-full{width:100%;padding:6px 8px;font-size:12px;border:1px solid var(--line);border-radius:4px;}
.sell-textarea-keys{width:100%;padding:6px 8px;font-size:12px;border:1px solid var(--line);border-radius:4px;resize:vertical;box-sizing:border-box;}
.sell-withdraw-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:12px;margin-bottom:16px;}
.sell-withdraw-select{width:200px;padding:6px 8px;font-size:12px;border:1px solid var(--line);border-radius:4px;}
.sell-wallet-input{font-family:monospace;}
.sell-submit-green-narrow{background:var(--green);max-width:200px;}
.sell-recent-label{font-size:11px;font-weight:700;margin-bottom:4px;}
.sell-recent-wrap{margin-top:12px;}
.sell-radio-hidden{display:none;}
.sell-td-truncate{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* ===== Partner Panel (ptr-) ===== */
.ptr-balance-green{color:var(--green);}
.ptr-empty-box{background:#fff;border:1px solid var(--line);border-radius:6px;padding:20px;text-align:center;color:var(--muted);font-size:12px;}
.ptr-upload-link{color:var(--green);font-weight:700;}

/* ===== Partner Top Navigation ===== */
.ptr-topbar{
  background:#fff;
  border:1px solid var(--line);
  border-radius:10px;
  margin-bottom:20px;
  padding:0 8px;
}
.ptr-topbar-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.ptr-nav{
  display:flex;
  align-items:center;
  gap:2px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.ptr-nav::-webkit-scrollbar{display:none;}
.ptr-nav-item{
  display:flex;
  align-items:center;
  gap:6px;
  padding:12px 14px;
  font-size:12px;
  font-weight:600;
  color:#64748b;
  text-decoration:none;
  white-space:nowrap;
  border-bottom:2px solid transparent;
  transition:color .15s,border-color .15s;
}
.ptr-nav-item:hover{color:#0f172a;}
.ptr-nav-item.active{
  color:var(--accent);
  border-bottom-color:var(--accent);
}
.ptr-nav-item i{font-size:13px;}
.ptr-topbar-right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-shrink:0;
}
.ptr-balance-chip{
  background:#16a34a;
  color:#fff;
  font-size:12px;
  font-weight:700;
  padding:6px 14px;
  border-radius:20px;
  white-space:nowrap;
}
.ptr-balance-chip i{margin-right:4px;font-size:11px;}
.ptr-nav-logout{
  color:#94a3b8;
  font-size:14px;
  padding:6px;
  text-decoration:none;
  transition:color .15s;
}
.ptr-nav-logout:hover{color:#dc2626;}
.ptr-content{min-width:0;}
.ptr-page-title{font-size:11px;color:var(--muted);margin-bottom:4px;}
.ptr-notif-badge{background:#ef4444;color:#fff;font-size:9px;font-weight:700;padding:1px 6px;border-radius:99px;margin-left:4px;}

@media(max-width:720px){
  .ptr-topbar{border-radius:8px;padding:0 4px;}
  .ptr-topbar-inner{flex-wrap:wrap;}
  .ptr-nav{order:2;width:100%;padding-bottom:4px;}
  .ptr-topbar-right{order:1;width:100%;justify-content:flex-end;padding:8px 4px 0;}
  .ptr-nav-item{padding:8px 10px;font-size:11px;}
  .ptr-nav-item span{display:none;}
  .ptr-nav-item i{font-size:15px;}
}

/* Partner Upload */
.ptr-alert-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:12px;color:#dc2626;font-weight:600;margin-bottom:12px;}
.ptr-alert-error i{margin-right:4px;}
.ptr-alert-success{background:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;padding:10px 14px;font-size:12px;color:#166534;font-weight:600;margin-bottom:12px;}
.ptr-alert-success i{margin-right:4px;}
.ptr-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;}
.ptr-upload-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;}
.ptr-upload-card-mb{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:12px;}
.ptr-card-title{font-size:12px;font-weight:700;color:#111827;margin-bottom:10px;}
.ptr-card-title i{margin-right:4px;}
.ptr-icon-purple{color:#6366f1;}
.ptr-icon-green{color:#10b981;}
.ptr-icon-blue{color:#3b82f6;}
.ptr-icon-amber{color:#f59e0b;}
.ptr-cat-wrap{display:flex;flex-wrap:wrap;gap:6px;}
.ptr-cat-btn{border:1.5px solid #e2e8f0;border-radius:6px;padding:7px 12px;font-size:11px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;background:#fff;transition:all .12s;}
.ptr-cat-icon{font-size:12px;}
.ptr-field-label{font-size:10px;font-weight:700;color:#94a3b8;display:block;margin-bottom:3px;}
.ptr-price-input{width:100%;padding:10px 12px;border:1.5px solid #e2e8f0;border-radius:6px;font-size:16px;font-weight:700;outline:none;box-sizing:border-box;}
.ptr-buyer-price-box{padding:8px 10px;background:#f0fdf4;border-radius:6px;display:flex;justify-content:space-between;align-items:center;}
.ptr-buyer-price-label{font-size:10px;color:#64748b;font-weight:600;}
.ptr-buyer-price-val{font-size:14px;font-weight:800;color:#10b981;}
.ptr-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;}
.ptr-text-input{width:100%;padding:8px 12px;border:1.5px solid #e2e8f0;border-radius:6px;font-size:12px;outline:none;box-sizing:border-box;}
.ptr-textarea{width:100%;padding:8px 12px;border:1.5px solid #e2e8f0;border-radius:6px;font-size:12px;outline:none;box-sizing:border-box;resize:vertical;font-family:inherit;}
.ptr-accounts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.ptr-acc-badge{font-size:10px;font-weight:700;color:#94a3b8;background:#f1f5f9;padding:3px 8px;border-radius:999px;}
.ptr-accounts-textarea{width:100%;padding:10px 12px;border:1.5px solid #e2e8f0;border-radius:6px;font-size:11.5px;outline:none;box-sizing:border-box;resize:vertical;font-family:'Courier New',monospace;line-height:1.7;background:#fafbfc;}
.ptr-divider-row{display:flex;align-items:center;gap:10px;margin-top:10px;}
.ptr-divider-line{height:1px;background:#e2e8f0;flex:1;}
.ptr-divider-text{font-size:10px;color:#94a3b8;font-weight:700;}
.ptr-drop-zone{margin-top:10px;border:2px dashed #e2e8f0;border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:all .15s;}
.ptr-drop-icon{font-size:24px;color:#94a3b8;}
.ptr-drop-text{font-size:12px;color:#64748b;margin-top:6px;font-weight:600;}
.ptr-drop-filename{font-size:11px;color:#6366f1;font-weight:700;margin-top:4px;display:none;}
.ptr-file-hidden{display:none;}
.ptr-summary-box{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 20px;margin-bottom:14px;}
.ptr-summary-row{display:flex;justify-content:space-between;align-items:center;}
.ptr-summary-label{font-size:10px;color:#94a3b8;font-weight:700;text-transform:uppercase;}
.ptr-summary-val{font-size:22px;font-weight:800;color:#111827;margin-top:2px;}
.ptr-summary-val-center{font-size:22px;font-weight:800;color:#111827;margin-top:2px;text-align:center;}
.ptr-summary-val-right{font-size:22px;font-weight:800;color:#10b981;margin-top:2px;text-align:right;}
.ptr-submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 8px rgba(16,185,129,.3);}

/* Partner Hero + Tabs */
.ptr-hero{background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:16px;overflow:hidden;}
.ptr-hero-stats{display:flex;align-items:center;padding:20px 24px;gap:0;}
.ptr-hero-stat{flex:1;text-align:center;}
.ptr-hero-stat-val{font-size:22px;font-weight:800;color:#0f172a;letter-spacing:-.3px;}
.ptr-hero-stat-label{font-size:10px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;margin-top:2px;}
.ptr-hero-divider{width:1px;height:36px;background:#e2e8f0;flex-shrink:0;}
.ptr-hero-stat-reset{flex:0;padding:0 8px;}
.ptr-reset-btn{background:none;border:1px solid #e2e8f0;border-radius:6px;padding:6px 8px;color:#94a3b8;font-size:12px;cursor:pointer;transition:all .15s;}
.ptr-reset-btn:hover{color:#ef4444;border-color:#fecaca;background:#fef2f2;}
.ptr-tabs{display:flex;border-top:1px solid var(--line);background:#f8fafc;}
.ptr-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;font-size:12px;font-weight:600;color:#64748b;text-decoration:none;border-bottom:2px solid transparent;transition:all .15s;}
.ptr-tab:hover{color:#0f172a;background:#f1f5f9;}
.ptr-tab-active{color:#0f172a;border-bottom-color:var(--accent);background:#fff;}
.ptr-tab-count{font-weight:800;font-size:14px;}
.ptr-val-green{color:#10b981;}
.ptr-val-amber{color:#f59e0b;}
.ptr-val-red{color:#ef4444;}
.ptr-val-slate{color:#94a3b8;}

.ptr-listing-card{background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:10px;overflow:hidden;cursor:pointer;transition:box-shadow .15s;}
.ptr-listing-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.06);}
.ptr-listing-grid{display:grid;grid-template-columns:1fr 200px;border-bottom:1px solid #f1f5f9;}
.ptr-listing-main{padding:14px 16px;}
.ptr-listing-badges{display:flex;align-items:center;gap:8px;margin-bottom:6px;}
.ptr-badge-onsale{background:#dcfce7;color:#15803d;font-size:9px;font-weight:700;padding:3px 8px;border-radius:4px;}
.ptr-badge-id{font-size:10px;color:#94a3b8;}
.ptr-listing-title{font-size:13px;font-weight:700;color:#111827;line-height:1.4;margin-bottom:6px;}
.ptr-listing-prices{display:flex;gap:16px;font-size:11px;color:#64748b;}
.ptr-listing-prices strong{color:#111827;}
.ptr-listing-stats{padding:14px 16px;background:#f8fafc;display:flex;flex-direction:column;justify-content:center;gap:6px;}
.ptr-stat-row{display:flex;align-items:center;gap:6px;font-size:12px;}
.ptr-stat-icon{width:16px;font-size:11px;}
.ptr-stat-icon-green{color:#10b981;}
.ptr-stat-icon-purple{color:#6366f1;}
.ptr-stat-icon-amber{color:#f59e0b;}
.ptr-stat-icon-blue{color:#3b82f6;}
.ptr-stat-icon-red{color:#dc2626;}
.ptr-stat-row-red{color:#dc2626;}
.ptr-progress-bar{height:3px;background:#e2e8f0;}
.ptr-progress-fill{height:100%;background:#10b981;}

.ptr-empty-state{background:#fff;border:1px solid var(--line);border-radius:10px;padding:32px;text-align:center;}
.ptr-empty-icon{font-size:28px;color:#e2e8f0;margin-bottom:10px;}
.ptr-empty-text{color:#94a3b8;font-size:13px;margin-bottom:10px;}
.ptr-empty-text-only{color:#94a3b8;font-size:13px;}
.ptr-upload-btn{display:inline-flex;align-items:center;gap:6px;background:#10b981;color:#fff;padding:8px 18px;border-radius:6px;text-decoration:none;font-size:12px;font-weight:700;}

.ptr-pending-card{background:#fff;border:1.5px solid #fde68a;border-radius:10px;padding:16px;margin-bottom:10px;}
.ptr-pending-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.ptr-pending-left{display:flex;align-items:center;gap:8px;}
.ptr-badge-pending{background:#fef3c7;color:#92400e;font-size:9px;font-weight:700;padding:3px 8px;border-radius:4px;}
.ptr-badge-pending i{margin-right:3px;}
.ptr-pending-cat{font-size:11px;font-weight:700;color:#111827;}
.ptr-pending-date{font-size:10px;color:#94a3b8;}
.ptr-pending-desc{font-size:11px;color:#64748b;margin-bottom:8px;line-height:1.5;}
.ptr-pending-footer{display:flex;align-items:center;gap:16px;padding:10px 14px;background:#fffbeb;border-radius:6px;}
.ptr-pending-count{font-size:12px;}
.ptr-pending-count i{color:#f59e0b;margin-right:4px;}
.ptr-pending-sep{height:20px;width:1px;background:#fde68a;}
.ptr-pending-price-form{display:flex;align-items:center;gap:6px;}
.ptr-pending-price-label{font-size:11px;color:#64748b;}
.ptr-pending-price-input{width:80px;padding:5px 8px;font-size:13px;font-weight:700;border:1.5px solid #fde68a;border-radius:6px;outline:none;text-align:center;}
.ptr-pending-save-btn{background:#f59e0b;color:#fff;border:none;border-radius:6px;padding:5px 12px;font-size:10px;font-weight:700;cursor:pointer;}

.ptr-rejected-card{background:#fff;border:1.5px solid #fecaca;border-radius:10px;padding:16px;margin-bottom:10px;}
.ptr-rejected-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.ptr-badge-rejected{background:#fef2f2;color:#dc2626;font-size:9px;font-weight:700;padding:3px 8px;border-radius:4px;}
.ptr-badge-rejected i{margin-right:3px;}
.ptr-rejected-name{font-size:13px;font-weight:700;color:#111827;}
.ptr-rejected-info{font-size:11px;color:#64748b;margin-top:4px;}

.ptr-removed-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:10px;opacity:.65;}
.ptr-removed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.ptr-badge-removed{background:#f1f5f9;color:#64748b;font-size:9px;font-weight:700;padding:3px 8px;border-radius:4px;}
.ptr-removed-sold{font-size:11px;font-weight:700;}
.ptr-removed-name{font-size:13px;font-weight:700;color:#111827;}
.ptr-removed-info{font-size:11px;color:#64748b;margin-top:4px;}

/* Partner Product Detail */
.ptr-breadcrumb-link{color:var(--accent);text-decoration:none;}
.ptr-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.ptr-heading-flush{margin:0;}
.ptr-view-link{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--accent);text-decoration:none;border:1px solid var(--accent);border-radius:6px;padding:5px 12px;}
.ptr-stat-cards{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap;}
.ptr-stat-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:10px 14px;flex:1;min-width:100px;}
.ptr-stat-card-label{font-size:10px;color:var(--muted);font-weight:600;}
.ptr-stat-card-val{font-size:18px;font-weight:800;}
.ptr-stat-card-val-green{font-size:18px;font-weight:800;color:var(--green);}
.ptr-detail-panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px;}
.ptr-avail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.ptr-avail-label{font-size:12px;font-weight:700;}
.ptr-avail-count{color:var(--green);}
.ptr-btn-row{display:flex;gap:8px;flex-wrap:wrap;}
.ptr-btn-accent{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#fff;padding:7px 16px;border-radius:6px;text-decoration:none;font-size:11px;font-weight:700;}
.ptr-btn-accent-outline{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--accent);background:none;color:var(--accent);border-radius:6px;padding:7px 16px;font-size:11px;font-weight:700;cursor:pointer;}
.ptr-btn-danger-outline{display:inline-flex;align-items:center;gap:6px;border:1px solid #dc2626;background:none;color:#dc2626;border-radius:6px;padding:7px 16px;font-size:11px;font-weight:700;cursor:pointer;}
.ptr-btn-dark{display:inline-flex;align-items:center;gap:6px;background:#111827;color:#fff;padding:7px 16px;border-radius:6px;text-decoration:none;font-size:11px;font-weight:700;}
.ptr-btn-muted-outline{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--muted);background:none;color:var(--muted);border-radius:6px;padding:7px 16px;font-size:11px;font-weight:700;cursor:pointer;}
.ptr-form-inline{display:inline;}
.ptr-no-avail{text-align:center;color:var(--muted);font-size:12px;padding:8px 0;}
.ptr-sold-section{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);}
.ptr-sold-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.ptr-sold-label{font-size:12px;font-weight:700;color:var(--muted);}
.ptr-sold-count{color:#111827;}
.ptr-invalid-section{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);}
.ptr-invalid-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.ptr-invalid-label{font-size:12px;font-weight:700;color:#dc2626;}
.ptr-invalid-label i{margin-right:4px;}
.ptr-modal-wide{max-width:500px;max-height:80vh;display:flex;flex-direction:column;}
.ptr-modal-content{overflow-y:auto;flex:1;font-family:monospace;font-size:10px;background:#f8fafc;border:1px solid var(--line);border-radius:6px;padding:8px;word-break:break-all;line-height:1.6;}

/* Partner Withdraw */
.ptr-withdraw-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:14px;margin-bottom:16px;}
.ptr-withdraw-avail{font-size:13px;margin-bottom:10px;}
.ptr-withdraw-avail strong{font-size:16px;color:var(--green);}
.ptr-withdraw-wallet{font-family:monospace;}
.ptr-td-wallet{max-width:150px;overflow:hidden;text-overflow:ellipsis;font-family:monospace;font-size:10px;}

/* Partner Notifications */
.ptr-notif-list{display:flex;flex-direction:column;gap:8px;}
.ptr-notif-item{text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;}
.ptr-notif-subject{font-size:12px;font-weight:700;color:#111827;}
.ptr-notif-date{font-size:10px;color:#94a3b8;margin-top:2px;}
.ptr-badge-new{background:#fef3c7;color:#92400e;font-size:9px;font-weight:700;padding:3px 8px;border-radius:4px;}
.ptr-badge-status{background:#f1f5f9;color:#64748b;font-size:9px;font-weight:700;padding:3px 8px;border-radius:4px;}
.ptr-notif-empty{background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px;text-align:center;color:#94a3b8;font-size:12px;}
.ptr-notif-empty-icon{font-size:24px;margin-bottom:8px;}

/* Partner Notification View */
.ptr-msg-list{display:flex;flex-direction:column;gap:8px;}
.ptr-msg-admin{background:rgba(239,68,68,.04);border:1px solid rgba(239,68,68,.15);border-radius:8px;padding:12px;}
.ptr-msg-user{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px;}
.ptr-msg-header{display:flex;justify-content:space-between;margin-bottom:6px;}
.ptr-msg-sender-admin{font-size:11px;font-weight:700;color:#dc2626;}
.ptr-msg-sender-user{font-size:11px;font-weight:700;color:#111827;}
.ptr-msg-time{font-size:9px;color:#94a3b8;}
.ptr-msg-body{font-size:12px;color:#374151;line-height:1.6;white-space:pre-line;}

/* ===== Refactored inline styles ===== */

/* Seller category button active state (was inline style) */
.sell-cat-btn-active{background:rgba(22,163,74,0.15);}

/* Partner notification item open state (was inline border style) */
.ptr-notif-item-open{border-color:#fde68a;}

/* ===== Partner Withdraw (Refactored) ===== */
.ptr-wd-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px;margin-bottom:16px;}
.ptr-wd-balance{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:16px;}
.ptr-wd-balance-left{}
.ptr-wd-balance-label{font-size:11px;color:#64748b;font-weight:600;}
.ptr-wd-balance-val{font-size:24px;font-weight:800;color:#16a34a;}
.ptr-wd-balance-icon{width:40px;height:40px;border-radius:10px;background:#dcfce7;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ptr-wd-balance-icon i{font-size:18px;color:#16a34a;}
.ptr-wd-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;}
@media(max-width:600px){.ptr-wd-grid{grid-template-columns:1fr;}}
.ptr-wd-label{font-size:11px;font-weight:700;color:#64748b;display:block;margin-bottom:4px;}
.ptr-wd-input{width:100%;padding:9px 12px;border:1.5px solid #e2e8f0;border-radius:6px;font-size:13px;outline:none;box-sizing:border-box;}
.ptr-wd-input:focus{border-color:#16a34a;}
.ptr-wd-select{width:100%;padding:9px 12px;border:1.5px solid #e2e8f0;border-radius:6px;font-size:13px;outline:none;box-sizing:border-box;background:#fff;}
.ptr-wd-wallet{width:100%;padding:9px 12px;border:1.5px solid #e2e8f0;border-radius:6px;font-size:12px;font-family:monospace;outline:none;box-sizing:border-box;margin-bottom:14px;}
.ptr-wd-wallet:focus{border-color:#16a34a;}
.ptr-wd-btn{width:100%;padding:11px;background:#16a34a;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;}
.ptr-wd-btn:hover{background:#15803d;}
.ptr-wd-note{font-size:10px;color:#94a3b8;margin-top:10px;display:flex;align-items:center;gap:6px;}
.ptr-wd-note i{color:#16a34a;}
.ptr-wd-history-title{margin-top:16px;margin-bottom:8px;}

/* ===== Become Partner (Enhanced) ===== */
.bp-hero-enhanced{text-align:center;padding:24px 0 20px;}
.bp-hero-enhanced h1{font-size:24px;font-weight:900;color:#111827;margin:0 0 6px;}
.bp-hero-enhanced p{font-size:14px;color:#64748b;margin:0 0 16px;}
.bp-hero-stats{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.bp-hero-stat{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px 20px;text-align:center;min-width:120px;}
.bp-hero-stat-val{font-size:18px;font-weight:800;color:#6366f1;}
.bp-hero-stat-val-green{color:#16a34a;}
.bp-hero-stat-label{font-size:10px;color:#94a3b8;font-weight:600;margin-top:2px;}
.bp-steps-horizontal{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;}
@media(max-width:700px){.bp-steps-horizontal{grid-template-columns:1fr 1fr;}}
@media(max-width:450px){.bp-steps-horizontal{grid-template-columns:1fr;}}
.bp-step-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px;text-align:center;}
.bp-step-card-num{width:36px;height:36px;border-radius:50%;background:#6366f1;color:#fff;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;}
.bp-step-card-title{font-size:12px;font-weight:700;color:#111827;margin-bottom:4px;}
.bp-step-card-desc{font-size:11px;color:#64748b;line-height:1.5;}
.bp-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;}
@media(max-width:600px){.bp-info-grid{grid-template-columns:1fr;}}
.bp-info-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px;}
.bp-info-card h3{font-size:13px;font-weight:700;color:#111827;margin:0 0 10px;display:flex;align-items:center;gap:6px;}
.bp-info-card h3 i{color:#6366f1;font-size:12px;}

/* ===== Mobile Responsive Improvements ===== */
@media(max-width:720px){
  /* Dashboard stats cards */
  .dash-info-cards{flex-wrap:wrap;}
  .dash-info-card{min-width:calc(50% - 6px);}

  /* Partner stat grid */
  .ptr-hero-stats{flex-wrap:wrap;padding:14px 12px;gap:0;}
  .ptr-hero-stat{min-width:50%;padding:6px 0;}
  .ptr-hero-divider{display:none;}
  .ptr-hero-stat-val{font-size:18px;}
  .ptr-tabs{flex-wrap:wrap;}
  .ptr-tab{min-width:50%;font-size:11px;padding:8px 6px;}

  /* Hide sort pills on mobile */
  .section-sort{display:none !important;}

  /* Hide quick links bar on mobile */
  .hdr-quicklinks{display:none !important;}

  /* Tables scroll */
  .dash-orders-table-wrap,.sell-table-wrap-mb{overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .dash-orders-table,.seller-table{min-width:500px;}

  /* Footer */
  .ft-top-inner{flex-direction:column;gap:20px;}
  .ft-links{flex-direction:column;gap:16px;}
  .ft-bottom-inner{flex-direction:column;text-align:center;gap:8px;}
  .ft-features-inner{gap:12px;justify-content:center;}

  /* Info pages */
  .info-apps-grid{grid-template-columns:1fr !important;}
}

@media(max-width:480px){
  /* Stack stat cards vertically */
  .dash-info-cards{flex-direction:column;}
  .dash-info-card{min-width:100%;}

  /* Smaller headings */
  .dash-heading{font-size:14px;}
  .listing-title{font-size:14px !important;}

  /* AI chat widget */
  .ai-box{width:calc(100vw - 24px) !important;height:400px !important;right:-8px;}

  /* Withdraw form grid */
  .ptr-wd-grid{grid-template-columns:1fr !important;}
}