.transactions-page{padding:22px 0 52px;background:radial-gradient(circle at 84% 4%,rgba(20,135,255,.1),transparent 25%)}
.transactions-hero{position:relative;display:flex;min-height:280px;align-items:center;justify-content:space-between;gap:35px;overflow:hidden;margin-bottom:14px;padding:40px 54px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(118deg,#07111f 0%,#0d1d32 62%,#063768 145%);box-shadow:var(--shadow)}.transactions-hero:after{content:"";position:absolute;right:-9%;bottom:-78%;width:58%;height:330px;border:45px solid rgba(255,255,255,.035);border-radius:50%}.transactions-hero-copy{position:relative;z-index:2;max-width:720px}.transactions-hero h1,.transactions-heading h2{margin:0;color:var(--text);font-family:"Bebas Neue",sans-serif;letter-spacing:.025em}.transactions-hero h1{margin:10px 0 15px;font-size:clamp(3.8rem,8vw,7rem);line-height:.86}.transactions-hero p{max-width:630px;margin:0;color:#b7c8dc;font-size:1.04rem;line-height:1.65}.transactions-facts{display:flex;flex-wrap:wrap;gap:22px;margin-top:25px;color:#90a6bf;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em}.transactions-facts span{display:flex;align-items:baseline;gap:7px}.transactions-facts strong{color:#fff;font:1.45rem "Bebas Neue",sans-serif}.transactions-hero-visual{position:relative;z-index:2;display:grid;place-items:center;width:220px}.transactions-hero-visual img{width:185px;filter:drop-shadow(0 18px 25px rgba(0,0,0,.35))}.transactions-hero-visual span{position:absolute;right:-4px;bottom:7px;display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:#0b223a;color:#61b0ff;font-size:1.6rem;box-shadow:0 10px 25px rgba(0,0,0,.25)}
.transactions-controls{display:grid;grid-template-columns:minmax(190px,1.3fr) repeat(2,minmax(145px,.8fr)) repeat(2,140px) 145px;gap:10px;margin-bottom:22px;padding:16px}.transactions-controls label{display:grid;gap:5px;color:var(--muted);font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.transactions-controls input,.transactions-controls select{width:100%;height:43px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--text);padding:0 11px;font-size:.75rem}.transactions-controls button{height:42px;align-self:end;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--text);font-size:.72rem;font-weight:800;cursor:pointer}.transactions-controls button:hover{border-color:var(--blue);color:#61adf8}.transactions-count{display:flex;align-items:center;justify-content:flex-end;gap:7px}.transactions-count strong{color:var(--text);font:2rem "Bebas Neue",sans-serif}.transactions-count span{color:var(--muted);font-size:.58rem;text-transform:uppercase;letter-spacing:.08em}
.transactions-heading{display:flex;align-items:end;justify-content:space-between;margin:0 3px 13px}.transactions-heading h2{font-size:2.45rem}.transactions-live{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.transactions-live i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}
.transactions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.transaction-card{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,rgba(15,30,49,.98),rgba(7,16,28,.98));box-shadow:0 12px 30px rgba(0,0,0,.16);transition:transform .18s,border-color .18s}.transaction-card:hover{border-color:rgba(20,135,255,.48);transform:translateY(-2px)}.transaction-card[hidden]{display:none}.transaction-card>header{display:flex;align-items:center;justify-content:space-between;padding:11px 15px;border-bottom:1px solid var(--line);background:rgba(20,135,255,.045)}.transaction-number{color:#67b3ff;font-size:.57rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.transaction-card time{color:var(--muted);font-size:.66rem;font-weight:700}.transaction-matchup{display:grid;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);align-items:stretch}.transaction-side{min-width:0;padding:16px}.transaction-team a{display:flex;align-items:center;gap:10px;color:var(--text)}.transaction-team img{width:48px;height:48px;object-fit:contain}.transaction-team span{display:grid;min-width:0}.transaction-team small{color:#68b3ff;font-size:.54rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em}.transaction-team strong{overflow:hidden;font:1.15rem/1.05 "Bebas Neue",sans-serif;text-overflow:ellipsis;white-space:nowrap}.trade-symbol{display:grid;place-items:center;color:#5f87ac;font-size:1.25rem}.transaction-side ul{display:grid;gap:6px;margin:14px 0 0;padding:0;list-style:none}.transaction-side li{display:flex;align-items:center;gap:8px;min-height:42px;padding:7px 8px;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:rgba(4,13,24,.35)}.transaction-side li>i{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:7px;background:rgba(20,135,255,.12);color:#66b3ff;font-size:.65rem;font-style:normal;font-weight:900}.transaction-side li.asset-prospect>i{background:rgba(54,211,153,.12);color:#69d9aa}.transaction-side li.asset-pick>i{background:rgba(242,181,68,.12);color:#f2bd55}.transaction-side li span{display:grid;min-width:0}.transaction-side li strong{overflow:hidden;color:var(--text);font-size:.67rem;text-overflow:ellipsis;white-space:nowrap}.transaction-side li small{color:var(--muted);font-size:.53rem;text-transform:uppercase;letter-spacing:.05em}
.transactions-more{display:block;margin:20px auto 0;padding:12px 18px;border:1px solid rgba(20,135,255,.45);border-radius:10px;background:rgba(20,135,255,.09);color:#67b3ff;font-weight:800;cursor:pointer}.transactions-more:hover{background:rgba(20,135,255,.16)}.transactions-more[hidden]{display:none}.transactions-empty{padding:70px 20px;text-align:center}.transactions-empty strong{color:var(--text);font:2rem "Bebas Neue",sans-serif}.transactions-empty p{color:var(--muted)}.transactions-source{display:flex;justify-content:space-between;gap:15px;margin:16px 4px 0;color:var(--muted);font-size:.7rem}.transactions-source a{color:#62adf7}
[data-theme="light"] .transactions-hero{border-color:#c7d9ed;background:linear-gradient(118deg,#edf5ff,#d8eaff)}[data-theme="light"] .transactions-hero h1,[data-theme="light"] .transactions-facts strong{color:#0b1d31}[data-theme="light"] .transactions-hero p{color:#445b72}[data-theme="light"] .transactions-facts{color:#536c84}[data-theme="light"] .transaction-card{background:linear-gradient(145deg,#fff,#edf4fa);box-shadow:0 10px 25px rgba(31,65,96,.09)}[data-theme="light"] .transaction-side li{border-color:#d4e0eb;background:rgba(255,255,255,.55)}
@media(max-width:1100px){.transactions-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.transactions-count{justify-content:flex-start}.transaction-team strong{font-size:1rem}}
@media(max-width:780px){.transactions-grid{grid-template-columns:1fr}.transactions-hero{padding:34px}.transactions-hero-visual{width:160px}.transactions-hero-visual img{width:145px}}
@media(max-width:620px){.transactions-page{padding:8px 0 35px}.transactions-page>.container{width:min(calc(100% - 16px),var(--container))}.transactions-hero{min-height:0;margin-bottom:10px;padding:25px 20px;border-radius:18px}.transactions-hero h1{font-size:clamp(3.1rem,15vw,4.15rem)}.transactions-hero p{max-width:92%;font-size:.87rem;line-height:1.5}.transactions-hero-visual{position:absolute;right:-20px;bottom:-20px;width:140px;opacity:.14}.transactions-hero-visual span{display:none}.transactions-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:20px}.transactions-facts span{display:grid;gap:0;padding:9px 5px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(2,11,22,.25);font-size:.48rem;text-align:center}.transactions-facts strong{overflow:hidden;font-size:1.1rem;text-overflow:ellipsis;white-space:nowrap}.transactions-controls{grid-template-columns:1fr 1fr;padding:12px}.transaction-search{grid-column:1/-1}.transactions-controls button{grid-column:1}.transactions-count{grid-column:2;justify-content:center}.transactions-heading{align-items:flex-start;flex-direction:column;gap:8px;margin-top:20px}.transactions-heading h2{font-size:2rem}.transaction-card{border-radius:15px}.transaction-matchup{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr)}.transaction-side{padding:12px 8px}.transaction-team a{gap:6px;flex-direction:column;text-align:center}.transaction-team img{width:48px;height:48px}.transaction-team strong{display:-webkit-box;min-height:2em;overflow:hidden;font-size:.88rem;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.transaction-side li{align-items:flex-start;padding:6px}.transaction-side li>i{flex-basis:23px;width:23px;height:23px}.transaction-side li strong{font-size:.6rem;white-space:normal}.transaction-side li small{font-size:.46rem}.trade-symbol{font-size:1rem}.transactions-source{align-items:center;flex-direction:column;text-align:center}[data-theme="light"] .transactions-facts span{border-color:rgba(12,51,85,.11);background:rgba(255,255,255,.38)}}
@media(max-width:390px){.transactions-controls{grid-template-columns:1fr}.transaction-search,.transactions-controls button,.transactions-count{grid-column:1}.transaction-matchup{grid-template-columns:1fr}.trade-symbol{height:28px;transform:rotate(90deg)}.transaction-team a{flex-direction:row;text-align:left}.transaction-team strong{min-height:0}.transaction-side{padding:12px 14px}}
