/* TradeHub — dark data-grid visual language */
:root{
  --ink:#eef8ff;--muted:#8faac2;--line:rgba(141,204,255,.14);--page:#050b17;
  --blue:#29a8ff;--navy:#071425;--soft:rgba(41,168,255,.12);--green:#35e3a2;
  --orange:#ffba57;--red:#ff6b8d;--radius:18px;
}
*{scrollbar-width:thin;scrollbar-color:#1f6591 #07111f}
body{min-width:320px;background:radial-gradient(circle at 76% -14%,#123866 0,transparent 31rem),radial-gradient(circle at 9% 86%,#102e4c 0,transparent 31rem),var(--page);color:var(--ink);letter-spacing:.01em}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(102,199,255,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(102,199,255,.065) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 86%)}
.shell{min-height:100vh}.topbar{height:78px;border-bottom:1px solid var(--line);background:rgba(5,13,27,.77);backdrop-filter:blur(18px);padding:0 max(26px,calc((100vw - 1280px)/2));gap:34px;box-shadow:0 1px 0 rgba(87,202,255,.05);position:sticky;top:0}
.brand{color:#f3fbff;font-size:20px;letter-spacing:-.8px;text-shadow:0 0 24px rgba(41,168,255,.35)}.brand span{color:var(--blue);text-shadow:0 0 14px var(--blue)}
.cats{gap:23px}.cat-link{color:#91a9bd;font-size:13px;position:relative}.cat-link:after{content:"";height:2px;border-radius:8px;background:var(--blue);box-shadow:0 0 10px var(--blue);left:0;right:0;bottom:2px;position:absolute;transform:scaleX(0);transition:transform .2s}.cat-link:hover,.cat-link.active{color:#e8f8ff}.cat-link.active:after,.cat-link:hover:after{transform:scaleX(1)}
.top-actions{gap:16px}.lang{border:1px solid var(--line);border-radius:8px;background:#081728;box-shadow:inset 0 0 0 1px rgba(120,198,255,.03)}.lang button{background:transparent;color:#7f9ab1}.lang button.active{background:var(--soft);color:#93d9ff;box-shadow:inset 0 0 14px rgba(41,168,255,.1)}.plain{color:#b4c8d8}.plain:hover{color:#76ceff}.account{display:inline-flex;align-items:center;gap:7px;padding:4px 0;background:transparent!important;color:#c7d9e5;border:0;border-radius:8px}.account:hover{color:#e8f8ff;background:rgba(41,168,255,.08)!important}.account-dot{background:linear-gradient(135deg,#168ee7,#6ce2ff);color:#04111e;box-shadow:0 0 16px rgba(41,168,255,.36)}
.publish,.primary{background:linear-gradient(135deg,#1d86de,#22c7f4);color:#02111e;border:1px solid rgba(162,239,255,.6);box-shadow:0 0 0 1px rgba(25,145,221,.3),0 9px 25px rgba(16,141,221,.25);transition:transform .18s,box-shadow .18s}.publish:hover,.primary:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(197,246,255,.8),0 14px 32px rgba(16,164,244,.35)}
.page{max-width:1280px;padding:68px 26px 88px}.hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--line);border-radius:24px;padding:38px 40px;margin-bottom:25px;background:linear-gradient(106deg,rgba(8,27,48,.96),rgba(9,31,58,.73));box-shadow:inset 0 1px 0 rgba(172,231,255,.08),0 25px 60px rgba(0,0,0,.22)}
.hero:before{content:"";position:absolute;width:390px;height:390px;border:1px solid rgba(72,192,255,.24);border-radius:50%;right:7%;top:50%;transform:translateY(-50%);box-shadow:0 0 0 36px rgba(35,141,213,.035),0 0 0 78px rgba(35,141,213,.025);z-index:-1}.hero:after{content:"TRADE\A NETWORK";white-space:pre;position:absolute;right:10%;top:50%;transform:translateY(-50%);color:rgba(142,220,255,.11);font-size:31px;line-height:1.05;font-weight:900;letter-spacing:.23em;text-align:right;z-index:-1}
.eyebrow{color:#75d5ff}.hero h1{font-size:36px;line-height:1.12;letter-spacing:-1.5px;margin:0;text-shadow:0 2px 24px rgba(34,166,255,.15)}.hero h1:before{content:"LIVE MARKET";display:block;margin-bottom:13px;color:#58c9ff;font-size:10px;letter-spacing:.2em;font-weight:900}.hero p{max-width:450px;color:#a3bbcf;font-size:15px;margin:14px 0 0}.tabs{background:rgba(3,13,26,.5);border:1px solid rgba(124,201,255,.15);backdrop-filter:blur(8px);border-radius:12px;padding:5px}.tab{color:#8ba7bd}.tab.active{color:#dff7ff;background:linear-gradient(135deg,rgba(33,154,235,.34),rgba(24,105,186,.2));box-shadow:inset 0 0 0 1px rgba(106,213,255,.25),0 0 20px rgba(22,143,230,.13)}
.filterbar{gap:14px;margin-bottom:17px}.search,.select{background:rgba(8,23,42,.78);border:1px solid var(--line);color:#e8f6ff;border-radius:12px;box-shadow:inset 0 1px rgba(193,238,255,.035),0 8px 24px rgba(0,0,0,.11)}.search::placeholder{color:#718aa1}.search:focus{border-color:#3db7ff;box-shadow:0 0 0 3px rgba(41,168,255,.16),0 0 26px rgba(41,168,255,.12)}.select{min-width:154px}.select option{background:#0a1c31;color:#eaf9ff}.section-note{color:#87a4bc;margin:19px 0 13px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.section-note strong{color:#d5f3ff}
.list{border:1px solid var(--line);border-radius:18px;background:rgba(6,20,37,.75);box-shadow:inset 0 1px rgba(190,239,255,.04),0 26px 50px rgba(0,0,0,.18);overflow:hidden}.list-head{height:52px;background:linear-gradient(90deg,rgba(29,113,181,.18),rgba(9,30,52,.44));color:#75a4c5;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.post-row{border-top:1px solid rgba(137,202,250,.1);min-height:82px;position:relative}.list-head+.post-row{border-top:0}.post-row:hover{background:linear-gradient(90deg,rgba(24,126,202,.13),rgba(15,36,58,.1));box-shadow:inset 3px 0 #29a8ff}.post-title{color:#e8f7ff;font-size:15px}.post-title:hover{color:#66d1ff}.muted{color:#8caac0}.type,.status{border:1px solid currentColor;padding:4px 9px;background:transparent}.type.supply{color:#61c8ff;background:rgba(41,168,255,.09)}.type.demand{color:#d49bff;background:rgba(161,88,255,.1)}.status.published{color:#5ce8af;background:rgba(53,227,162,.08)}.status.pending{color:#ffca67;background:rgba(255,186,87,.08)}.status.rejected{color:#ff83a0;background:rgba(255,107,141,.08)}.status.offline{color:#91a5b6;background:rgba(145,165,182,.08)}.tg{color:#71d7ff;border:1px solid rgba(74,190,246,.2);background:rgba(32,156,217,.1);border-radius:8px;transition:.18s}.tg:hover{background:#1ca9e6;color:#03131e;box-shadow:0 0 18px rgba(32,176,239,.28)}.empty{color:#8ba6bb}.empty strong{color:#e5f6ff}
.footer{border-top:1px solid var(--line);background:rgba(4,13,25,.72);color:#69869d;padding:28px}.modal-backdrop{background:rgba(1,6,15,.78);backdrop-filter:blur(8px)}.modal{background:linear-gradient(145deg,#0b2039,#081525);color:#eaf8ff;border:1px solid rgba(128,211,255,.2);box-shadow:0 30px 90px rgba(0,0,0,.65)}.modal h2{letter-spacing:-.5px}.modal-sub,.field label{color:#91acc1}.field input,.field textarea,.field select{color:#e6f6ff;background:#071525;border-color:rgba(128,204,255,.2)}.field input:focus,.field textarea:focus,.field select:focus{border-color:#36b5ff;box-shadow:0 0 0 3px rgba(41,168,255,.14)}.secondary,.small-btn{background:#102941;color:#aed0e6;border:1px solid rgba(133,204,248,.13)}.small-btn:hover{background:#164568;color:#d9f4ff}.detail-contact{background:rgba(30,113,181,.12);border:1px solid rgba(116,203,255,.15)}.detail-text{color:#b9d0df}.detail-tg{background:linear-gradient(135deg,#1c88d6,#20c5ee);color:#031522}.switch-line{color:#94afc5}.switch-line button{color:#65cfff}
.admin-wrap{max-width:1280px}.admin-side{background:linear-gradient(160deg,#0b2747,#071527);border:1px solid rgba(117,203,255,.17);box-shadow:0 22px 50px rgba(0,0,0,.25)}.admin-side button{color:#8eabc3}.admin-side button.active,.admin-side button:hover{background:rgba(44,146,217,.27);box-shadow:inset 2px 0 #42c0ff;color:#eefaff}.admin-main h1,.stat b{color:#ecf9ff}.stat{background:linear-gradient(145deg,rgba(13,39,65,.94),rgba(8,22,38,.94));border-color:var(--line);box-shadow:inset 0 1px rgba(201,241,255,.045),0 12px 28px rgba(0,0,0,.16)}.stat span{color:#94b4ca}.top-admin{background:rgba(255,186,87,.1);color:#ffcf7c}
#toast{background:#071b30;color:#e8f8ff;border:1px solid rgba(109,207,255,.25);box-shadow:0 14px 35px rgba(0,0,0,.42)}
@media(max-width:780px){body{overflow-x:hidden}.topbar{height:64px;padding:0 16px;background:rgba(5,13,27,.92);gap:9px;overflow:hidden}.topbar .top-actions{gap:6px}.topbar .top-actions>.plain{display:none}.topbar .publish{padding:8px 10px;font-size:12px}.hero{padding:28px 22px;border-radius:18px}.hero h1{font-size:28px}.hero:after{right:5%;font-size:21px}.hero:before{width:260px;height:260px;right:-18%}.tabs{margin-top:24px}.mobile-cats{background:#09182a;border-bottom-color:var(--line)}.mobile-cats .cat-link{color:#9ab4c7}.post-row{background:rgba(8,24,42,.88);border-color:var(--line)}#post-list .post-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;align-items:center;padding:16px}#post-list .post-row>*{margin:0!important}#post-list .post-title{grid-column:1;grid-row:1;max-width:none;line-height:1.45;overflow-wrap:anywhere}#post-list .type{grid-column:1;grid-row:2}#post-list .tg{grid-column:2;grid-row:1 / span 2;float:none;margin:0;white-space:nowrap}.page{padding:33px 16px 70px}.list{background:transparent}.select{color:#cce8fa}.footer{padding:24px 15px}}