.finance-page{
  display:grid;
  gap:12px;
}

.finance-hero{
  position:relative;
  overflow:hidden;
  padding:22px 19px;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 90% 5%,rgba(224,229,233,.12),transparent 27%),
    linear-gradient(140deg,#191c1f,#0c0e10 58%,#070809);
  box-shadow:
    inset 0 1px rgba(255,255,255,.04),
    0 20px 48px rgba(0,0,0,.27);
}

.finance-hero:after{
  content:"USDT";
  position:absolute;
  right:9px;
  bottom:-14px;
  color:rgba(255,255,255,.028);
  font-size:64px;
  font-weight:1000;
  letter-spacing:-.07em;
}

.finance-kicker{
  color:#aeb5ba;
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.finance-hero h1{
  margin-top:9px;
  font-size:25px;
  line-height:1.12;
  letter-spacing:-.035em;
}

.finance-hero p{
  max-width:390px;
  margin-top:8px;
  color:#858c91;
  font-size:11px;
  line-height:1.55;
}

.finance-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}

.finance-stat{
  min-height:100px;
  padding:14px;
  border-radius:19px;
  border:1px solid rgba(255,255,255,.075);
  background:linear-gradient(145deg,#141719,#0b0d0e);
}

.finance-stat span{
  display:block;
  color:#737a80;
  font-size:9px;
  line-height:1.4;
}

.finance-stat strong{
  display:block;
  margin-top:9px;
  color:#edf0f1;
  font-size:18px;
  line-height:1.15;
  overflow-wrap:anywhere;
}

.finance-stat.accent{
  border-color:rgba(66,202,134,.13);
}

.finance-stat.accent strong{
  color:#75dca7;
}

.finance-card{
  padding:16px;
  border-radius:21px;
  border:1px solid rgba(255,255,255,.075);
  background:linear-gradient(145deg,#141719,#090b0c);
}

.finance-card-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}

.finance-card-head strong{
  font-size:14px;
}

.finance-card-head span{
  color:#6d7479;
  font-size:9px;
}

.finance-notice{
  padding:11px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.06);
  background:#090b0c;
  color:#777f84;
  font-size:9px;
  line-height:1.55;
}

.finance-notice.green{
  color:#8dcaae;
  border-color:rgba(66,202,134,.12);
  background:rgba(66,202,134,.04);
}

.finance-notice.warn{
  color:#cbbd86;
  border-color:rgba(217,189,93,.12);
  background:rgba(217,189,93,.045);
}

.finance-notice.error{
  color:#ed979b;
  border-color:rgba(219,79,84,.16);
  background:rgba(219,79,84,.06);
}

.finance-wallet{
  margin-top:9px;
  padding:11px;
  border-radius:13px;
  border:1px dashed rgba(255,255,255,.10);
  background:#070809;
  color:#a7adb1;
  font-size:9px;
  line-height:1.55;
  overflow-wrap:anywhere;
}

.finance-copy-row{
  display:flex;
  gap:7px;
  margin-top:9px;
}

.finance-copy-row .finance-wallet{
  flex:1;
  min-width:0;
  margin-top:0;
}

.finance-btn-small{
  flex:0 0 auto;
  min-height:40px;
  padding:0 11px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.09);
  background:#15181a;
  color:#cdd1d4;
  font-size:9px;
  font-weight:850;
}

.finance-field-wrap{
  display:grid;
  gap:6px;
  margin-top:11px;
}

.finance-field-wrap label{
  color:#777f84;
  font-size:9px;
  font-weight:750;
}

.finance-field{
  width:100%;
  min-height:46px;
  padding:0 13px;
  outline:none;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.08);
  background:#080a0b;
  color:#ecedef;
  font:inherit;
  font-size:11px;
}

.finance-field:focus{
  border-color:rgba(206,211,215,.25);
}

.finance-field::placeholder{
  color:#51585d;
}

.finance-action{
  width:100%;
  min-height:48px;
  margin-top:12px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:15px;
  background:linear-gradient(135deg,#edf0f2,#9da3a8 52%,#d5d9dc);
  color:#08090a;
  font-weight:900;
}

.finance-action.secondary{
  background:#15181a;
  color:#d8dcdf;
  border-color:rgba(255,255,255,.09);
}

.finance-action:disabled{
  opacity:.38;
}

.finance-tabs{
  display:flex;
  gap:7px;
  overflow:auto;
  padding:2px 0;
  scrollbar-width:none;
}

.finance-tabs::-webkit-scrollbar{
  display:none;
}

.finance-tab{
  flex:0 0 auto;
  min-height:38px;
  padding:0 13px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.07);
  background:#0d0f10;
  color:#757d82;
  font-size:10px;
  font-weight:850;
}

.finance-tab.active{
  color:#08090a;
  border-color:rgba(255,255,255,.18);
  background:linear-gradient(135deg,#e6e9eb,#969ca1);
}

.finance-title{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:10px;
  margin:9px 2px 0;
}

.finance-title strong{
  font-size:17px;
}

.finance-title span{
  color:#6b7277;
  font-size:9px;
}

.finance-history{
  display:grid;
  gap:7px;
}

.finance-history-item{
  padding:12px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.065);
  background:#0c0e0f;
}

.finance-history-top{
  display:flex;
  justify-content:space-between;
  gap:10px;
}

.finance-history-top b{
  color:#c9ced1;
  font-size:11px;
}

.finance-history-top strong{
  color:#eceeef;
  font-size:12px;
}

.finance-history-meta{
  margin-top:5px;
  color:#656c71;
  font-size:8px;
  line-height:1.55;
  overflow-wrap:anywhere;
}

.finance-status{
  display:inline-flex;
  margin-top:7px;
  padding:4px 7px;
  border-radius:999px;
  background:rgba(255,255,255,.045);
  color:#81888d;
  font-size:7px;
  font-weight:900;
  text-transform:uppercase;
}

.finance-status.approved,
.finance-status.paid,
.finance-status.completed,
.finance-status.confirmed{
  color:#72daa3;
  background:rgba(66,202,134,.075);
}

.finance-status.pending,
.finance-status.processing{
  color:#d2c184;
  background:rgba(217,189,93,.06);
}

.finance-status.rejected,
.finance-status.failed,
.finance-status.cancelled{
  color:#ee9297;
  background:rgba(219,79,84,.07);
}

.finance-tx-row{
  display:flex;
  gap:6px;
  margin-top:8px;
}

.finance-tx{
  flex:1;
  min-width:0;
  padding:8px;
  border-radius:10px;
  background:#070809;
  color:#727a7f;
  font-size:8px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.finance-partner{
  border-color:rgba(66,202,134,.12);
}

.finance-partner-balance{
  margin-top:4px;
  font-size:27px;
  font-weight:950;
  letter-spacing:-.035em;
}

.finance-partner-meta{
  margin-top:7px;
  color:#71797e;
  font-size:9px;
  line-height:1.55;
}

.finance-empty{
  padding:24px 12px;
  border-radius:16px;
  border:1px dashed rgba(255,255,255,.07);
  color:#656c71;
  text-align:center;
  font-size:10px;
}

.finance-loader{
  min-height:240px;
  display:grid;
  place-items:center;
  color:#747b80;
  font-size:11px;
}