:root{
  --bg:#070809;--bg-2:#0d0f12;--glass:rgba(21,23,27,.68);--glass-strong:rgba(25,27,32,.86);
  --glass-soft:rgba(255,255,255,.045);--line:rgba(255,255,255,.115);--line-strong:rgba(255,255,255,.20);
  --text:#f7f8fa;--muted:#969ba6;--accent:#ff7a00;--accent-soft:rgba(255,122,0,.14);
  --green:#39d98a;--red:#ff5c67;--gold:#ffb02e;--shadow:0 28px 80px rgba(0,0,0,.42);
  --radius:24px;--radius-sm:16px;--blur:28px;
}
*{box-sizing:border-box}
html{color-scheme:dark;background:var(--bg);scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:
 radial-gradient(circle at 10% -10%,rgba(255,122,0,.14),transparent 28%),
 radial-gradient(circle at 90% 10%,rgba(86,101,255,.09),transparent 27%),
 linear-gradient(150deg,#050607 0%,#0b0d10 52%,#050607 100%);
 color:var(--text);font:14px/1.45 -apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",sans-serif;
 letter-spacing:-.01em;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}a:hover{text-decoration:none}
button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}
.hidden{display:none!important}.muted{color:var(--muted)}
.app-shell{min-height:100vh;display:grid;grid-template-columns:268px minmax(0,1fr);gap:14px;padding:14px}
.glass-sidebar,.top,.hero,.panel,.table-card,.offer-sheet,.checkout,.side-chat,.modal-card,.sheet-card,.profile-hero,.docs-layout,.admin-loading{
 background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025));
 border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),var(--shadow);backdrop-filter:blur(var(--blur)) saturate(145%);-webkit-backdrop-filter:blur(var(--blur)) saturate(145%)}
