/*
 * LiquidPool public experience refresh.
 * Pure CSS: no new runtime dependency, remote script or font package.
 */

:root{
  --lp-blue:#55d6ff;
  --lp-mint:#57edb2;
  --lp-violet:#8c9eff;
  --lp-gold:#ffd76a;
  --lp-panel:rgba(13,22,36,.88);
  --lp-panel-strong:rgba(18,31,50,.96);
  --lp-line:rgba(149,178,214,.16);
  --lp-glow:0 24px 80px rgba(2,8,20,.42);
}

body:not(.page-admin){
  background:
    radial-gradient(900px 580px at 8% -10%,rgba(69,173,255,.17),transparent 62%),
    radial-gradient(760px 520px at 98% 18%,rgba(73,231,174,.10),transparent 64%),
    linear-gradient(180deg,#08101c 0%,#070b12 42%,#090f19 100%)!important;
}

.page-dashboard>nav,
.page-markets>nav,
.page-balances>nav,
.page-exchange>nav{
  border-bottom-color:rgba(138,174,217,.16)!important;
  background:rgba(6,12,21,.86)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.25)!important;
}

.logo{position:relative}
.beta-sticker{
  position:relative;
  display:inline-grid!important;
  min-width:39px;
  height:20px;
  margin-left:.08rem;
  place-items:center;
  border:1px solid rgba(255,121,139,.72);
  border-radius:6px 7px 6px 2px;
  background:linear-gradient(145deg,#ff5a72,#cf1836);
  box-shadow:0 7px 18px rgba(224,32,61,.27),inset 0 1px 0 rgba(255,255,255,.32);
  color:#fff!important;
  font:900 .52rem/1 "JetBrains Mono",monospace!important;
  letter-spacing:.08em!important;
  transform:rotate(-5deg) translateY(-7px);
  text-shadow:none;
}
.beta-sticker::after{
  content:"";
  position:absolute;
  right:4px;
  bottom:-3px;
  width:7px;
  height:5px;
  background:#941128;
  clip-path:polygon(0 0,100% 0,100% 100%);
  opacity:.7;
}

.nav-link,.nav-tab{white-space:nowrap}
.nav-cta,.page-exchange .nav-btn.primary{
  border-color:rgba(85,214,255,.32)!important;
  background:linear-gradient(135deg,rgba(85,214,255,.13),rgba(87,237,178,.10))!important;
  color:#dffaff!important;
  box-shadow:0 10px 28px rgba(48,183,221,.11);
}

.dash-hero,.cp-hero-main,.cp-hero-aside,
.page-markets .page-hero,.page-balances .page-hero,
.page-exchange .hero-card{
  border-color:rgba(131,174,223,.18)!important;
  background:
    linear-gradient(145deg,rgba(19,35,56,.96),rgba(10,20,34,.96))!important;
  box-shadow:var(--lp-glow)!important;
}

.dash-title,.cp-title,.page-markets .page-title,
.page-balances .page-title{
  background:linear-gradient(100deg,#fff 18%,#b9edff 58%,#9ff6d0);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
}

.dash-metric,.hash-stat,.stat-card,.hero-side-card,
.page-balances .hero-panel,.page-balances .hero-metric{
  border-color:var(--lp-line)!important;
  background:linear-gradient(155deg,rgba(255,255,255,.045),rgba(255,255,255,.014))!important;
}

.dash-metric:hover,.stat-card:hover,.hero-side-card:hover{
  border-color:rgba(85,214,255,.28)!important;
  transform:translateY(-2px);
  box-shadow:0 18px 38px rgba(1,8,18,.2);
}

.dash-metric,.stat-card,.hero-side-card{
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}

.hero-btn,.cp-btn,.hero-action,.trade-btn,.btn-dep,.btn-ret{
  min-height:42px!important;
  border-radius:12px!important;
}
.hero-btn-primary,.cp-btn-primary,.hero-action.primary,.trade-btn{
  background:linear-gradient(135deg,var(--lp-blue),var(--lp-mint))!important;
  color:#03131b!important;
  box-shadow:0 14px 32px rgba(66,204,226,.16)!important;
}

/* Focused public landing page */
.page-dashboard .lp-trust-strip{display:none!important}
#page-miningpool .dashboard-layout{
  width:min(1480px,100%);
  margin:0 auto;
  grid-template-columns:minmax(0,1fr)!important;
  background:transparent!important;
}
#page-miningpool .dash-left,
#page-miningpool .dash-right{display:none!important}
#page-miningpool .dashboard-main{
  width:100%;
  padding:clamp(1rem,2.5vw,2.4rem)!important;
}
.dash-hero{
  padding:clamp(1.2rem,3vw,2.8rem)!important;
  isolation:isolate;
}
.dash-hero::after{
  content:"";
  position:absolute;
  inset:auto -12% -55% 34%;
  z-index:-1;
  height:430px;
  background:radial-gradient(ellipse,rgba(87,237,178,.11),transparent 67%);
  pointer-events:none;
}
.landing-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
  align-items:center;
  gap:clamp(1.5rem,4vw,4.5rem);
}
.landing-hero-copy{min-width:0}
.landing-hero-copy .dash-title{
  max-width:13ch;
  font-size:clamp(2.5rem,5.6vw,5.25rem)!important;
  line-height:.96!important;
}
.landing-hero-copy .dash-subtitle{
  max-width:62ch!important;
  font-size:clamp(.88rem,1.25vw,1.05rem)!important;
}
.landing-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  margin-top:1.45rem;
}
.landing-actions .hero-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.68rem 1rem;
  font:800 .75rem "Manrope",sans-serif;
  text-decoration:none;
  cursor:pointer;
}
.hero-btn-secondary{
  border:1px solid rgba(85,214,255,.27)!important;
  background:rgba(85,214,255,.075)!important;
  color:#dff9ff!important;
}
.landing-proof-row{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem 1.15rem;
  margin-top:1.25rem;
  color:#a5b7cb;
  font:700 .62rem "JetBrains Mono",monospace;
}
.landing-proof-row span{display:inline-flex;align-items:center;gap:.38rem}
.landing-live-dot{
  width:7px;height:7px;border-radius:50%;
  background:var(--lp-mint);
  box-shadow:0 0 0 4px rgba(87,237,178,.09),0 0 14px rgba(87,237,178,.6);
}
.landing-brand-stage{
  position:relative;
  min-height:380px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:1rem;
  overflow:hidden;
  border:1px solid rgba(140,183,230,.2);
  border-radius:25px;
  background:
    linear-gradient(150deg,rgba(85,214,255,.11),transparent 48%),
    linear-gradient(330deg,rgba(87,237,178,.09),transparent 44%),
    rgba(6,14,25,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 28px 75px rgba(0,0,0,.3);
}
.landing-brand-stage::before{
  content:"";
  position:absolute;
  inset:14% -24% auto 23%;
  height:210px;
  border:1px solid rgba(85,214,255,.12);
  border-radius:50%;
  transform:rotate(-18deg);
  box-shadow:0 0 85px rgba(85,214,255,.09);
}
.landing-stage-top,.landing-stage-copy{position:relative;z-index:2}
.landing-stage-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.8rem;
  color:#d9e8f7;
  font:800 .62rem "JetBrains Mono",monospace;
  letter-spacing:.16em;
}
.landing-stage-top .dash-pill{white-space:nowrap}
.landing-logo-shell{
  position:relative;
  z-index:1;
  align-self:center;
  width:min(230px,72%);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  border:1px solid rgba(178,217,255,.17);
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.07),rgba(85,214,255,.025) 55%,transparent 70%);
  box-shadow:0 0 80px rgba(85,214,255,.1);
}
.landing-logo-shell img{
  width:76%;
  height:76%;
  object-fit:contain;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.35));
}
.landing-stage-copy{display:flex;flex-direction:column;gap:.32rem}
.landing-stage-copy strong{color:#f3f8ff;font-size:1rem}
.landing-stage-copy span{color:#8fa4ba;font-size:.7rem;line-height:1.55}
.dash-metrics{
  position:relative;
  z-index:2;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.landing-value-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.75rem;
  margin:1rem 0;
}
.landing-value-grid article{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:.85rem;
  min-height:128px;
  padding:1rem;
  border:1px solid var(--lp-line);
  border-radius:16px;
  background:rgba(255,255,255,.018);
}
.landing-value-grid article>span{
  color:var(--lp-blue);
  font:800 .62rem "JetBrains Mono",monospace;
}
.landing-value-grid strong{color:#eaf4ff;font-size:.84rem}
.landing-value-grid p{margin:.38rem 0 0;color:#879caf;font-size:.68rem;line-height:1.6}
.dashboard-intel-grid{grid-template-columns:minmax(0,1fr) minmax(260px,330px)!important}

/* Unified pool directory */
#page-coinpool{
  height:auto!important;
  min-height:calc(100dvh - 68px);
  overflow:visible!important;
}
.cp-brand-orb{
  width:100%!important;
  min-height:118px;
  display:flex!important;
  align-items:center;
  justify-content:flex-start!important;
  gap:1rem;
  padding:1rem!important;
  border:1px solid var(--lp-line)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.02)!important;
}
.cp-brand-orb img{
  width:76px!important;
  height:76px!important;
  flex:0 0 76px;
  object-fit:contain!important;
  filter:drop-shadow(0 12px 20px rgba(0,0,0,.3));
}
.cp-brand-lockup{display:flex;min-width:0;flex-direction:column;gap:.25rem}
.cp-brand-lockup strong{
  color:#fff;
  font:900 1rem "Manrope",sans-serif;
  letter-spacing:-.04em;
}
.cp-brand-lockup strong span{color:var(--lp-blue)}
.cp-brand-lockup small{
  color:#8298ae;
  font:700 .58rem "JetBrains Mono",monospace;
}
.cp-market-head{
  align-items:flex-end!important;
  gap:1rem;
  padding:1.35rem 1.4rem 0!important;
}
.cp-market-title{
  color:var(--text)!important;
  font-size:1.15rem!important;
  letter-spacing:-.02em;
}
.cp-market-sub{
  max-width:680px;
  margin-top:.35rem;
  color:var(--muted)!important;
  line-height:1.6;
}
#algorithmFilters{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end;
  gap:.45rem!important;
  margin:0!important;
}
#algorithmFilters .filter-btn{
  min-height:36px;
  padding:.48rem .8rem!important;
  border:1px solid var(--lp-line)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.025)!important;
  color:var(--muted)!important;
  font-size:.62rem!important;
  letter-spacing:.06em!important;
  text-transform:none!important;
}
#algorithmFilters .filter-btn:hover{
  border-color:rgba(85,214,255,.34)!important;
  color:var(--text)!important;
  background:rgba(85,214,255,.055)!important;
}
#algorithmFilters .filter-btn.active{
  border-color:rgba(85,214,255,.36)!important;
  background:linear-gradient(135deg,rgba(85,214,255,.16),rgba(87,237,178,.10))!important;
  color:#e8fbff!important;
  box-shadow:inset 0 -2px 0 rgba(85,214,255,.6)!important;
}
.pool-coin-grid{padding:1.2rem 1.35rem 1.4rem}
.pool-table-unified{
  overflow:hidden;
  border:1px solid var(--lp-line)!important;
  border-radius:17px!important;
  background:rgba(6,13,23,.48)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.21);
}
.pool-table-unified .pool-table-header{
  min-height:72px;
  padding:.9rem 1rem!important;
  border-bottom:1px solid var(--lp-line)!important;
  background:linear-gradient(90deg,rgba(85,214,255,.07),rgba(87,237,178,.025))!important;
}
.pool-table-unified .pool-table-header-left{
  display:flex;
  align-items:flex-start;
  flex-direction:column;
  gap:.16rem!important;
}
.pool-table-kicker{
  color:var(--lp-mint);
  font:800 .52rem "JetBrains Mono",monospace;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.pool-table-title{color:var(--text);font-size:.9rem}
.pool-table-visible-count{
  padding:.35rem .58rem;
  border:1px solid rgba(87,237,178,.19);
  border-radius:999px;
  background:rgba(87,237,178,.06);
  color:#b9f8dc!important;
}
.pool-table-scroll{overflow-x:auto}
.pool-table{min-width:1160px}
.pool-table thead tr{background:rgba(6,12,21,.82)!important}
.pool-table thead th{
  height:45px;
  padding:.65rem .8rem!important;
  border-bottom:1px solid var(--lp-line)!important;
  color:#8296af!important;
  font-size:.56rem!important;
}
.pool-table td{padding:.82rem .8rem!important}
.pool-table .cell-center{text-align:center}
.pool-table tbody tr.pool-row{
  position:relative;
  border-bottom:1px solid rgba(149,178,214,.095)!important;
  background:transparent;
  transition:background .15s ease,box-shadow .15s ease!important;
}
.pool-table tbody tr.pool-row:hover,
.pool-table tbody tr.pool-row:focus-visible{
  outline:0;
  background:linear-gradient(90deg,rgba(85,214,255,.07),rgba(87,237,178,.025))!important;
  box-shadow:inset 3px 0 0 var(--lp-blue);
}
.pool-coin-cell{display:flex;align-items:center;gap:.75rem;min-width:170px}
.pool-coin-cell img{
  width:38px;height:38px;flex:0 0 38px;object-fit:contain;
  border:1px solid var(--lp-line);border-radius:12px;padding:4px;
  background:rgba(255,255,255,.025);
}
.pool-coin-cell strong{display:block;color:var(--text);font:800 .78rem "Manrope",sans-serif}
.pool-coin-cell span{display:block;margin-top:.14rem;color:var(--muted);font:500 .56rem "Manrope",sans-serif}
.algorithm-cell{
  color:#cbd6ff!important;
  font-size:.65rem!important;
}
.algorithm-cell::before{
  content:"";
  display:inline-block;
  width:6px;height:6px;margin-right:.42rem;border-radius:50%;
  background:var(--lp-violet);box-shadow:0 0 9px rgba(140,158,255,.7);
}
.badge-online,.badge-offline{
  padding:.32rem .55rem;border-radius:999px;border:1px solid currentColor;
  font-size:.57rem!important;
}
.badge-online{background:rgba(87,237,178,.06)}
.badge-offline{background:rgba(255,113,133,.06)}
.pool-empty-state{
  padding:3rem 1rem;border:1px dashed var(--lp-line);border-radius:16px;
  color:var(--muted);text-align:center;font-size:.8rem;
}

/* Markets */
.page-markets .main{max-width:1460px!important}
.page-markets .page-header{grid-template-columns:minmax(0,1fr)!important}
.page-markets .hero-side{display:none!important}
.page-markets .page-sub{max-width:68ch}
.page-markets .controls{
  position:sticky;top:82px;z-index:20;
  padding:.7rem!important;border:1px solid var(--lp-line)!important;
  border-radius:15px!important;background:rgba(8,15,25,.86)!important;
  box-shadow:0 15px 40px rgba(0,0,0,.19);backdrop-filter:blur(18px);
}
.page-markets .markets-card{
  border-color:var(--lp-line)!important;border-radius:18px!important;
  box-shadow:var(--lp-glow)!important;
}
.page-markets .markets-table tbody tr{
  transition:background .15s ease!important;
}
.page-markets .markets-table tbody tr:hover{
  background:linear-gradient(90deg,rgba(85,214,255,.055),rgba(87,237,178,.02))!important;
}

/* Exchange */
.page-exchange>.layout{
  gap:1px;
  background:rgba(126,160,202,.13)!important;
}
.page-exchange .exchange-hero{
  background:#08111d!important;
  grid-template-columns:minmax(0,1.45fr) minmax(290px,.75fr)!important;
}
.page-exchange .exchange-hero>.hero-card:nth-child(3){display:none!important}
.page-exchange .pairs-sidebar,
.page-exchange .orderbook,
.page-exchange .main-center,
.page-exchange .form-panel{
  background:linear-gradient(180deg,#0b1523,#09111d)!important;
}
.page-exchange .pairs-sidebar{border-left:1px solid var(--lp-line)}
.page-exchange .pair-item{
  min-height:53px;
  margin:3px 6px;
  border:1px solid transparent!important;
  border-radius:10px!important;
}
.page-exchange .pair-item.active{
  border-color:rgba(85,214,255,.22)!important;
  background:linear-gradient(90deg,rgba(85,214,255,.11),rgba(87,237,178,.04))!important;
}
.page-exchange .pnl-hdr,.page-exchange .sb-head,
.page-exchange .chart-controls,.page-exchange .c-tabs,
.page-exchange .bs-tabs{
  background:rgba(5,11,20,.64)!important;
  border-color:var(--lp-line)!important;
}
.page-exchange .sub-btn.buy{
  background:linear-gradient(135deg,#48dfa0,#65f0c2)!important;
  box-shadow:0 14px 30px rgba(72,223,160,.13);
}
.page-exchange .sub-btn.sell{
  background:linear-gradient(135deg,#ff7185,#ff91a1)!important;
  box-shadow:0 14px 30px rgba(255,113,133,.12);
}
.page-exchange .f-inp,.page-exchange .sb-search{
  border-color:var(--lp-line)!important;
  background:rgba(3,8,15,.7)!important;
}

/* Balances */
.page-balances .main{max-width:1400px;margin:0 auto}
.page-balances .hero-grid{display:none!important}
.page-balances .hero-top{margin-bottom:0!important}
.page-balances .balances-card,.page-balances .history-card{
  border-color:var(--lp-line)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(17,29,46,.96),rgba(9,17,29,.96))!important;
  box-shadow:var(--lp-glow)!important;
}
.page-balances .balances-table tbody tr:hover{
  background:linear-gradient(90deg,rgba(85,214,255,.055),rgba(87,237,178,.02))!important;
}
.page-balances .btn-dep,.page-balances .btn-ret{min-width:92px}

/* Secure access */
.page-login .shell{
  border-color:rgba(142,180,224,.2)!important;
  background:linear-gradient(145deg,rgba(15,28,46,.97),rgba(7,14,25,.98))!important;
  box-shadow:0 40px 120px rgba(0,0,0,.54)!important;
}
.page-login .brand{
  background:
    radial-gradient(circle at 18% 12%,rgba(85,214,255,.19),transparent 30%),
    radial-gradient(circle at 80% 82%,rgba(87,237,178,.13),transparent 28%),
    linear-gradient(160deg,rgba(14,29,49,.95),rgba(8,17,29,.96))!important;
}
.page-login .auth-card{
  border-color:var(--lp-line)!important;
  background:rgba(6,13,23,.62)!important;
}
.page-login .logo{display:flex!important;align-items:center!important}

@media(max-width:1100px){
  .beta-sticker{min-width:34px;height:18px;font-size:.47rem!important}
  .cp-market-head{align-items:flex-start!important;flex-direction:column}
  #algorithmFilters{justify-content:flex-start}
  .landing-hero-grid{grid-template-columns:minmax(0,1fr) minmax(270px,.62fr)}
  .landing-brand-stage{min-height:330px}
  .landing-value-grid{grid-template-columns:1fr}
  .landing-value-grid article{min-height:0}
}
@media(max-width:760px){
  .beta-sticker{transform:rotate(-5deg) translateY(-5px)}
  .cp-market-head{padding:1rem 1rem 0!important}
  .pool-coin-grid{padding:1rem}
  #algorithmFilters{width:100%;flex-wrap:nowrap!important;overflow-x:auto;padding-bottom:.35rem}
  #algorithmFilters .filter-btn{flex:0 0 auto}
  .pool-table-unified .pool-table-header{min-height:62px}
  .page-markets .controls{position:relative;top:auto}
  .landing-hero-grid{grid-template-columns:1fr}
  .landing-brand-stage{min-height:280px}
  .landing-logo-shell{width:150px}
  .dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dashboard-intel-grid{grid-template-columns:1fr!important}
  .page-exchange .exchange-hero{grid-template-columns:1fr!important}
}