:root {
  --primary: #24b4cf;
  --primary-dark: #0d91ae;
  --sidebar: #f7f8fa;
  --line: #e9edf2;
  --muted: #7d8794;
  --text: #20242a;
  --success: #3ac47d;
  --danger: #e84b63;
  --warning: #ff9f1a;
  --shadow: 0 12px 34px rgba(31, 45, 61, .09);
}

* { box-sizing: border-box; }
html, body { min-height: 100%; }
body { margin: 0; color: var(--text); background: #f5f6f8; font: 14px/1.55 "DM Sans", "Noto Sans SC", sans-serif; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }

.gateway { min-height: 100vh; display: grid; place-items: center; overflow: hidden; position: relative; background: radial-gradient(circle at 30% 20%, #fff 0 15%, transparent 42%), linear-gradient(135deg, #f6f7fb 0%, #eef8fb 48%, #eaf3ff 100%); }
.gateway::before, .gateway::after { content: ""; position: absolute; border-radius: 50%; filter: blur(2px); opacity: .55; }
.gateway::before { width: 480px; height: 480px; background: #c6f0f7; left: -190px; bottom: -210px; }
.gateway::after { width: 360px; height: 360px; background: #fbdde6; right: -100px; top: -130px; }
.gateway-card { width: min(780px, calc(100% - 36px)); padding: 64px; text-align: center; position: relative; z-index: 1; border: 1px solid rgba(255,255,255,.85); border-radius: 32px; background: rgba(255,255,255,.78); box-shadow: 0 30px 90px rgba(40, 70, 105, .16); backdrop-filter: blur(18px); }
.brand-mark { display: inline-flex; align-items: center; }
.brand-mark img { display: block; width: min(256px, 58vw); height: auto; object-fit: contain; }
.tagline { margin: 2px 0 42px; color: #687482; font-size: 18px; letter-spacing: .08em; }
.gateway-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; max-width: 500px; margin: auto; }
.gateway-btn { border: 0; border-radius: 14px; padding: 17px 24px; color: white; font-size: 17px; font-weight: 600; box-shadow: 0 14px 25px rgba(36,180,207,.22); transition: transform .2s, box-shadow .2s; }
.gateway-btn:hover { transform: translateY(-2px); box-shadow: 0 18px 34px rgba(36,180,207,.3); }
.gateway-btn-seller { background: linear-gradient(135deg, #25bdd6, #148ca9); }
.gateway-btn-buyer { background: linear-gradient(135deg, #f87a68, #ea4b76); }

.modal-backdrop { position: fixed; inset: 0; z-index: 50; display: grid; place-items: center; padding: 20px; overflow: auto; background: rgba(24, 31, 43, .48); backdrop-filter: blur(5px); }
.modal { width: min(440px, 100%); max-height: calc(100vh - 40px); display: flex; flex-direction: column; border-radius: 16px; background: white; box-shadow: 0 28px 80px rgba(20, 28, 40, .28); overflow: hidden; }
.modal > form { min-height: 0; display: flex; flex: 1; flex-direction: column; }
.modal-head { flex: 0 0 auto; padding: 24px 26px 8px; background: white; }
.modal-head h2 { margin: 0 0 6px; font-size: 22px; }
.modal-head p { margin: 0; color: var(--muted); }
.modal-body { min-height: 0; flex: 1 1 auto; overflow-y: auto; padding: 18px 26px; }
.modal-actions { flex: 0 0 auto; display: flex; justify-content: flex-end; gap: 10px; padding: 16px 26px 24px; border-top: 1px solid #edf0f5; background: white; }

.auth-page { min-height: 100vh; display: grid; grid-template-columns: 1.05fr .95fr; background: white; }
.auth-art { padding: 70px; color: white; display: flex; flex-direction: column; justify-content: space-between; background: linear-gradient(145deg, #19acc8, #126d8a 58%, #15445d); position: relative; overflow: hidden; }
.auth-art::after { content: ""; width: 600px; height: 600px; position: absolute; right: -260px; bottom: -260px; border: 90px solid rgba(255,255,255,.09); border-radius: 50%; }
.auth-art .brand-mark { padding: 7px 12px; border-radius: 6px; background: white; }
.auth-art .brand-mark img { width: 190px; }
.auth-copy { position: relative; z-index: 1; max-width: 540px; }
.auth-copy h2 { margin: 0 0 18px; font-size: 44px; line-height: 1.1; }
.auth-copy p { font-size: 17px; opacity: .82; }
.auth-panel { display: grid; place-items: center; padding: 40px; }
.auth-box { width: min(430px, 100%); }
.auth-box h1 { margin: 0 0 8px; font-size: 31px; }
.auth-box > p { margin: 0 0 34px; color: var(--muted); font-size: 16px; }

.field { display: grid; gap: 8px; margin-bottom: 18px; }
.admin-config-page [hidden] { display: none !important; }
.field label { font-weight: 600; color: #3c4652; }
.input, .select, .textarea { width: 100%; border: 1px solid #dfe4ea; border-radius: 8px; background: white; color: var(--text); padding: 12px 14px; outline: 0; transition: border .2s, box-shadow .2s; }
.input:focus, .select:focus, .textarea:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(36,180,207,.13); }
.textarea { min-height: 92px; resize: vertical; }
.auth-meta { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 4px 0 24px; color: var(--muted); }
.checkbox { display: inline-flex; gap: 8px; align-items: center; }
.primary-btn, .soft-btn, .danger-btn, .success-btn, .outline-btn { border: 0; border-radius: 7px; padding: 10px 16px; font-weight: 600; }
.primary-btn { color: white; background: var(--primary); }
.primary-btn:hover { background: var(--primary-dark); }
.soft-btn { color: #4d5967; background: #eef1f5; }
.danger-btn { color: white; background: var(--danger); }
.success-btn { color: white; background: var(--success); }
.outline-btn { color: #087f9c; background: #fff; border: 1px solid #087f9c; }
.outline-btn:hover { color: white; background: #087f9c; }
.full-btn { width: 100%; padding: 13px 18px; }

.seller-login-page { min-height: 100vh; display: flex; flex-direction: column; color: #2d3440; background: #f3f4f8; font-family: "Open Sans", "Noto Sans SC", sans-serif; }
.seller-login-topbar { height: 38px; padding: 0 max(22px, calc((100vw - 1120px) / 2)); display: flex; align-items: center; gap: 24px; border-bottom: 1px solid #edf0f4; color: #667085; background: #fff; font-size: 13px; }
.seller-login-topbar .flag { margin-right: 6px; }
.seller-login-header { padding: 0 max(22px, calc((100vw - 1120px) / 2)); background: #fff; border-bottom: 1px solid #edf0f4; }
.seller-login-logo { height: 84px; display: inline-flex; align-items: center; text-decoration: none; }
.seller-login-logo .brand-mark img { width: 142px; }
.seller-login-header nav { min-height: 48px; display: flex; align-items: center; justify-content: center; gap: 54px; border-top: 1px solid #f2f3f6; }
.seller-login-header nav a { color: #4d5563; text-decoration: none; font-size: 14px; }
.seller-login-main { flex: 1; display: grid; place-items: start center; padding: 44px 20px 70px; }
.seller-login-card { width: min(440px, 100%); padding: 34px 34px 30px; border-radius: 4px; background: #fff; box-shadow: 0 8px 24px rgba(32, 43, 64, .08); }
.seller-login-brand { margin-bottom: 20px; text-align: center; }
.seller-login-brand .brand-mark img { width: 176px; }
.seller-login-card h1 { margin: 0 0 8px; text-align: center; font-size: 22px; font-weight: 700; }
.seller-login-note { margin: 0 0 26px; text-align: center; color: #8a94a3; }
.phone-input-row { display: grid; grid-template-columns: 58px 1fr; }
.phone-input-row span { display: grid; place-items: center; border: 1px solid #dfe4ea; border-right: 0; border-radius: 8px 0 0 8px; color: #5d6877; background: #f6f7f9; }
.phone-input-row .input { border-radius: 0 8px 8px 0; }
.text-muted { color: #8a94a3; font-size: 12px; }
.password-field { position: relative; }
.password-field .input { padding-right: 48px; }
.password-toggle-btn { position: absolute; right: 8px; bottom: 8px; width: 34px; height: 34px; display: grid; place-items: center; border: 0; border-radius: 50%; color: #818b98; background: transparent; }
.password-toggle-btn .svg-icon { width: 18px; height: 18px; }
.seller-login-meta { font-size: 14px; }
.seller-login-meta a,.seller-register-link a { color: var(--primary); text-decoration: none; }
.seller-register-link { margin-top: 22px; text-align: center; }
.seller-register-link p { margin: 0 0 6px; color: #8a94a3; }
.shop-create-main { width: min(760px, calc(100% - 36px)); margin: 34px auto 70px; }
.shop-create-form { display: grid; gap: 16px; }
.shop-create-card { overflow: hidden; border-radius: 4px; background: #fff; box-shadow: 0 8px 24px rgba(32, 43, 64, .08); }
.shop-create-card h2 { margin: 0; padding: 16px 18px; border-bottom: 1px solid #edf0f4; color: #2f3744; font-size: 15px; font-weight: 700; }
.shop-create-body { padding: 18px; display: grid; gap: 16px; }
.shop-create-body .field { margin-bottom: 0; }
.shop-create-body .field > span,.shop-file-field > span { font-weight: 600; color: #3c4652; }
.shop-create-body b { color: var(--primary); }
.bg-soft-secondary { background: #f3f5f8; }
.shop-file-input { display: none; }
.shop-file-button { min-height: 42px; display: grid; place-items: center; border-radius: 7px; color: #596574; background: #eef1f5; font-weight: 700; cursor: pointer; }
.shop-file-field { display: grid; gap: 8px; }
.shop-file-preview { min-height: 0; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.shop-file-preview img { width: 92px; height: 68px; object-fit: cover; border-radius: 4px; border: 1px solid #e4e9ef; background: #f8fafc; }
.shop-file-preview small { color: #667085; }
.shop-create-login-link { display: flex; align-items: center; justify-content: center; gap: 7px; color: #8a94a3; }
.shop-create-login-link a { color: var(--primary); text-decoration: none; }
.shop-submit-notice { padding: 12px 14px; border-radius: 6px; border: 1px solid #b9ead3; color: #18734a; background: #effcf5; font-size: 14px; line-height: 1.5; }
.shop-submit-notice.error { border-color: #ffd0d0; color: #b42318; background: #fff3f3; }
.trade-password-status { margin-bottom: 14px; }
.trade-password-status div { align-items: flex-start; flex-direction: column; gap: 3px; }
.trade-password-status span { color: #527062; font-size: 13px; }
.trade-password-success { margin-bottom: 14px; }
.trade-password-status { margin-bottom: 14px; }
.trade-password-status div { align-items: flex-start; flex-direction: column; gap: 3px; }
.trade-password-status span { color: #527062; font-size: 13px; }
.trade-password-success { margin-bottom: 14px; }
.shop-create-submit { margin: 2px 0 22px; border-radius: 6px; }

.app-shell { min-height: 100vh; display: grid; grid-template-columns: 264px minmax(0,1fr); }
.sidebar-dismiss { display: none; }
.sidebar { position: fixed; inset: 0 auto 0 0; width: 264px; z-index: 20; overflow-y: auto; background: var(--sidebar); border-right: 1px solid var(--line); transition: transform .25s; }
.sidebar::-webkit-scrollbar { width: 7px; }.sidebar::-webkit-scrollbar-track { background: var(--sidebar); }.sidebar::-webkit-scrollbar-thumb { background: #c9d2df; border-radius: 8px; }
.sidebar-logo { height: 112px; display: grid; place-items: center; background: #191a2b; }
.sidebar-logo .brand-mark { padding: 7px 11px; border-radius: 5px; background: white; }
.sidebar-logo .brand-mark img { width: 130px; }
.sidebar-search { padding: 16px 14px 12px; background: #121323; }
.sidebar-search input { width: 100%; height: 40px; border: 0; border-radius: 22px; padding: 0 16px; color: #d9def0; outline: 0; background: #27293b; }
.sidebar-search input::placeholder { color: #9aa3c2; }
.profile-block { padding: 28px 24px 22px; text-align: center; }
.avatar { width: 118px; height: 118px; margin: auto; border-radius: 4px; display: grid; place-items: center; background: #d9dadd; color: #a5a7ab; font-size: 58px; }
.profile-name { margin: 14px 0 0; color: #1597b3; font-size: 16px; font-weight: 600; }
.profile-email { color: #178ba4; font-size: 12px; }
.nav { padding: 8px 0 34px; }
.nav-link { width: 100%; min-height: 42px; border: 0; padding: 11px 23px; display: flex; align-items: center; gap: 11px; color: #343c47; background: transparent; text-align: left; }
.nav-link:hover { background: #edf5fa; }
.nav-link.active { color: #087f9c; background: #9acdf8; font-weight: 700; }
.nav-icon { width: 18px; height: 18px; flex: 0 0 18px; display: inline-grid; place-items: center; color: #8994a2; text-align: center; }
.nav-icon .svg-icon { width: 15px; height: 15px; stroke-width: 1.9; }
.nav-label { flex: 1; }
.nav-badges { display: inline-flex; gap: 5px; }
.badge { display: inline-flex; min-width: 25px; height: 20px; align-items: center; justify-content: center; padding: 0 7px; border-radius: 6px; color: white; font-size: 11px; font-weight: 700; }
.badge.warning { background: var(--warning); }.badge.danger { background: var(--danger); }.badge.success { background: var(--success); }.badge.info { background: #3aa0e5; }
.nav-children { display: none; padding: 2px 0 5px 35px; }
.nav-group.open .nav-children { display: block; }
.nav-children .nav-link { min-height: 36px; padding: 8px 18px; font-size: 13px; }
.chevron { color: #8994a2; transition: transform .2s; }.nav-group.open .chevron { transform: rotate(90deg); }

.admin-shell .sidebar { background: #121323; border-right-color: #1f2234; scrollbar-color: #3b3f56 #121323; }
.admin-shell .sidebar::-webkit-scrollbar-track { background: #121323; }.admin-shell .sidebar::-webkit-scrollbar-thumb { background: #34384d; }
.admin-shell .nav-link { padding: 11px 14px; color: #d4d9ef; }
.admin-shell .nav-link:hover { color: white; background: #1b1d31; }
.admin-shell .nav-link.active { color: white; background: #1f2237; }
.admin-shell .nav-icon,.admin-shell .chevron { color: #9aa3d8; }
.admin-shell .nav-children { padding-left: 28px; background: #101120; }
.admin-shell .nav-children .nav-link { color: #abb4d2; }
.admin-shell .nav-children .nav-link:hover,.admin-shell .nav-children .nav-link.active { color: white; background: #1b1d31; }

.main-area { grid-column: 2; min-width: 0; }
.topbar { height: 66px; padding: 0 22px; display: flex; align-items: center; justify-content: space-between; background: white; border-bottom: 1px solid var(--line); position: sticky; top: 0; z-index: 10; }
.top-actions, .user-actions { display: flex; align-items: center; gap: 10px; }
.icon-btn { width: 38px; height: 38px; border: 0; border-radius: 50%; background: #f2f4f8; color: #3e4a58; display: grid; place-items: center; }
.seller-notification-control { position: relative; }
.seller-notification-bell { position: relative; cursor: pointer; }
.seller-notification-bell > b { position: absolute; top: -5px; right: -6px; min-width: 19px; height: 19px; padding: 0 5px; display: grid; place-items: center; border: 2px solid #fff; border-radius: 12px; color: #fff; background: #e62b45; font-size: 11px; line-height: 1; }
.seller-notification-popover { position: absolute; top: calc(100% + 10px); right: 0; z-index: 30; width: 230px; padding: 10px; display: none; border: 1px solid #e4e8ef; border-radius: 10px; background: #fff; box-shadow: 0 14px 35px rgba(21,30,50,.18); }
.seller-notification-control:focus-within .seller-notification-popover,.seller-notification-control.open .seller-notification-popover { display: block; }
.seller-notification-popover > strong { padding: 7px 8px 10px; display: flex; justify-content: space-between; color: #283342; font-size: 13px; }
.seller-notification-popover > strong em { color: #e62b45; font-style: normal; }
.seller-notification-popover a { padding: 9px 8px; display: flex; align-items: center; justify-content: space-between; border-radius: 7px; color: #4c5868; font-size: 13px; }
.seller-notification-popover a:hover { color: #168fa6; background: #f2fafb; }
.seller-notification-popover a b { min-width: 24px; color: #e62b45; text-align: right; }
.seller-topbar-support-link { min-height: 36px; padding: 0 12px; display: inline-flex; align-items: center; border: 1px solid #bde8ef; border-radius: 18px; color: #087f9c; background: #effbfd; font-size: 13px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.seller-topbar-support-link:hover { color: #fff; border-color: #1599b3; background: #1599b3; }
.svg-icon { width: 18px; height: 18px; display: block; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.user-chip { display: flex; align-items: center; gap: 9px; padding: 5px 10px; border-radius: 22px; }
.user-chip .mini-avatar { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; color: white; background: var(--primary); }
.page { padding: 26px; }
.page-title { margin: 0 0 22px; font-size: 20px; font-weight: 500; }
.admin-centered-title { margin: -3px 0 9px; color: #6b7280; text-align: center; font-size: 24px; line-height: 1.25; font-weight: 500; }
.titlebar-row { margin: 0 0 16px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.titlebar-row .page-title { margin: 0; }
.card { margin-bottom: 22px; border: 1px solid var(--line); border-radius: 5px; background: white; box-shadow: 0 1px 2px rgba(0,0,0,.01); }
.card-head { min-height: 59px; padding: 16px 24px; display: flex; align-items: center; justify-content: space-between; gap: 15px; border-bottom: 1px solid var(--line); }
.card-head h2 { margin: 0; font-size: 16px; font-weight: 500; }
.card-body { padding: 22px 24px; }
.toolbar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.toolbar .input, .toolbar .select { width: auto; min-width: 190px; padding: 9px 12px; }
.stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; margin-bottom: 22px; }
.stat { padding: 21px; border-radius: 8px; background: white; box-shadow: var(--shadow); border-top: 3px solid var(--primary); }
.stat strong { display: block; font-size: 28px; }.stat span { color: var(--muted); }
.invite { padding: 14px 0; color: #159cb8; font-size: clamp(22px, 3vw, 35px); overflow-wrap: anywhere; }
.cache-btn { min-height: 36px; border: 0; border-radius: 18px; padding: 0 16px; display: inline-flex; align-items: center; gap: 7px; color: #e85170; background: #ffe8ee; font-weight: 700; }
.cache-btn .svg-icon { width: 17px; height: 17px; }
.admin-dashboard { display: grid; gap: 22px; }
.admin-overview-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.admin-donut-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.admin-chart-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.admin-metric { min-height: 170px; position: relative; overflow: hidden; border-radius: 4px; padding: 20px 24px; color: white; box-shadow: 0 8px 20px rgba(42, 51, 88, .08); }
.admin-metric span { display: block; opacity: .78; font-weight: 700; }
.admin-metric small { display: block; margin-top: 1px; opacity: .82; font-size: 13px; }
.admin-metric strong { display: block; margin-top: 6px; font-size: 30px; line-height: 1; letter-spacing: 1px; }
.admin-metric svg { position: absolute; inset: auto 0 0; width: 100%; height: 78px; opacity: .34; }
.admin-metric svg path { fill: white; }
.admin-metric-purple { background: linear-gradient(135deg,#5943c9,#8459de); }
.admin-metric-blue { background: linear-gradient(135deg,#5e8fdc,#35c0e6); }
.admin-metric-pink { background: linear-gradient(135deg,#b64ab7,#f2519b); }
.admin-metric-orange { background: linear-gradient(135deg,#ff744f,#ffb13b); }
.admin-panel { overflow: hidden; border: 1px solid var(--line); border-radius: 4px; background: white; box-shadow: 0 4px 18px rgba(34, 42, 68, .04); }
.admin-panel > h2 { height: 48px; margin: 0; padding: 15px 22px; border-bottom: 1px solid var(--line); font-size: 15px; font-weight: 700; }
.admin-donut { min-height: 315px; padding: 24px 18px 22px; display: grid; place-items: center; }
.admin-donut svg { width: min(270px, 78%); height: auto; transform: rotate(-90deg); }
.admin-chart-legend { margin-top: 16px; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 18px; color: #8c94a3; font-size: 12px; }
.admin-chart-legend span { display: inline-flex; align-items: center; gap: 6px; }
.admin-chart-legend i,.admin-bar-legend i { width: 12px; height: 12px; display: inline-block; border-radius: 50%; }
.admin-bars { padding: 22px 22px 28px; }
.admin-bar-legend { height: 24px; display: flex; align-items: center; justify-content: center; gap: 6px; color: #7b8392; font-size: 12px; }
.admin-bar-legend i { border: 1px solid transparent; opacity: .85; }
.admin-bar-plot { height: 410px; padding: 18px 10px 58px; display: flex; align-items: end; gap: 9px; border-left: 1px solid #edf0f5; border-bottom: 1px solid #edf0f5; background-image: linear-gradient(#f2f4f8 1px, transparent 1px), linear-gradient(90deg,#f2f4f8 1px, transparent 1px); background-size: 100% 45px, 45px 100%; }
.admin-bar-item { flex: 1; min-width: 12px; height: 100%; position: relative; display: flex; align-items: end; justify-content: center; }
.admin-bar-item span { width: 70%; min-width: 9px; border: 1px solid transparent; opacity: .78; }
.admin-bar-item small { position: absolute; left: 50%; bottom: -42px; max-width: 72px; color: #8b94a2; font-size: 10px; line-height: 1.1; white-space: nowrap; transform: translateX(-50%) rotate(-52deg); transform-origin: center; overflow: hidden; text-overflow: ellipsis; }
.admin-products-panel { padding-bottom: 18px; }
.admin-product-rail { padding: 22px; display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 18px; }
.admin-product-card { min-width: 0; border: 1px solid #edf0f5; background: white; }
.admin-product-image { height: 200px; display: grid; place-items: center; overflow: hidden; background: #f6f7fa; }
.admin-product-image > img,.admin-generated-product img { width: 100%; height: 100%; object-fit: cover; }
.admin-generated-product { width: 100%; height: 100%; position: relative; display: grid; place-items: center; background: linear-gradient(145deg,#f5f0ff,#e9f3ff); }
.admin-generated-product img { width: 62%; height: 62%; object-fit: contain; filter: drop-shadow(0 12px 12px rgba(64,40,95,.16)); }
.admin-generated-product span { position: absolute; left: 10px; bottom: 8px; color: rgba(58,42,79,.72); font-size: 11px; font-weight: 700; }
.admin-color-1 { background: linear-gradient(145deg,#fff1e5,#ffd8df); }.admin-color-2 { background: linear-gradient(145deg,#e7fbff,#d9efff); }.admin-color-3 { background: linear-gradient(145deg,#f2f7e8,#e2f1cf); }
.admin-product-body { padding: 13px 16px 16px; display: grid; gap: 7px; }
.admin-product-body strong { color: #ff8a12; font-size: 15px; }
.admin-product-body div { color: #ffb51b; letter-spacing: 1px; font-size: 12px; }
.admin-product-body b { height: 42px; overflow: hidden; color: #252b37; font-size: 13px; line-height: 1.55; }

.table-wrap { width: 100%; overflow-x: auto; }
table { width: 100%; border-collapse: collapse; white-space: nowrap; }
th, td { padding: 13px 14px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: middle; }
th { color: #333d49; font-size: 12px; font-weight: 600; background: #fbfcfd; }
td { color: #596472; font-size: 13px; }
tbody tr:hover { background: #fbfdff; }
.status { display: inline-flex; align-items: center; gap: 6px; padding: 4px 9px; border-radius: 12px; font-size: 11px; font-weight: 600; }
.status::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.status.ok { color: #178b56; background: #e5f8ef; }.status.pending { color: #c47700; background: #fff4dc; }.status.off { color: #b53a4c; background: #fee9ed; }
.action-row { display: flex; gap: 6px; }
.mini-btn { border: 0; border-radius: 5px; padding: 6px 9px; color: #158ca7; background: #e7f7fa; }
.mini-btn.red { color: #bc3f52; background: #fdebee; }.mini-btn.green { color: #238a59; background: #e8f8ef; }
.customer-actions { flex-wrap: nowrap; }
.row-number { margin-left: 8px; color: #9aa4b2; font-size: 12px; vertical-align: middle; }
.text-danger { color: #f23b5c; }
.customer-admin-card table { min-width: 1180px; }
.seller-admin-card .table-wrap { position: relative; }
.seller-admin-card table { min-width: 2220px; }
.seller-admin-card th:last-child,.seller-admin-card td:last-child { position: sticky; right: 0; z-index: 2; min-width: 82px; overflow: visible; background: white; box-shadow: -10px 0 18px rgba(15,23,42,.06); }
.seller-admin-card th:last-child { z-index: 3; background: #fbfcfd; }
.seller-admin-card tbody tr:hover td:last-child { background: #fbfdff; }
.seller-toolbar { gap: 10px; align-items: center; }
.seller-toolbar .input,.seller-toolbar .select { min-width: 160px; }
.seller-option-menu { width: 42px; margin-left: auto; position: relative; }
.seller-option-menu[open] { z-index: 25; }
.seller-option-menu summary { list-style: none; cursor: pointer; }
.seller-option-menu summary::-webkit-details-marker { display: none; }
.seller-option-list { position: fixed; top: var(--seller-option-top, -9999px); left: var(--seller-option-left, -9999px); z-index: 45; width: 210px; max-height: min(480px, calc(100vh - 24px)); overflow-y: auto; overscroll-behavior: contain; padding: 8px; display: grid; gap: 4px; border: 1px solid var(--line); border-radius: 6px; background: white; box-shadow: 0 18px 34px rgba(15,23,42,.12); }
.seller-option-list button,.seller-option-list a { width: 100%; border: 0; border-radius: 5px; padding: 8px 10px; color: #647084; background: transparent; text-align: left; text-decoration: none; font: inherit; }
.seller-option-list button:hover,.seller-option-list a:hover { color: #0f766e; background: #edfafa; }
.seller-option-list .danger { color: #c83f54; }
.seller-edit-modal { width: min(860px, 100%); }
.seller-edit-modal .modal-body { overscroll-behavior: contain; }
.seller-edit-modal .modal-actions { padding-top: 14px; padding-bottom: 18px; }
.seller-document-field { align-content: start; }
.seller-document-control { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; align-items: center; }
.seller-document-control input[type="file"] { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.seller-document-preview,.seller-document-empty { min-height: 180px; border: 1px dashed #ccd6e2; border-radius: 8px; display: grid; place-items: center; overflow: hidden; background: #f8fafc; color: #94a3b8; text-decoration: none; }
.seller-document-preview img { width: 100%; max-height: 260px; object-fit: contain; display: block; background: white; }
.seller-document-preview span { width: 100%; height: 180px; place-items: center; color: #c2415b; background: #fff1f4; }
.seller-ledger-card .card-head { align-items: center; gap: 14px; }
.seller-ledger-card .card-head > div:first-child { min-width: 0; }
.seller-ledger-card .card-head .text-muted { margin: 5px 0 0; }
.seller-ledger-card .toolbar { min-width: min(360px, 100%); flex: 1 1 280px; }
.seller-ledger-card .toolbar .input { min-width: 0; }
.seller-ledger-table { width: 100%; min-width: 720px; border-collapse: collapse; border: 2px solid #1f2937; background: #fff; font-size: 15px; }
.seller-ledger-table th { padding: 7px 10px; border: 2px solid #1f2937; background: #fff200; color: #111827; text-align: center; font-size: 17px; font-weight: 800; line-height: 1.15; }
.seller-ledger-table td { padding: 7px 10px; border: 1px solid #d7dde6; color: #111827; text-align: center; font-weight: 650; }
.seller-ledger-table td:last-child { text-align: center; font-weight: 600; }
.ledger-flow { color: #111827; font-weight: 800; }
.ledger-flow.expense { color: #991b1b; }
.ledger-flow.income { color: #166534; }
.block-muted { display: block; margin-top: 4px; color: #9aa4b2; font-size: 11px; line-height: 1.35; }
.commission-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.commission-toggle-card .card-body { min-height: 70px; display: grid; place-items: center; }
.input-suffix { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 8px; }
.verification-row { display: grid; grid-template-columns: 110px 150px minmax(220px,1fr) 38px; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--line); }
.verification-actions { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; }
.salesman-card-head p { margin: 6px 0 2px; color: #334155; }
.salesman-card-head small { color: var(--muted); }
.online-dot { width: 9px; height: 9px; margin-right: 8px; display: inline-block; border-radius: 50%; background: #20c997; box-shadow: 0 0 0 4px #20c99722; }
.package-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; align-items: stretch; }
.package-card { min-height: 100%; padding: 26px 24px; display: grid; grid-template-rows: 230px auto auto; gap: 18px; text-align: center; }
.package-image { display: grid; place-items: center; overflow: hidden; }
.package-image img { max-width: 100%; max-height: 225px; object-fit: contain; }
.package-image span { width: 160px; height: 160px; display: grid; place-items: center; color: var(--muted); background: #f3f5f9; border-radius: 12px; }
.package-body { display: grid; gap: 8px; align-content: start; }
.package-body h2 { margin: 0; font-size: 22px; color: #1f2937; }
.package-body strong { color: #7b20ee; font-size: 22px; }
.package-body p { margin: 0; color: #5f6977; }
.package-note { min-height: 46px; color: #7a8493 !important; line-height: 1.6; }
.package-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.package-actions .soft-btn { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; line-height: 1; }
.package-actions .default { color: #20a66a; background: #e9fbf2; }
.seller-upgrade-promo { margin-bottom: 22px; padding: 24px; display: grid; grid-template-columns: minmax(260px,.7fr) minmax(0,1.3fr); gap: 22px; position: relative; overflow: hidden; color: #fff; border-radius: 8px; background: radial-gradient(circle at 80% 20%, rgba(82,210,255,.22), transparent 28%), radial-gradient(circle at 18% 8%, rgba(255,76,201,.18), transparent 26%), linear-gradient(135deg,#090b18,#151128 52%,#080912); box-shadow: 0 18px 44px rgba(13,18,38,.18); }
.seller-upgrade-promo::after { content: "Miravia"; position: absolute; top: 20px; right: 22px; color: rgba(255,255,255,.07); font-size: 82px; font-weight: 900; letter-spacing: 8px; pointer-events: none; }
.seller-upgrade-hero-copy { position: relative; z-index: 1; display: grid; align-content: center; gap: 14px; }
.seller-upgrade-brand { display: inline-flex; align-items: center; gap: 10px; color: rgba(255,255,255,.86); font-size: 20px; font-weight: 800; }
.seller-upgrade-brand img { width: 138px; height: auto; padding: 4px 7px; object-fit: contain; border-radius: 5px; background: white; }
.seller-upgrade-hero-copy p { margin: 18px 0 0; color: #fff; font-size: 25px; line-height: 1.22; font-weight: 900; }
.seller-upgrade-hero-copy h2 { margin: 2px 0 0; color: #fff; font-size: 38px; line-height: 1.12; font-weight: 900; }
.seller-upgrade-hero-copy h2::first-letter { color: #73f5ff; }
.seller-upgrade-hero-copy > strong { color: rgba(255,255,255,.88); font-size: 17px; }
.seller-upgrade-levels { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.seller-upgrade-tier { min-width: 0; padding: 14px; display: grid; grid-template-columns: 62px minmax(0,1fr); gap: 12px; align-items: center; border: 1px solid rgba(69,213,255,.28); border-radius: 8px; background: rgba(8,16,40,.62); box-shadow: inset 0 0 18px rgba(89,79,214,.15); }
.seller-upgrade-tier-icon { width: 62px; height: 62px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(78,213,255,.38); border-radius: 50%; background: rgba(0,126,190,.14); }
.seller-upgrade-tier-icon img { width: 84%; height: 84%; object-fit: contain; }
.seller-upgrade-tier h3 { margin: 0 0 4px; color: #85f7ff; font-size: 18px; line-height: 1.15; }
.seller-upgrade-tier strong { display: block; margin-bottom: 3px; color: #fff; font-size: 13px; line-height: 1.35; }
.seller-upgrade-tier p { margin: 0; color: rgba(255,255,255,.82); font-size: 13px; line-height: 1.45; }
.seller-upgrade-promo > small { position: relative; z-index: 1; grid-column: 1 / -1; justify-self: center; color: rgba(255,255,255,.62); }
.seller-upgrade-package-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.seller-upgrade-card { padding: 24px 18px; grid-template-rows: 180px auto auto; }
.seller-upgrade-card .package-image img { max-height: 175px; }
.seller-upgrade-card .package-body strong { color: #8a2cff; font-size: 20px; line-height: 1.25; }
.seller-upgrade-card .package-body p { font-weight: 700; }
.guarantee-card { max-width: 760px; }
.guarantee-form { display: grid; gap: 20px; }
.guarantee-row { min-height: 50px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--line); }
.affiliate-config-card { max-width: 980px; }
.affiliate-form-builder { display: grid; gap: 16px; }
.affiliate-form-row { display: grid; grid-template-columns: 110px 150px minmax(220px,1fr) minmax(220px,1fr) 38px; gap: 12px; align-items: center; padding: 11px 0; border-bottom: 1px solid var(--line); }
.affiliate-form-row > label { color: #3c4652; font-weight: 600; }
.affiliate-builder-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; padding-top: 6px; }
.affiliate-commission-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.affiliate-commission-card { margin-bottom: 0; }
.affiliate-commission-body { display: grid; gap: 18px; }
.affiliate-commission-row { display: grid; grid-template-columns: 210px minmax(0,1fr); gap: 18px; align-items: center; }
.affiliate-commission-row > span { color: #3c4652; font-weight: 600; }
.affiliate-card-actions { display: flex; justify-content: flex-end; }
.affiliate-table-card { overflow: hidden; }
.affiliate-table-wrap { padding: 0 24px 24px; }
.affiliate-table-card table { min-width: 1120px; }
.affiliate-table-card th { height: 54px; background: white; color: #111827; font-size: 13px; }
.affiliate-table-card td { height: 62px; color: #202733; vertical-align: middle; }
.affiliate-table-card .order-actions { justify-content: flex-start; }
.refund-card { overflow: hidden; }
.refund-table-wrap { padding: 0 24px 24px; }
.refund-card table { min-width: 980px; }
.refund-card th { height: 54px; background: white; color: #111827; font-size: 13px; }
.refund-card td { height: 62px; color: #202733; vertical-align: middle; }
.report-filter-card { overflow: hidden; }
.report-filter-row { min-height: 76px; padding: 18px 24px; display: grid; grid-template-columns: 180px minmax(240px, 430px) auto; gap: 14px; align-items: center; }
.report-filter-row label { color: #3c4652; font-weight: 600; }
.report-filter-row .select,.report-filter-row .input { height: 42px; border-radius: 22px; }
.report-filter-row .primary-btn { min-height: 42px; border-radius: 21px; padding: 0 24px; }
.commission-report-filter { grid-template-columns: minmax(220px, 320px) minmax(220px, 320px) auto; }
.report-table-card { overflow: hidden; }
.report-table-wrap { padding: 0 24px 24px; }
.report-table th { height: 54px; background: white; color: #111827; font-size: 13px; }
.report-table td { height: 58px; color: #202733; vertical-align: middle; }
.report-table td:nth-child(3),.report-table td:nth-child(4) { color: #3b4554; font-weight: 600; }
.refund-config-page { display: grid; gap: 22px; }
.refund-config-card { max-width: 760px; }
.refund-config-body { display: grid; gap: 18px; }
.refund-config-row { display: grid; grid-template-columns: 240px minmax(0,1fr); gap: 18px; align-items: center; }
.refund-config-row > span { color: #3c4652; font-weight: 600; }
.refund-sticker-control { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 10px; align-items: center; }
.source-form-card .form-grid-wide { grid-column: 1 / -1; }
.table-check { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; position: relative; }
.table-check input { position: absolute; opacity: 0; }
.table-check span { width: 16px; height: 16px; border: 1px solid #c8d3df; border-radius: 4px; background: white; }
.table-check input:checked + span { border-color: var(--primary); background: var(--primary); box-shadow: inset 0 0 0 3px white; }
.toggle-switch { display: inline-flex; align-items: center; cursor: pointer; }
.toggle-switch input { position: absolute; opacity: 0; }
.toggle-switch span { width: 42px; height: 22px; position: relative; display: inline-block; border-radius: 22px; background: #dbe3ec; transition: .2s; }
.toggle-switch span::after { content: ""; position: absolute; left: 3px; top: 3px; width: 16px; height: 16px; border-radius: 50%; background: white; box-shadow: 0 1px 4px rgba(0,0,0,.18); transition: .2s; }
.toggle-switch input:checked + span { background: var(--success); }
.toggle-switch input:checked + span::after { transform: translateX(20px); }
.pos-activation-page { min-height: calc(100vh - 170px); }
.pos-activation-card { width: min(375px, 100%); margin: 0; }
.pos-activation-card .card-head { min-height: 50px; padding: 13px 24px; }
.pos-activation-card .card-head h2 { font-size: 16px; font-weight: 600; }
.pos-activation-body { height: 66px; padding: 0; display: grid; place-items: center; }
.pos-activation-switch input:disabled + span { opacity: .65; cursor: wait; }
.wallet-photo { color: #158ca7; font-weight: 600; }
.manual-payment-title-row { min-height: 54px; align-items: flex-start; }
.manual-payment-card { overflow: hidden; }
.manual-payment-table-wrap { padding: 0 24px 24px; }
.manual-payment-card table,.offline-request-card table { min-width: 860px; }
.manual-payment-card th,.offline-request-card th { height: 54px; background: white; color: #111827; font-size: 13px; }
.manual-payment-card td,.offline-request-card td { height: 66px; color: #202733; vertical-align: middle; }
.manual-logo-thumb { width: 88px; height: 50px; display: inline-grid; place-items: center; object-fit: contain; border: 1px solid #e5eaf0; border-radius: 4px; background: #f8fafc; color: #94a3b8; font-size: 12px; }
.manual-payment-actions { display: flex; gap: 8px; }
.manual-payment-form { display: grid; gap: 14px; }
.manual-payment-form .source-form-card { max-width: 980px; }
.manual-payment-form-grid { display: grid; gap: 18px; }
.manual-field { margin: 0; display: grid; grid-template-columns: 210px minmax(0,1fr); gap: 18px; align-items: start; }
.manual-field > span { padding-top: 11px; color: #3c4652; font-weight: 600; }
.manual-field-wide { grid-template-columns: 210px minmax(0,1fr); }
.manual-description { min-height: 170px; }
.manual-file-control { display: grid; grid-template-columns: minmax(0,1fr) 100px; gap: 10px; align-items: center; }
.manual-file-control img,.manual-file-control b { width: 100px; height: 58px; display: grid; place-items: center; object-fit: contain; border: 1px solid #e5eaf0; border-radius: 5px; background: #f8fafc; color: #94a3b8; font-size: 12px; }
.manual-bank-section { display: grid; grid-template-columns: 210px minmax(0,1fr); gap: 18px; }
.manual-bank-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #3c4652; font-weight: 600; }
.manual-bank-list { display: grid; gap: 10px; }
.manual-bank-row { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)) 34px; gap: 8px; align-items: center; }
.offline-request-head { align-items: center; }
.offline-request-table-wrap { padding: 0 24px 24px; }
.offline-request-card .toggle-switch span { width: 38px; height: 20px; }
.offline-request-card .toggle-switch span::after { width: 14px; height: 14px; }
.offline-request-card .toggle-switch input:checked + span::after { transform: translateX(18px); }
.request-receipt { display: inline-flex; align-items: center; gap: 8px; }
.request-receipt img { width: 44px; height: 34px; object-fit: cover; border-radius: 4px; border: 1px solid #e6ebf2; background: #f8fafc; }
.modal-wide { width: min(680px, 100%); }
.form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 16px; }
.form-grid-wide { grid-column: 1 / -1; }
.form-actions { margin-top: 18px; display: flex; justify-content: flex-end; gap: 10px; }
.module-placeholder { color: #596472; }
.module-placeholder strong { display: block; margin-bottom: 8px; color: #20242a; font-size: 18px; }
.module-placeholder p { max-width: 760px; margin: 0 0 18px; line-height: 1.8; }
.module-placeholder-actions { display: flex; flex-wrap: wrap; gap: 10px; }

.pos-layout { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(320px,.55fr); gap: 20px; }
.pos-layout aside .field small { color: #7b8794; font-size: 12px; line-height: 1.5; }
.product-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; }
.product-card { position: relative; border: 1px solid var(--line); border-radius: 8px; padding: 16px; background: white; }
.product-card.selected { border-color: #1ab6cf; box-shadow: 0 0 0 2px rgba(26,182,207,.16); }
.pos-product-selected-badge { position: absolute; top: 9px; right: 9px; z-index: 2; padding: 5px 8px; border-radius: 4px; color: white; background: #129bb6; font-size: 11px; font-weight: 700; box-shadow: 0 4px 10px rgba(18,155,182,.2); }
.pos-product-selected-badge[hidden] { display: none; }
.product-thumb { aspect-ratio: 1.5; margin-bottom: 12px; border-radius: 7px; display: grid; place-items: center; overflow: hidden; color: #168da9; font-size: 30px; background: linear-gradient(135deg,#e8f9fc,#eef1ff); }
.product-thumb > img,.product-thumb .admin-generated-product { width: 100%; height: 100%; }
.product-thumb > img { object-fit: cover; }
.product-name { height: 42px; overflow: hidden; font-weight: 600; }
.product-card > small { display: block; margin-top: -4px; overflow: hidden; color: #7b8794; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.product-meta { display: flex; justify-content: space-between; margin-top: 10px; color: var(--muted); }
.pos-empty { grid-column: 1 / -1; min-height: 160px; display: grid; place-items: center; }
.pos-virtual-customer-picker { max-height: 250px; overflow-y: auto; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; padding: 10px; border: 1px solid var(--line); border-radius: 6px; background: #f8fafc; }
.pos-virtual-customer-picker > label { min-height: 52px; padding: 9px 11px; display: flex; align-items: center; gap: 10px; border: 1px solid #e2e8f0; border-radius: 6px; background: white; cursor: pointer; }
.pos-virtual-customer-picker > label:has(input:checked) { border-color: #20b8d2; background: #eefcff; box-shadow: 0 0 0 1px rgba(32,184,210,.16); }
.pos-virtual-customer-picker input { width: 17px; height: 17px; flex: 0 0 auto; accent-color: #20b8d2; }
.pos-virtual-customer-picker span { min-width: 0; display: grid; gap: 3px; color: #263442; font-weight: 600; }
.pos-virtual-customer-picker small { overflow: hidden; color: #7b8794; font-size: 11px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }
.pos-batch-preview { padding: 12px 14px; border: 1px solid #d9eef2; border-radius: 6px; color: #42606a; background: #f2fbfd; line-height: 1.6; }
.pos-batch-preview b { color: #138da4; }
.pos-order-success { margin: 4px 0 16px; padding: 13px 14px; display: grid; gap: 4px; border: 1px solid #a9e5c7; border-radius: 6px; color: #246947; background: #effbf5; }
.pos-order-success[hidden] { display: none; }
.pos-order-success b { color: #167b4d; font-size: 15px; }
.pos-order-success a { margin-top: 4px; color: #087f9c; font-weight: 700; }
.pos-summary-warning { padding: 9px 11px; border: 1px solid #f3d49a; border-radius: 6px; color: #8a5a05; background: #fff9ec; font-size: 12px; line-height: 1.5; }
.pos-success-backdrop { z-index: 90; background: rgba(19, 27, 38, .66); backdrop-filter: blur(7px); }
.pos-success-dialog { width: min(450px, 100%); padding: 30px; display: grid; justify-items: center; gap: 12px; border-radius: 8px; background: white; box-shadow: 0 28px 80px rgba(20, 28, 40, .32); text-align: center; }
.pos-success-icon { width: 66px; height: 66px; display: grid; place-items: center; border-radius: 50%; color: white; background: #30b878; }
.pos-success-icon .svg-icon { width: 36px; height: 36px; stroke-width: 2.6; }
.pos-success-dialog h2 { margin: 2px 0 0; color: #17212b; font-size: 26px; }
.pos-success-message { margin: 0; color: #657180; }
.pos-success-details { width: 100%; margin: 4px 0 6px; padding: 12px 14px; display: grid; gap: 9px; border: 1px solid #e2e8ef; border-radius: 6px; background: #f8fafc; text-align: left; }
.pos-success-details p { margin: 0; display: flex; justify-content: space-between; gap: 16px; }
.pos-success-details span { color: #6c7785; }
.pos-success-details b { max-width: 66%; color: #26313d; text-align: right; overflow-wrap: anywhere; }
.pos-success-dialog small { color: #8a94a3; }
.pos-selected-field { padding: 13px; border: 1px solid #dfe8ee; border-radius: 6px; background: #f8fafc; }
.pos-selected-products { display: grid; gap: 8px; }
.pos-selected-line { min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) 70px 34px; gap: 8px; align-items: center; }
.pos-selected-line > span { overflow: hidden; color: #2d3745; font-size: 13px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.pos-selected-line .input { height: 36px; padding: 6px 8px; text-align: center; }
.pos-selected-line button { width: 34px; height: 34px; display: grid; place-items: center; border: 0; border-radius: 5px; color: #d14d67; background: #ffe9ee; }
.pos-selected-line button .svg-icon { width: 16px; height: 16px; }
.pos-selected-empty { padding: 14px 10px; color: #7b8794; background: white; text-align: center; }
.round-action:disabled,.primary-btn:disabled { opacity: .45; cursor: not-allowed; box-shadow: none; }
.product-editor-card { max-width: 980px; }
.product-form-grid { row-gap: 4px; }
.product-create-form { display: grid; gap: 18px; }
.product-create-layout { display: grid; grid-template-columns: minmax(0, 2.05fr) minmax(320px, .95fr); gap: 18px; align-items: start; }
.product-create-main,.product-create-side { display: grid; gap: 18px; align-content: start; }
.product-create-form .card { margin-bottom: 0; }
.product-create-form .card-head { min-height: 50px; padding: 14px 24px; }
.product-field-grid { display: grid; grid-template-columns: 210px minmax(0,1fr); gap: 16px 18px; align-items: start; }
.product-field-grid .field,.product-field-wide { grid-column: 1 / -1; display: grid; grid-template-columns: 210px minmax(0,1fr); align-items: start; gap: 18px; margin-bottom: 0; }
.product-field-grid .field > span,.product-field-wide > span { padding-top: 11px; color: #3c4652; font-weight: 600; }
.product-field-grid .field small { grid-column: 2; color: #8a94a3; font-size: 12px; }
.product-description-editor { min-height: 310px; }
.product-side-stack { display: grid; gap: 13px; }
.product-switch-row { min-height: 36px; display: flex; align-items: center; justify-content: space-between; gap: 14px; color: #3c4652; font-weight: 600; }
.product-radio-group { display: grid; gap: 12px; }
.product-radio-group label { display: flex; align-items: center; gap: 9px; color: #3c4652; }
.product-tax-list { display: grid; gap: 14px; }
.product-tax-row { display: grid; grid-template-columns: minmax(0,1fr) 110px; gap: 10px; align-items: end; }
.product-tax-row .field { margin: 0; }
.product-actionbar { position: sticky; bottom: 0; z-index: 4; padding: 16px 0; display: flex; justify-content: flex-end; gap: 10px; background: linear-gradient(180deg, rgba(245,246,248,0), #f5f6f8 32%); }
.product-simple-form { width: min(100%, 980px); display: grid; gap: 18px; }
.product-simple-form .card-body { padding: 22px 24px 24px; }
.product-media-control { min-width: 0; display: grid; gap: 10px; }
.product-media-control > small { color: #7b8794; font-size: 12px; }
.product-upload-button { width: max-content; min-height: 44px; padding: 0 17px; display: inline-flex; align-items: center; gap: 9px; border: 1px solid #18a9c2; border-radius: 6px; color: #fff; background: #20b8d2; font-weight: 700; cursor: pointer; }
.product-upload-button.secondary { border-color: #526477; background: #526477; }
.product-upload-button:hover { filter: brightness(.96); }
.product-upload-button .svg-icon { width: 18px; height: 18px; }
.product-upload-button input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.product-image-preview { min-height: 126px; display: grid; grid-template-columns: repeat(auto-fill,minmax(112px,1fr)); gap: 12px; }
.product-media-image { position: relative; height: 126px; margin: 0; overflow: hidden; border: 1px solid #dce3ea; border-radius: 6px; background: #f7f9fb; }
.product-media-image img { width: 100%; height: 100%; display: block; object-fit: cover; }
.product-media-image > span { position: absolute; left: 7px; bottom: 7px; padding: 3px 7px; border-radius: 4px; color: #fff; background: rgba(20,31,43,.78); font-size: 11px; }
.product-media-image button,.product-media-video button { position: absolute; top: 7px; right: 7px; width: 30px; height: 30px; padding: 0; display: grid; place-items: center; border: 0; border-radius: 50%; color: #fff; background: rgba(194,50,73,.9); cursor: pointer; }
.product-media-image button .svg-icon,.product-media-video button .svg-icon { width: 15px; height: 15px; }
.product-video-preview { min-height: 84px; }
.product-media-video { position: relative; width: min(100%, 480px); }
.product-media-video video { width: 100%; max-height: 270px; display: block; border-radius: 6px; background: #111827; }
.product-media-empty { min-height: 84px; margin: 0; padding: 18px; display: grid; place-items: center; border: 1px dashed #cbd5df; border-radius: 6px; color: #7b8794; background: #fafbfd; text-align: center; }
.product-upload-status { min-height: 18px; margin: 0; color: #1694aa; font-size: 12px; }
.product-price-result { min-height: 78px; padding: 14px 16px; border: 1px solid #bde5d5; border-radius: 6px; background: #f1fbf6; }
.product-price-result > span { padding-top: 8px; }
.product-price-result > div { display: grid; gap: 4px; }
.product-price-result strong { color: #158653; font-size: 25px; line-height: 1.2; }
.product-price-result small { color: #64748b; }
.product-list-add-row { min-height: 70px; display: flex; align-items: flex-start; padding-top: 8px; }
.product-add-btn { border-radius: 24px; padding: 12px 25px; background: #27c3e8; box-shadow: 0 8px 18px rgba(39,195,232,.22); }
.product-list-card { overflow: hidden; }
.product-list-head { min-height: 68px; padding: 0 24px; display: grid; grid-template-columns: minmax(160px,1fr) minmax(0,760px); gap: 18px; align-items: center; border-bottom: 1px solid var(--line); }
.product-list-head h2 { margin: 0; font-size: 18px; font-weight: 600; color: #2c3340; }
.product-list-filters { display: grid; grid-template-columns: 130px minmax(150px,1fr) minmax(150px,1fr) minmax(180px,1fr); gap: 12px; align-items: center; }
.product-list-filters .select,.product-list-filters .input { height: 42px; border-radius: 22px; background: white; }
.product-storehouse-add-row { gap: 10px; }
.product-storehouse-head { grid-template-columns: minmax(160px,1fr) minmax(0,680px); }
.product-storehouse-filters { grid-template-columns: minmax(180px,1fr) minmax(180px,1fr) minmax(210px,1.15fr); }
.product-pill-select { text-align: center; }
.product-list-table-wrap { padding: 0 24px 24px; }
.product-admin-table { min-width: 1280px; }
.product-storehouse-table { min-width: 1120px; }
.seller-catalog-picker-head { margin-bottom: 16px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.seller-catalog-picker-head .page-title { margin-bottom: 2px; }
.seller-catalog-picker-head p { margin: 0; color: #748091; }
.seller-catalog-notice { margin-bottom: 16px; padding: 13px 15px; display: flex; align-items: center; gap: 11px; border: 1px solid #a9e5c7; border-radius: 6px; color: #216846; background: #effbf5; }
.seller-catalog-notice[hidden] { display: none; }
.seller-catalog-notice .svg-icon { width: 23px; height: 23px; flex: 0 0 auto; stroke-width: 2.5; }
.seller-catalog-notice div { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex: 1; }
.seller-catalog-notice a { color: #087f9c; font-weight: 700; }
.seller-catalog-add-btn { min-height: 34px; padding: 7px 10px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; border: 0; border-radius: 6px; color: white; background: #168fb0; font-weight: 700; white-space: nowrap; }
.seller-catalog-add-btn .svg-icon { width: 16px; height: 16px; }
.seller-catalog-add-btn:disabled { color: #6d7886; background: #e9edf2; cursor: default; }
.seller-catalog-bulkbar { min-height: 66px; padding: 12px 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--line); background: #fbfcfd; }
.seller-catalog-select-all { display: inline-flex; align-items: center; gap: 9px; color: #394454; font-weight: 600; cursor: pointer; }
.seller-catalog-select-all input { width: 18px; height: 18px; accent-color: #1598b6; }
.seller-catalog-selected-total { display: inline-flex; align-items: baseline; gap: 5px; color: #667384; }
.seller-catalog-selected-total strong { min-width: 34px; color: #0b8ca9; font-size: 24px; text-align: center; }
.seller-catalog-profit { display: inline-flex; align-items: center; gap: 8px; color: #394454; font-weight: 600; }
.seller-catalog-profit input { width: 82px; height: 38px; padding: 0 10px; border: 1px solid #d7dee7; border-radius: 5px; background: white; }
.seller-catalog-bulk-add { min-width: 190px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.seller-catalog-bulk-add .svg-icon { width: 17px; height: 17px; }
.seller-catalog-grid { padding: 22px 24px 8px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.seller-catalog-card { position: relative; min-width: 0; overflow: hidden; border: 1px solid #e2e7ed; border-radius: 6px; background: white; transition: border-color .18s, box-shadow .18s; }
.seller-catalog-card:has([data-product-check]:checked) { border-color: #1aa9c4; box-shadow: 0 0 0 2px rgba(26,169,196,.13); }
.seller-catalog-card.listed { background: #f8fafb; }
.seller-catalog-card-check { position: absolute; top: 10px; left: 10px; z-index: 3; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 5px; background: white; box-shadow: 0 3px 12px rgba(25,35,50,.18); cursor: pointer; }
.seller-catalog-card-check input { position: absolute; opacity: 0; }
.seller-catalog-card-check span { width: 17px; height: 17px; display: grid; place-items: center; border: 2px solid #afbac6; border-radius: 3px; color: white; }
.seller-catalog-card-check input:checked + span,.seller-catalog-card.listed .seller-catalog-card-check span { border-color: #16a271; background: #16a271; }
.seller-catalog-card-check .svg-icon { width: 13px; height: 13px; }
.seller-catalog-card-check.locked { color: white; background: #16a271; cursor: not-allowed; }
.seller-catalog-card-check.locked .svg-icon { width: 17px; height: 17px; }
.seller-catalog-row-locked { width: 28px; height: 28px; display: inline-grid; place-items: center; border-radius: 50%; color: white; background: #16a271; }
.seller-catalog-row-locked .svg-icon { width: 15px; height: 15px; }
.market-buyer-order > footer { align-items: center; gap: 14px; flex-wrap: wrap; }
.market-buyer-order > footer button { min-height: 36px; padding: 8px 16px; border: 0; border-radius: 5px; color: white; background: #16a271; font-weight: 700; cursor: pointer; }
.market-buyer-order > footer button:disabled { opacity: .6; cursor: wait; }
.seller-catalog-card-preview { width: 100%; height: 210px; padding: 0; display: block; overflow: hidden; border: 0; background: #f3f5f7; }
.seller-catalog-card-preview img,.seller-catalog-card-preview .admin-generated-product { width: 100%; height: 100%; object-fit: cover; }
.seller-catalog-card-body { padding: 14px; display: grid; gap: 8px; }
.seller-catalog-card-body > b { height: 42px; overflow: hidden; color: #25303d; line-height: 1.5; }
.seller-catalog-card-body > small { overflow: hidden; color: #7c8794; text-overflow: ellipsis; white-space: nowrap; }
.seller-catalog-card-body > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.seller-catalog-card-body strong { color: #148da9; font-size: 16px; }
.seller-catalog-card-body > div span { color: #7c8794; font-size: 12px; }
.seller-catalog-card-body .seller-catalog-add-btn { width: 100%; margin-top: 2px; }
.seller-catalog-empty { grid-column: 1 / -1; min-height: 220px; }
.product-storehouse-card > [data-product-table] > .product-pagination { padding: 16px 24px 24px; }
.product-admin-table th { height: 66px; background: white; color: #111827; font-size: 13px; }
.product-admin-table td { height: 86px; color: #111827; }
.product-admin-table tbody tr:hover { background: #fcfdff; }
.product-admin-name { min-width: 330px; }
.product-admin-name > span { flex-basis: 58px; width: 58px; height: 58px; border-radius: 2px; }
.product-admin-name b { max-width: 245px; font-weight: 500; }
.product-info-stack { min-width: 170px; color: #1f2937; font-size: 13px; line-height: 1.65; }
.product-info-stack b { font-weight: 700; }
.product-list-switch input:disabled + span { opacity: .55; cursor: wait; }
.product-row-actions { min-width: 260px; display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.storehouse-row-actions { min-width: 210px; }
.product-actions-col { text-align: right; }
.comment-btn { border: 0; border-radius: 18px; padding: 9px 14px; color: #efb12c; background: #fff5d7; font-weight: 700; }
.round-action { width: 34px; height: 34px; border: 0; border-radius: 50%; display: grid; place-items: center; font-size: 14px; font-weight: 700; }
.round-action .svg-icon { width: 15px; height: 15px; stroke-width: 2.1; }
.round-action.green { color: #19a16f; background: #dff8ee; }.round-action.orange { color: #df8c3b; background: #fff0e4; }.round-action.yellow { color: #d8a12a; background: #fff4d8; }.round-action.pink { color: #d95372; background: #ffe3ea; }.round-action.blue { color: #2e8fcf; background: #e3f3ff; }
.product-pagination { padding: 22px 0 6px; display: flex; align-items: center; gap: 10px; }
.product-pagination button,.product-pagination span { min-width: 34px; height: 34px; border: 0; border-radius: 50%; display: grid; place-items: center; color: #4b5563; background: transparent; }
.product-pagination button.active { color: white; background: #ff8a00; }
.product-pagination button:disabled { opacity: .35; cursor: not-allowed; }
.product-preview { display: grid; grid-template-columns: 220px minmax(0,1fr); gap: 22px; }
.product-preview-image { height: 220px; display: grid; place-items: center; overflow: hidden; border-radius: 10px; background: #f5f6f8; }
.product-preview-image img,.product-preview-image .admin-generated-product { width: 100%; height: 100%; object-fit: cover; }
.product-preview-info { display: grid; gap: 10px; }
.product-preview-info p { margin: 0; display: flex; justify-content: space-between; gap: 20px; border-bottom: 1px dashed #e3e7ee; padding-bottom: 9px; }
.category-title-row { min-height: 68px; align-items: flex-start; }
.category-add-btn { border-radius: 24px; padding: 12px 24px; background: #27c3e8; box-shadow: 0 8px 18px rgba(39,195,232,.22); }
.category-card { overflow: hidden; }
.category-card-head { min-height: 68px; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid var(--line); }
.category-card-head h2 { margin: 0; font-size: 18px; font-weight: 600; color: #2c3340; }
.category-search { max-width: 270px; border-radius: 22px; }
.category-table { min-width: 1120px; }
.category-table th { height: 54px; background: white; color: #111827; font-size: 13px; white-space: nowrap; }
.category-table td { height: 58px; color: #202733; vertical-align: middle; }
.category-table th:first-child,.category-table td:first-child { width: 44px; color: #7d8794; }
.category-name-cell { padding-left: calc(var(--level, 0) * 28px); display: inline-flex; align-items: center; gap: 8px; }
.category-tree-toggle,.category-tree-spacer { width: 20px; height: 20px; display: inline-grid; place-items: center; }
.category-tree-toggle { border: 0; color: #6b7280; background: transparent; font-size: 18px; line-height: 1; }
.category-options-col { text-align: right; }
.category-actions { display: flex; justify-content: flex-end; gap: 8px; }
.category-actions .round-action { text-decoration: none; }
.category-thumb { width: 52px; height: 52px; display: inline-grid; place-items: center; object-fit: cover; border-radius: 4px; background: #f1f3f6; border: 1px solid #e5e9ef; color: #a1aab6; }
.category-thumb.icon { width: 34px; height: 34px; object-fit: contain; background: white; }
.category-thumb.empty .svg-icon { width: 18px; height: 18px; }
.category-featured-switch input:disabled + span { opacity: .55; cursor: wait; }
.category-language-tabs { margin-bottom: 18px; display: flex; flex-wrap: wrap; gap: 8px; }
.category-language-tabs a { padding: 8px 12px; border-radius: 5px; color: #596472; background: white; border: 1px solid var(--line); }
.category-language-tabs a.active { color: white; background: var(--primary); border-color: var(--primary); }
.category-form { display: grid; gap: 14px; }
.category-form-card { max-width: 920px; }
.category-form-grid { display: grid; gap: 16px; }
.category-field { display: grid; grid-template-columns: 210px minmax(0,1fr); gap: 18px; align-items: start; }
.category-field > span { padding-top: 11px; color: #3c4652; font-weight: 600; }
.category-field small { display: block; margin-top: 6px; color: #8a94a3; font-size: 12px; }
.category-field textarea { min-height: 110px; }
.category-file-control { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; align-items: center; }
.category-file-control span { height: 42px; padding: 0 16px; display: inline-flex; align-items: center; border-radius: 6px; color: #344054; background: #eef1f5; font-weight: 600; }
.category-file-control small { grid-column: 1 / -1; }
.category-multi-select { min-height: 190px; }
.category-form-actions { max-width: 920px; display: flex; justify-content: flex-end; gap: 10px; }
.brand-admin-layout { display: grid; grid-template-columns: minmax(0,1fr) 420px; gap: 24px; align-items: start; }
.brand-card-head { min-height: 68px; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid var(--line); }
.brand-card-head h2,.brand-form-card h2,.brand-edit-card h2 { margin: 0; font-size: 18px; font-weight: 600; color: #2c3340; }
.brand-search { max-width: 270px; border-radius: 22px; }
.brand-table { min-width: 720px; }
.brand-table th { height: 54px; background: white; color: #111827; font-size: 13px; white-space: nowrap; }
.brand-table td { height: 66px; vertical-align: middle; color: #202733; }
.brand-table th:first-child,.brand-table td:first-child { width: 48px; color: #7d8794; }
.brand-logo-thumb { width: 72px; height: 50px; display: inline-grid; place-items: center; object-fit: contain; border-radius: 4px; background: #f4f6f8; border: 1px solid #e6eaf0; color: #a1aab6; }
.brand-logo-thumb.empty .svg-icon { width: 20px; height: 20px; }
.brand-options-col { text-align: right; }
.brand-actions { display: flex; justify-content: flex-end; gap: 8px; }
.brand-actions .round-action { text-decoration: none; }
.brand-form-card,.brand-edit-card { overflow: hidden; }
.brand-form-grid,.brand-edit-grid { display: grid; gap: 16px; }
.brand-field { display: grid; grid-template-columns: 130px minmax(0,1fr); gap: 15px; align-items: start; }
.brand-field > span { padding-top: 11px; color: #3c4652; font-weight: 600; }
.brand-field textarea { min-height: 110px; }
.brand-file-control { display: grid; grid-template-columns: auto minmax(140px,1fr) auto; gap: 8px; align-items: center; }
.brand-file-button { min-height: 42px; padding: 0 16px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border-radius: 6px; color: #344054; background: #eef1f5; font-weight: 600; cursor: pointer; }
.brand-file-button:hover { color: #087f9c; background: #e5f7fb; }
.brand-file-button input { display: none; }
.brand-file-button .svg-icon { width: 17px; height: 17px; }
.brand-file-remove { width: 42px; height: 42px; display: grid; place-items: center; border: 0; border-radius: 6px; color: #d83b56; background: #fff0f3; }
.brand-file-remove[hidden] { display: none; }
.brand-file-remove .svg-icon { width: 17px; height: 17px; }
.brand-file-control small { grid-column: 1 / -1; color: #8a94a3; font-size: 12px; }
.brand-file-preview { width: 74px; height: 50px; object-fit: contain; border: 1px solid #e5eaf0; border-radius: 4px; background: #f7f9fb; }
.brand-file-preview.empty { display: inline-block; }
.brand-form-actions { display: flex; justify-content: flex-end; }
.brand-edit-form { display: grid; gap: 14px; }
.brand-edit-card,.brand-edit-actions { max-width: 920px; }
.brand-edit-actions { display: flex; justify-content: flex-end; gap: 10px; }
.attribute-admin-layout { display: grid; grid-template-columns: minmax(0,1fr) 420px; gap: 24px; align-items: start; }
.attribute-list-card,.attribute-form-card,.attribute-edit-card { overflow: hidden; }
.attribute-card-head { min-height: 68px; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid var(--line); }
.attribute-card-head h2,.attribute-form-card h2 { margin: 0; font-size: 18px; font-weight: 600; color: #2c3340; }
.attribute-table { min-width: 860px; }
.attribute-table th { height: 54px; background: white; color: #111827; font-size: 13px; white-space: nowrap; }
.attribute-table td { min-height: 58px; padding-top: 14px; padding-bottom: 14px; color: #202733; vertical-align: top; }
.attribute-table th:first-child,.attribute-table td:first-child { width: 48px; color: #7d8794; }
.attribute-name-cell { min-width: 170px; font-weight: 600; }
.attribute-values-cell { max-width: 760px; white-space: normal; line-height: 1.55; color: #505b69; }
.attribute-options-col { text-align: right; }
.attribute-actions { display: flex; justify-content: flex-end; gap: 8px; }
.attribute-actions .round-action { text-decoration: none; }
.attribute-form-grid { display: grid; gap: 16px; }
.attribute-field { display: grid; grid-template-columns: 130px minmax(0,1fr); gap: 15px; align-items: start; }
.attribute-field > span { padding-top: 11px; color: #3c4652; font-weight: 600; }
.attribute-form-actions { display: flex; justify-content: flex-end; }
.attribute-detail-title { margin-bottom: 18px; text-align: center; color: #657386; font-size: 26px; font-weight: 500; }
.attribute-values-table { min-width: 620px; }
.attribute-edit-form { display: grid; gap: 14px; }
.attribute-edit-card { max-width: 920px; }
.attribute-edit-card .attribute-field { grid-template-columns: 210px minmax(0,1fr); }
.color-admin-layout { display: grid; grid-template-columns: minmax(0,1fr) 420px; gap: 24px; align-items: start; }
.color-side-stack { display: grid; gap: 22px; }
.color-list-card,.color-form-card,.color-filter-card,.color-edit-card { overflow: hidden; }
.color-card-head { min-height: 68px; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid var(--line); }
.color-card-head h2,.color-form-card h2,.color-filter-card h2 { margin: 0; font-size: 18px; font-weight: 600; color: #2c3340; }
.color-search { max-width: 270px; border-radius: 22px; }
.color-table { min-width: 620px; }
.color-table th { height: 54px; background: white; color: #111827; font-size: 13px; white-space: nowrap; }
.color-table td { height: 58px; color: #202733; vertical-align: middle; }
.color-table th:first-child,.color-table td:first-child { width: 48px; color: #7d8794; }
.color-name-cell { font-weight: 500; }
.color-options-col { text-align: right; }
.color-actions { display: flex; justify-content: flex-end; gap: 8px; }
.color-actions .round-action { text-decoration: none; }
.color-form-grid { display: grid; gap: 16px; }
.color-field { display: grid; grid-template-columns: 130px minmax(0,1fr); gap: 15px; align-items: start; }
.color-field > span { padding-top: 11px; color: #3c4652; font-weight: 600; }
.color-form-actions { display: flex; justify-content: flex-end; }
.color-filter-body { min-height: 70px; display: grid; place-items: center; }
.color-edit-form { display: grid; gap: 14px; }
.color-edit-card { max-width: 920px; }
.color-edit-card .color-field { grid-template-columns: 210px minmax(0,1fr); }
.review-admin-card { overflow: hidden; }
.auto-review-card { margin-bottom: 18px; }
.auto-review-head { align-items: center; }
.auto-review-head h2,.auto-review-head p { margin: 0; }
.auto-review-head p { margin-top: 5px; color: #768294; font-size: 13px; }
.auto-review-switch { flex: 0 0 auto; }
.auto-review-form { padding: 22px; display: grid; grid-template-columns: 220px 240px minmax(360px,1fr); gap: 18px; align-items: start; }
.auto-review-comments-field { grid-column: 1 / 3; }
.auto-review-comments-field textarea { min-height: 154px; resize: vertical; }
.auto-review-comments-field small,.auto-review-image-toolbar small { color: #778395; }
.auto-review-images-field { grid-column: 3; grid-row: 1 / 3; }
.auto-review-image-toolbar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.auto-review-image-toolbar input { display: none; }
.auto-review-images { min-height: 116px; margin-top: 10px; display: grid; grid-template-columns: repeat(auto-fill,minmax(88px,1fr)); gap: 10px; }
.auto-review-image { height: 88px; position: relative; overflow: hidden; border: 1px solid #e2e7ee; border-radius: 6px; background: #f7f9fc; }
.auto-review-image img { width: 100%; height: 100%; object-fit: cover; }
.auto-review-image button { width: 24px; height: 24px; position: absolute; top: 5px; right: 5px; border: 0; border-radius: 50%; color: white; background: rgba(24,31,43,.72); font-size: 18px; line-height: 1; }
.auto-review-image-empty { grid-column: 1 / -1; min-height: 88px; display: grid; place-items: center; border: 1px dashed #cfd7e3; color: #8b96a6; background: #fafbfd; }
.auto-review-actions { grid-column: 1 / -1; display: flex; justify-content: flex-end; align-items: center; gap: 16px; border-top: 1px solid #edf0f4; padding-top: 18px; }
.auto-review-actions span { margin-right: auto; color: #778395; font-size: 13px; }
.review-card-head { min-height: 68px; }
.review-rating-filter { width: 220px; border-radius: 22px; }
.review-table { min-width: 1180px; }
.review-table th { height: 54px; background: white; color: #111827; font-size: 13px; white-space: nowrap; }
.review-table td { color: #202733; vertical-align: top; }
.review-table th:first-child,.review-table td:first-child { width: 58px; color: #7d8794; }
.review-product-cell { max-width: 310px; white-space: normal; line-height: 1.5; }
.review-product-link { color: #2c3340; }
.review-product-link:hover { color: var(--primary); }
.review-customer-cell { max-width: 260px; white-space: normal; overflow-wrap: anywhere; }
.review-comment-cell { min-width: 360px; max-width: 560px; white-space: pre-wrap; line-height: 1.55; color: #4f5b68; }
.review-image-list { min-width: 70px; display: flex; gap: 5px; flex-wrap: wrap; }
.review-image-list img { width: 46px; height: 46px; display: block; object-fit: cover; border-radius: 4px; border: 1px solid #e3e7ed; }
.review-publish-switch input:disabled + span { opacity: .55; cursor: wait; }
@media (max-width: 1100px) { .auto-review-form { grid-template-columns: 1fr 1fr; }.auto-review-images-field { grid-column: 1 / -1; grid-row: auto; }.auto-review-comments-field { grid-column: 1 / -1; } }
@media (max-width: 700px) { .auto-review-form { grid-template-columns: 1fr; }.auto-review-comments-field,.auto-review-images-field,.auto-review-actions { grid-column: 1; }.auto-review-actions { align-items: stretch; flex-direction: column; }.auto-review-actions span { margin: 0; } }
.order-admin-card { overflow: hidden; }
.order-card-head { min-height: 68px; padding: 0 24px; display: grid; grid-template-columns: minmax(160px,1fr) minmax(0,850px); gap: 18px; align-items: center; border-bottom: 1px solid var(--line); }
.order-card-head h2 { margin: 0; font-size: 18px; font-weight: 600; color: #2c3340; }
.order-created-banner { margin: 16px 20px 0; padding: 12px 15px; display: flex; align-items: center; gap: 11px; border: 1px solid #a9e5c7; border-radius: 6px; color: #216846; background: #effbf5; }
.order-created-banner .svg-icon { width: 24px; height: 24px; flex: 0 0 auto; stroke-width: 2.5; }
.order-created-banner div { display: grid; gap: 1px; }
.order-created-banner span { color: #5f7669; font-size: 12px; }
.order-created-row { background: #effbf5; box-shadow: inset 4px 0 #30b878; }
.order-created-row:hover { background: #e8f8f0; }
.seller-order-actions { align-items: center; flex-wrap: nowrap; }
.seller-order-action-btn { min-height: 34px; padding: 7px 11px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; border: 0; border-radius: 6px; color: white; font-weight: 700; white-space: nowrap; }
.seller-order-action-btn.pickup { background: #1ca66f; }
.seller-order-action-btn.ship { background: #168fb0; }
.seller-order-action-btn:hover { filter: brightness(.94); }
.seller-order-action-btn:disabled { opacity: .55; cursor: wait; }
.seller-order-action-btn .svg-icon { width: 16px; height: 16px; }
.seller-order-action-btn.wide { min-width: 118px; min-height: 40px; }
.seller-order-processed { padding: 6px 9px; border-radius: 5px; color: #617080; background: #eef1f5; font-size: 12px; white-space: nowrap; }
.seller-order-kpis { margin-bottom: 18px; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px; }
.seller-order-kpis > div { min-width: 0; padding: 16px 18px; border: 1px solid #e1e7ed; border-radius: 6px; background: #fff; }
.seller-order-kpis span { display: block; margin-bottom: 8px; color: #7b8795; font-size: 13px; }
.seller-order-kpis strong { display: block; overflow-wrap: anywhere; color: #172334; font-size: 22px; line-height: 1.15; }
.seller-pickup-modal { max-width: 480px; }
.seller-pickup-summary { display: grid; gap: 10px; margin-bottom: 16px; padding: 14px 16px; border: 1px solid #e1e7ed; border-radius: 6px; background: #f8fafc; }
.seller-pickup-summary p { margin: 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.seller-pickup-summary strong { color: #0c94b4; font-size: 20px; }
.seller-pickup-summary b { color: #1d6f50; }.seller-pickup-summary b.insufficient { color: #d7334b; }
.seller-pickup-warning { margin-bottom: 16px; padding: 11px 13px; border: 1px solid #f4c7cf; border-radius: 5px; color: #b9253b; background: #fff1f3; font-weight: 600; }
.seller-pickup-password-link { display: inline-flex; margin-top: -4px; color: #168fb0; font-size: 13px; font-weight: 600; }
.seller-order-mobile-list { display: none; }
.seller-order-mobile-card { overflow: hidden; border: 1px solid #e2e7ed; border-radius: 6px; background: white; }
.seller-order-mobile-head { min-width: 0; padding: 13px 14px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 8px; align-items: center; border-bottom: 1px solid #edf0f3; background: #f8fafc; }
.seller-order-mobile-head > span { color: #87919e; font-size: 12px; }
.seller-order-mobile-head > b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.seller-order-mobile-card dl { margin: 0; padding: 8px 14px; display: grid; }
.seller-order-mobile-card dl div { min-height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 1px dashed #e5e9ee; }
.seller-order-mobile-card dl div:last-child { border-bottom: 0; }
.seller-order-mobile-card dt { color: #75808e; }
.seller-order-mobile-card dd { margin: 0; color: #27323e; font-weight: 600; text-align: right; }
.seller-order-mobile-actions { padding: 10px 14px 14px; display: grid; grid-template-columns: 1fr 1.25fr; gap: 9px; }
.seller-order-mobile-actions .soft-btn,.seller-order-mobile-actions .seller-order-action-btn { width: 100%; min-width: 0; display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.order-detail-products { grid-column: 1 / -1; padding: 12px 14px; border: 1px solid #e1e7ed; border-radius: 6px; background: #f8fafc; }
.order-detail-products > b { display: block; margin-bottom: 8px; }
.order-detail-product-list { display: grid; gap: 10px; }
.order-detail-product { min-width: 0; padding: 10px 0; display: grid; grid-template-columns: 64px minmax(0,1fr) auto; gap: 12px; align-items: center; border-top: 1px solid #e3e8ed; }
.order-detail-product:first-child { border-top: 0; }
.order-detail-product-image { width: 64px; height: 64px; display: grid; place-items: center; overflow: hidden; border: 1px solid #e1e7ed; border-radius: 5px; background: #fff; }
.order-detail-product-image img { width: 100%; height: 100%; object-fit: cover; }
.order-detail-product-image .svg-icon { width: 28px; height: 28px; color: #93a0af; }
.order-detail-product h3 { margin: 0 0 5px; font-size: 14px; line-height: 1.35; }
.order-detail-product p { margin: 0; padding: 0; overflow: hidden; color: #738090; font-size: 12px; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.order-detail-product > strong { color: #172334; white-space: nowrap; }
.order-detail-address { grid-column: 1 / -1; }
.pickup-price { color: #128ca7; font-weight: 800; }
.order-filter-grid { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 10px; }
.order-filter-grid .input,.order-filter-grid .select { width: auto; min-width: 180px; height: 40px; border-radius: 21px; }
.fixed-order-filter .input { min-width: 230px; }
.order-table-wrap { padding: 0 24px 24px; }
.order-admin-table { min-width: 1180px; }
.order-admin-table th { height: 56px; background: white; color: #111827; font-size: 13px; }
.order-admin-table td { min-height: 64px; color: #202733; vertical-align: middle; }
.order-code { color: #202733; font-weight: 600; white-space: nowrap; }
.order-code b { margin-left: 5px; padding: 2px 7px; border-radius: 10px; color: #fff; background: #ff6f61; font-size: 10px; }
.order-seller-cell { display: grid; gap: 3px; min-width: 160px; }
.order-seller-cell small,.block-muted { display: block; color: #8a94a3; font-size: 12px; }
.order-actions { min-width: 114px; display: flex; justify-content: flex-end; gap: 8px; }
.order-detail-grid,.invoice-preview { display: grid; gap: 12px; }
.order-detail-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.order-detail-grid p,.invoice-preview p { margin: 0; padding: 10px 0; display: flex; justify-content: space-between; gap: 14px; border-bottom: 1px dashed var(--line); }
.order-detail-grid .field { margin-bottom: 0; }
.bulk-help { margin: 0 0 14px; color: var(--muted); }
.bulk-textarea { min-height: 260px; font-family: Consolas, "Courier New", monospace; }
.product-table-title { min-width: 250px; display: flex; align-items: center; gap: 12px; }
.product-table-title > span { flex: 0 0 52px; width: 52px; height: 52px; display: block; overflow: hidden; border-radius: 4px; background: #f5f6f8; }
.product-table-title img,.product-table-title .admin-generated-product { width: 100%; height: 100%; object-fit: cover; }
.product-table-title .admin-generated-product span { display: none; }
.product-table-title b { max-width: 320px; white-space: normal; color: #252b37; }
.color-cell { display: inline-flex; align-items: center; gap: 10px; }
.color-cell i { width: 24px; height: 24px; border: 1px solid #dce2ea; border-radius: 50%; box-shadow: inset 0 0 0 2px rgba(255,255,255,.45); }
.compact-select { width: auto; min-width: 105px; padding: 7px 10px; }
.summary-list { display: grid; gap: 12px; }.summary-row { display: flex; justify-content: space-between; border-bottom: 1px dashed var(--line); padding-bottom: 10px; }.summary-row.total { font-size: 18px; font-weight: 700; color: #158ca7; }
.conversation-workspace { display: grid; grid-template-columns: 340px minmax(0,1fr); gap: 18px; min-height: 660px; }
.conversation-sidebar,.conversation-panel { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: white; box-shadow: var(--shadow); }
.conversation-sidebar { display: grid; grid-template-rows: auto minmax(0,1fr); }
.conversation-sidebar-head { padding: 18px 20px; border-bottom: 1px solid var(--line); background: linear-gradient(180deg,#f9fdff,#f4f8fb); }
.conversation-sidebar-head h2 { margin: 0 0 4px; font-size: 18px; }.conversation-sidebar-head small { color: var(--muted); }
.conversation-list { display: grid; align-content: start; overflow-y: auto; }
.conversation-item { width: 100%; border: 0; padding: 16px 18px; display: grid; grid-template-columns: 48px minmax(0,1fr) auto; gap: 12px; align-items: center; background: white; text-align: left; border-bottom: 1px solid var(--line); }
.conversation-item:hover { background: #f8fbfd; }.conversation-item.active { background: linear-gradient(180deg,#edfafe,#ffffff); }
.conversation-avatar { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 12px; color: white; background: linear-gradient(135deg,#2eb8d0,#1d8ca3); font-weight: 700; }
.conversation-avatar img { width: 100%; height: 100%; border-radius: inherit; object-fit: cover; }
.conversation-avatar.compact { flex: 0 0 36px; width: 36px; height: 36px; border-radius: 8px; font-size: 12px; }
.conversation-copy { min-width: 0; display: grid; gap: 4px; }.conversation-copy strong { font-size: 14px; }.conversation-copy div,.conversation-copy small { color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.conversation-meta { min-width: 82px; display: grid; justify-items: end; gap: 8px; color: var(--muted); font-size: 11px; }
.conversation-panel { display: grid; grid-template-rows: auto minmax(0,1fr) auto; }
.conversation-panel-head { padding: 20px 24px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid var(--line); background: linear-gradient(180deg,#fdfefe,#f7fafc); }
.conversation-panel-buyer { min-width: 0; display: flex; align-items: center; gap: 12px; }.conversation-panel-buyer > div:last-child { min-width: 0; }
.conversation-panel-head h2 { margin: 0 0 5px; font-size: 20px; }.conversation-panel-head small { color: var(--muted); }
.conversation-product-preview { max-width: 260px; min-width: 0; margin-left: 6px; padding: 5px 8px 5px 5px; display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 8px; align-items: center; border: 1px solid #d9e7ed; border-radius: 7px; color: #253242; background: #f8fcfd; }.conversation-product-preview:hover { border-color: #83cbd9; background: #f0fbfd; }.conversation-product-preview img { width: 38px; height: 38px; object-fit: cover; border-radius: 4px; background: #edf2f5; }.conversation-product-preview span { min-width: 0; display: grid; gap: 2px; }.conversation-product-preview small { color: #758394; font-size: 10px; }.conversation-product-preview b { overflow: hidden; color: #273444; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.conversation-panel-status { display: grid; justify-items: end; gap: 8px; }
.conversation-thread { min-height: 0; max-height: 406px; overflow-y: auto; padding: 22px; display: grid; gap: 14px; background: linear-gradient(180deg,#f7fbfd,#f5f6f8); }
.conversation-message { display: flex; align-items: flex-end; gap: 9px; }.conversation-message.staff { justify-content: flex-end; }
.conversation-bubble { max-width: min(76%, 560px); padding: 14px 16px; border: 1px solid var(--line); border-radius: 18px; background: white; box-shadow: 0 8px 18px rgba(31,45,61,.06); }
.conversation-message.staff .conversation-bubble { color: white; background: linear-gradient(135deg,var(--primary),var(--primary-dark)); border-color: transparent; }
.conversation-bubble strong { display: block; margin-bottom: 6px; font-size: 12px; }.conversation-bubble p { margin: 0; white-space: pre-wrap; word-break: break-word; }.conversation-bubble small { display: block; margin-top: 8px; font-size: 11px; opacity: .78; }
.conversation-form { padding: 18px 22px 22px; border-top: 1px solid var(--line); background: white; }
.conversation-form .field { margin-bottom: 12px; }.conversation-form .field > span { font-weight: 600; color: #3c4652; }
.conversation-form-actions { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.conversation-form-tip { color: var(--muted); font-size: 12px; }
.marketing-titlebar { margin-bottom: 22px; display: flex; justify-content: flex-start; }
.marketing-card,.marketing-send-card,.flash-form-card,.flash-products-card { overflow: hidden; }
.marketing-card-head { min-height: 68px; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid var(--line); }
.marketing-card-head h2,.marketing-send-card h2,.flash-form-card h2,.flash-products-card h2 { margin: 0; color: #2c3340; font-size: 18px; font-weight: 600; }
.marketing-search { width: 290px; max-width: 40vw; border-radius: 22px; }
.marketing-table-wrap { padding: 0 24px 24px; }
.marketing-admin-table { width: 100%; min-width: 960px; border-collapse: collapse; }
.marketing-admin-table th { height: 56px; color: #111827; background: white; font-size: 13px; font-weight: 700; white-space: nowrap; }
.marketing-admin-table td { min-height: 66px; color: #202733; vertical-align: middle; }
.marketing-admin-table th:first-child,.marketing-admin-table td:first-child { width: 54px; color: #7d8794; }
.marketing-options-col { text-align: right; }
.flash-title-cell { min-width: 230px; display: grid; gap: 4px; }
.flash-title-cell small { color: #8a94a3; font-size: 12px; }
.flash-banner-thumb,.flash-banner-empty { width: 86px; height: 46px; display: inline-grid; place-items: center; object-fit: cover; border-radius: 4px; background: #f2f4f7; border: 1px solid #e5eaf0; color: #a1aab6; }
.flash-banner-empty .svg-icon { width: 20px; height: 20px; }
.tiny-soft-btn { min-height: 30px; padding: 0 12px; border-radius: 15px; font-size: 12px; }
.flash-form { display: grid; gap: 22px; }
.flash-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px 22px; }
.flash-product-picker { display: flex; align-items: center; gap: 10px; }
.flash-product-picker .select { min-width: 280px; height: 40px; border-radius: 20px; }
.flash-products-table { min-width: 780px; }
.compact-input { width: 110px; height: 36px; padding: 7px 10px; }
.marketing-send-form { max-width: 980px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 24px; }
.marketing-field-wide { grid-column: 1 / -1; }
.marketing-multi-select { min-height: 210px; padding: 10px; border-radius: 8px; }
.marketing-editor-toolbar { min-height: 42px; padding: 7px 9px; display: flex; align-items: center; gap: 6px; border: 1px solid var(--line); border-bottom: 0; border-radius: 8px 8px 0 0; background: #f8fafc; }
.marketing-editor-toolbar button { min-width: 34px; height: 28px; border: 1px solid #dce3ec; border-radius: 4px; color: #475467; background: white; }
.marketing-editor { min-height: 185px; border-radius: 0 0 8px 8px; }
.marketing-form-actions { grid-column: 1 / -1; justify-content: flex-end; }
.support-card,.product-query-card,.support-detail-card,.support-reply-card,.sms-template-card,.otp-credential-card,.otp-provider-card { overflow: hidden; }
.support-card-head .toolbar { margin-left: auto; }
.support-search { min-width: 310px; border-radius: 22px; }
.support-table-wrap { padding: 0 24px 24px; }
.support-admin-table { min-width: 980px; }
.support-admin-table th { height: 56px; color: #111827; background: white; font-size: 13px; }
.support-admin-table td { height: 64px; color: #202733; vertical-align: middle; }
.support-wrap-cell { max-width: 300px; white-space: normal; line-height: 1.5; }
.support-ticket-summary h2 { margin: 0 0 6px; font-size: 18px; }
.support-ticket-summary p { margin: 0; color: var(--muted); }
.support-summary-meta { display: flex; align-items: center; gap: 12px; color: var(--muted); }
.support-ticket-actions { display: grid; grid-template-columns: minmax(260px,1fr) 220px auto; gap: 18px; align-items: end; }
.support-ticket-actions .field { margin-bottom: 0; }
.support-file-row { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 10px; align-items: center; }
.support-thread { display: grid; gap: 14px; background: linear-gradient(180deg,#fbfcfe,#f6f8fb); }
.support-message { padding: 16px 18px; border: 1px solid var(--line); border-radius: 12px; background: white; }
.support-message.staff { border-color: #d7f1f6; background: #f5fcfe; }
.support-message-head { display: flex; justify-content: space-between; gap: 16px; color: #273140; }
.support-message-head span { color: var(--muted); font-size: 12px; }
.support-message p { margin: 10px 0 0; color: #4b5563; white-space: pre-wrap; }
.support-attachment { margin-top: 10px; display: inline-flex; align-items: center; gap: 7px; color: #158ca7; font-size: 12px; }
.support-attachment .svg-icon { width: 15px; height: 15px; }
.support-reply-form { display: grid; gap: 14px; }
.support-console { min-height: 600px; height: calc(100vh - 168px); display: grid; grid-template-columns: 286px minmax(420px,1fr) 286px; overflow: hidden; border: 1px solid #dfe5ed; border-radius: 6px; background: #fff; box-shadow: 0 8px 28px rgba(30,42,62,.06); }
.support-console-sessions,.support-console-inspector { min-width: 0; background: #fff; }
.support-console-sessions { display: flex; flex-direction: column; border-right: 1px solid #e5e9ef; }
.support-console-title { min-height: 62px; padding: 0 15px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #edf0f4; }
.support-console-title > div { display: flex; align-items: center; gap: 9px; }
.support-console-title strong { color: #172033; font-size: 17px; }
.support-online-dot { width: 9px; height: 9px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 4px #dcfce7; }
.support-icon-button { width: 36px; height: 36px; padding: 0; display: inline-grid; place-items: center; border: 1px solid #dfe5ed; border-radius: 5px; color: #526176; background: #fff; cursor: pointer; }
.support-icon-button:hover { color: #119db9; border-color: #9edce7; background: #f1fbfd; }
.support-icon-button .svg-icon { width: 18px; height: 18px; }
.support-session-search { margin: 13px 14px 8px; padding: 0 10px; min-height: 40px; display: flex; align-items: center; gap: 8px; border: 1px solid #dfe5ed; border-radius: 5px; background: #f8fafc; }
.support-session-search .svg-icon { width: 17px; height: 17px; color: #8994a6; }
.support-session-search input { min-width: 0; width: 100%; border: 0; outline: 0; background: transparent; color: #293245; }
.support-session-tabs { padding: 0 14px 10px; display: grid; grid-template-columns: repeat(3,1fr); gap: 5px; border-bottom: 1px solid #edf0f4; }
.support-session-tabs button { height: 31px; border: 0; border-radius: 4px; color: #6b7586; background: transparent; cursor: pointer; font-size: 12px; }
.support-session-tabs button.active { color: #087f98; background: #e8f8fb; font-weight: 700; }
.support-session-list { min-height: 0; flex: 1; overflow-y: auto; }
.support-session-item { position: relative; width: 100%; min-height: 84px; padding: 12px 14px; display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 10px; border: 0; border-bottom: 1px solid #edf0f4; text-align: left; background: #fff; cursor: pointer; }
.support-session-item:hover { background: #f8fbfd; }
.support-session-item.active { background: #edf9fc; box-shadow: inset 3px 0 #1caac3; }
.support-session-avatar { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #20a8c1; font-weight: 700; }
.support-session-copy { min-width: 0; display: grid; gap: 3px; }
.support-session-copy > span { min-width: 0; display: flex; justify-content: space-between; gap: 8px; }
.support-session-copy strong,.support-session-copy b,.support-session-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.support-session-copy strong { color: #1d2737; font-size: 13px; }
.support-session-copy time { color: #9aa3b2; font-size: 10px; white-space: nowrap; }
.support-session-copy b { color: #445065; font-size: 12px; font-weight: 600; }
.support-session-copy small { color: #8993a3; font-size: 11px; }
.support-session-item > i { position: absolute; right: 11px; bottom: 10px; width: 7px; height: 7px; border-radius: 50%; background: #f59e0b; }
.support-session-item > i.done { background: #22c55e; }
.support-console-chat { min-width: 0; display: flex; flex-direction: column; background: #f5f7fa; }
.support-chat-head { min-height: 62px; padding: 0 18px; display: flex; align-items: center; gap: 11px; border-bottom: 1px solid #e4e9ef; background: #fff; }
.support-chat-head > div:nth-child(2) { min-width: 0; display: grid; gap: 3px; }
.support-chat-head strong { color: #172033; }
.support-chat-head span { color: #7a8495; font-size: 11px; }
.support-chat-head span i { width: 7px; height: 7px; margin-right: 4px; display: inline-block; border-radius: 50%; background: #22c55e; }
.support-chat-code { margin-left: auto; padding: 5px 8px; border-radius: 4px; color: #687386; background: #f1f4f8; font-style: normal; white-space: nowrap; }
.support-chat-messages { min-height: 0; flex: 1; padding: 22px 24px; overflow-y: auto; }
.support-chat-day { width: max-content; margin: 0 auto 20px; padding: 4px 9px; border-radius: 4px; color: #8b94a2; background: #e9edf2; font-size: 10px; }
.support-chat-message { margin-bottom: 16px; display: flex; flex-direction: column; align-items: flex-start; }
.support-chat-message.staff { align-items: flex-end; }
.support-chat-bubble { max-width: min(78%,680px); padding: 11px 13px; border: 1px solid #dde3eb; border-radius: 6px; color: #344054; background: #fff; box-shadow: 0 2px 5px rgba(35,48,68,.04); }
.support-chat-message.staff .support-chat-bubble { color: #fff; border-color: #168ead; background: #168ead; }
.support-chat-bubble p { margin: 0; line-height: 1.65; word-break: break-word; }
.support-chat-meta { margin-top: 5px; display: flex; gap: 8px; color: #98a1af; font-size: 10px; }
.support-chat-meta strong { color: #667085; font-weight: 600; }
.support-chat-image { margin-top: 8px; display: block; }
.support-chat-image img { display: block; max-width: 260px; max-height: 260px; border-radius: 4px; object-fit: contain; background: #fff; }
.support-chat-file { margin-top: 7px; display: inline-flex; align-items: center; gap: 6px; font-size: 11px; }
.support-chat-file .svg-icon { width: 15px; height: 15px; }
.support-chat-composer { padding: 10px 14px 14px; border-top: 1px solid #e2e7ed; background: #fff; }
.support-composer-row { display: grid; grid-template-columns: 36px minmax(0,1fr) auto; align-items: end; gap: 9px; }
.support-composer-row textarea { min-height: 42px; max-height: 110px; padding: 10px 12px; resize: vertical; border: 1px solid #dce2ea; border-radius: 5px; outline: 0; color: #273140; font: inherit; }
.support-composer-row textarea:focus { border-color: #28aec6; box-shadow: 0 0 0 3px rgba(40,174,198,.11); }
.support-send-button { height: 42px; padding: 0 17px; display: flex; align-items: center; gap: 7px; border: 0; border-radius: 5px; color: #fff; background: #149fba; cursor: pointer; font-weight: 700; }
.support-send-button:disabled { opacity: .55; cursor: wait; }
.support-send-button .svg-icon { width: 17px; height: 17px; }
.support-upload-preview { margin-bottom: 9px; min-height: 48px; padding: 6px 9px; display: flex; align-items: center; gap: 8px; border: 1px solid #dce5ec; border-radius: 5px; background: #f8fafc; color: #697386; font-size: 12px; }
.support-upload-preview img { width: 42px; height: 42px; border-radius: 4px; object-fit: cover; }
.support-upload-preview span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.support-upload-preview button { margin-left: auto; width: 28px; height: 28px; padding: 0; border: 0; color: #7c8798; background: transparent; cursor: pointer; }
.support-upload-preview .svg-icon { width: 16px; height: 16px; }
.support-console-inspector { overflow-y: auto; border-left: 1px solid #e5e9ef; }
.support-inspector-section { padding: 18px; border-bottom: 1px solid #edf0f4; }
.support-inspector-section h3 { margin: 0 0 13px; color: #273140; font-size: 14px; }
.support-quick-replies { display: grid; gap: 7px; }
.support-quick-replies button { padding: 8px 9px; border: 1px solid #e0e5ec; border-radius: 4px; color: #5d6879; background: #f9fafc; cursor: pointer; text-align: left; font-size: 11px; line-height: 1.45; }
.support-quick-replies button:hover { color: #087f98; border-color: #addde5; background: #effafc; }
.support-visitor-info { margin: 0; display: grid; gap: 10px; }
.support-visitor-info div { display: grid; gap: 3px; }
.support-visitor-info dt { color: #9099a8; font-size: 10px; }
.support-visitor-info dd { margin: 0; color: #3c4657; font-size: 12px; line-height: 1.45; word-break: break-word; }
.support-status-form { display: grid; gap: 9px; }
.support-status-form h3 { margin-bottom: 2px; }
.support-status-form .primary-btn { min-height: 39px; }
.support-console-placeholder { min-height: 100%; display: grid; place-content: center; justify-items: center; gap: 10px; color: #8a95a7; text-align: center; }
.support-console-placeholder .svg-icon { width: 42px; height: 42px; color: #bdc6d3; }
.support-console-placeholder strong { color: #4d5869; }
.support-console-placeholder.compact { min-height: 260px; padding: 25px; }
.support-console-placeholder.compact .svg-icon { width: 32px; height: 32px; }
.support-console-loading,.support-console-empty { padding: 30px 16px; color: #8a95a6; text-align: center; font-size: 12px; }
@media (max-width: 1220px) {
  .support-console { grid-template-columns: 250px minmax(0,1fr); }
  .support-console-inspector { display: none; }
}
@media (max-width: 760px) {
  .support-console { height: auto; min-height: 720px; grid-template-columns: 1fr; grid-template-rows: 250px 560px; }
  .support-console-sessions { border-right: 0; border-bottom: 1px solid #e5e9ef; }
  .support-chat-head { padding: 0 12px; }
  .support-chat-code { display: none; }
  .support-chat-messages { padding: 18px 13px; }
  .support-chat-bubble { max-width: 88%; }
  .support-send-button span { display: none; }
  .support-send-button { width: 42px; padding: 0; justify-content: center; }
}
.otp-provider-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.otp-provider-card .card-body { min-height: 76px; display: grid; place-items: center; }
.settings-page { display: grid; gap: 20px; }
.settings-card { overflow: hidden; }
.settings-narrow-card { max-width: 980px; }
.settings-card h3 { margin: 0 0 12px; color: #2c3340; font-size: 15px; font-weight: 700; }
.settings-label { display: block; margin-bottom: 10px; color: #3c4652; font-weight: 700; }
.settings-tabs { margin: 0 0 18px; padding: 12px 14px; display: flex; flex-wrap: wrap; gap: 8px; border: 1px solid var(--line); border-radius: 5px; background: white; }
.settings-tabs span { padding: 7px 11px; border-radius: 4px; color: #667085; background: #f5f7fb; font-size: 12px; }
.settings-tabs .active { color: white; background: var(--primary); }
.settings-switch-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.settings-switch-row { min-height: 48px; padding: 11px 13px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border: 1px solid var(--line); border-radius: 6px; background: #fbfcfe; color: #3c4652; font-weight: 700; }
.settings-switch-row small { display: block; margin-top: 3px; color: var(--muted); font-weight: 500; }
.settings-link-list { display: grid; gap: 10px; margin-bottom: 10px; }
.settings-link-row { display: grid; grid-template-columns: minmax(160px,240px) minmax(220px,1fr) auto; gap: 10px; align-items: center; }
.settings-table-card { overflow: hidden; }
.settings-table-wrap { padding: 0 24px 24px; }
.settings-table-wrap table { min-width: 820px; }
.settings-table-wrap th { height: 54px; background: white; color: #111827; font-size: 13px; }
.settings-table-wrap td { min-height: 58px; color: #202733; vertical-align: middle; }
.settings-two-col { display: grid; grid-template-columns: minmax(0,1fr) minmax(360px,.8fr); gap: 22px; align-items: start; }
.settings-note { color: #596472; line-height: 1.8; }
.settings-note h3 { margin-top: 0; color: #2c3340; }
.settings-note-text { margin: 0; color: var(--muted); line-height: 1.7; }
.activation-page { display: grid; gap: 22px; }
.settings-section > h2 { margin: 0 0 14px; color: #5f6b7a; font-size: 18px; font-weight: 700; }
.activation-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.activation-card { margin-bottom: 0; }
.activation-card .card-body { min-height: 78px; display: grid; place-items: center; gap: 10px; text-align: center; }
.activation-card p { margin: 0; color: var(--muted); font-size: 12px; }
.settings-floating-actions { display: flex; justify-content: flex-end; gap: 10px; }
.payment-settings-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.payment-method-card { margin-bottom: 0; }
.payment-method-card .card-head .settings-switch-row { min-width: 160px; min-height: 38px; padding: 6px 9px; border: 0; background: transparent; }
.shipping-options { display: grid; gap: 12px; }
.shipping-option { min-height: 48px; padding: 12px 14px; display: flex; align-items: center; gap: 12px; border: 1px solid var(--line); border-radius: 6px; background: #fbfcfe; color: #3c4652; font-weight: 700; }
.shipping-option input { width: 17px; height: 17px; accent-color: var(--primary); }
.text-primary { color: var(--primary); font-weight: 700; }
.sms-template-layout { display: grid; grid-template-columns: 250px minmax(0,1fr); min-height: 520px; }
.sms-template-tabs { padding: 18px; display: grid; align-content: start; gap: 8px; border-right: 1px solid var(--line); background: #fafbfc; }
.sms-template-tabs button { min-height: 42px; border: 0; border-radius: 6px; padding: 0 14px; color: #596472; background: transparent; text-align: left; }
.sms-template-tabs button.active,.sms-template-tabs button:hover { color: #fff; background: var(--primary); }
.sms-template-form { padding: 24px; display: grid; align-content: start; gap: 16px; }
.sms-template-form h2 { margin: 0 0 8px; font-size: 18px; }
.sms-template-body { min-height: 190px; }
.sms-template-note { margin: -4px 0 4px; color: #8a94a3; font-size: 12px; }
.otp-credentials-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; align-items: start; }
.otp-credential-body { display: grid; gap: 16px; }
.otp-credential-body .field { margin-bottom: 0; }
.otp-credential-body .form-actions { justify-content: flex-end; }
.admin-content-card,.admin-config-card { overflow: hidden; }
.admin-content-table { padding: 0 24px 24px; }
.admin-content-table table { min-width: 900px; }
.admin-content-table th { height: 56px; background: #fff; color: #111827; font-size: 13px; }
.admin-content-table td { min-height: 64px; color: #202733; vertical-align: middle; }
.content-title-cell { display: grid; gap: 4px; min-width: 190px; }
.content-title-cell b { color: #202733; }
.content-title-cell small,.content-summary { color: var(--muted); font-size: 12px; line-height: 1.55; }
.content-summary { max-width: 420px; display: inline-block; }
.permission-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.admin-config-page { max-width: 1120px; margin: 0 auto; }
.admin-config-card .card-body { align-items: end; }
.addon-grid-page { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; }
.addon-card { overflow: hidden; }
.addon-image { height: 130px; display: grid; place-items: center; background: #f6f8fb; border-bottom: 1px solid var(--line); }
.addon-image img { max-width: 86px; max-height: 86px; object-fit: contain; }
.addon-image span { width: 54px; height: 54px; display: grid; place-items: center; color: #94a3b8; }
.addon-image .svg-icon { width: 36px; height: 36px; }
.addon-body { padding: 20px; display: grid; gap: 10px; }
.addon-body h2 { margin: 0; font-size: 18px; }
.addon-body p { margin: 0; color: var(--muted); line-height: 1.5; word-break: break-word; }
.addon-actions { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.soft-btn.danger { color: #e43e69; }
.upload-file-card,.notification-card,.clear-cache-card,.server-status-card { overflow: hidden; }
.upload-toolbar { padding: 18px 24px; display: grid; grid-template-columns: 210px minmax(260px,1fr) auto; gap: 12px; border-bottom: 1px solid var(--line); }
.uploaded-file-grid { padding: 24px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.uploaded-file-card { padding: 14px; display: grid; gap: 9px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
.uploaded-thumb { height: 118px; display: grid; place-items: center; overflow: hidden; border-radius: 6px; background: #f3f5f8; color: #8792a1; font-weight: 800; }
.uploaded-thumb img { width: 100%; height: 100%; object-fit: cover; }
.uploaded-thumb .svg-icon { width: 32px; height: 32px; }
.uploaded-file-card h3 { margin: 0; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.uploaded-file-card p,.uploaded-file-card small { margin: 0; color: var(--muted); font-size: 12px; }
.notification-summary { padding: 16px 0; color: #5f6b7a; }
.clear-cache-body { display: grid; gap: 18px; justify-items: start; }
.cache-status-box { padding: 16px 18px; display: grid; gap: 6px; min-width: 360px; border: 1px solid var(--line); border-radius: 8px; background: #fbfcfe; color: #5f6b7a; }
.cache-status-box b { color: #2c3340; }
.big-cache-btn { min-height: 46px; padding: 0 24px; }
.server-status-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.server-status-card table { min-width: 520px; }
.empty { padding: 55px 20px; color: var(--muted); text-align: center; }
.market-page { min-height: 100vh; padding: 40px; background: #f6f7f9; }.market-page .gateway-card { margin: auto; }
.toast { position: fixed; right: 24px; bottom: 24px; z-index: 100; max-width: 360px; padding: 12px 17px; border-radius: 8px; color: white; background: #263442; box-shadow: var(--shadow); opacity: 0; transform: translateY(12px); pointer-events: none; transition: .25s; }.toast.show { opacity: 1; transform: translateY(0); }.toast.error { background: var(--danger); }
.mobile-only { display: none; }
.mobile-bottom-nav { display: none; }
.mobile-nav-svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.app-loading-state { min-height: 100vh; padding: 30px; display: grid; place-content: center; justify-items: center; gap: 12px; color: #263442; background: #f5f7fa; text-align: center; }
.app-loading-state strong { font-size: 18px; }
.app-loading-state small { color: #7d8794; }
.app-loading-spinner { width: 38px; height: 38px; border: 3px solid #dbe8ee; border-top-color: #23b5d3; border-radius: 50%; animation: app-loading-spin .75s linear infinite; }
.app-loading-failed .primary-btn { margin-top: 8px; }
@keyframes app-loading-spin { to { transform: rotate(360deg); } }

@media (max-width: 980px) {
  .auth-page { grid-template-columns: 1fr; }.auth-art { display: none; }
  .stats { grid-template-columns: repeat(2,1fr); }.pos-layout { grid-template-columns: 1fr; }.product-grid { grid-template-columns: repeat(2,1fr); }.conversation-workspace { grid-template-columns: 1fr; }.conversation-thread { max-height: none; min-height: 320px; }
  .seller-upgrade-promo { grid-template-columns: 1fr; }
  .seller-upgrade-package-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .app-shell { grid-template-columns: 1fr; }.main-area { grid-column: 1; }.sidebar { transform: translateX(-100%); box-shadow: var(--shadow); }.app-shell.sidebar-open .sidebar { transform: translateX(0); }.mobile-only { display: grid; }
  .app-shell.sidebar-open .sidebar-dismiss { position: fixed; inset: 0 0 0 264px; z-index: 21; display: block; border: 0; padding: 0; background: rgba(20,28,40,.18); cursor: pointer; }
  .page { padding: 17px; }.gateway-card { padding: 42px 22px; }.gateway-actions { grid-template-columns: 1fr; }.stats { grid-template-columns: 1fr 1fr; }.product-grid { grid-template-columns: 1fr; }.user-chip span { display: none; }.conversation-panel-head,.conversation-form { padding-left: 16px; padding-right: 16px; }.conversation-item { grid-template-columns: 44px minmax(0,1fr); }.conversation-meta { grid-column: 2; justify-items: start; }
  .modal-backdrop { padding: 10px; place-items: stretch center; }
  .modal { max-height: calc(100vh - 20px); border-radius: 12px; }
  .modal-head { padding: 18px 18px 8px; }
  .modal-body { padding: 14px 18px; }
  .modal-actions { padding: 12px 18px 16px; }
  .form-grid { grid-template-columns: 1fr; }
  .product-field-grid,.product-field-grid .field,.product-field-wide { grid-template-columns: 1fr; }
  .product-media-field > span,.product-price-result > span { padding-top: 0; }
  .product-image-preview { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-upload-button { width: 100%; justify-content: center; }
  .pos-virtual-customer-picker { grid-template-columns: 1fr; }
}
@media (max-width: 460px) { .stats { grid-template-columns: 1fr; }.auth-panel { padding: 28px 22px; }.seller-upgrade-promo { padding: 18px; }.seller-upgrade-levels,.seller-upgrade-package-grid { grid-template-columns: 1fr; }.seller-upgrade-tier { grid-template-columns: 54px minmax(0,1fr); }.seller-upgrade-tier-icon { width: 54px; height: 54px; }.seller-upgrade-hero-copy h2 { font-size: 31px; }.seller-upgrade-hero-copy p { font-size: 22px; } }
@media (max-width: 920px) {
  .shop-shell, .seller-login-page { padding-bottom: 82px; }
  .mobile-bottom-nav { position: fixed; left: 0; right: 0; bottom: 0; z-index: 150; height: 68px; padding: 6px 12px 5px; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); align-items: end; background: #fff; border-top: 1px solid #e8ebf0; box-shadow: 0 -10px 24px rgba(19,27,43,.1); }
  .mobile-nav-link { min-width: 0; height: 54px; display: grid; align-content: center; justify-items: center; gap: 4px; color: #8b929d; text-decoration: none; line-height: 1; }
  .mobile-nav-link small { max-width: 100%; overflow: hidden; color: currentColor; font-size: 11px; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
  .mobile-nav-link.active { color: #7b20ee; }
  .mobile-nav-cart { transform: translateY(-15px); }
  .mobile-nav-cart small { margin-top: 1px; color: #4b5563; }
  .mobile-cart-button { position: relative; width: 58px; height: 58px; display: grid; place-items: center; border: 4px solid #fff; border-radius: 50%; color: #fff; background: #7b20ee; box-shadow: 0 9px 22px rgba(123,32,238,.36); }
  .mobile-cart-button b { position: absolute; top: 5px; right: 7px; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 9px; color: #7b20ee; background: #fff; font-size: 9px; line-height: 16px; text-align: center; }
  .mobile-cart-bag { position: relative; width: 22px; height: 22px; margin-top: 6px; border: 2px solid currentColor; border-radius: 3px; box-sizing: border-box; }
  .mobile-cart-bag::before { content: ""; position: absolute; left: 50%; top: -10px; width: 12px; height: 10px; border: 2px solid currentColor; border-bottom: 0; border-radius: 10px 10px 0 0; transform: translateX(-50%); box-sizing: border-box; }
  .toast { bottom: 92px; }
}

/* Buyer marketplace */
.shop-shell { min-height: 100vh; overflow-x: clip; background: #f4f5f8; color: #25232d; font-family: "Open Sans", "Noto Sans SC", sans-serif; }
.membership-strip { min-height: 68px; padding: 0 max(24px, calc((100vw - 1120px) / 2)); display: flex; align-items: center; justify-content: center; gap: 52px; color: white; background: linear-gradient(100deg,#275ee8,#6f20e6 45%,#d61a72); }
.membership-strip span { display: grid; grid-template-columns: 36px auto; column-gap: 10px; align-items: center; }
.membership-strip span > b { font-size: 20px; line-height: 1.1; }.membership-strip span > small { grid-column: 2; font-size: 12px; line-height: 1.2; opacity: .95; }
.shop-tier-icon { grid-row: span 2; width: 34px; height: 34px; display: grid; place-items: center; border: 3px solid rgba(255,255,255,.94); border-radius: 50%; color: #fff; font-style: normal; font-size: 18px; font-weight: 800; line-height: 1; }
.membership-strip strong { min-width: 190px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border: 2px solid rgba(255,255,255,.75); border-radius: 24px; padding: 0 28px; font-size: 18px; }
.shop-utility { height: 38px; padding: 0 max(24px, calc((100vw - 1120px) / 2)); display: flex; align-items: center; gap: 18px; color: #77727f; background: white; border-bottom: 1px solid #eee; font-size: 12px; }
.shop-utility > span { display: inline-flex; align-items: center; gap: 4px; line-height: 1; }.shop-utility img { width: 16px; height: 11px; object-fit: cover; margin-right: 2px; }.shop-utility .shop-caret { width: 7px; height: 7px; margin-top: 1px; display: inline-block; border-right: 1px solid #6f7380; border-bottom: 1px solid #6f7380; transform: rotate(45deg); }
.utility-spacer { flex: 1; }
.shop-header { min-height: 150px; padding: 32px max(24px, calc((100vw - 1120px) / 2)); display: grid; grid-template-columns: 210px 1fr 260px; gap: 34px; align-items: center; background: white; }
.shop-logo img { width: 118px; height: 58px; object-fit: contain; }
.shop-search { display: flex; height: 44px; border: 1px solid #e5e2e9; border-radius: 23px; overflow: visible; background: white; }
.shop-search input { flex: 1; min-width: 0; border: 0; outline: 0; padding: 0 18px; color: #444; }
.shop-search button { width: 52px; border: 0; color: white; background: #711df0; font-size: 25px; }
.shop-tools { display: flex; justify-content: flex-end; gap: 20px; }
.shop-tools a { display: flex; align-items: center; gap: 6px; color: #5f5968; }
.shop-tools a > i { flex: 0 0 28px; width: 28px; height: 32px; display: inline-flex; align-items: center; justify-content: center; color: #6e1fed; font-style: normal; line-height: 1; }
.shop-tools .la-2x { font-size: 25px; }.shop-tools .opacity-80 { opacity: .8; }
.shop-tools .shop-tool-copy { display: grid; align-content: center; gap: 2px; }
.shop-tools .shop-tool-badge { width: fit-content; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; color: white; background: #7a20ef; text-align: center; font-size: 10px; line-height: 18px; }
.shop-tools small { font-size: 11px; }
.shop-tools .la-refresh::before { content: "↻"; }
.shop-tools .la-heart-o::before { content: "♡"; }
.shop-tools .la-shopping-bag { position: relative; }
.shop-tools .la-shopping-bag::before { content: ""; width: 20px; height: 20px; margin-top: 6px; border: 2px solid currentColor; border-radius: 2px; box-sizing: border-box; }
.shop-tools .la-shopping-bag::after { content: ""; position: absolute; top: 3px; left: 50%; width: 10px; height: 8px; border: 2px solid currentColor; border-bottom: 0; border-radius: 10px 10px 0 0; transform: translateX(-50%); box-sizing: border-box; }
.shop-nav { height: 49px; display: flex; align-items: center; justify-content: center; gap: 42px; background: white; border-top: 1px solid #f3f1f5; border-bottom: 1px solid #e8e5eb; }
.shop-nav a { color: #514b58; font-size: 13px; }.shop-nav a:hover { color: #711df0; }
.shop-main { width: min(1120px, calc(100% - 30px)); min-height: 520px; margin: 0 auto; padding: 16px 0 50px; }
.market-hero-layout { display: grid; grid-template-columns: 260px 1fr; gap: 18px; }
.market-category-menu { background: white; box-shadow: 0 2px 8px rgba(45,35,65,.05); }
.market-section-title { height: 56px; padding: 0 17px; display: flex; align-items: center; justify-content: space-between; color: white; background: linear-gradient(110deg,#7220f1,#8119ff); }
.market-section-title b { font-size: 16px; }.market-section-title a { font-size: 11px; }
.market-category-menu > a { min-height: 38px; padding: 8px 15px; display: flex; align-items: center; gap: 11px; color: #544d59; border-bottom: 1px solid #f3f1f5; font-size: 12px; }
.market-category-menu > a:hover { color: #711df0; background: #faf8ff; }.market-category-menu > a span { width: 20px; color: #877b90; }.market-category-menu > a small { margin-left: auto; color: #aaa2ae; }
.market-hero { min-height: 316px; position: relative; overflow: hidden; background: white; }
.market-hero > img { width: 100%; height: 316px; object-fit: cover; }
.market-hero-dots { position: absolute; bottom: 14px; left: 50%; display: flex; gap: 7px; transform: translateX(-50%); }.market-hero-dots i { width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,.8); }.market-hero-dots i:first-child { background: #7220f1; }
.market-category-rail { margin: 18px 0; padding: 16px; display: grid; grid-template-columns: repeat(7,1fr); gap: 12px; background: white; }
.market-category-rail a { display: grid; gap: 8px; justify-items: center; color: #544d59; font-size: 11px; text-align: center; }.market-category-rail img { width: 58px; height: 58px; padding: 7px; object-fit: contain; border-radius: 50%; background: #f8f5ff; }
.market-product-section, .market-seller-section, .market-description { margin-top: 20px; padding: 22px; background: white; }
.market-heading { margin-bottom: 18px; display: flex; align-items: flex-end; justify-content: space-between; }
.market-heading span { color: #df296e; font-size: 11px; font-weight: 700; text-transform: uppercase; }.market-heading h2 { margin: 3px 0 0; font-size: 21px; }.market-heading > a { color: #7220f1; font-size: 12px; }
.market-product-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 15px; }
.market-card { min-width: 0; position: relative; border: 1px solid #eeeaf2; background: white; transition: transform .2s, box-shadow .2s; }.market-card:hover { transform: translateY(-3px); box-shadow: 0 12px 25px rgba(48,31,78,.12); }
.market-card-image { height: 210px; display: block; overflow: hidden; background: #f6f4f8; }.market-card-image > img { width: 100%; height: 100%; object-fit: cover; }.market-card-image .market-generated-product { height: 100%; }
.market-card-actions { position: absolute; top: 12px; right: 10px; display: grid; gap: 6px; opacity: 0; transform: translateX(8px); transition: .2s; }.market-card:hover .market-card-actions { opacity: 1; transform: none; }
.market-card-actions button { width: 32px; height: 32px; border: 0; border-radius: 50%; color: #635a6c; background: white; box-shadow: 0 3px 12px rgba(0,0,0,.12); }.market-card-actions button:hover,.market-card-actions button.active { color: white; background: #7220f1; }
.market-card-body { padding: 14px; }.market-card-body > span { color: #a49da8; font-size: 10px; text-transform: uppercase; }.market-card-body > a { height: 42px; margin: 5px 0 10px; display: block; overflow: hidden; color: #35303a; font-size: 13px; line-height: 1.55; }.market-card-price { display: flex; align-items: center; justify-content: space-between; }.market-card-price strong { color: #7220f1; font-size: 17px; }.market-card-price small { color: #a7a1aa; font-size: 9px; }.market-card-rating { color: #ffb51b; font-size: 11px; letter-spacing: 1px; }
.market-generated-product { width: 100%; min-height: 145px; display: grid; place-items: center; position: relative; overflow: hidden; background: linear-gradient(145deg,#f5f0ff,#e9f3ff); }.market-generated-product img { width: 58%; height: 58%; object-fit: contain; filter: drop-shadow(0 12px 12px rgba(64,40,95,.16)); }.market-generated-product span { position: absolute; left: 12px; bottom: 9px; color: rgba(58,42,79,.7); font-weight: 700; font-size: 11px; }.market-color-1 { background: linear-gradient(145deg,#fff1e5,#ffd8df); }.market-color-2 { background: linear-gradient(145deg,#e7fbff,#d9efff); }.market-color-3 { background: linear-gradient(145deg,#f2f7e8,#e2f1cf); }
.flash-banner { margin-top: 20px; padding: 24px 30px; display: flex; align-items: center; justify-content: space-between; color: white; background: linear-gradient(100deg,#6420dd,#9b1be2,#df2465); }.flash-banner div { display: grid; grid-template-columns: auto auto; column-gap: 25px; align-items: center; }.flash-banner span { font-size: 22px; font-weight: 700; }.flash-banner strong { font-size: 25px; letter-spacing: 4px; }.flash-banner small { grid-column: 1 / -1; opacity: .8; }.flash-banner a { border: 1px solid white; border-radius: 20px; padding: 9px 22px; }
.market-seller-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; }.market-seller-card { padding: 18px; display: grid; grid-template-columns: 58px 1fr auto; gap: 14px; align-items: center; border: 1px solid #eeeaf2; }.market-seller-avatar { width: 58px; height: 58px; display: grid; place-items: center; overflow: hidden; border-radius: 50%; color: white; background: linear-gradient(135deg,#6c1ee7,#df2e7b); font-size: 24px; font-weight: 700; }.market-seller-avatar img { width: 100%; height: 100%; object-fit: cover; }.market-seller-card h3 { margin: 0 0 4px; display: flex; align-items: center; gap: 7px; font-size: 15px; }.market-seller-card h3 i { padding: 2px 5px; border-radius: 3px; color: #087e64; background: #e3f8f1; font-size: 9px; font-style: normal; }.market-seller-card p { margin: 0; color: #938b98; font-size: 11px; }.market-seller-card div > div { color: #ffb51b; }.market-seller-card > a { padding: 8px 12px; border-radius: 4px; color: #7220f1; background: #f3ebff; font-size: 11px; }
.market-breadcrumb { margin-bottom: 15px; display: flex; gap: 9px; color: #938d98; font-size: 12px; }.market-breadcrumb b { color: #4a444f; }
.market-list-layout { display: grid; grid-template-columns: 220px 1fr; gap: 18px; }.market-filters { padding: 20px; display: grid; align-content: start; gap: 5px; background: white; }.market-filters h3 { margin: 0 0 16px; }.market-filters label { margin: 10px 0 5px; color: #99919f; font-size: 11px; text-transform: uppercase; }.market-filters a { padding: 8px 9px; display: flex; justify-content: space-between; color: #625b67; border-radius: 4px; font-size: 12px; }.market-filters a:hover,.market-filters a.active { color: #7220f1; background: #f5efff; }
.market-list-head { margin-bottom: 14px; padding: 16px 18px; display: flex; align-items: center; justify-content: space-between; gap: 14px; background: white; }.market-list-head div { display: flex; gap: 10px; align-items: center; }.market-list-head span { font-size: 18px; font-weight: 700; }.market-list-head strong { color: #99919f; font-size: 11px; }.market-list-head select { min-width: 150px; border: 1px solid #e1dde5; padding: 9px 12px; background: white; }.market-list-controls { justify-content: flex-end; flex-wrap: wrap; }.market-product-grid-list { grid-template-columns: repeat(3,minmax(0,1fr)); }
.market-product-detail { padding: 18px; display: grid; grid-template-columns: 48% 52%; background: white; }.market-product-gallery { display: grid; grid-template-columns: 62px 1fr; gap: 15px; }.market-detail-image { grid-column: 2; min-height: 480px; overflow: hidden; background: #f7f5f9; }.market-detail-image > img.detail { width: 100%; height: 100%; object-fit: cover; }.market-detail-image .market-generated-product { height: 100%; }.market-thumbs { grid-column: 1; grid-row: 1; }.market-thumbs button { width: 62px; height: 62px; padding: 3px; border: 2px solid #7220f1; background: white; overflow: hidden; }.market-thumbs img,.market-thumbs .market-generated-product { width: 100%; height: 100%; object-fit: cover; }.market-thumbs .market-generated-product span { display: none; }
.market-detail-info { padding: 8px 24px 20px; }.market-detail-info h1 { margin: 0 0 10px; font-size: 22px; }.market-rating { padding-bottom: 18px; color: #ccc4cf; border-bottom: 1px solid #eeeaf1; }.market-rating span { margin-left: 8px; font-size: 11px; }.market-seller-line,.market-detail-price,.market-quantity { min-height: 72px; display: flex; align-items: center; gap: 18px; border-bottom: 1px solid #eeeaf1; }.market-seller-line > span,.market-detail-price > span,.market-quantity > span { width: 70px; color: #99919e; }.market-seller-line > button { margin-left: auto; padding: 8px 16px; border: 0; border-radius: 20px; color: #7220f1; background: #f0e7ff; }.market-detail-price strong { color: #7120e9; font-size: 28px; }.market-detail-price small { color: #99919e; }.market-quantity button { width: 36px; height: 36px; border: 0; border-radius: 50%; background: #f5f3f7; }.market-quantity input { width: 55px; border: 0; text-align: center; }.market-quantity small { color: #99919e; }.market-total { padding: 22px 0; color: #99919e; }.market-total strong { margin-left: 15px; color: #7120e9; font-size: 20px; }.market-detail-actions { display: flex; flex-wrap: wrap; gap: 10px; }.market-primary,.market-buy,.market-outline { min-height: 42px; padding: 11px 18px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #7220f1; border-radius: 4px; font-weight: 700; }.market-primary { color: white; background: #7220f1; }.market-buy { color: white; background: #e52b76; border-color: #e52b76; }.market-outline { color: #7220f1; background: white; }.market-compare-link { margin-top: 14px; border: 0; color: #77707c; background: transparent; }.market-description h2 { margin-top: 0; }.market-specs { margin-top: 22px; display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }.market-specs span { padding: 14px; display: grid; gap: 5px; background: #f7f5f9; }.market-specs b { color: #8d8592; font-size: 10px; text-transform: uppercase; }
.market-reviews { margin-top: 20px; padding: 22px; background: white; }
.market-review-head { padding-bottom: 18px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #eeeaf1; }
.market-review-head h2 { margin: 0 0 6px; font-size: 20px; }.market-review-head span { color: #ffb51b; }.market-review-head > b { color: #77707c; font-size: 12px; }
.market-review-list article { padding: 20px 0; border-bottom: 1px solid #eeeaf1; }.market-review-list article:last-child { border-bottom: 0; }
.market-review-meta { display: flex; align-items: center; gap: 14px; }.market-review-meta span { color: #ffb51b; }.market-review-meta small { margin-left: auto; color: #99919e; }
.market-review-list p { margin: 10px 0 0; color: #5f5764; line-height: 1.7; }
.market-review-images { margin-top: 12px; display: flex; gap: 9px; flex-wrap: wrap; }.market-review-images img { width: 92px; height: 92px; display: block; object-fit: cover; border: 1px solid #eeeaf1; }
.market-review-empty { padding: 42px 0; color: #99919e; text-align: center; }
.market-review-notice { margin: 18px 0 2px; padding: 14px 16px; display: flex; align-items: center; gap: 16px; border: 1px solid #e4d9f5; background: #faf7ff; }.market-review-notice b { color: #6820ca; }.market-review-notice span { color: #766f7a; font-size: 12px; }
.market-review-compose { margin: 20px 0; padding: 20px; display: grid; grid-template-columns: 180px 1fr; gap: 16px 24px; border: 1px solid #e7e0ed; background: #fcfbfd; }.market-review-compose h3 { margin: 0 0 5px; }.market-review-compose p { margin: 0; color: #8a8290; font-size: 12px; }.market-review-compose fieldset { margin: 0; padding: 0; border: 0; }.market-review-compose legend,.market-review-comment > span { margin-bottom: 7px; display: block; color: #706779; font-size: 12px; font-weight: 700; }.market-review-stars { display: inline-flex; flex-direction: row-reverse; justify-content: flex-end; }.market-review-stars input { position: absolute; opacity: 0; }.market-review-stars label { color: #d9d2dc; font-size: 28px; cursor: pointer; }.market-review-stars input:checked ~ label,.market-review-stars label:hover,.market-review-stars label:hover ~ label { color: #ffb51b; }.market-review-comment { grid-column: 1 / -1; }.market-review-comment textarea { width: 100%; padding: 12px; resize: vertical; border: 1px solid #ddd5e4; }.market-review-upload { grid-column: 1 / -1; display: flex; align-items: center; gap: 12px; }.market-review-upload label span { padding: 9px 13px; display: inline-flex; border: 1px solid #7220f1; color: #7220f1; background: white; cursor: pointer; }.market-review-upload input { position: absolute; opacity: 0; pointer-events: none; }.market-review-upload small { color: #8a8290; }.market-review-previews { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 10px; }.market-review-previews figure { position: relative; width: 90px; height: 90px; margin: 0; }.market-review-previews img { width: 100%; height: 100%; object-fit: cover; }.market-review-previews button { position: absolute; top: 3px; right: 3px; width: 23px; height: 23px; border: 0; border-radius: 50%; color: white; background: rgba(26,25,30,.72); }.market-review-compose > button { grid-column: 2; justify-self: end; min-width: 130px; padding: 11px 16px; border: 0; color: white; background: #7220f1; font-weight: 700; }
.market-message-backdrop { z-index: 100; }.market-message-modal { width: min(620px,100%); max-height: min(760px,92vh); display: grid; grid-template-rows: auto minmax(180px,1fr) auto; overflow: hidden; background: white; box-shadow: 0 24px 80px rgba(23,18,34,.25); }.market-message-modal > header { padding: 20px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 1px solid #eee9f2; }.market-message-modal > header > div:first-child { min-width: 0; }.market-message-modal > header span { color: #7220f1; font-size: 11px; font-weight: 700; }.market-message-modal > header h2 { margin: 4px 0; font-size: 18px; }.market-message-modal > header p { margin: 0; color: #817987; font-size: 12px; }.market-message-modal > header button { width: 34px; height: 34px; flex: 0 0 auto; border: 0; background: #f2eff4; font-size: 22px; }.market-conversation-product { min-width: 0; padding: 5px 8px 5px 5px; display: grid; grid-template-columns: 46px minmax(0,1fr); gap: 8px; align-items: center; border: 1px solid #e5d9f6; color: #443a4d; background: #fbf9fe; }.market-conversation-product:hover { border-color: #b98cf3; background: #f7f1ff; }.market-conversation-product img { width: 46px; height: 46px; object-fit: cover; background: #f0ebf4; }.market-conversation-product span { min-width: 0; display: grid; gap: 3px; }.market-conversation-product small { color: #8b769d; font-size: 10px; }.market-conversation-product b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }.market-message-thread { padding: 18px; display: grid; align-content: start; gap: 12px; overflow: auto; background: #f7f5f9; }.market-message-thread article { width: min(78%,440px); padding: 11px 13px; justify-self: start; border: 1px solid #e3dfea; background: white; }.market-message-thread article.buyer { justify-self: end; border-color: #c9e9ee; background: #effbfc; }.market-message-thread article > div { display: flex; justify-content: space-between; gap: 16px; }.market-message-thread article small { color: #96909b; }.market-message-thread article p { margin: 7px 0 0; line-height: 1.55; }.market-message-empty { padding: 40px 15px; color: #8b8490; text-align: center; }.market-message-modal > form { padding: 16px 18px; border-top: 1px solid #eee9f2; }.market-message-modal textarea { width: 100%; padding: 11px; resize: none; border: 1px solid #dcd5e3; }.market-message-modal form > div { margin-top: 10px; display: flex; align-items: center; justify-content: space-between; gap: 15px; }.market-message-modal form small { color: #8b8490; }.market-message-modal form button { min-width: 110px; padding: 10px 15px; border: 0; color: white; background: #7220f1; font-weight: 700; }
.market-account-page { margin-top: 20px; padding: 24px; background: white; }.market-account-page > header { margin-bottom: 18px; padding-bottom: 16px; display: flex; align-items: end; justify-content: space-between; border-bottom: 1px solid #ebe6ee; }.market-account-page > header span { color: #7220f1; font-size: 11px; font-weight: 700; }.market-account-page > header h1 { margin: 4px 0 0; }.market-account-page > header > b { color: #817987; }.market-account-list { display: grid; gap: 16px; }.market-account-conversation,.market-buyer-order { border: 1px solid #e6e0ea; }.market-account-conversation > header,.market-buyer-order > header { padding: 15px 17px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid #ebe6ee; }.market-account-conversation h2,.market-buyer-order h2 { margin: 0 0 4px; font-size: 16px; }.market-account-conversation header p,.market-buyer-order header p { margin: 0; color: #8b8490; font-size: 12px; }.market-account-conversation > form { padding: 14px; display: flex; gap: 10px; }.market-account-conversation > form input { flex: 1; min-width: 0; padding: 10px 12px; border: 1px solid #ddd5e4; }.market-account-conversation > form button { padding: 10px 18px; border: 0; color: white; background: #7220f1; }.market-buyer-order > header > span { padding: 5px 9px; color: #8c5c00; background: #fff2d9; font-size: 11px; }.market-buyer-order-items { display: grid; }.market-buyer-order-items > div { padding: 14px 17px; display: grid; grid-template-columns: minmax(180px,1fr) 60px 110px 130px; align-items: center; gap: 12px; border-bottom: 1px solid #f0ebf2; }.market-buyer-order-items > div > a:first-child { color: #302a34; font-weight: 700; }.market-buyer-order-items small { color: #8b8490; }.market-order-review { padding: 7px 10px; color: #7220f1; background: #f3ecff; text-align: center; }.market-buyer-order > footer { padding: 14px 17px; display: flex; justify-content: space-between; }.market-account-empty { padding: 70px 20px; text-align: center; }.market-account-empty p { color: #817987; }.market-account-empty a { padding: 10px 16px; display: inline-flex; color: white; background: #7220f1; }
.market-profile-page { margin-top: 20px; padding: 28px; background: white; }.market-profile-page > header { padding-bottom: 20px; border-bottom: 1px solid #ebe6ee; }.market-profile-page > header span { color: #7220f1; font-size: 11px; font-weight: 700; }.market-profile-page > header h1 { margin: 5px 0; }.market-profile-page > header p { margin: 0; color: #817987; }.market-profile-page > form { padding-top: 24px; display: grid; grid-template-columns: 190px minmax(0,1fr); gap: 34px; }.market-profile-avatar { display: flex; flex-direction: column; align-items: center; gap: 12px; }.market-profile-avatar > div { width: 132px; height: 132px; display: grid; place-items: center; overflow: hidden; border: 1px solid #e3ddea; border-radius: 50%; color: white; background: #7220f1; font-size: 42px; font-weight: 700; }.market-profile-avatar img { width: 100%; height: 100%; object-fit: cover; }.market-profile-avatar label { cursor: pointer; }.market-profile-avatar label input { display: none; }.market-profile-avatar label span,.market-profile-fields > button { min-height: 40px; padding: 10px 18px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 4px; color: white; background: #7220f1; font-weight: 700; }.market-profile-avatar small { color: #8b8490; text-align: center; }.market-profile-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }.market-profile-fields > label { display: grid; gap: 7px; font-weight: 700; }.market-profile-fields input,.market-profile-fields textarea { width: 100%; padding: 11px 12px; border: 1px solid #ddd5e4; font: inherit; }.market-profile-fields .wide { grid-column: 1 / -1; }.market-profile-readonly { padding: 13px; display: flex; justify-content: space-between; border: 1px solid #ebe6ee; background: #faf9fb; }.market-profile-readonly span { color: #817987; }.market-profile-fields > button { grid-column: 1 / -1; justify-self: start; cursor: pointer; }.market-profile-fields > button:disabled { opacity: .6; cursor: wait; }
.market-cart-layout,.market-checkout-layout { display: grid; grid-template-columns: 1fr 320px; gap: 18px; }.market-cart-list { background: white; }.market-cart-list article { padding: 16px; display: grid; grid-template-columns: 72px 1fr 110px 100px 30px; gap: 14px; align-items: center; border-bottom: 1px solid #eeeaf1; }.market-cart-thumb { width: 72px; height: 72px; overflow: hidden; background: #f7f5f9; }.market-cart-thumb img,.market-cart-thumb .market-generated-product { width: 100%; height: 100%; object-fit: cover; }.market-cart-thumb .market-generated-product span { display: none; }.market-cart-list article > div:nth-child(2) { display: grid; }.market-cart-list small { color: #99919e; }.market-cart-qty { display: flex; align-items: center; gap: 12px; }.market-cart-qty button,.market-remove { border: 0; background: #f2eff5; }.market-cart-qty button { width: 28px; height: 28px; border-radius: 50%; }.market-remove { color: #d82c65; background: transparent; font-size: 22px; }.market-cart-summary { height: fit-content; padding: 22px; background: white; }.market-cart-summary h3 { margin-top: 0; }.market-cart-summary p { padding: 11px 0; display: flex; justify-content: space-between; gap: 15px; border-bottom: 1px dashed #e6e1e9; color: #77707c; }.market-cart-summary p span { max-width: 190px; }.market-cart-summary p.total { color: #312b36; font-size: 18px; }.market-cart-summary > a { width: 100%; margin-top: 10px; }
.market-checkout-form { padding: 24px; background: white; }.market-checkout-form h2 { margin: 0 0 18px; font-size: 18px; }.market-checkout-form h2:not(:first-child) { margin-top: 25px; }.market-form-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 15px; }.market-form-grid label { display: grid; gap: 7px; color: #5f5764; font-size: 12px; }.market-form-grid input,.market-form-grid textarea { width: 100%; border: 1px solid #dfd9e3; padding: 11px; outline: 0; }.market-form-grid textarea { min-height: 95px; resize: vertical; }.market-form-grid .wide { grid-column: 1 / -1; }.market-payment { margin-bottom: 20px; padding: 15px; display: block; border: 1px solid #e6e0e9; background: #faf8fc; }.market-order-success { max-width: 650px; margin: 50px auto; padding: 50px; text-align: center; background: white; }.market-order-success > div { width: 70px; height: 70px; margin: auto; display: grid; place-items: center; border-radius: 50%; color: white; background: #39bd79; font-size: 32px; }.market-order-success h1 { font-size: 28px; }.market-empty { grid-column: 1 / -1; padding: 70px 20px; color: #98909d; background: white; text-align: center; }
.shop-footer { padding: 45px max(24px, calc((100vw - 1120px) / 2)); display: grid; grid-template-columns: 1.5fr repeat(3,1fr); gap: 45px; color: #d8d2dd; background: #241f2a; }.shop-footer img { width: 105px; height: 50px; object-fit: contain; filter: brightness(0) invert(1); }.shop-footer h4 { margin-top: 0; color: white; }.shop-footer div { display: grid; align-content: start; gap: 9px; }.shop-footer a { color: #b7afbd; font-size: 12px; }

@media (max-width: 980px) {
  .membership-strip { gap: 18px; }.membership-strip span { font-size: 18px; }.membership-strip span > b { font-size: 14px; }
  .shop-header { grid-template-columns: 150px 1fr; min-height: 120px; }.shop-tools { grid-column: 1 / -1; justify-content: center; }.market-hero-layout { grid-template-columns: 210px 1fr; }.market-category-rail { grid-template-columns: repeat(4,1fr); }.market-product-grid { grid-template-columns: repeat(3,1fr); }.market-product-detail { grid-template-columns: 1fr; }.market-product-gallery { min-height: 450px; }.shop-footer { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 720px) {
  .membership-strip { padding: 10px; gap: 10px; overflow-x: auto; justify-content: flex-start; }.membership-strip span { min-width: 135px; }.membership-strip strong { min-width: 105px; }
  .shop-utility { padding: 0 15px; }.shop-header { padding: 22px 15px; grid-template-columns: 100px 1fr; gap: 12px; }.shop-logo img { width: 95px; }.shop-nav { padding: 0 15px; justify-content: flex-start; gap: 25px; overflow-x: auto; }.shop-nav a { white-space: nowrap; }
  .market-hero-layout { grid-template-columns: 1fr; }.market-category-menu { display: none; }.market-hero,.market-hero > img { min-height: 220px; height: 220px; }.market-category-rail { grid-template-columns: repeat(3,1fr); }.market-product-grid,.market-product-grid-list { grid-template-columns: repeat(2,1fr); }.market-card-image { height: 170px; }.market-seller-grid { grid-template-columns: 1fr; }.market-list-layout { grid-template-columns: 1fr; }.market-filters { display: none; }.market-list-head { align-items: flex-start; }.market-list-controls { width: min(100%,330px); }.market-list-controls select { flex: 1; min-width: 145px; }.market-cart-layout,.market-checkout-layout { grid-template-columns: 1fr; }.market-product-gallery { grid-template-columns: 48px 1fr; min-height: 340px; }.market-detail-image { min-height: 340px; }.market-detail-info { padding: 24px 0 0; }.market-specs { grid-template-columns: repeat(2,1fr); }.market-cart-list article { grid-template-columns: 60px 1fr 30px; }.market-cart-list article > .market-cart-qty,.market-cart-list article > strong { grid-column: 2; }.market-review-compose { grid-template-columns: 1fr; }.market-review-compose > *,.market-review-compose > button { grid-column: 1; }.market-review-compose > button { width: 100%; }.market-account-page { padding: 15px; }.market-profile-page > form { grid-template-columns: 1fr; }.market-buyer-order-items > div { grid-template-columns: 1fr auto; }.market-buyer-order-items > div > b,.market-buyer-order-items .market-order-review,.market-buyer-order-items > div > small { grid-column: 1 / -1; }.shop-footer { grid-template-columns: 1fr 1fr; padding: 35px 20px; }
}
@media (max-width: 440px) { .shop-tools { gap: 10px; }.market-product-grid,.market-product-grid-list { grid-template-columns: 1fr 1fr; gap: 8px; }.market-product-section,.market-seller-section { padding: 13px; }.market-card-body { padding: 10px; }.market-card-image { height: 145px; }.market-category-rail { grid-template-columns: repeat(2,1fr); }.market-form-grid { grid-template-columns: 1fr; }.market-form-grid .wide { grid-column: auto; }.shop-footer { grid-template-columns: 1fr; } }

.market-register { display: grid; grid-template-columns: 1.15fr .85fr; gap: 42px; padding: 44px; background: linear-gradient(135deg,#f7fbff,#fff4f4); border-radius: 18px; }
.market-register > div > span,.market-news .market-heading span,.market-flash-page > div > span { color: #ff3d55; font-size: 12px; font-weight: 800; letter-spacing: 2px; }
.market-register h1,.market-flash-page h1 { margin: 10px 0; font-size: 38px; }.market-register p,.market-flash-page p { color: #687386; line-height: 1.8; }
.market-register form { padding: 28px; display: grid; gap: 15px; background: #fff; border-radius: 14px; box-shadow: 0 15px 40px #20365a18; }.market-register label { display: grid; gap: 7px; color: #364258; font-size: 13px; font-weight: 700; }.market-register input { padding: 12px 13px; border: 1px solid #e1e6ef; border-radius: 7px; font: inherit; }
.market-membership-list { margin-top: 30px; display: flex; gap: 10px; }.market-membership-list article { min-width: 120px; padding: 16px; display: grid; gap: 3px; background: #fff; border: 1px solid #edf0f5; border-radius: 10px; }.market-membership-list strong { color: #ff3d55; font-size: 25px; }.market-membership-list small { color: #8c96a8; }
.market-news-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }.market-news-grid article { padding-bottom: 22px; overflow: hidden; background: #fff; border: 1px solid #edf0f4; border-radius: 12px; }.market-news-cover { height: 180px; padding: 18px; display: flex; align-items: flex-end; color: #fff; background: linear-gradient(135deg,#f4a7b7,#8b5cf6); }.market-news-cover.news-2 { background: linear-gradient(135deg,#20b8d4,#304ffe); }.market-news-cover.news-3 { background: linear-gradient(135deg,#ffad42,#ff5364); }.market-news-cover span { padding: 5px 9px; background: #ffffff2e; border-radius: 5px; }.market-news-grid article > small,.market-news-grid article > h3,.market-news-grid article > p,.market-news-grid article > a { margin-left: 20px; margin-right: 20px; display: block; }.market-news-grid article > small { margin-top: 18px; color: #9aa3b3; }.market-news-grid h3 { margin-top: 8px; margin-bottom: 8px; font-size: 19px; }.market-news-grid p { color: #687386; line-height: 1.65; }.market-news-grid a { color: #ff3d55; font-weight: 700; }
.market-flash-page { min-height: 290px; margin-bottom: 30px; padding: 50px; display: flex; align-items: center; color: #fff; background: radial-gradient(circle at 85% 20%,#ffdf89,transparent 28%),linear-gradient(120deg,#fb3154,#ff7857); border-radius: 18px; }.market-flash-page > div > span,.market-flash-page p { color: #fff; }.market-flash-page strong { margin-top: 24px; display: block; font-size: 35px; letter-spacing: 2px; }.market-flash-page strong small { font-size: 12px; letter-spacing: 0; }
.market-pagination { padding: 28px 0 5px; display: flex; justify-content: center; align-items: center; gap: 8px; }.market-pagination a,.market-pagination span { min-width: 36px; height: 36px; padding: 0 8px; display: grid; place-items: center; color: #6d6572; background: #fff; border: 1px solid #e6e0e9; border-radius: 4px; }.market-pagination a.active { color: #fff; background: #7220f1; border-color: #7220f1; }.market-product-video { width: min(100%, 760px); margin: 0 auto 24px; }.market-product-video video { width: 100%; max-height: 520px; display: block; border-radius: 6px; background: #111827; }.market-description-content { overflow: hidden; color: #5f5764; line-height: 1.75; }.market-description-content img { max-width: 100%; height: auto; display: block; margin: 12px auto; }.market-thumbs { max-height: 480px; overflow-y: auto; display: grid; align-content: start; gap: 8px; }.market-thumbs button.active { border-color: #e52b76; }

/* Source storefront pass */
.membership-strip { min-height: 36px; padding-top: 4px; padding-bottom: 4px; gap: 58px; }.membership-strip span { font-size: 13px; grid-template-columns: auto auto; }.membership-strip span > b { font-size: 13px; }.membership-strip span > small { grid-column: 2; font-size: 10px; opacity: .9; }.membership-strip strong { padding: 6px 20px; font-size: 12px; }
.membership-strip { min-height: 68px; gap: 56px; }.membership-strip span > b { font-size: 20px; }.membership-strip span > small { font-size: 12px; }.membership-strip strong { min-width: 190px; height: 44px; font-size: 18px; }
.shop-utility { height: 38px; font-size: 13px; }.shop-utility a { height: 100%; padding: 0 17px; display: inline-flex; align-items: center; gap: 6px; border-left: 1px solid #edf0f5; color: #707584; }.shop-account-avatar { width: 24px !important; height: 24px !important; margin: 0 !important; border-radius: 50%; object-fit: cover; }.shop-utility .utility-bell { width: 46px; justify-content: center; padding: 0; color: #101827; font-size: 16px; }.shop-header { min-height: 150px; padding-top: 20px; padding-bottom: 20px; grid-template-columns: 220px minmax(420px,1fr) 340px; gap: 28px; }.shop-logo img { width: 110px; height: auto; display: block; object-fit: contain; }.shop-search { position: relative; height: 44px; border-radius: 24px; }.shop-search input { font-size: 15px; padding-left: 14px; }.shop-search button { width: 60px; font-size: 23px; border-radius: 0 24px 24px 0; }.market-search-category { position: relative; flex: 0 0 58px; min-width: 58px; height: 100%; display: grid; place-items: center; z-index: 20; }.shop-search .market-category-toggle { width: 50px; height: 40px; padding: 0; display: grid; place-items: center; border: 1px solid #dfe3ea; border-radius: 6px; color: #2f3541; background: #f7f8fa; cursor: pointer; }.shop-search .market-category-toggle:hover,.shop-search .market-category-toggle:focus { border-color: #cbd2dc; background: #eef1f5; outline: 0; }.navbar-toggler-icon { width: 20px; height: 14px; display: block; background: linear-gradient(#343b46,#343b46) 0 1px/20px 2px no-repeat,linear-gradient(#343b46,#343b46) 0 6px/20px 2px no-repeat,linear-gradient(#343b46,#343b46) 0 11px/20px 2px no-repeat; }.market-search-category-panel { position: absolute; left: 0; top: 100%; width: 268px; max-height: 430px; overflow: hidden; border-radius: 4px; border: 1px solid #ece8f0; color: #4c4652; background: #fff; box-shadow: 0 18px 36px rgba(35,25,55,.16); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(8px); transition: opacity .16s, transform .16s, visibility .16s; }.market-search-category:hover .market-search-category-panel,.market-search-category:focus-within .market-search-category-panel { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }.market-search-category-head { height: 44px; padding: 0 13px; display: flex; align-items: center; justify-content: space-between; color: #fff; background: #7b20ee; }.market-search-category-head b { font-size: 15px; }.market-search-category-head a { color: #fff; font-size: 12px; }.market-search-category-list { max-height: 386px; overflow-y: auto; padding: 7px 0; scrollbar-width: thin; }.market-search-category-list a { min-height: 34px; padding: 7px 13px; display: grid; grid-template-columns: 20px minmax(0,1fr) auto; gap: 9px; align-items: center; color: #4d4655; border-bottom: 1px solid #f4f1f6; font-size: 13px; }.market-search-category-list a:hover { color: #711df0; background: #faf8ff; }.market-search-category-list b { overflow: hidden; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }.market-search-category-list small { color: #aaa2ae; font-size: 12px; }.shop-tools { gap: 26px; align-items: center; justify-content: flex-end; }.shop-tools a { min-width: 76px; gap: 8px; color: #555b66; font-size: 14px; white-space: nowrap; }.shop-tools a > i { flex-basis: 30px; width: 30px; height: 32px; color: #2f3541; }.shop-tools .la-2x { font-size: 30px; }.shop-tools .shop-tool-badge { min-width: 18px; height: 18px; padding: 0 5px; line-height: 18px; font-size: 11px; }.shop-tools small { font-size: 14px; line-height: 1.2; }.shop-nav { height: 43px; gap: 54px; }.shop-nav a { font-size: 14px; }.shop-main { width: min(1110px, calc(100% - 24px)); padding-top: 10px; overflow: hidden; }
.source-home-top { height: 458px; display: grid; grid-template-columns: 230px minmax(0,1fr) 205px; gap: 12px; align-items: stretch; overflow: hidden; }.source-category-menu { height: 458px; overflow: hidden; border-radius: 2px; box-shadow: none; }.source-category-menu .market-section-title { height: 42px; padding: 0 13px; }.source-category-menu .market-section-title b { font-size: 15px; }.source-category-menu > a { min-height: 30px; padding: 5px 12px; gap: 9px; font-size: 13px; }.source-category-menu > a span { width: 16px; font-size: 13px; }.source-category-menu > a small { font-size: 12px; }
.source-hero-column { min-width: 0; height: 458px; display: grid; grid-template-rows: 316px 130px; gap: 12px; overflow: hidden; }.source-hero { height: 316px; min-height: 316px; border-radius: 2px; overflow: hidden; }.source-hero > img { display: block; width: 100%; height: 316px; object-fit: cover; }.source-hero .market-hero-dots { bottom: 11px; }.source-hero .market-hero-dots i { width: 7px; height: 7px; }
.source-today-panel { height: 458px; min-height: 458px; padding: 0; display: grid; grid-template-rows: 42px minmax(0,1fr); overflow: hidden; background: #fff; border-radius: 2px; }.source-panel-head { height: 42px; padding: 0 10px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 0; background: #efe4ff; }.source-panel-head b { color: #2d2735; font-size: 14px; }.source-panel-head a { padding: 4px 10px; color: #fff; background: #7b20ee; border-radius: 12px; font-size: 11px; }.source-today-list { min-height: 0; padding: 8px 10px; overflow-y: auto; scrollbar-width: thin; }.source-mini-deal { min-height: 83px; padding: 9px 0; display: grid; grid-template-columns: 64px 1fr; gap: 10px; border-top: 1px solid #f0edf4; color: #4c4652; }.source-mini-deal:first-child { border-top: 0; }.source-mini-deal span { width: 64px; height: 64px; display: block; background: #f3f2f5; overflow: hidden; }.source-mini-deal span img,.source-mini-deal span .market-generated-product { width: 100%; height: 100%; object-fit: cover; }.source-mini-deal b { height: 38px; overflow: hidden; font-size: 12px; line-height: 1.55; }.source-mini-deal strong { color: #7b20ee; font-size: 13px; }
.source-icon-carousel { height: 130px; position: relative; overflow: hidden; background: #fff; }.source-icon-rail { height: 100%; padding: 14px 34px 13px; display: flex; gap: 12px; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; scrollbar-width: none; background: #fff; }.source-icon-rail::-webkit-scrollbar { display: none; }.source-icon-rail a { flex: 0 0 82px; min-width: 82px; display: grid; gap: 8px; justify-items: center; align-content: center; color: #4e4854; text-align: center; font-size: 13px; }.source-icon-rail img { width: 62px; height: 62px; object-fit: contain; padding: 2px; }.source-icon-rail span { max-width: 82px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.source-rail-arrow { position: absolute; top: 50%; z-index: 2; width: 24px; height: 48px; margin-top: -24px; border: 0; color: #8a8390; background: rgba(255,255,255,.92); box-shadow: 0 2px 10px rgba(33,23,55,.12); font-size: 26px; line-height: 46px; }.source-rail-arrow:hover { color: #7020ff; }.source-rail-prev { left: 4px; }.source-rail-next { right: 4px; }
.source-promo-grid { margin-top: 12px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; overflow: hidden; }.source-promo-grid a { height: 118px; overflow: hidden; background: #fff; border-radius: 2px; }.source-promo-grid img { display: block; width: 100%; height: 100%; object-fit: cover; }
.source-product-section { margin-top: 15px; padding: 14px 14px 16px; background: #fff; border-radius: 2px; }.source-section-head { margin-bottom: 12px; display: flex; align-items: flex-end; justify-content: space-between; }.source-section-head span { display: block; margin-bottom: 2px; color: #df296e; font-size: 11px; font-weight: 800; }.source-section-head h2 { margin: 0; color: #2d2734; font-size: 18px; }.source-section-head a { padding: 5px 13px; color: #fff; background: #7b20ee; border-radius: 12px; font-size: 11px; }.source-product-row { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 12px; }
.source-card { min-width: 0; position: relative; background: #fff; border: 1px solid #ece8f0; }.source-card-image { height: 158px; position: relative; display: block; overflow: hidden; background: #eeeef1; }.source-card-image > img,.source-card-image .market-generated-product { width: 100%; height: 100%; object-fit: cover; }.source-card-image em { position: absolute; left: 7px; top: 7px; z-index: 2; padding: 3px 6px; color: #fff; background: #f12655; border-radius: 10px; font-size: 10px; font-style: normal; font-weight: 800; }.source-card-actions { position: absolute; top: 8px; right: 7px; display: grid; gap: 5px; opacity: 0; transition: .18s; }.source-card:hover .source-card-actions { opacity: 1; }.source-card-actions button { width: 27px; height: 27px; border: 0; border-radius: 50%; color: #6f6775; background: #fff; box-shadow: 0 2px 8px #0002; }.source-card-actions button.active,.source-card-actions button:hover { color: #fff; background: #7b20ee; }.source-card-body { padding: 10px 10px 11px; display: grid; gap: 5px; }.source-card-body small { color: #8e8794; font-size: 11px; }.source-card-body > a { height: 42px; overflow: hidden; color: #282331; font-size: 13px; line-height: 1.55; }.source-card-body strong { color: #7b20ee; font-size: 15px; }.source-card-body div { color: #f7b61d; font-size: 12px; letter-spacing: 1px; }
.market-card:focus-within .market-card-actions,.source-card:focus-within .source-card-actions { opacity: 1; transform: none; }
.market-card-actions,.source-card-actions { z-index: 3; }
.market-card-actions .market-action-btn,.source-card-actions .market-action-btn { display: grid; place-items: center; padding: 0; line-height: 1; }
.market-card-actions .market-action-btn { width: 32px; height: 32px; }
.source-card-actions .market-action-btn { width: 27px; height: 27px; }
.market-action-icon { width: 17px; height: 17px; display: block; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
.source-card-actions .market-action-icon { width: 15px; height: 15px; stroke-width: 2; }
.market-action-cart .market-action-icon { width: 18px; height: 18px; }
.source-card-actions .market-action-cart .market-action-icon { width: 16px; height: 16px; }
.source-top-lists { margin-top: 15px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }.source-top-lists > div { padding: 14px; background: #fff; }.source-top-lists .market-heading { margin-bottom: 12px; }.source-top-lists .market-heading h2 { margin: 0; font-size: 15px; }.source-top-lists a { min-height: 42px; padding: 7px; display: grid; grid-template-columns: 34px 1fr auto; gap: 8px; align-items: center; color: #4a4451; border: 1px solid #f0edf3; font-size: 11px; }.source-top-lists img { width: 34px; height: 34px; object-fit: contain; background: #f3f2f5; }.source-top-lists small { color: #988fa0; }
.shop-footer { margin-top: 0; padding: 38px max(24px, calc((100vw - 1110px) / 2)); grid-template-columns: 1.45fr 1fr .8fr .85fr .8fr; gap: 28px; color: #aeb7c8; background: #111827; }.shop-footer img { width: 95px; height: 42px; filter: brightness(0) invert(1); }.shop-footer h4 { padding-bottom: 9px; border-bottom: 1px solid #263142; font-size: 12px; }.shop-footer a,.shop-footer p { color: #aeb7c8; font-size: 11px; line-height: 1.7; }.footer-newsletter form { height: 34px; display: flex; overflow: hidden; border-radius: 17px; background: #fff; }.footer-newsletter input { flex: 1; min-width: 0; border: 0; padding: 0 12px; font-size: 11px; }.footer-newsletter button { width: 42px; border: 0; color: #fff; background: #7b20ee; }.footer-apps { display: flex !important; grid-auto-flow: column; grid-auto-columns: max-content; gap: 8px !important; }.footer-apps span { padding: 7px 10px; color: #fff; background: #0b1220; border: 1px solid #2a3445; border-radius: 4px; font-size: 10px; }

@media (max-width: 1050px) { .shop-header { grid-template-columns: 170px 1fr; }.shop-tools { grid-column: 1 / -1; justify-content: center; }.source-home-top { grid-template-columns: 210px 1fr; }.source-today-panel { display: none; }.source-product-row { grid-template-columns: repeat(4,1fr); }.shop-footer { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 720px) { .shop-header { grid-template-columns: 1fr; }.source-home-top { grid-template-columns: 1fr; }.source-category-menu { display: none; }.source-hero,.source-hero > img { height: 210px; min-height: 210px; }.source-icon-rail { padding-left: 32px; padding-right: 32px; }.source-icon-rail a { flex-basis: 70px; }.source-promo-grid { grid-template-columns: 1fr; }.source-product-row { grid-template-columns: repeat(2,1fr); }.source-card-image { height: 145px; }.source-top-lists { grid-template-columns: 1fr; } }

@media (max-width: 800px) { .market-register { grid-template-columns: 1fr; padding: 25px; }.market-membership-list { overflow: auto; }.market-news-grid { grid-template-columns: 1fr; }.market-flash-page { padding: 30px; }.market-flash-page h1,.market-register h1 { font-size: 30px; } }

.seller-shell { grid-template-columns: 230px minmax(0,1fr); }
.seller-shell .sidebar { width: 230px; background: #f5f7fa; }
.seller-shell .nav { padding-top: 8px; }
.seller-shell .nav-link { min-height: 42px; padding: 10px 22px; color: #4d5b6a; font-size: 14px; }
.seller-shell .nav-link.active { color: #1d78bd; background: #a9d4fb; font-weight: 700; }
.seller-shell .nav-link:hover { background: #eaf4ff; }
.seller-shell .nav-icon { color: #8d9aaa; font-size: 14px; }
.seller-shell .nav-children .nav-link { padding-left: 52px; color: #667386; }
.seller-sidebar-identity { padding: 18px 14px 14px; display: grid; justify-items: center; gap: 8px; background: #fff; }
.seller-sidebar-logo { width: 56px; height: 56px; display: grid; place-items: center; overflow: hidden; border: 1px solid #edf1f5; border-radius: 6px; background: #fff; box-shadow: 0 3px 10px rgba(15,23,42,.06); }
.seller-sidebar-logo img { width: 100%; height: 100%; object-fit: contain; }
.seller-sidebar-logo.fallback { color: #fff; background: linear-gradient(135deg,#b26b14,#d59a38); border-color: transparent; font-size: 23px; font-weight: 800; }
.seller-sidebar-identity strong { max-width: 190px; overflow: hidden; color: #1488c8; text-align: center; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; font-weight: 600; }
.seller-sidebar-level { margin: 0 8px 14px; padding: 14px 14px 12px; overflow: hidden; color: #fff; background: linear-gradient(160deg,#bc730e,#8f4b05); border-radius: 8px; box-shadow: 0 7px 18px rgba(120,66,8,.18); }
.seller-sidebar-level-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 12px; font-weight: 700; }
.seller-sidebar-level-head em { padding: 4px 8px; border-radius: 14px; background: rgba(255,255,255,.18); font-style: normal; font-size: 11px; }
.seller-sidebar-level h3 { margin: 12px 0; text-align: center; font-size: 19px; line-height: 1.2; }
.seller-sidebar-level-metrics { padding: 10px 11px; display: grid; gap: 6px; border-radius: 7px; background: rgba(255,255,255,.14); }
.seller-sidebar-level-metrics p { margin: 0; display: flex; align-items: center; justify-content: space-between; gap: 8px; color: rgba(255,255,255,.82); font-size: 12px; }
.seller-sidebar-level-metrics b { color: #fff; font-size: 13px; }
.seller-sidebar-level-progress { margin-top: 10px; display: grid; grid-template-columns: 1fr auto; gap: 6px 10px; align-items: center; font-size: 12px; }
.seller-sidebar-level-progress i { grid-column: 1 / -1; height: 6px; overflow: hidden; border-radius: 8px; background: rgba(255,255,255,.24); }
.seller-sidebar-level-progress em { height: 100%; display: block; border-radius: inherit; background: #fff; }
.seller-sidebar-level a { margin-top: 11px; height: 28px; display: grid; place-items: center; color: #fff; background: rgba(255,255,255,.12); border-radius: 0 0 6px 6px; font-size: 12px; font-weight: 700; }
.seller-credit-card { margin: 0 12px 16px; padding: 14px 14px 12px; color: #fff; background: #3f83ee; border-radius: 8px; box-shadow: 0 7px 18px rgba(60,120,220,.18); }
.seller-credit-card small { display: block; font-size: 13px; opacity: .95; }
.seller-credit-card small span { color: #ffd950; letter-spacing: 1px; }
.seller-credit-card strong { margin-top: 4px; display: inline-block; font-size: 31px; line-height: 1; }
.seller-credit-card em { margin-left: 5px; font-style: normal; opacity: .8; }
.seller-credit-card i { height: 4px; margin-top: 14px; display: block; overflow: hidden; border-radius: 10px; background: rgba(255,255,255,.45); }
.seller-credit-card i b { height: 100%; display: block; border-radius: inherit; background: #fff; }
.seller-sidebar-search { padding: 10px 18px 10px; background: #f5f7fa; }
.seller-sidebar-search input { height: 38px; color: #6d7887; background: #e7ebf0; border-radius: 22px; }
.seller-sidebar-search input::placeholder { color: #9ca6b2; }
.seller-profile-block { border-bottom: 1px solid var(--line); background: #fff; }
.seller-avatar { border-radius: 50%; color: #fff; background: linear-gradient(135deg,#24b4cf,#3ac47d); font-size: 42px; font-weight: 800; }
.seller-dashboard-hero { margin-bottom: 20px; padding: 22px 24px; display: flex; align-items: center; justify-content: space-between; gap: 18px; color: #fff; background: linear-gradient(135deg,#128aa4,#2dbb86); border-radius: 6px; }
.seller-dashboard-hero h2 { margin: 0 0 4px; font-size: 22px; }
.seller-dashboard-hero p { margin: 0; opacity: .86; }
.seller-hero-meta { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; }
.seller-hero-meta span { padding: 7px 10px; border-radius: 18px; background: rgba(255,255,255,.16); }
.seller-dashboard-grid { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); gap: 20px; }
.seller-money-grid,.seller-guarantee-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.seller-money-grid p,.seller-guarantee-grid p { margin: 0; padding: 16px; display: grid; gap: 5px; border: 1px solid var(--line); border-radius: 6px; background: #fbfcfd; }
.seller-money-grid b,.seller-guarantee-grid b { font-size: 20px; }
.seller-money-grid span,.seller-guarantee-grid span { color: var(--muted); }
.seller-conversation-list { padding: 10px 14px 16px; display: grid; gap: 10px; }
.seller-conversation-list a { padding: 12px; display: grid; gap: 4px; border: 1px solid var(--line); border-radius: 6px; background: #fff; }
.seller-conversation-list span,.seller-conversation-list small { color: var(--muted); }
.seller-withdraw-layout { display: grid; grid-template-columns: 330px minmax(0,1fr); gap: 20px; align-items: start; }
.seller-withdraw-sidebar { position: sticky; top: 86px; display: grid; gap: 18px; }
.seller-withdraw-form .card-head p { margin: 5px 0 0; font-size: 12px; font-weight: 400; }
.withdrawal-status-cell { display: grid; gap: 6px; align-items: start; justify-items: start; white-space: normal; }
.reject-reason,.multiline-cell { display: block; max-width: 360px; color: #c2415b; font-size: 12px; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
.seller-package-active { border-color: var(--primary); box-shadow: 0 0 0 2px rgba(36,180,207,.12); }
.seller-product-table .product-row-actions,.seller-product-table .product-actions-col { min-width: 130px; }
.seller-profile-form .category-form-actions { padding: 0 24px 24px; }

.seller-page-title-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.seller-source-dashboard { display: grid; gap: 22px; color: #25303d; }
.seller-source-dashboard .seller-source-card,.seller-top-products,.seller-quick-card,.seller-kpi-card,.seller-product-total-card { min-width: 0; border: 1px solid #e8edf4; border-radius: 7px; background: #fff; box-shadow: 0 1px 2px rgba(24,32,48,.02); }
.seller-source-kpis { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 22px; align-items: start; }
.seller-kpi-card { min-height: 122px; padding: 17px 24px; display: grid; justify-items: center; align-content: center; color: #fff; border: 0; }
.seller-kpi-wallet { background: linear-gradient(135deg,#b954b8,#f2388d); }
.seller-kpi-frozen { background: linear-gradient(135deg,#5543bf,#8f5bd5); }
.seller-kpi-icon { width: 36px; height: 36px; margin-bottom: 9px; display: grid; place-items: center; color: #777e8b; background: #fff; border-radius: 50%; font-size: 18px; }
.seller-kpi-card strong { font-size: 25px; line-height: 1; }
.seller-kpi-card small { margin-top: 9px; opacity: .72; }
.seller-product-total-card { grid-column: 1; min-height: 132px; padding: 28px 28px; display: flex; align-items: center; justify-content: space-between; color: #fff; background: #55a9f8; border: 0; }
.seller-product-total-card small { display: block; font-size: 16px; opacity: .9; }
.seller-product-total-card strong { display: block; font-size: 30px; line-height: 1; }
.seller-product-total-card span { width: 72px; height: 72px; display: grid; place-items: center; font-size: 52px; line-height: 1; opacity: .85; }
.seller-source-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 22px; align-items: start; }
.seller-source-stack { display: grid; gap: 22px; }
.seller-source-card { min-height: 156px; padding: 24px; }
.seller-source-card h2 { margin: 0 0 16px; font-size: 16px; font-weight: 700; color: #303846; }
.seller-chart-card,.seller-sales-card,.seller-quick-blue { background: #eaf6ff; }
.seller-chart { min-height: 142px; display: grid; grid-template-rows: auto 1fr; gap: 10px; }
.seller-chart-legend { display: flex; justify-content: center; gap: 18px; color: #6d7786; font-size: 12px; }
.seller-chart-legend span { display: inline-flex; align-items: center; gap: 6px; }
.seller-chart-legend i,.seller-chart-bars b { width: 12px; display: block; border-radius: 1px; }
.seller-chart-legend i { height: 12px; }
.seller-chart-legend .order,.seller-chart-bars .order { background: #168cff; }
.seller-chart-legend .profit,.seller-chart-bars .profit { background: #28a84d; }
.seller-chart-plot { height: 96px; display: grid; grid-template-columns: repeat(7,1fr); gap: 7px; align-items: end; border-bottom: 1px solid #d7e4f2; }
.seller-chart-day { min-width: 0; height: 118px; display: grid; grid-template-rows: 96px 18px; align-items: end; text-align: center; }
.seller-chart-bars { height: 96px; display: flex; align-items: end; justify-content: center; gap: 4px; }
.seller-chart-day small { color: #8b96a5; font-size: 10px; white-space: nowrap; }
.seller-sales-card { min-height: 174px; }
.seller-sales-card p { margin: 0 0 12px; color: #667386; }
.seller-sales-card strong { display: block; margin-bottom: 20px; font-size: 28px; color: #202935; }
.seller-sales-card small { color: #5c6675; }
.seller-category-card { min-height: 416px; }
.seller-category-card ul { margin: 0; padding: 0; display: grid; gap: 13px; list-style: none; }
.seller-category-card li { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 2px; color: #3c4655; }
.seller-category-card li:first-child { padding-top: 16px; border-top: 1px solid #e7edf4; }
.seller-category-card b { font-weight: 500; color: #293442; }
.seller-visitor-card { min-height: 130px; }
.seller-visitor-card span { display: block; color: #a0a9b5; font-size: 16px; }
.seller-visitor-card strong { display: block; margin-top: 6px; font-size: 29px; }
.seller-order-status-card { min-height: 550px; }
.seller-order-status-card > small { display: block; margin-top: -12px; margin-bottom: 24px; color: #7d8794; font-size: 12px; }
.seller-order-state { min-height: 70px; display: grid; grid-template-columns: 34px 1fr; column-gap: 16px; align-items: center; }
.seller-order-state i { grid-row: span 2; color: #2499ef; font-style: normal; font-size: 28px; }
.seller-order-state span { align-self: end; font-weight: 700; color: #4b5564; }
.seller-order-state b { align-self: start; color: #99a3b0; font-size: 28px; line-height: 1.1; }
.seller-level-card { min-height: 164px; display: grid; grid-template-columns: 82px 1fr; gap: 18px; align-items: center; }
.seller-level-badge { width: 74px; height: 74px; display: grid; place-items: center; text-align: center; color: #7e5433; background: linear-gradient(135deg,#d7b286,#7a5a3d); border: 4px double #996f46; transform: rotate(-12deg); font-size: 11px; font-weight: 800; line-height: 1.1; }
.seller-level-card b,.seller-level-card strong { display: block; }
.seller-level-card p { margin: 4px 0; color: #687386; font-size: 12px; }
.seller-level-card a { width: fit-content; margin-top: 12px; padding: 10px 22px; display: inline-flex; color: #168be9; background: #eaf7ff; border-radius: 22px; font-weight: 700; }
.seller-verified-card { min-height: 206px; display: grid; place-items: center; }
.seller-verified-stamp { padding: 10px 14px; color: #31a936; border: 5px solid #31c337; border-radius: 50%; font-size: 27px; font-weight: 900; transform: rotate(-12deg); box-shadow: inset 0 0 0 4px #fff, 0 0 0 3px #a8e5a9; }
.seller-quick-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 22px; }
.seller-quick-card { min-height: 154px; padding: 22px; display: grid; justify-items: center; align-content: center; gap: 12px; text-align: center; color: #212b37; }
.seller-quick-card b { font-size: 16px; }
.seller-add-market-product-card small { color: #687586; font-size: 12px; }
.seller-quick-card span { color: #178ce8; font-size: 45px; line-height: 1; }
.seller-quick-card em { width: min(100%,250px); height: 38px; display: grid; place-items: center; color: #fff; background: #128bf2; border-radius: 20px; font-style: normal; font-weight: 700; }
.seller-top-products { padding: 18px 22px 24px; }
.seller-source-head h2 { margin: 0 0 16px; font-size: 16px; }
.seller-top-product-rail { position: relative; }
.seller-top-product-list { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 18px; overflow: hidden; }
.seller-top-product-card { min-width: 0; overflow: hidden; border: 1px solid #e8edf4; border-radius: 3px; background: #fff; }
.seller-top-product-image { height: 180px; display: grid; place-items: center; overflow: hidden; background: #f3f5f8; }
.seller-top-product-image img,.seller-top-product-image .admin-generated-product { width: 100%; height: 100%; object-fit: cover; }
.seller-top-product-body { padding: 12px 12px 14px; display: grid; gap: 3px; }
.seller-top-product-body strong { color: #2c3542; font-size: 15px; }
.seller-top-product-body div { color: #f6b800; letter-spacing: 1px; font-size: 12px; }
.seller-top-product-body b { height: 40px; overflow: hidden; color: #27313f; font-size: 13px; line-height: 1.45; }
.seller-rail-arrow { position: absolute; top: 78px; z-index: 2; width: 34px; height: 48px; border: 1px solid #efe7ff; border-radius: 24px; color: #7d54dc; background: #fff; box-shadow: 0 6px 14px rgba(60,70,90,.12); font-size: 28px; }
.seller-rail-arrow:first-child { left: -16px; }
.seller-rail-arrow:last-child { right: -16px; }
.seller-products-empty { grid-column: 1 / -1; min-height: 120px; display: grid; place-items: center; }

@media (max-width: 980px) {
  .seller-dashboard-grid,.seller-withdraw-layout { grid-template-columns: 1fr; }
  .seller-withdraw-sidebar { position: static; }
  .seller-source-kpis,.seller-source-grid,.seller-quick-grid { grid-template-columns: 1fr 1fr; }
  .seller-product-total-card { grid-column: auto; }
  .seller-order-status-card { min-height: 0; }
  .seller-top-product-list { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 760px) {
  .seller-shell { grid-template-columns: minmax(0,1fr); }
  .seller-shell .main-area { grid-column: 1; width: 100%; min-width: 0; }
  .seller-shell .sidebar { transform: translateX(-100%); box-shadow: var(--shadow); }
  .seller-shell.sidebar-open .sidebar { transform: translateX(0); }
  .seller-shell .topbar { width: 100%; }
  .seller-shell .page { width: 100%; max-width: 100vw; }
  .seller-order-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
  .seller-order-kpis > div { padding: 13px 14px; }
  .seller-order-kpis > div:last-child { grid-column: 1 / -1; }
  .seller-order-kpis strong { font-size: 19px; }
  .order-detail-product { grid-template-columns: 54px minmax(0,1fr); }
  .order-detail-product-image { width: 54px; height: 54px; }
  .order-detail-product > strong { grid-column: 2; }
}

@media (max-width: 640px) {
  .seller-shell .topbar { min-height: 58px; padding: 0 12px; gap: 8px; }
  .seller-shell .top-actions,.seller-shell .user-actions { gap: 6px; }
  .seller-shell .topbar .icon-btn { width: 36px; height: 36px; }
  .seller-topbar-support-link { display: none; }
  .seller-shell .topbar .soft-btn { padding: 9px 11px; }
  .seller-shell .page { padding: 16px 12px 22px; overflow: hidden; }
  .seller-shell .page-title { margin-bottom: 16px; font-size: 20px; }
  .seller-ledger-card .card-head { align-items: stretch; flex-direction: column; }
  .seller-ledger-card .toolbar { min-width: 0; width: 100%; flex-basis: auto; }
  .seller-ledger-card .table-wrap { overflow: visible; }
  .seller-ledger-table { min-width: 0; border: 0; background: transparent; font-size: 13px; }
  .seller-ledger-table thead { display: none; }
  .seller-ledger-table tbody { display: grid; gap: 10px; }
  .seller-ledger-table tbody tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 8px; overflow: hidden; border: 1px solid #dfe5ed; border-radius: 8px; background: #fff; }
  .seller-ledger-table td { min-width: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; padding: 9px 10px; border: 0; border-bottom: 1px solid #edf0f4; text-align: right; font-weight: 600; line-height: 1.35; white-space: normal; word-break: break-word; }
  .seller-ledger-table td::before { content: attr(data-label); flex: 0 0 auto; color: #7d8794; font-weight: 600; text-align: left; }
  .seller-ledger-table td:last-child { grid-column: 1 / -1; border-bottom: 0; }
  .seller-ledger-table td[colspan] { display: block; grid-column: 1 / -1; border-bottom: 0; text-align: center; }
  .seller-dashboard-hero { align-items: flex-start; flex-direction: column; }
  .seller-hero-meta { justify-content: flex-start; }
  .seller-money-grid,.seller-guarantee-grid { grid-template-columns: 1fr; }
  .seller-source-kpis,.seller-source-grid,.seller-quick-grid,.seller-level-card { grid-template-columns: 1fr; }
  .seller-top-product-list { grid-template-columns: 1fr 1fr; }
  .seller-kpi-card,.seller-product-total-card { min-height: 118px; }
  .seller-source-card { padding: 18px; }
  .seller-catalog-picker-head,.seller-catalog-notice div { align-items: stretch; flex-direction: column; }
}

/* Seller phone login, matched to the storefront frame */
.seller-source-login-page { background: #f5f6f8; }
.seller-login-utility { flex: 0 0 auto; }
.seller-login-utility .utility-spacer { flex: 1; }
.seller-login-shop-header { flex: 0 0 auto; border-bottom: 0; box-shadow: none; }
.seller-login-shop-header .shop-logo img { width: 118px; height: auto; }
.seller-login-shop-header .shop-search { max-width: 640px; justify-self: stretch; }
.seller-login-nav { flex: 0 0 auto; border-top: 1px solid #f0edf3; }
.seller-source-login-page .seller-login-main { flex: 1; padding: 42px 20px 64px; background: #f5f6f8; }
.seller-source-login-card { width: min(455px, 100%); padding: 30px 32px 28px; border: 1px solid #e8edf4; border-radius: 4px; box-shadow: 0 8px 24px rgba(31, 41, 55, .06); }
.seller-source-login-card .seller-login-brand { margin-bottom: 14px; }
.seller-source-login-card .seller-login-brand img { width: 132px; height: auto; object-fit: contain; }
.seller-source-login-card h1 { margin-bottom: 8px; color: #252d3a; font-size: 23px; }
.seller-source-login-card .seller-login-note { margin-bottom: 24px; color: #8b95a3; font-size: 14px; }
.seller-source-login-card .field { margin-bottom: 18px; }
.seller-source-login-card label { color: #3c4655; font-size: 13px; font-weight: 600; }
.seller-source-login-card .input { min-height: 43px; border-color: #dfe5ed; border-radius: 4px; }
.seller-source-login-card .phone-input-row { grid-template-columns: 64px 1fr; }
.seller-source-login-card .phone-input-row span { border-radius: 4px 0 0 4px; background: #f7f8fa; }
.seller-source-login-card .phone-input-row .input { border-radius: 0 4px 4px 0; }
.seller-source-login-card .text-muted { display: block; margin-top: 7px; line-height: 1.55; }
.seller-source-login-card .primary-btn { min-height: 43px; border-radius: 4px; background: #128bf2; }
.seller-source-login-card .primary-btn:hover { background: #0877d6; }
.seller-source-login-card .seller-register-link { margin-top: 22px; }
.seller-source-login-card .seller-register-link a { font-weight: 700; }
.seller-login-footer { flex: 0 0 auto; margin-top: 0; }

@media (max-width: 1050px) {
  .seller-login-shop-header { grid-template-columns: 170px minmax(0,1fr); }
  .seller-login-shop-header .shop-tools { grid-column: 1 / -1; justify-content: center; }
}

@media (max-width: 720px) {
  .seller-login-utility { padding: 0 14px; gap: 10px; overflow-x: auto; }
  .seller-login-utility a { padding: 0 10px; white-space: nowrap; }
  .seller-login-shop-header { padding: 18px 14px; grid-template-columns: 1fr; }
  .seller-login-shop-header .shop-logo { justify-self: center; }
  .seller-login-shop-header .shop-search { width: 100%; max-width: none; }
  .seller-login-shop-header .shop-tools { width: 100%; justify-content: space-between; gap: 10px; }
  .seller-login-shop-header .shop-tools a { min-width: 0; }
  .seller-source-login-page .seller-login-main { padding: 28px 16px 42px; }
  .seller-source-login-card { padding: 26px 22px 24px; }
  .seller-login-footer { grid-template-columns: 1fr; }
}

.market-support-fab,.seller-support-fab { position: fixed; right: 24px; bottom: 24px; z-index: 140; width: 58px; height: 58px; display: grid; place-items: center; color: #20202e; background: #fff; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 10px 28px rgba(6,123,148,.32); cursor: grab; touch-action: none; user-select: none; transition: background .18s ease,transform .18s ease; }
.shop-tools { gap: 16px; }
.shop-tools a { min-width: 66px; }
.market-support-fab:hover,.seller-support-fab:hover { color: #20202e; background: #f6f7fb; transform: translateY(-2px); }
.market-support-fab .mobile-nav-svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.market-support-headset-icon,.seller-support-headset-icon { width: 39px; height: 39px; fill: currentColor; }
.market-support-fab > i,.seller-support-fab > i { position: absolute; top: 3px; right: 3px; width: 11px; height: 11px; background: #22c55e; border: 2px solid #fff; border-radius: 50%; }
.market-support-fab::after,.seller-support-fab::after { content: "在线客服"; position: absolute; right: 68px; top: 50%; width: max-content; padding: 7px 10px; color: #fff; background: #172033; border-radius: 4px; font-size: 13px; line-height: 1; opacity: 0; pointer-events: none; transform: translate(6px,-50%); transition: opacity .18s ease,transform .18s ease; }
.market-support-fab:hover::after,.market-support-fab:focus-visible::after,.seller-support-fab:hover::after,.seller-support-fab:focus-visible::after { opacity: 1; transform: translate(0,-50%); }
.market-support-fab.is-dragging,.seller-support-fab.is-dragging { cursor: grabbing; transform: none; transition: none; }
@media (max-width: 920px) { .seller-support-fab.seller-login-support-fab { bottom: 78px; } }
.market-support-page { padding: 32px 0 48px; }
.market-support-heading { max-width: 680px; margin-bottom: 26px; }
.market-support-heading span { color: #7b20ee; font-size: 13px; font-weight: 700; }
.market-support-heading h1 { margin: 6px 0 8px; color: #111827; font-size: 30px; letter-spacing: 0; }
.market-support-heading p { margin: 0; color: #667085; line-height: 1.7; }
.market-support-layout { display: grid; grid-template-columns: minmax(280px,360px) minmax(0,1fr); gap: 22px; align-items: start; }
.market-support-compose,.market-support-ticket,.market-support-empty { border: 1px solid #e3e7ee; border-radius: 6px; background: #fff; }
.market-support-compose { padding: 22px; display: grid; gap: 16px; }
.market-support-compose h2,.market-support-history-head h2 { margin: 0; color: #172033; font-size: 18px; letter-spacing: 0; }
.market-support-compose label { display: grid; gap: 7px; color: #384152; font-size: 13px; font-weight: 600; }
.market-support-compose input,.market-support-compose textarea,.market-support-reply input { width: 100%; border: 1px solid #d9dee7; border-radius: 5px; padding: 11px 12px; color: #172033; background: #fff; font: inherit; outline: 0; }
.market-support-compose textarea { resize: vertical; min-height: 140px; }
.market-support-compose input:focus,.market-support-compose textarea:focus,.market-support-reply input:focus { border-color: #24b4cf; box-shadow: 0 0 0 3px rgba(36,180,207,.12); }
.market-support-compose button,.market-support-reply button { border: 0; border-radius: 5px; color: #fff; background: #24a9c1; font-weight: 700; cursor: pointer; }
.market-support-compose button { height: 44px; }
.market-support-compose button:disabled,.market-support-reply button:disabled { opacity: .6; cursor: wait; }
.market-support-history { display: grid; gap: 14px; }
.market-support-history-head { min-height: 42px; display: flex; align-items: center; justify-content: space-between; }
.market-support-history-head span { min-width: 34px; height: 26px; display: grid; place-items: center; border-radius: 13px; color: #8b3d0a; background: #fff0dc; font-size: 12px; font-weight: 700; }
.market-support-ticket { overflow: hidden; }
.market-support-ticket > header { min-height: 64px; padding: 13px 17px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid #edf0f4; }
.market-support-ticket > header div { min-width: 0; display: grid; gap: 4px; }
.market-support-ticket > header strong { overflow: hidden; color: #172033; text-overflow: ellipsis; white-space: nowrap; }
.market-support-ticket > header small { color: #8992a3; }
.market-support-ticket > header > span { flex: 0 0 auto; padding: 5px 9px; border-radius: 4px; color: #116b3b; background: #e5f7ed; font-size: 12px; }
.market-support-thread { max-height: 380px; padding: 16px; display: grid; gap: 11px; overflow-y: auto; background: #f7f9fc; }
.market-support-message { max-width: 86%; padding: 11px 13px; border-radius: 6px; background: #fff; border: 1px solid #e4e8ef; }
.market-support-message.customer { justify-self: end; border-color: #c9eef4; background: #effbfc; }
.market-support-message > div { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.market-support-message b { color: #293245; font-size: 12px; }
.market-support-message small { color: #929aaa; font-size: 10px; }
.market-support-message p { margin: 7px 0 0; color: #3c4658; line-height: 1.55; word-break: break-word; }
.market-support-reply { padding: 12px; display: grid; grid-template-columns: minmax(0,1fr) 72px; gap: 8px; border-top: 1px solid #edf0f4; }
.market-support-empty { padding: 54px 24px; color: #657086; text-align: center; }
.market-support-empty strong { color: #293245; }
.market-support-empty p { margin: 7px 0 0; }
.market-live-support { min-height: 680px; height: calc(100vh - 250px); margin: 26px 0 46px; display: grid; grid-template-columns: 292px minmax(0,1fr); overflow: hidden; border: 1px solid #dfe4eb; border-radius: 6px; background: #fff; box-shadow: 0 10px 34px rgba(30,42,62,.07); }
.market-live-sessions { min-width: 0; display: flex; flex-direction: column; border-right: 1px solid #e5e9ef; background: #fff; }
.market-live-sessions > header { min-height: 68px; padding: 0 15px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 1px solid #edf0f4; }
.market-live-sessions > header > div { display: grid; gap: 3px; }
.market-live-sessions > header strong { color: #172033; font-size: 17px; }
.market-live-sessions > header span,.market-live-chat-head span { color: #7d8797; font-size: 11px; }
.market-live-sessions > header i,.market-live-chat-head i { width: 7px; height: 7px; margin-right: 4px; display: inline-block; border-radius: 50%; background: #22c55e; }
.market-live-sessions > header button { height: 34px; padding: 0 11px; border: 1px solid #bee7ee; border-radius: 4px; color: #087e96; background: #effbfd; cursor: pointer; font-weight: 700; }
.market-live-session-list { min-height: 0; flex: 1; overflow-y: auto; }
.market-live-session { width: 100%; min-height: 76px; padding: 12px 13px; display: grid; grid-template-columns: 38px minmax(0,1fr) auto; align-items: center; gap: 10px; border: 0; border-bottom: 1px solid #edf0f4; text-align: left; background: #fff; cursor: pointer; }
.market-live-session:hover { background: #f8fbfd; }
.market-live-session.active { background: #eef9fc; box-shadow: inset 3px 0 #22a9c1; }
.market-support-avatar { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #1da7bf; font-weight: 800; }
.market-live-session > span:nth-child(2) { min-width: 0; display: grid; gap: 5px; }
.market-live-session b,.market-live-session small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.market-live-session b { color: #273140; font-size: 13px; }
.market-live-session small { color: #818b9b; font-size: 11px; }
.market-live-session time { align-self: start; color: #9aa3b1; font-size: 9px; white-space: nowrap; }
.market-live-no-session { padding: 46px 18px; display: grid; gap: 7px; color: #8a94a4; text-align: center; font-size: 12px; }
.market-live-no-session b { color: #4d5869; }
.market-live-chat { min-width: 0; display: flex; flex-direction: column; background: #f5f7fa; }
.market-live-chat-head { min-height: 68px; padding: 0 20px; display: flex; align-items: center; gap: 11px; border-bottom: 1px solid #e4e9ef; background: #fff; }
.market-live-chat-head > div { display: grid; gap: 4px; }
.market-live-chat-head strong { color: #172033; font-size: 15px; }
.market-live-chat-head em { margin-left: auto; padding: 5px 9px; border-radius: 4px; color: #127345; background: #e4f7ec; font-size: 11px; font-style: normal; }
.market-live-messages { min-height: 0; flex: 1; padding: 22px 28px; overflow-y: auto; }
.market-live-welcome { width: max-content; max-width: 90%; margin: 0 auto 24px; padding: 8px 13px; display: grid; gap: 3px; border-radius: 5px; color: #707b8d; background: #e8edf3; text-align: center; font-size: 11px; }
.market-live-welcome b { color: #475366; }
.market-live-message { margin-bottom: 17px; display: flex; flex-direction: column; align-items: flex-start; }
.market-live-message.customer { align-items: flex-end; }
.market-live-bubble { max-width: min(74%,680px); padding: 11px 13px; border: 1px solid #dde3eb; border-radius: 6px; color: #344054; background: #fff; box-shadow: 0 2px 5px rgba(35,48,68,.04); }
.market-live-message.customer .market-live-bubble { color: #fff; border-color: #168ead; background: #168ead; }
.market-live-bubble p { margin: 0; line-height: 1.65; word-break: break-word; }
.market-live-bubble a { margin-top: 8px; display: block; }
.market-live-bubble img { display: block; max-width: 280px; max-height: 280px; border-radius: 4px; object-fit: contain; background: #fff; }
.market-live-message > span { margin-top: 5px; color: #98a1af; font-size: 10px; }
.market-live-composer { padding: 10px 14px 14px; border-top: 1px solid #e2e7ed; background: #fff; }
.market-live-composer > div:last-child { display: grid; grid-template-columns: 38px minmax(0,1fr) 78px; align-items: end; gap: 9px; }
.market-live-composer label { width: 38px; height: 40px; display: grid; place-items: center; border: 1px solid #dce3eb; border-radius: 5px; color: #687487; background: #fff; cursor: pointer; }
.market-live-composer label .mobile-nav-svg { width: 19px; height: 19px; }
.market-live-composer textarea { min-height: 42px; max-height: 110px; padding: 10px 12px; resize: vertical; border: 1px solid #dce2ea; border-radius: 5px; outline: 0; color: #273140; font: inherit; }
.market-live-composer textarea:focus { border-color: #28aec6; box-shadow: 0 0 0 3px rgba(40,174,198,.11); }
.market-live-composer button,.market-live-onboarding form > button { border: 0; border-radius: 5px; color: #fff; background: #169fba; cursor: pointer; font-weight: 700; }
.market-live-composer button { height: 42px; }
.market-live-composer button:disabled,.market-live-onboarding form > button:disabled { opacity: .55; cursor: wait; }
.market-live-upload-preview { margin-bottom: 9px; min-height: 48px; padding: 6px 9px; display: flex; align-items: center; gap: 8px; border: 1px solid #dce5ec; border-radius: 5px; color: #697386; background: #f8fafc; font-size: 12px; }
.market-live-upload-preview img,.market-live-create-upload [data-market-support-upload-preview] img { width: 42px; height: 42px; border-radius: 4px; object-fit: cover; }
.market-live-onboarding { min-height: 0; flex: 1; padding: 30px; overflow-y: auto; }
.market-live-onboarding > .market-live-welcome { margin-bottom: 22px; }
.market-live-onboarding form { max-width: 560px; margin: 0 auto; padding: 23px; display: grid; gap: 15px; border: 1px solid #e0e5ec; border-radius: 6px; background: #fff; }
.market-live-onboarding form > label { display: grid; gap: 7px; color: #465164; font-size: 12px; font-weight: 700; }
.market-live-onboarding input,.market-live-onboarding textarea { width: 100%; padding: 10px 11px; border: 1px solid #dce2ea; border-radius: 5px; outline: 0; color: #273140; font: inherit; }
.market-live-onboarding input:focus,.market-live-onboarding textarea:focus { border-color: #28aec6; box-shadow: 0 0 0 3px rgba(40,174,198,.11); }
.market-live-onboarding textarea { resize: vertical; }
.market-live-onboarding form > button { height: 43px; }
.market-live-create-upload { display: flex; align-items: center; gap: 10px; }
.market-live-create-upload > label { height: 36px; padding: 0 10px; display: inline-flex; align-items: center; gap: 6px; border: 1px solid #dce3eb; border-radius: 5px; color: #596579; cursor: pointer; font-size: 12px; }
.market-live-create-upload .mobile-nav-svg { width: 17px; height: 17px; }
.market-live-create-upload [data-market-support-upload-preview] { min-width: 0; flex: 1; display: flex; align-items: center; gap: 8px; color: #748093; font-size: 11px; }
.seller-affiliate-invite { padding: 20px 22px; display: grid; grid-template-columns: minmax(220px,.75fr) minmax(320px,1.25fr); gap: 22px; align-items: center; }
.seller-affiliate-invite > div:first-child { display: grid; gap: 5px; }
.seller-affiliate-invite span { color: #667085; font-size: 12px; }
.seller-affiliate-invite strong { color: #172033; font-size: 24px; }
.seller-affiliate-invite p { margin: 0; color: #667085; font-size: 12px; }
.seller-affiliate-invite .invite { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 9px; }
.seller-affiliate-invite .primary-btn { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }

@media (max-width: 760px) {
  .shop-header > .shop-logo,.shop-header > .shop-search,.shop-header > .shop-tools { width: 100%; min-width: 0; }
  .shop-logo { justify-self: start; }
  .shop-tools { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 6px; }
  .shop-tools a { min-width: 0; justify-content: center; }
  .market-support-fab,.seller-support-fab { right: 12px; bottom: 14px; width: 50px; height: 50px; }
  .market-support-fab { bottom: 78px; }
  .market-support-page { padding: 18px 0 30px; }
  .market-support-heading h1 { font-size: 25px; }
  .market-support-layout { grid-template-columns: 1fr; }
  .market-support-message { max-width: 94%; }
  .market-live-support { height: auto; min-height: 720px; margin: 14px 0 28px; grid-template-columns: 1fr; grid-template-rows: auto minmax(560px,1fr); }
  .market-live-sessions { border-right: 0; border-bottom: 1px solid #e5e9ef; }
  .market-live-session-list { display: flex; overflow-x: auto; }
  .market-live-session { min-width: 230px; border-right: 1px solid #edf0f4; border-bottom: 0; }
  .market-live-chat-head { padding: 0 12px; }
  .market-live-chat-head em { display: none; }
  .market-live-messages { padding: 18px 12px; }
  .market-live-bubble { max-width: 88%; }
  .market-live-onboarding { padding: 18px 12px; }
  .market-live-onboarding form { padding: 17px; }
  .seller-affiliate-invite { grid-template-columns: 1fr; }
  .seller-affiliate-invite .invite { grid-template-columns: 1fr; }
}

@media (max-width: 980px) {
  .seller-catalog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-storehouse-filters { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .order-card-head { padding: 14px; grid-template-columns: 1fr; }
  .order-filter-grid { display: grid; grid-template-columns: 1fr; }
  .order-filter-grid .input,.order-filter-grid .select { width: 100%; min-width: 0; }
  .order-table-wrap { padding: 14px; overflow: visible; }
  .seller-order-desktop-table { display: none; }
  .seller-order-mobile-list { display: grid; gap: 12px; }
}

@media (max-width: 640px) {
  .seller-catalog-bulkbar { align-items: stretch; flex-direction: column; }
  .seller-catalog-bulk-add { width: 100%; }
  .seller-catalog-grid { padding: 14px; grid-template-columns: 1fr; }
  .seller-catalog-card-preview { height: 260px; }
  .order-detail-grid { grid-template-columns: 1fr; }
}

.market-profile-wallet { align-items: center; gap: 10px; }
.market-profile-wallet a { margin-left: auto; padding: 6px 10px; border-radius: 3px; color: white; background: #7220f1; font-size: 12px; font-weight: 700; }
.market-withdraw-layout { display: grid; grid-template-columns: minmax(260px,.8fr) minmax(0,1.2fr); gap: 20px; }
.market-withdraw-form,.market-withdraw-history { padding: 20px; border: 1px solid #e6e0ea; }
.market-withdraw-form { display: grid; align-content: start; gap: 13px; }
.market-withdraw-form h2,.market-withdraw-history h2 { margin: 0 0 4px; font-size: 18px; }
.market-withdraw-form label { display: grid; gap: 7px; color: #5f5764; font-size: 12px; font-weight: 700; }
.market-withdraw-form input { width: 100%; padding: 11px 12px; border: 1px solid #ddd5e4; font: inherit; }
.market-withdraw-form p { margin: 0; color: #817987; font-size: 12px; line-height: 1.55; }
.market-withdraw-form button { padding: 11px 16px; border: 0; color: white; background: #7220f1; font-weight: 700; cursor: pointer; }
.market-withdraw-form button:disabled { cursor: not-allowed; opacity: .55; }
.market-withdraw-list { display: grid; gap: 10px; }
.market-withdraw-list article { padding: 12px 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid #eeeaf1; }
.market-withdraw-list article > div { display: grid; gap: 5px; }
.market-withdraw-list article > div:last-child { text-align: right; }
.market-withdraw-list b { font-size: 16px; }
.market-withdraw-list span { color: #745b1a; font-size: 12px; font-weight: 700; }
.market-withdraw-list small { color: #8b8490; font-size: 11px; }

@media (max-width: 760px) {
  .market-withdraw-layout { grid-template-columns: 1fr; }
}