.glass-sidebar{position:sticky;top:14px;height:calc(100vh - 28px);border-radius:30px;padding:18px 14px;display:flex;flex-direction:column;overflow:hidden;z-index:30}
.glass-sidebar:before,.top:before,.hero:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.10),transparent 28%,transparent 72%,rgba(255,122,0,.035))}
.sidebar-brand{position:relative;display:flex;align-items:center;gap:12px;padding:6px 8px 22px;font-size:22px;font-weight:850;letter-spacing:-.035em}
.brand-orb{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 35% 30%,#ffbd6d,#ff7a00 34%,#6f2600 70%,#17100a);box-shadow:inset 0 1px 1px rgba(255,255,255,.55),0 0 28px rgba(255,122,0,.28)}
.brand-orb svg{width:22px;height:22px}.sidebar-brand b{color:var(--accent)}
.side-nav{display:grid;gap:7px;position:relative}.side-nav a,.side-link{min-height:48px;border:1px solid transparent;border-radius:17px;padding:0 14px;display:flex;align-items:center;gap:12px;color:#b4b8c1;font-weight:650;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}
.side-nav a:hover,.side-link:hover{color:#fff;background:rgba(255,255,255,.055);transform:translateX(2px)}
.side-nav a.active{color:#fff;background:linear-gradient(135deg,rgba(255,122,0,.18),rgba(255,255,255,.055));border-color:rgba(255,122,0,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 30px rgba(255,122,0,.09)}
.side-nav svg,.side-link svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.side-nav .badge{margin-left:auto}.sidebar-spacer{flex:1}.sidebar-card{border:1px solid var(--line);border-radius:21px;padding:15px;margin:12px 0;background:rgba(255,255,255,.035)}
.sidebar-card strong{display:block;font-size:13px;margin-bottom:5px}.sidebar-balance{font-size:21px;font-weight:820;color:#fff}.sidebar-caption{font-size:12px;color:var(--muted)}
.language-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;background:rgba(0,0,0,.28);border:1px solid var(--line);border-radius:15px}
.language-switch button{height:34px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-size:12px;font-weight:760;transition:.15s ease}
.language-switch button.active{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.workspace{min-width:0}.top{height:76px;border-radius:28px;position:sticky;top:14px;z-index:25;overflow:visible}.top .wrap{height:100%;width:100%;max-width:none;padding:0 18px;display:flex;align-items:center;gap:14px;position:relative}.top .brand{display:none}
.nav{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.nav>a{display:none}.search{height:48px;max-width:680px;flex:1;border:1px solid var(--line);border-radius:17px;background:rgba(0,0,0,.26);padding:0 18px;outline:none;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.055)}
.search:focus{border-color:rgba(255,255,255,.28);box-shadow:0 0 0 4px rgba(255,255,255,.045),inset 0 1px 0 rgba(255,255,255,.08)}
.search::placeholder{color:#737984}.top-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.sell-quick{min-height:46px;padding:0 17px;border-radius:16px}.right{display:flex;align-items:center;gap:8px;position:relative}.theme{display:none!important}
.profile-btn{height:48px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.045);display:flex;align-items:center;gap:9px;padding:5px 7px 5px 14px;font-weight:720}.profile-btn:hover{background:rgba(255,255,255,.075)}
.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#2c3037,#111317);color:#fff;font-weight:800;border:1px solid rgba(255,255,255,.16);flex:none}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.big{width:126px;height:126px;font-size:40px}.avatar-wrap{position:relative;width:126px}.avatar-edit{position:absolute;right:3px;bottom:3px;width:38px;height:38px;border-radius:50%;background:var(--accent);display:grid;place-items:center;border:4px solid #111;color:#fff}
.menu{position:absolute;top:58px;right:0;width:280px;padding:10px;border:1px solid var(--line);border-radius:20px;background:rgba(16,18,22,.94);box-shadow:var(--shadow);backdrop-filter:blur(24px);opacity:0;transform:translateY(-5px) scale(.98);pointer-events:none;transition:.16s ease;transform-origin:top right}.menu.open{opacity:1;transform:none;pointer-events:auto}.menu-head{display:flex;gap:10px;padding:8px 8px 12px;border-bottom:1px solid var(--line);margin-bottom:7px}.menu button{width:100%;min-height:42px;text-align:left;border:0;border-radius:13px;background:transparent;padding:0 11px}.menu button:hover{background:rgba(255,255,255,.06)}
.hero{position:relative;border-radius:28px;margin-top:14px;padding:13px 16px;overflow:hidden}.hero .wrap{width:100%;max-width:none}.cats{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none}.cats::-webkit-scrollbar{display:none}.cat{flex:0 0 auto}.cat h2{margin:0}.cat h2 a{display:flex;align-items:center;min-height:44px;padding:0 16px;border-radius:15px;border:1px solid var(--line);background:rgba(255,255,255,.035);font-size:14px;font-weight:720}.cat h2 a:hover{border-color:rgba(255,122,0,.42);background:var(--accent-soft)}.cat-links{display:none}
.wrap{width:min(1320px,calc(100% - 20px));margin:0 auto}.main{padding:22px 0 44px}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.page-title h1,.panel>h1{font-size:clamp(28px,3vw,46px);letter-spacing:-.045em;line-height:1.02;margin:0;font-weight:830}.page-title p{margin:7px 0 0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:var(--accent);font-weight:800}
.btn,.chip{min-height:44px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.055);padding:0 15px;color:#f4f5f6;font-weight:720;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease}.btn:hover,.chip:hover{transform:translateY(-1px);background:rgba(255,255,255,.085);border-color:var(--line-strong)}.btn.primary,.chip.active{background:#f6f7f8;border-color:#f6f7f8;color:#111317;box-shadow:0 12px 35px rgba(255,255,255,.10)}.btn.primary:hover{background:#fff}.btn.danger{color:#ff858d;border-color:rgba(255,92,103,.25);background:rgba(255,92,103,.06)}.compact-btn{min-height:34px;border-radius:12px;padding:0 11px;font-size:12px}
.filters{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.filter-left{display:flex;gap:7px;flex-wrap:wrap}
.bubbles{display:flex;gap:9px;align-items:center;overflow-x:auto;margin:0 0 18px;padding-bottom:2px;scrollbar-width:none}.bubbles::-webkit-scrollbar{display:none}.bubble{flex:0 0 auto;min-width:138px;min-height:74px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.035);display:grid;place-items:center;text-align:center;font-weight:760;padding:12px 18px}.bubble:hover,.bubble.active{background:rgba(255,255,255,.09);border-color:rgba(255,122,0,.45)}.bubble small{display:block;color:var(--muted);font-weight:550;margin-top:4px}
.table-card{border-radius:26px;overflow:hidden}.lot-head,.lot-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,220px) 84px 112px;gap:16px;align-items:center}.lot-head{padding:12px 18px;color:#7f858e;font-size:11px;text-transform:uppercase;letter-spacing:.09em;border-bottom:1px solid var(--line)}.lot-row{margin:8px;padding:15px 12px;border:1px solid transparent;border-radius:19px;transition:.14s ease}.lot-row+.lot-row{border-top-color:transparent}.lot-row:hover{background:rgba(255,255,255,.052);border-color:var(--line);transform:translateY(-1px)}.lot-copy,.lot-title-line{min-width:0}.lot-title{display:block;color:#fff;font-size:15px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lot-meta{margin-top:5px;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seller{display:flex;align-items:center;gap:9px;min-width:0}.seller>div{min-width:0}.seller-name{display:block;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seller-meta{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(57,217,138,.7);margin-right:4px}.qty,.price{text-align:right;font-weight:760}.price{font-size:16px}.price-cell{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.price-auto,.auto-mark{color:var(--accent);font-size:18px;font-weight:900;line-height:1;filter:drop-shadow(0 0 8px rgba(255,122,0,.34))}.auto-badge{display:none!important}
.panel,.offer-sheet,.checkout,.profile-hero,.admin-loading{border-radius:26px;padding:20px}.empty{padding:52px 22px;border:1px dashed rgba(255,255,255,.14);border-radius:24px;text-align:center;color:var(--muted);background:rgba(255,255,255,.022)}
input,textarea,select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:15px;background:rgba(0,0,0,.24);padding:10px 13px;outline:none;transition:.14s ease;color:#fff}input:focus,textarea:focus,select:focus{border-color:rgba(255,255,255,.34);box-shadow:0 0 0 4px rgba(255,255,255,.045)}input::placeholder,textarea::placeholder{color:#686e77}textarea{min-height:110px;resize:vertical}select option{background:#17191d;color:#fff}.field{display:grid;gap:7px;margin-bottom:12px}.field label,.detail-label{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#878d97;font-weight:720}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.offer-detail{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:16px}.big-title{font-size:clamp(28px,4vw,52px);line-height:1.03;letter-spacing:-.05em;margin:0}.detail-title-row{display:flex;align-items:flex-start;gap:10px}.detail-block{padding:0;margin:0 0 24px}.desc{font-size:15px;line-height:1.65;white-space:pre-wrap;color:#e6e8eb}.purchase-card{padding:16px;border:1px solid var(--line);border-radius:21px;background:rgba(255,255,255,.035)}.offer-actions,.row-actions,.boost-cell{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.offer-actions,.row-actions{justify-content:flex-end}
.side-chat{height:600px;border-radius:26px;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.side-head{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.chat{padding:14px;background:rgba(0,0,0,.17);overflow:auto}.chat-input{display:grid;grid-template-columns:1fr 46px;gap:8px;padding:12px;border-top:1px solid var(--line)}.msg{max-width:78%;margin:0 0 8px;padding:9px 11px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.055);white-space:pre-wrap}.msg.me{margin-left:auto;background:rgba(255,122,0,.13);border-color:rgba(255,122,0,.24)}
.profile-hero{overflow:hidden}.profile-head{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:22px}.profile-name{font-size:clamp(28px,3vw,46px);font-weight:820;letter-spacing:-.045em}.profile-offer{display:grid;grid-template-columns:minmax(0,1fr) 90px auto;gap:14px;align-items:center;padding:14px 16px;border-top:1px solid var(--line)}.profile-offer>a{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-qty{text-align:right;color:var(--muted)}.offer-group h2{padding:16px;margin:0;font-size:15px;border-bottom:1px solid var(--line)}
.checkout{max-width:680px;margin:0 auto}.checkout-title{font-size:30px;font-weight:820;letter-spacing:-.04em;margin:12px 0 18px}.checkout-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.checkout-pay{width:100%;min-height:52px;margin-top:18px}.checkout-id{color:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.finance-head{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-bottom:16px}.finance-head h1{font-size:42px;margin:0}.finance-actions{display:grid;grid-template-columns:minmax(160px,1fr) 1fr auto auto;gap:10px;margin:16px 0}.finance-table{width:100%;border-collapse:separate;border-spacing:0 8px}.finance-table th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:0 13px}.finance-table td{padding:14px 13px;background:rgba(255,255,255,.035);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.finance-table td:first-child{border-left:1px solid var(--line);border-radius:15px 0 0 15px}.finance-table td:last-child{border-right:1px solid var(--line);border-radius:0 15px 15px 0}.info-line{padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03)}
.messages-layout{display:grid;grid-template-columns:330px minmax(0,1fr);height:690px;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:rgba(255,255,255,.025)}.dialog-list{border-right:1px solid var(--line);overflow:auto}.dialog{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:13px 15px;border-bottom:1px solid var(--line)}.dialog:hover,.dialog.active{background:rgba(255,255,255,.06)}.dialog-main{min-width:0}.dialog-main .muted{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messages-layout>.side-chat{height:auto;border:0;border-radius:0;box-shadow:none;background:transparent}
.docs-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px;border-radius:26px;padding:16px}.docs-nav{display:grid;gap:6px;align-content:start}.docs-nav a{padding:11px 13px;border-radius:13px;color:var(--muted)}.docs-nav a.active,.docs-nav a:hover{color:#fff;background:rgba(255,255,255,.07)}.docs-content{padding:8px 12px}.docs-content pre{overflow:auto;padding:14px;border:1px solid var(--line);border-radius:16px;background:#08090b}
.admin-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.admin-row,.admin-lot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.admin-user-link{display:flex;align-items:center;gap:10px;min-width:0}.admin-user-link span:last-child{min-width:0}.admin-user-link small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-summary{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:14px;margin-bottom:16px}.admin-user-summary>div:not(.row-actions){padding:13px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.03)}
.modal,.sheet{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.64);backdrop-filter:blur(12px)}.modal-card,.sheet-card{width:min(620px,100%);max-height:90vh;overflow:auto;border-radius:28px;padding:20px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.modal-head h2{font-size:25px;margin:0}.close{width:40px;height:40px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.055);font-size:22px}.auth-tabs,.pay-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}.pay-methods{grid-template-columns:repeat(3,1fr)}.auth-tab,.pay-method{min-height:50px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035)}.auth-tab.active,.pay-method.active{background:#fff;color:#111;border-color:#fff}.method-ico img{width:22px;height:22px}.toast{position:fixed;top:25px;left:50%;z-index:120;transform:translateX(-50%);padding:11px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(22,24,28,.93);box-shadow:var(--shadow);backdrop-filter:blur(20px);color:#fff}.badge{min-width:19px;height:19px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;background:var(--accent);color:#fff;font-size:10px;font-weight:850}.balance-badge{background:rgba(255,122,0,.15);color:#ff9a42;border:1px solid rgba(255,122,0,.22)}
.mobile-menu{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.05);place-items:center}.mobile-menu svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}.sidebar-backdrop{display:none}.route-progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--accent);z-index:150;opacity:0;transition:width .18s ease,opacity .18s ease}.route-progress.active{width:62%;opacity:1}
@media(max-width:1050px){.app-shell{grid-template-columns:230px minmax(0,1fr)}.glass-sidebar{padding:15px 10px}.lot-head,.lot-row{grid-template-columns:minmax(0,1fr) minmax(150px,190px) 70px 98px}.offer-detail{grid-template-columns:1fr}.side-chat{height:480px}.admin-layout{grid-template-columns:1fr}}
@media(max-width:820px){.app-shell{display:block;padding:10px}.glass-sidebar{position:fixed;left:10px;top:10px;bottom:10px;width:min(310px,calc(100vw - 40px));height:auto;transform:translateX(calc(-100% - 24px));transition:transform .2s ease;z-index:100}.glass-sidebar.open{transform:none}.sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(5px);z-index:90}.sidebar-backdrop.open{display:block}.top{top:10px}.mobile-menu{display:grid}.sell-quick{display:none}.top .wrap{padding:0 12px}.main{padding-top:17px}.hero{margin-top:10px}.wrap{width:calc(100% - 8px)}.lot-head{display:none}.lot-row{grid-template-columns:minmax(0,1fr) auto;margin:7px;padding:13px}.lot-row .seller{grid-column:1/3}.qty{display:none}.price-cell{align-items:flex-end}.messages-layout{grid-template-columns:1fr;height:auto}.dialog-list{max-height:320px;border-right:0;border-bottom:1px solid var(--line)}.messages-layout>.side-chat{height:520px}.docs-layout{grid-template-columns:1fr}.docs-nav{display:flex;overflow-x:auto}.profile-head{grid-template-columns:1fr}.profile-offer{grid-template-columns:1fr}.profile-qty{text-align:left}.finance-actions{grid-template-columns:1fr 1fr}.finance-actions span{display:none}.admin-user-summary{grid-template-columns:1fr 1fr}.admin-user-summary .row-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:560px){.app-shell{padding:7px}.top{height:68px;border-radius:22px}.search{min-width:0;height:44px}.profile-btn{padding-left:6px}.profile-btn #profileLoginText{display:none}.hero{border-radius:22px}.main{padding-bottom:28px}.page-title{align-items:flex-start;flex-direction:column}.page-title h1,.panel>h1{font-size:31px}.grid-2,.pay-methods,.auth-tabs{grid-template-columns:1fr}.table-card,.panel,.offer-sheet,.checkout,.profile-hero{border-radius:22px}.lot-row{grid-template-columns:minmax(0,1fr) 80px}.lot-row .seller{grid-column:1/3}.finance-actions{grid-template-columns:1fr}.finance-table{display:block;overflow:auto}.admin-row,.admin-lot{align-items:flex-start;flex-direction:column}.row-actions{justify-content:flex-start}.profile-head{gap:14px}.avatar.big,.avatar-wrap{width:92px;height:92px}.big-title{font-size:32px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* v2.0.1 coherent catalog */
:root{
  --radius:26px;
  --radius-sm:17px;
  --glass:rgba(18,20,24,.76);
  --glass-strong:rgba(23,25,30,.92);
}
body{
  background:
    radial-gradient(900px 520px at 12% -8%,rgba(255,122,0,.15),transparent 60%),
    radial-gradient(760px 520px at 88% 3%,rgba(128,142,255,.08),transparent 62%),
    linear-gradient(145deg,#050607,#0a0c0f 52%,#050607);
}
.workspace{max-width:1700px;width:100%;margin:0 auto}
.hero{padding:10px 12px}
.cats{gap:7px}
.cat h2 a{
  gap:10px;justify-content:space-between;min-width:132px;
  background:rgba(255,255,255,.045);
}
.cat h2 a small{
  min-width:25px;height:25px;border-radius:9px;display:grid;place-items:center;
  background:rgba(255,255,255,.07);color:var(--muted);font-size:11px;
}
.catalog-heading{
  display:flex;justify-content:space-between;align-items:flex-end;gap:28px;
  padding:30px 32px;margin-bottom:12px;border:1px solid var(--line);
  border-radius:28px;background:
    linear-gradient(135deg,rgba(255,255,255,.095),rgba(255,255,255,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 28px 75px rgba(0,0,0,.30);
  backdrop-filter:blur(26px) saturate(140%);
}
.catalog-heading h1{
  max-width:720px;margin:5px 0 10px;font-size:clamp(34px,4.7vw,68px);
  line-height:.98;letter-spacing:-.055em;
}
.catalog-heading p{max-width:650px;margin:0;color:var(--muted);font-size:15px}
.catalog-kicker{color:var(--accent);font-weight:850;font-size:11px;letter-spacing:.16em}
.catalog-sell{flex:none}
.catalog-summary{
  display:flex;justify-content:space-between;gap:16px;padding:10px 17px;margin-bottom:10px;
  color:var(--muted);font-size:12px
}
.market-list{
  overflow:hidden;border:1px solid var(--line);border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.022));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 26px 72px rgba(0,0,0,.28);
  backdrop-filter:blur(24px) saturate(135%);
}
.market-head,.market-row{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,230px) 120px 125px;
  align-items:center;gap:18px;
}
.market-head{
  padding:13px 20px;color:#858b95;font-size:10px;font-weight:800;
  letter-spacing:.11em;text-transform:uppercase;border-bottom:1px solid var(--line);
}
.market-row{
  min-height:92px;margin:8px;padding:13px 12px;border:1px solid transparent;
  border-radius:20px;transition:background .14s ease,border-color .14s ease,transform .14s ease;
}
.market-row:hover{
  background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.08);
  transform:translateY(-1px);
}
.market-product,.market-seller{min-width:0}
.market-title{
  display:block;color:#fff;font-size:14px;font-weight:790;line-height:1.35;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.market-meta{
  margin-top:6px;color:var(--muted);font-size:12px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.market-stock{display:grid;gap:4px}
.market-stock span{color:var(--green);font-size:11px;font-weight:720}
.market-stock b{font-size:12px;color:#c9cdd4}
.market-price{display:grid;justify-items:end;gap:5px}
.market-price>b{font-size:18px;letter-spacing:-.025em}
.market-lightning{color:var(--accent);font-size:19px;font-weight:1000;filter:drop-shadow(0 0 9px rgba(255,122,0,.32))}
.catalog-empty{border:0;background:transparent}
.empty{border-radius:20px}
@media(max-width:950px){
  .market-head,.market-row{grid-template-columns:minmax(0,1fr) 105px}
  .market-head div:nth-child(2),.market-head div:nth-child(3){display:none}
  .market-seller{grid-column:1/2}
  .market-stock{display:none}
  .market-price{grid-column:2;grid-row:1/3}
}
@media(max-width:620px){
  .catalog-heading{padding:23px 20px;align-items:flex-start;flex-direction:column}
  .catalog-heading h1{font-size:38px}
  .catalog-summary{flex-direction:column;gap:4px}
  .market-head{display:none}
  .market-row{min-height:0;padding:14px;margin:7px;grid-template-columns:minmax(0,1fr) 90px}
  .market-price>b{font-size:16px}
}


/* AI Market 2.1 release design
   Audit goals: compact commerce density, clear hierarchy, no giant category cells,
   reversible sidebar, short motion, consistent liquid-glass surfaces. */

:root{
  --shell-gap:12px;
  --sidebar-width:272px;
  --sidebar-collapsed:84px;
  --ease-out:cubic-bezier(.22,1,.36,1);
}
html,body{min-height:100%}
body{background:#060709}
.app-shell{
  grid-template-columns:var(--sidebar-width) minmax(0,1fr)!important;
  gap:var(--shell-gap)!important;
  transition:grid-template-columns .34s var(--ease-out);
}
.app-shell.sidebar-collapsed{
  grid-template-columns:var(--sidebar-collapsed) minmax(0,1fr)!important;
}
.glass-sidebar{
  width:auto;min-width:0;
  transition:padding .34s var(--ease-out),border-radius .34s var(--ease-out);
}
.sidebar-brand-row{display:flex;align-items:center;gap:6px;position:relative}
.sidebar-brand{min-width:0;flex:1;padding-right:2px}
.brand-copy,.side-nav a>span:not(.badge),.side-link>span,.sidebar-card,.language-switch{
  transition:opacity .18s ease,transform .28s var(--ease-out),visibility .18s ease;
}
.sidebar-toggle{
  width:36px;height:36px;flex:none;border:1px solid var(--line);border-radius:13px;
  display:grid;place-items:center;background:rgba(255,255,255,.045);color:#aeb3bd;
  transition:transform .28s var(--ease-out),background .14s ease,color .14s ease;
}
.sidebar-toggle:hover{background:rgba(255,255,255,.09);color:#fff}
.sidebar-toggle svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .34s var(--ease-out)}
.app-shell.sidebar-collapsed .glass-sidebar{padding-left:11px;padding-right:11px}
.app-shell.sidebar-collapsed .brand-copy,
.app-shell.sidebar-collapsed .side-nav a>span:not(.badge),
.app-shell.sidebar-collapsed .side-link>span,
.app-shell.sidebar-collapsed .sidebar-card,
.app-shell.sidebar-collapsed .language-switch{
  opacity:0;visibility:hidden;transform:translateX(-10px);pointer-events:none;
}
.app-shell.sidebar-collapsed .sidebar-brand{padding:5px 0 19px;justify-content:center}
.app-shell.sidebar-collapsed .sidebar-toggle{
  position:absolute;right:-30px;top:7px;background:rgba(15,17,20,.94);
  box-shadow:0 12px 32px rgba(0,0,0,.35)
}
.app-shell.sidebar-collapsed .sidebar-toggle svg{transform:rotate(180deg)}
.app-shell.sidebar-collapsed .side-nav a,.app-shell.sidebar-collapsed .side-link{
  justify-content:center;padding:0
}
.app-shell.sidebar-collapsed .side-nav .badge{
  position:absolute;right:4px;top:4px;transform:scale(.85)
}
.app-shell.sidebar-collapsed .side-nav a{position:relative}
.app-shell.sidebar-collapsed .sidebar-spacer{display:block}

.workspace{min-width:0;max-width:none!important}
.top,.hero,.glass-sidebar{
  background:rgba(14,16,19,.72)!important;
  backdrop-filter:blur(30px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(145%)!important;
}
.top{border-radius:25px!important}
.search{background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.09)!important}
.btn.primary{background:#f4f5f7!important;border-color:#fff!important;color:#111318!important}
.sell-quick{min-width:104px}

.hero{
  padding:8px!important;
  border-radius:24px!important;
  overflow:hidden!important;
}
.hero .wrap{width:100%!important}
.cats{
  display:block!important;
  grid-template-columns:none!important;
  max-width:none!important;
  overflow:visible!important;
}
.category-rail{
  display:flex!important;align-items:center;gap:7px;overflow-x:auto;
  scrollbar-width:none;padding:0;
}
.category-rail::-webkit-scrollbar{display:none}
.cat{display:none!important}
.category-pill{
  flex:0 0 auto;min-height:48px;padding:5px 9px 5px 7px;
  display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.095);
  border-radius:17px;background:rgba(255,255,255,.035);
  transition:background .15s ease,border-color .15s ease,transform .18s var(--ease-out);
}
.category-pill:hover{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.17);transform:translateY(-1px)}
.category-symbol{
  width:34px;height:34px;display:grid;place-items:center;border-radius:12px;
  color:#fff;background:rgba(255,255,255,.065);font-weight:850;font-size:13px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)
}
.category-label{font-weight:740;white-space:nowrap}
.category-count{
  min-width:25px;height:25px;padding:0 7px;display:grid;place-items:center;border-radius:10px;
  color:#9298a2;background:rgba(255,255,255,.055);font-size:11px;font-weight:800
}

.main{padding-top:12px!important}
.market-motion{
  position:relative;height:190px;overflow:hidden;margin-bottom:10px;
  border:1px solid rgba(255,255,255,.105);border-radius:28px;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,122,0,.09),transparent 32%),
    rgba(255,255,255,.026);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 24px 70px rgba(0,0,0,.30);
  isolation:isolate;
}
.motion-mesh{
  position:absolute;inset:0;opacity:.42;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:radial-gradient(circle at center,#000,transparent 74%);
  animation:meshShift 12s linear infinite;
}
.motion-ring{
  position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.12);
  border-radius:50%;transform:translate(-50%,-50%);
}
.ring-a{width:110px;height:110px;animation:ringPulse 5s ease-in-out infinite}
.ring-b{width:210px;height:210px;border-color:rgba(255,122,0,.18);animation:ringTurn 16s linear infinite}
.ring-c{width:330px;height:330px;border-style:dashed;opacity:.45;animation:ringTurn 26s linear reverse infinite}
.motion-core{
  position:absolute;left:50%;top:50%;width:68px;height:68px;transform:translate(-50%,-50%);
  border-radius:24px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 0 55px rgba(255,122,0,.18);
  backdrop-filter:blur(18px);display:grid;place-items:center;
  animation:coreFloat 4.2s ease-in-out infinite;
}
.motion-core span{width:20px;height:20px;border:2px solid #fff;border-radius:50%}
.motion-core i{position:absolute;width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 16px var(--accent)}
.motion-node{
  position:absolute;width:46px;height:46px;border-radius:17px;display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.14);background:rgba(17,19,23,.64);
  backdrop-filter:blur(18px);color:#e8eaee;font-size:12px;font-weight:850;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 16px 40px rgba(0,0,0,.25)
}
.node-a{left:16%;top:28%;animation:nodeFloat 5.8s ease-in-out infinite}
.node-b{left:31%;bottom:14%;animation:nodeFloat 6.6s ease-in-out -1.7s infinite}
.node-c{right:24%;top:18%;animation:nodeFloat 5.3s ease-in-out -2.2s infinite}
.node-d{right:11%;bottom:19%;animation:nodeFloat 7.2s ease-in-out -.8s infinite}
.motion-glint{position:absolute;width:170px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);opacity:.25}
.glint-a{left:-20px;top:54px;transform:rotate(18deg);animation:glint 7s ease-in-out infinite}
.glint-b{right:-10px;bottom:47px;transform:rotate(-21deg);animation:glint 8.5s ease-in-out -3s infinite}
.catalog-toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin:0 5px 10px;padding:4px 7px;color:#9298a3;font-size:12px;
}
.catalog-live,.catalog-legend{display:flex;align-items:center;gap:8px}
.catalog-live i{width:7px;height:7px;border-radius:50%;background:#39d98a;box-shadow:0 0 12px rgba(57,217,138,.65)}
.market-lightning{color:var(--accent)!important}

.market-list{
  border-radius:25px!important;
  background:rgba(14,16,19,.66)!important;
}
.market-head,.market-row{
  grid-template-columns:54px minmax(0,1fr) minmax(180px,230px) 120px 120px!important;
}
.market-head{padding-left:16px!important}
.market-row{min-height:86px!important;margin:6px 7px!important;border-radius:18px!important}
.market-product-icon{
  width:48px;height:48px;border-radius:16px;display:grid;place-items:center;
  color:#f3f4f6;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.105);font-size:11px;font-weight:900;letter-spacing:-.03em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)
}
.market-title{font-size:14px!important}
.market-meta{margin-top:5px!important}
.market-row:hover{transform:translateY(-1px)!important;background:rgba(255,255,255,.048)!important}
.market-price{align-content:center}
.market-lightning{font-size:18px!important}

.panel,.table-card,.offer-sheet,.checkout,.profile-hero,.docs-layout,.modal-card,.sheet-card,.side-chat{
  background:rgba(14,16,19,.68)!important;border-color:rgba(255,255,255,.105)!important;
  backdrop-filter:blur(27px) saturate(140%)!important;
}
.panel,.offer-sheet,.checkout,.profile-hero{border-radius:25px!important}
input,textarea,select{
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(255,255,255,.105)!important;
  border-radius:15px!important;
}
input:focus,textarea:focus,select:focus{
  border-color:rgba(255,255,255,.28)!important;
  box-shadow:0 0 0 4px rgba(255,255,255,.045)!important;
}
.profile-offer,.slot,.admin-row,.admin-lot{transition:background .14s ease}
.profile-offer:hover,.slot:hover,.admin-row:hover,.admin-lot:hover{background:rgba(255,255,255,.035)}
.modal,.sheet{background:rgba(0,0,0,.55)!important;backdrop-filter:blur(16px)!important}

@keyframes meshShift{to{background-position:42px 42px}}
@keyframes ringPulse{0%,100%{transform:translate(-50%,-50%) scale(.96);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.06);opacity:1}}
@keyframes ringTurn{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes coreFloat{0%,100%{transform:translate(-50%,-50%) translateY(-3px)}50%{transform:translate(-50%,-50%) translateY(4px)}}
@keyframes nodeFloat{0%,100%{transform:translate3d(0,-4px,0) rotate(-1deg)}50%{transform:translate3d(7px,7px,0) rotate(2deg)}}
@keyframes glint{0%,100%{opacity:.08;transform:translateX(-50px) rotate(18deg)}50%{opacity:.36;transform:translateX(80px) rotate(18deg)}}

@media(max-width:1050px){
  .app-shell{grid-template-columns:230px minmax(0,1fr)!important}
  .app-shell.sidebar-collapsed{grid-template-columns:84px minmax(0,1fr)!important}
  .market-head,.market-row{grid-template-columns:52px minmax(0,1fr) minmax(150px,190px) 105px!important}
  .market-head>div:nth-child(4),.market-stock{display:none}
}
@media(max-width:820px){
  .app-shell,.app-shell.sidebar-collapsed{display:block!important}
  .sidebar-toggle{display:none}
  .market-motion{height:160px}
  .market-head{display:none!important}
  .market-row{grid-template-columns:48px minmax(0,1fr) 92px!important}
  .market-product-icon{width:43px;height:43px;border-radius:14px}
  .market-seller{grid-column:2;grid-row:2}
  .market-price{grid-column:3;grid-row:1/3}
  .market-stock{display:none}
}
@media(max-width:560px){
  .market-motion{height:138px;border-radius:22px}
  .ring-c{display:none}
  .node-a{left:8%}.node-b{left:22%}.node-c{right:18%}.node-d{right:5%}
  .motion-node{width:38px;height:38px;border-radius:14px;font-size:10px}
  .catalog-toolbar{align-items:flex-start;flex-direction:column;gap:5px}
  .market-row{grid-template-columns:42px minmax(0,1fr) 78px!important;padding:11px 8px!important}
  .market-product-icon{width:38px;height:38px;border-radius:12px}
}
@media(prefers-reduced-motion:reduce){
  .motion-mesh,.motion-ring,.motion-core,.motion-node,.motion-glint{animation:none!important}
}


/* v2.2 release: stable sidebar, real icon assets, promo editor, clean fields */
:root{
  --sidebar-expanded:264px;
  --sidebar-compact:78px;
  --sidebar-motion:cubic-bezier(.2,.75,.25,1);
}
.app-shell{
  grid-template-columns:var(--sidebar-expanded) minmax(0,1fr)!important;
  transition:grid-template-columns .28s var(--sidebar-motion)!important;
  will-change:grid-template-columns;
}
.app-shell.sidebar-collapsed{
  grid-template-columns:var(--sidebar-compact) minmax(0,1fr)!important;
}
.glass-sidebar{
  overflow:hidden!important;
  min-width:0!important;
  padding:12px!important;
  transition:padding .28s var(--sidebar-motion)!important;
  contain:layout paint;
}
.sidebar-brand-row{
  min-height:48px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 30px!important;
  gap:6px!important;
  align-items:center!important;
}
.sidebar-brand{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:0!important;
  min-width:0!important;
}
.brand-orb{
  width:38px!important;height:38px!important;border:0!important;
  overflow:hidden!important;border-radius:13px!important;background:transparent!important;
}
.brand-orb img{width:100%;height:100%;display:block;object-fit:cover}
.brand-copy{
  max-width:160px;white-space:nowrap;overflow:hidden;
  transition:max-width .24s var(--sidebar-motion),opacity .15s ease,transform .24s var(--sidebar-motion)!important;
}
.sidebar-toggle{
  position:static!important;right:auto!important;top:auto!important;
  width:30px!important;height:30px!important;border-radius:10px!important;
  transform:none!important;
}
.sidebar-toggle svg{transition:transform .24s var(--sidebar-motion)!important}
.side-nav a,.side-link{
  display:grid!important;
  grid-template-columns:21px minmax(0,1fr) auto!important;
  gap:11px!important;
  min-height:46px!important;
  padding:0 12px!important;
  overflow:hidden!important;
  transition:grid-template-columns .28s var(--sidebar-motion),gap .28s var(--sidebar-motion),padding .28s var(--sidebar-motion),background .14s ease!important;
}
.side-nav a>span:not(.badge),.side-link>span{
  min-width:0!important;max-width:170px!important;white-space:nowrap!important;overflow:hidden!important;
  opacity:1!important;visibility:visible!important;transform:none!important;
  transition:max-width .24s var(--sidebar-motion),opacity .14s ease!important;
}
.sidebar-card{
  max-height:150px;opacity:1;overflow:hidden;
  transition:max-height .24s var(--sidebar-motion),opacity .14s ease,padding .24s var(--sidebar-motion),margin .24s var(--sidebar-motion),border-width .24s ease!important;
}
.language-switch{
  max-height:48px;opacity:1;overflow:hidden;
  transition:max-height .24s var(--sidebar-motion),opacity .14s ease!important;
}
.app-shell.sidebar-collapsed .glass-sidebar{padding:12px 9px!important}
.app-shell.sidebar-collapsed .sidebar-brand-row{
  grid-template-columns:38px 22px!important;gap:4px!important
}
.app-shell.sidebar-collapsed .sidebar-brand{grid-template-columns:38px 0!important;gap:0!important}
.app-shell.sidebar-collapsed .brand-copy{
  max-width:0!important;opacity:0!important;transform:translateX(-5px)!important;
}
.app-shell.sidebar-collapsed .sidebar-toggle{width:22px!important;height:30px!important}
.app-shell.sidebar-collapsed .sidebar-toggle svg{transform:rotate(180deg)!important}
.app-shell.sidebar-collapsed .side-nav a,.app-shell.sidebar-collapsed .side-link{
  grid-template-columns:21px 0 0!important;gap:0!important;padding:0 10px!important;justify-items:center!important;
}
.app-shell.sidebar-collapsed .side-nav a>span:not(.badge),
.app-shell.sidebar-collapsed .side-link>span{
  max-width:0!important;opacity:0!important;
}
.app-shell.sidebar-collapsed .side-nav .badge{
  position:absolute!important;right:3px!important;top:3px!important;transform:scale(.78)!important;
}
.app-shell.sidebar-collapsed .side-nav a{position:relative!important}
.app-shell.sidebar-collapsed .sidebar-card{
  max-height:0!important;opacity:0!important;padding-top:0!important;padding-bottom:0!important;
  margin-top:0!important;margin-bottom:0!important;border-width:0!important;
}
.app-shell.sidebar-collapsed .language-switch{max-height:0!important;opacity:0!important}
.app-shell.sidebar-collapsed .sidebar-spacer{min-height:12px!important}

.category-pill{padding:5px 10px 5px 6px!important}
.category-symbol{
  width:38px!important;height:38px!important;border-radius:13px!important;object-fit:cover!important;
  background:#090a0c!important;border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 8px 20px rgba(0,0,0,.20)!important;
}
.market-product-icon{
  padding:0!important;overflow:hidden!important;background:#08090a!important;
}
.market-product-icon img{width:100%;height:100%;display:block;object-fit:cover}

select{
  -webkit-appearance:none!important;appearance:none!important;
  outline:0!important;
  background-color:rgba(255,255,255,.045)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%239aa0aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 13px center!important;background-size:17px!important;
  padding-right:42px!important;
  box-shadow:none!important;
}
select:focus,select:focus-visible{
  outline:0!important;border-color:rgba(255,255,255,.30)!important;
  box-shadow:0 0 0 3px rgba(255,255,255,.045)!important;
}
select:disabled{opacity:.62!important;cursor:not-allowed!important}
.field:focus-within{outline:0!important;box-shadow:none!important}

.promo-stage{
  position:relative;min-height:230px;margin-bottom:11px;overflow:hidden;
  border:1px solid rgba(255,255,255,.11);border-radius:28px;
  background:rgba(13,15,18,.69);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 28px 72px rgba(0,0,0,.30);
  backdrop-filter:blur(28px) saturate(140%);
}
.promo-ad{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);align-items:stretch}
.promo-copy{position:relative;z-index:3;padding:34px 38px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.promo-label{font-size:10px;font-weight:900;letter-spacing:.18em;color:var(--accent);margin-bottom:10px}
.promo-copy h1{font-size:clamp(30px,4.4vw,64px);line-height:.98;letter-spacing:-.05em;margin:0 0 13px;max-width:760px}
.promo-copy p{margin:0;color:#a5aab3;font-size:15px;max-width:650px;line-height:1.55}
.promo-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.promo-button{
  min-height:43px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:14px;border:1px solid rgba(255,255,255,.13);font-weight:790;
}
.promo-button.primary{background:#f4f5f7;color:#101216;border-color:#fff}
.promo-button.secondary{background:rgba(255,255,255,.055);color:#fff}
.promo-art{position:relative;min-height:230px;overflow:hidden}
.promo-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0e1013 0%,transparent 45%)}
.promo-art img{width:100%;height:100%;object-fit:cover;display:block}
.promo-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.55}
.promo-orb-a{width:260px;height:260px;right:20%;top:-110px;background:rgba(255,122,0,.13)}
.promo-orb-b{width:210px;height:210px;left:35%;bottom:-130px;background:rgba(102,120,255,.09)}

.money-stage{height:230px;isolation:isolate;background:
  radial-gradient(circle at 50% 82%,rgba(255,122,0,.13),transparent 29%),
  linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015))}
.money-ambient{position:absolute;inset:0;background:
  linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:38px 38px;mask-image:radial-gradient(circle at center,#000,transparent 78%)}
.money-vault{
  position:absolute;left:50%;bottom:20px;width:92px;height:92px;transform:translateX(-50%);
  border-radius:28px;overflow:hidden;z-index:3;
  box-shadow:0 18px 55px rgba(0,0,0,.45),0 0 40px rgba(255,122,0,.13);
  animation:moneyVault 4s ease-in-out infinite
}
.money-vault img{width:100%;height:100%;object-fit:cover}
.money-rain{position:absolute;inset:-65px 0 0;overflow:hidden}
.money-rain span{
  position:absolute;left:calc(var(--x)*1%);top:-40px;color:#fff;
  font-size:calc(14px + (var(--i)%5)*3px);font-weight:900;opacity:.75;
  text-shadow:0 0 14px rgba(255,122,0,.5);
  animation:moneyDrop calc(var(--d)*1s) linear infinite;
  animation-delay:calc(var(--delay)*1s)
}
.money-floor{
  position:absolute;left:20%;right:20%;bottom:-45px;height:90px;border-radius:50%;
  background:radial-gradient(ellipse,rgba(255,122,0,.20),transparent 65%);filter:blur(8px)
}
@keyframes moneyDrop{
  0%{transform:translate3d(0,-40px,0) rotate(0deg);opacity:0}
  10%{opacity:.85}
  80%{opacity:.75}
  100%{transform:translate3d(calc((var(--i)%3 - 1)*42px),310px,0) rotate(540deg);opacity:0}
}
@keyframes moneyVault{0%,100%{transform:translateX(-50%) translateY(0) rotate(-1deg)}50%{transform:translateX(-50%) translateY(-7px) rotate(1deg)}}

.admin-promo-panel{margin-bottom:14px!important}
.admin-promo-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.admin-promo-heading h2{margin:0 0 5px}
.promo-enabled{display:flex;align-items:center;gap:9px;font-weight:750;white-space:nowrap}
.promo-enabled input{width:auto;min-height:auto}
.promo-image-preview{
  min-height:120px;border:1px dashed rgba(255,255,255,.15);border-radius:18px;
  display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.025);color:var(--muted)
}
.promo-image-preview img{width:100%;max-height:260px;display:block;object-fit:cover}

@media(max-width:820px){
  .app-shell,.app-shell.sidebar-collapsed{display:block!important}
  .glass-sidebar{padding:14px!important}
  .sidebar-brand-row{grid-template-columns:minmax(0,1fr)!important}
  .sidebar-toggle{display:none!important}
  .promo-ad{grid-template-columns:1fr}
  .promo-art{min-height:180px;order:-1}
  .promo-art:after{background:linear-gradient(0deg,#0e1013 0%,transparent 55%)}
  .promo-copy{padding:25px 22px}
}
@media(max-width:600px){
  .promo-stage,.money-stage{min-height:190px;height:auto;border-radius:22px}
  .promo-copy h1{font-size:36px}
  .money-vault{width:74px;height:74px}
  .admin-promo-heading{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
  .money-rain span,.money-vault{animation:none!important}
}


/* v2.2.3 payment flow */
.auto-delivery-icon{width:18px;height:18px;display:block;fill:currentColor;filter:drop-shadow(0 0 7px rgba(255,122,0,.28))}
.auto-mark,.market-lightning{color:var(--accent)!important}
.legend-icon{width:16px;height:16px}
.market-price .auto-delivery-icon{width:19px;height:19px}

.money-stage{
  min-height:150px!important;height:150px!important;border:0!important;
  background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;margin-bottom:2px!important
}
.money-stage .money-ambient{opacity:.28}
.money-stage .money-vault{bottom:10px;width:72px;height:72px}
.money-stage .money-floor{bottom:-55px;opacity:.6}

.payment-transition{
  position:fixed;inset:0;z-index:160;display:grid;place-items:center;padding:20px;
  background:rgba(3,4,5,.58);backdrop-filter:blur(18px) saturate(135%);
  opacity:0;pointer-events:none;transition:opacity .18s ease
}
.payment-transition.visible{opacity:1;pointer-events:auto}
.payment-transition-card{
  width:min(480px,100%);padding:31px;border:1px solid rgba(255,255,255,.14);
  border-radius:30px;background:linear-gradient(145deg,rgba(28,31,37,.94),rgba(10,12,15,.88));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 38px 110px rgba(0,0,0,.55);
  transform:translateY(12px) scale(.97);transition:transform .36s cubic-bezier(.22,1,.36,1)
}
.payment-transition.visible .payment-transition-card{transform:translateY(0) scale(1)}
.payment-orbit{position:relative;width:92px;height:92px;margin:0 auto 22px;display:grid;place-items:center}
.payment-orbit-ring{position:absolute;inset:0;border:1px solid rgba(255,255,255,.15);border-radius:50%;animation:paymentOrbit 2.8s linear infinite}
.payment-orbit-ring:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;left:50%;top:-4px;background:var(--accent);box-shadow:0 0 18px rgba(255,122,0,.75)}
.payment-orbit-ring.ring-two{inset:12px;border-style:dashed;animation-direction:reverse;animation-duration:4s}
.payment-orbit-core{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.085);border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 30px rgba(255,122,0,.10)}
.payment-orbit-core svg{width:21px;height:21px}
.payment-transition-copy{text-align:center}
.payment-transition-copy>span{display:block;margin-bottom:8px;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.16em}
.payment-transition-copy h2{margin:0 0 8px;font-size:24px;letter-spacing:-.03em}
.payment-transition-copy p{margin:0;color:var(--muted)}
.payment-transition-line{height:4px;margin-top:24px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.07)}
.payment-transition-line i{display:block;width:38%;height:100%;border-radius:inherit;background:linear-gradient(90deg,transparent,var(--accent),#fff,var(--accent),transparent);animation:paymentLine 1.05s ease-in-out infinite}
.payment-transition.ready .payment-transition-line i{width:100%;animation:none;background:linear-gradient(90deg,var(--accent),#fff)}
.payment-transition.ready .payment-orbit-core{color:var(--accent)}

.checkout-loading,.checkout-error{text-align:center}
.checkout-loader{width:70px;height:70px;margin:0 auto 15px;border-radius:24px;display:grid;place-items:center;color:var(--accent);background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10)}
.checkout-loader-svg{width:30px;height:30px;animation:checkoutPulse 1.05s ease-in-out infinite}
.checkout-loading-bar{width:min(330px,100%);height:4px;margin:22px auto 0;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.07)}
.checkout-loading-bar i{display:block;width:36%;height:100%;border-radius:inherit;background:var(--accent);animation:paymentLine 1s ease-in-out infinite}

@keyframes paymentOrbit{to{transform:rotate(360deg)}}
@keyframes paymentLine{0%{transform:translateX(-120%)}100%{transform:translateX(350%)}}
@keyframes checkoutPulse{0%,100%{transform:scale(.9);opacity:.62}50%{transform:scale(1.08);opacity:1}}

@media(max-width:600px){
  .money-stage{height:120px!important;min-height:120px!important}
  .payment-transition-card{padding:25px 20px;border-radius:25px}
  .payment-transition-copy h2{font-size:21px}
}
@media(prefers-reduced-motion:reduce){
  .payment-orbit-ring,.payment-transition-line i,.checkout-loader-svg,.checkout-loading-bar i{animation:none!important}
}


/* v2.2.4 messages and post-purchase UI */
.icon{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  overflow:visible!important;
}

.messages-layout{
  height:690px!important;
  grid-template-columns:310px minmax(0,1fr)!important;
  border-color:rgba(255,255,255,.11)!important;
  background:rgba(13,15,18,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 28px 80px rgba(0,0,0,.30)!important;
  backdrop-filter:blur(26px) saturate(140%)!important;
}

.dialog-list{
  background:rgba(8,10,12,.42)!important;
  border-right-color:rgba(255,255,255,.09)!important;
}
.dialog-list>h1{
  font-size:25px!important;
  letter-spacing:-.035em!important;
  padding:20px 18px 15px!important;
}
.dialog{
  margin:5px 7px!important;
  padding:12px!important;
  border:1px solid transparent!important;
  border-radius:17px!important;
}
.dialog:hover,.dialog.active{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.08)!important;
}
.dialog.active{
  box-shadow:inset 3px 0 0 var(--accent)!important;
}

.deal-chat-pane{
  min-width:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  background:
    radial-gradient(circle at 75% 0%,rgba(255,122,0,.055),transparent 35%),
    rgba(10,12,14,.36);
}

.deal-chat-head{
  min-height:72px;
  padding:13px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  border-bottom:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.018);
}
.deal-chat-peer{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
}
.deal-chat-peer>div{min-width:0}
.deal-chat-peer b{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.deal-chat-peer .muted{
  max-width:420px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:11px;
}
.deal-chat-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.deal-status{
  min-height:30px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(255,255,255,.09);
  border-radius:11px;
  color:#adb2ba;
  background:rgba(255,255,255,.035);
  font-size:11px;
  font-weight:750;
}

.deal-chat-pane .chat{
  min-height:0;
  padding:18px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  background:
    linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px),
    rgba(4,5,7,.22)!important;
  background-size:34px 34px!important;
  overflow:auto!important;
}

.msg{
  width:max-content;
  max-width:min(76%,620px)!important;
  margin:0!important;
  padding:10px 12px!important;
  border-radius:17px!important;
  color:#f3f4f6!important;
  background:rgba(255,255,255,.065)!important;
  border:1px solid rgba(255,255,255,.085)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.12);
  white-space:normal!important;
  overflow-wrap:anywhere;
}
.msg.mine{
  align-self:flex-end!important;
  margin-left:auto!important;
  background:linear-gradient(145deg,rgba(255,122,0,.22),rgba(255,122,0,.10))!important;
  border-color:rgba(255,122,0,.27)!important;
}
.msg.theirs{
  align-self:flex-start!important;
}
.msg small{
  display:block!important;
  margin:0 0 5px!important;
  color:#8f959f!important;
  font-size:10px!important;
}
.msg-text{
  color:inherit;
  line-height:1.48;
  white-space:pre-wrap;
}

.msg.system{
  width:min(720px,94%)!important;
  max-width:94%!important;
  align-self:center!important;
  margin:5px auto!important;
  padding:11px 13px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:9px!important;
  text-align:left!important;
  color:#aeb3bc!important;
  background:rgba(255,255,255,.028)!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:15px!important;
}
.msg.system .icon{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
}
.system-message-icon{
  width:28px;
  height:28px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  color:#9198a2;
  border-radius:10px;
  background:rgba(255,255,255,.045);
}
.system-message-copy{
  min-width:0;
  flex:1;
}
.system-message-copy small{
  margin-top:5px!important;
  margin-bottom:0!important;
}
.delivery-message{
  color:#f5f6f7!important;
  background:linear-gradient(145deg,rgba(255,122,0,.13),rgba(255,255,255,.025))!important;
  border-color:rgba(255,122,0,.20)!important;
}
.delivery-message .system-message-icon{
  color:var(--accent);
  background:rgba(255,122,0,.11);
}
.system-delivery-svg{
  width:17px!important;
  height:17px!important;
  display:block!important;
  fill:currentColor!important;
}

.chat-input{
  grid-template-columns:minmax(0,1fr) 48px!important;
  padding:11px 12px!important;
  background:rgba(11,13,16,.86)!important;
  border-top-color:rgba(255,255,255,.09)!important;
}
.chat-input input{
  min-height:46px!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.045)!important;
}
.chat-send-button{
  width:48px!important;
  min-width:48px!important;
  min-height:46px!important;
  padding:0!important;
  border-radius:15px!important;
}
.chat-send-button .icon{
  width:19px!important;
  height:19px!important;
}

.chat-empty,.messages-welcome,.chat-loading-pane{
  min-height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:30px;
  text-align:center;
  color:#9298a2;
}
.chat-empty{margin:auto}
.chat-empty b,.messages-welcome h2,.chat-loading-pane h2{
  margin:0;
  color:#f0f2f4;
}
.chat-empty>span:last-child,.messages-welcome p{
  margin:0;
  max-width:380px;
}
.chat-empty-icon,.messages-welcome-icon{
  width:54px;
  height:54px;
  margin-bottom:5px;
  display:grid;
  place-items:center;
  color:var(--accent);
  border:1px solid rgba(255,255,255,.09);
  border-radius:19px;
  background:rgba(255,255,255,.04);
}
.chat-empty-icon .icon,.messages-welcome-icon .icon{
  width:22px!important;
  height:22px!important;
}
.messages-welcome{
  background:
    radial-gradient(circle at center,rgba(255,122,0,.06),transparent 32%),
    rgba(6,7,9,.20);
}

@media(max-width:820px){
  .messages-layout{
    height:auto!important;
    grid-template-columns:1fr!important;
  }
  .dialog-list{
    max-height:280px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.09)!important;
  }
  .deal-chat-pane{min-height:560px}
  .messages-welcome{min-height:420px}
}
@media(max-width:560px){
  .deal-chat-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .deal-chat-actions{justify-content:flex-start}
  .msg{max-width:88%!important}
  .msg.system{max-width:100%!important;width:100%!important}
  .deal-chat-pane{min-height:520px}
}


/* v2.2.6 — realtime scrollable chat */
.messages-layout{
  height:clamp(560px,calc(100dvh - 175px),760px)!important;
  min-height:0!important;
  border-radius:20px!important;
  background:#0d0f12!important;
  box-shadow:0 20px 60px rgba(0,0,0,.28)!important;
  backdrop-filter:none!important;
}
.messages-layout>*{min-height:0!important}
.dialog-list{
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
  background:#0a0c0f!important;
}
.deal-chat-pane{
  position:relative!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#0d0f12!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
}
.deal-chat-head{
  background:#101216!important;
  border-bottom-color:#20242a!important;
}
.chat-scroll-shell{
  position:relative!important;
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
}
.deal-chat-pane .chat{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow-x:hidden!important;
  overflow-y:scroll!important;
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-gutter:stable!important;
  padding:18px 20px 28px!important;
  background:#0b0d10!important;
  background-image:none!important;
  scroll-behavior:smooth!important;
}
.deal-chat-pane .chat::-webkit-scrollbar,
.dialog-list::-webkit-scrollbar{
  width:9px!important;
}
.deal-chat-pane .chat::-webkit-scrollbar-track,
.dialog-list::-webkit-scrollbar-track{
  background:transparent!important;
}
.deal-chat-pane .chat::-webkit-scrollbar-thumb,
.dialog-list::-webkit-scrollbar-thumb{
  border:2px solid transparent!important;
  border-radius:999px!important;
  background:#343941!important;
  background-clip:padding-box!important;
}
.chat-jump{
  position:absolute!important;
  right:18px!important;
  bottom:16px!important;
  z-index:4!important;
  min-height:36px!important;
  padding:0 13px!important;
  border:1px solid #343941!important;
  border-radius:12px!important;
  color:#fff!important;
  background:#1b1f25!important;
  box-shadow:0 10px 28px rgba(0,0,0,.35)!important;
  font-size:12px!important;
  font-weight:750!important;
}
.chat-jump:hover{background:#252a31!important}
.chat-jump.hidden{display:none!important}

.msg{
  border-radius:14px!important;
  box-shadow:none!important;
}
.msg.mine{
  background:#e9ebee!important;
  border-color:#e9ebee!important;
  color:#111318!important;
}
.msg.mine small{color:#60656e!important}
.msg.theirs{
  background:#181b20!important;
  border-color:#252a31!important;
}
.msg.system{
  background:#111419!important;
  border-color:#22272e!important;
}
.delivery-message{
  background:#171513!important;
  border-color:#3a2a1b!important;
}
.chat-input{
  position:relative!important;
  z-index:3!important;
  background:#101216!important;
  border-top-color:#20242a!important;
}
.chat-input input{
  background:#171a1f!important;
  border-color:#2b3038!important;
}

.seller-rating{
  display:inline-flex;
  align-items:center;
  gap:5px;
}
.seller-rating-dot{
  width:4px;
  height:4px;
  border-radius:50%;
  background:#59606b;
}

@media(max-width:820px){
  .messages-layout{
    height:auto!important;
    min-height:0!important;
    grid-template-columns:1fr!important;
  }
  .dialog-list{
    max-height:250px!important;
  }
  .deal-chat-pane{
    height:clamp(500px,70dvh,650px)!important;
    min-height:500px!important;
  }
}
@media(max-width:560px){
  .deal-chat-pane{
    height:calc(100dvh - 210px)!important;
    min-height:480px!important;
  }
  .deal-chat-pane .chat{
    padding:14px 12px 24px!important;
  }
  .chat-jump{
    right:12px!important;
    bottom:12px!important;
  }
}


/* v2.2.7 — language-based currencies */
.fx-attribution{
  display:block;
  margin-top:7px;
  color:#686f79;
  font-size:9px;
  line-height:1.2;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  transition:max-height .22s ease,opacity .15s ease,margin .22s ease;
}
.fx-attribution:hover{color:#aab0b9}
.app-shell.sidebar-collapsed .fx-attribution{
  max-height:0;
  margin:0;
  opacity:0;
  pointer-events:none;
}
.currency-input-note{
  display:block;
  margin-top:6px;
  color:#777e88;
  font-size:11px;
}
.fx-rate-chip{
  min-height:28px;
  padding:0 9px;
  display:inline-flex;
  align-items:center;
  border:1px solid #292e35;
  border-radius:10px;
  color:#9ca3ad;
  background:#15181d;
  font-size:11px;
  font-weight:700;
}
.finance-head{
  flex-wrap:wrap!important;
}
@media(max-width:820px){
  .fx-attribution{display:none}
}


/* v2.2.8 — clean catalog container, mobile rebuild and stable mobile chat */

/* Общая серая коробка вокруг всех товаров полностью удалена. */
.market-list{
  width:100%!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.market-head{
  margin:0 8px 7px!important;
  padding:8px 14px!important;
  border:0!important;
  background:transparent!important;
}
.market-row{
  background:#0c0e11!important;
  border:1px solid #1e2228!important;
  box-shadow:none!important;
}
.market-row:hover{
  background:#111419!important;
  border-color:#2b3038!important;
}
.more-row{
  border:0!important;
  background:transparent!important;
}

/* Защита от горизонтального смещения на любых телефонах. */
html,body{
  width:100%;
  max-width:100%;
  overflow-x:hidden!important;
}
img,svg,video,canvas{
  max-width:100%;
}
.workspace,#app,.main,.main>.wrap{
  min-width:0!important;
  max-width:100%!important;
}
.mobile-chat-back{
  display:none;
}

/* Планшеты и телефоны */
@media(max-width:820px){
  :root{
    --mobile-side-gap:8px;
  }

  body{
    min-height:100dvh;
    background:#070809!important;
  }
  .app-shell,
  .app-shell.sidebar-collapsed{
    display:block!important;
    width:100%!important;
    min-height:100dvh!important;
    padding:var(--mobile-side-gap)!important;
  }
  .workspace{
    width:100%!important;
    margin:0!important;
  }
  .top{
    width:100%!important;
    height:64px!important;
    top:var(--mobile-side-gap)!important;
    border-radius:18px!important;
  }
  .top .wrap{
    width:100%!important;
    min-width:0!important;
    padding:0 9px!important;
    gap:7px!important;
  }
  .mobile-menu{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    border-radius:13px!important;
  }
  .search{
    width:auto!important;
    min-width:0!important;
    height:42px!important;
    padding:0 12px!important;
    border-radius:13px!important;
    font-size:13px!important;
  }
  .top-actions,.right{
    gap:5px!important;
  }
  .profile-btn{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    padding:3px!important;
    border-radius:13px!important;
  }
  .profile-btn .avatar{
    width:34px!important;
    height:34px!important;
  }
  .profile-btn #profileLoginText,
  .profile-btn .balance-badge{
    display:none!important;
  }
  .menu{
    position:fixed!important;
    left:var(--mobile-side-gap)!important;
    right:var(--mobile-side-gap)!important;
    top:78px!important;
    width:auto!important;
    max-height:calc(100dvh - 90px)!important;
    overflow:auto!important;
  }

  .hero{
    width:100%!important;
    margin-top:8px!important;
    padding:7px!important;
    border-radius:18px!important;
  }
  .category-rail{
    gap:6px!important;
  }
  .category-pill{
    min-height:44px!important;
    padding:4px 8px 4px 5px!important;
    border-radius:14px!important;
  }
  .category-symbol{
    width:34px!important;
    height:34px!important;
    border-radius:11px!important;
  }
  .category-label{
    font-size:12px!important;
  }

  .main{
    width:100%!important;
    padding:12px 0 calc(24px + env(safe-area-inset-bottom))!important;
  }
  .main>.wrap,.wrap{
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
    margin:0!important;
  }
  #app{
    width:100%!important;
  }

  .page-title{
    width:100%!important;
    margin:0 0 12px!important;
    padding:0 2px 12px!important;
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:10px!important;
  }
  .page-title h1,.panel>h1{
    max-width:100%!important;
    font-size:28px!important;
    line-height:1.05!important;
  }
  .page-title>.btn,.page-title button{
    width:100%!important;
  }

  .filters{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  .filter-left{
    width:100%!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain!important;
    padding-bottom:4px!important;
  }
  .filter-left>*{
    flex:0 0 auto!important;
  }
  .filters>.btn{
    width:100%!important;
  }
  .bubbles{
    width:100%!important;
    padding:0 1px 4px!important;
  }

  /* Каталог на телефоне — независимые карточки без смещений. */
  .market-list{
    display:grid!important;
    gap:8px!important;
  }
  .market-head{
    display:none!important;
  }
  .market-row{
    width:100%!important;
    min-width:0!important;
    min-height:76px!important;
    margin:0!important;
    padding:11px!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    grid-template-areas:
      "icon product price"
      "icon seller price"!important;
    column-gap:10px!important;
    row-gap:6px!important;
    align-items:center!important;
    border-radius:16px!important;
  }
  .market-product-icon{
    grid-area:icon!important;
    width:42px!important;
    height:42px!important;
    align-self:start!important;
    border-radius:13px!important;
  }
  .market-product{
    grid-area:product!important;
    min-width:0!important;
  }
  .market-title{
    max-width:100%!important;
    font-size:13px!important;
    line-height:1.3!important;
  }
  .market-meta{
    margin-top:3px!important;
    font-size:10px!important;
  }
  .market-seller{
    grid-area:seller!important;
    min-width:0!important;
  }
  .market-seller .seller{
    min-width:0!important;
    gap:6px!important;
  }
  .market-seller .avatar{
    width:22px!important;
    height:22px!important;
  }
  .market-seller .seller-name{
    max-width:145px!important;
    display:block!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    font-size:11px!important;
  }
  .market-seller .seller-meta{
    font-size:9px!important;
  }
  .market-stock{
    display:none!important;
  }
  .market-price{
    grid-area:price!important;
    min-width:76px!important;
    max-width:96px!important;
    justify-self:end!important;
    align-self:center!important;
    text-align:right!important;
  }
  .market-price>b{
    max-width:96px!important;
    font-size:14px!important;
    white-space:normal!important;
    line-height:1.15!important;
  }
  .market-price .auto-delivery-icon{
    margin-left:auto!important;
  }

  .panel,.checkout,.offer-sheet,.profile-hero,.table-card,.docs-layout{
    width:100%!important;
    max-width:100%!important;
    padding:15px!important;
    border-radius:18px!important;
  }
  .grid-2,.pay-methods,.auth-tabs,.finance-actions,.admin-layout{
    grid-template-columns:1fr!important;
  }
  .finance-table{
    width:100%!important;
    display:block!important;
    overflow-x:auto!important;
  }
  .modal-card,.sheet-card{
    width:100%!important;
    max-width:100%!important;
    max-height:calc(100dvh - 16px)!important;
    padding:16px!important;
    border-radius:20px!important;
  }

  /* Список диалогов на мобильном. */
  .messages-layout.messages-home{
    height:auto!important;
    min-height:calc(100dvh - 110px)!important;
    display:block!important;
    border-radius:18px!important;
  }
  .messages-home .dialog-list{
    width:100%!important;
    max-height:none!important;
    height:auto!important;
    border:0!important;
  }
  .messages-home .messages-welcome{
    display:none!important;
  }

  /* Открытый чат — отдельный экран, список слева не мешает. */
  body.chat-open{
    overflow:hidden!important;
  }
  body.chat-open .main{
    height:calc(var(--mobile-viewport-height,100dvh) - 80px)!important;
    padding:8px 0 0!important;
    overflow:hidden!important;
  }
  body.chat-open .main>.wrap{
    height:100%!important;
  }
  body.chat-open #app{
    height:100%!important;
  }
  .messages-layout.deal-view{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    display:block!important;
    overflow:hidden!important;
    border-radius:18px!important;
  }
  .deal-view>.dialog-list{
    display:none!important;
  }
  .deal-view>.deal-chat-pane{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    overflow:hidden!important;
    border-radius:18px!important;
  }
  .deal-chat-head{
    min-height:62px!important;
    padding:8px 9px!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
  }
  .mobile-chat-back{
    min-width:38px!important;
    height:38px!important;
    padding:0 9px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    border:1px solid #272c33!important;
    border-radius:12px!important;
    background:#171a1f!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:750!important;
  }
  .mobile-chat-back .icon{
    width:16px!important;
    height:16px!important;
  }
  .mobile-chat-back span{
    display:none!important;
  }
  .deal-chat-peer{
    min-width:0!important;
  }
  .deal-chat-peer .avatar{
    width:34px!important;
    height:34px!important;
  }
  .deal-chat-peer b{
    font-size:12px!important;
  }
  .deal-chat-peer .muted{
    max-width:45vw!important;
    font-size:9px!important;
  }
  .deal-chat-actions{
    min-width:0!important;
    gap:4px!important;
  }
  .deal-chat-actions .deal-status{
    max-width:92px!important;
    min-height:28px!important;
    padding:0 7px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    font-size:9px!important;
  }
  .deal-chat-actions .btn{
    width:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    padding:0!important;
    overflow:hidden!important;
    font-size:0!important;
  }
  .deal-chat-actions .btn .icon{
    width:16px!important;
    height:16px!important;
  }
  .chat-scroll-shell{
    min-height:0!important;
    height:auto!important;
  }
  .deal-chat-pane .chat{
    padding:12px 10px 18px!important;
    overflow-y:auto!important;
    touch-action:pan-y!important;
  }
  .msg{
    max-width:88%!important;
    padding:9px 10px!important;
    font-size:13px!important;
  }
  .msg.system{
    width:100%!important;
    max-width:100%!important;
  }
  .chat-input{
    padding:8px!important;
    padding-bottom:calc(8px + env(safe-area-inset-bottom))!important;
    grid-template-columns:minmax(0,1fr) 44px!important;
    gap:7px!important;
  }
  .chat-input input{
    min-width:0!important;
    min-height:44px!important;
    height:44px!important;
  }
  .chat-send-button{
    width:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    height:44px!important;
  }
  .chat-jump{
    right:10px!important;
    bottom:10px!important;
  }
}

@media(max-width:390px){
  .app-shell,
  .app-shell.sidebar-collapsed{
    padding:5px!important;
  }
  .top{
    top:5px!important;
  }
  .top .wrap{
    padding:0 6px!important;
  }
  .mobile-menu{
    width:39px!important;
    min-width:39px!important;
  }
  .profile-btn{
    width:39px!important;
    min-width:39px!important;
  }
  .market-row{
    grid-template-columns:38px minmax(0,1fr) 72px!important;
    padding:9px!important;
    column-gap:8px!important;
  }
  .market-product-icon{
    width:38px!important;
    height:38px!important;
  }
  .market-seller .seller-name{
    max-width:112px!important;
  }
  .market-price{
    min-width:68px!important;
    max-width:72px!important;
  }
  .market-price>b{
    max-width:72px!important;
    font-size:12px!important;
  }
  .deal-chat-peer .muted{
    max-width:38vw!important;
  }
}


/* v2.2.9 — remove rate UI and grey category bar */
.hero{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding:8px 0 10px!important;
}
.hero:before{
  display:none!important;
  content:none!important;
  background:transparent!important;
}
.category-rail{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.category-pill{
  background:rgba(255,255,255,.04)!important;
}
.fx-attribution,
.fx-rate-chip,
.currency-input-note{
  display:none!important;
}
@media(max-width:820px){
  .hero{
    padding:6px 0 8px!important;
    margin-top:6px!important;
  }
  .category-rail{
    padding:0!important;
  }
}