#app > .app.route-transactions,
#app .route-transactions .sub-page {
  background:#000!important;
  color:#fff;
}
#app .route-transactions .sub-header {
  height:48px!important;
  min-height:48px!important;
  font-size:18px!important;
  font-weight:600!important;
  color:#fff!important;
  background:transparent!important;
}
#app .route-transactions .transaction-page {
  position:relative;
  background:transparent!important;
}
#app .route-transactions .trans-date {
  top:-40px!important;
  right:12px!important;
  min-width:80px!important;
  height:34px!important;
  padding:0 10px!important;
  font-size:13px!important;
  color:#fff!important;
  background:#080808!important;
  border:1px solid #303033!important;
  border-radius:7px!important;
}
#app .route-transactions .transaction-tabs {
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  height:44px!important;
  margin:0!important;
  border-bottom:1px solid #222!important;
  background:transparent!important;
}
#app .route-transactions .transaction-tabs button {
  position:relative;
  padding:0!important;
  font-size:15px!important;
  font-weight:600!important;
  color:#919191!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
}
#app .route-transactions .transaction-tabs button.active {
  color:#fff!important;
}
#app .route-transactions .transaction-tabs button::after {
  display:none!important;
}
#app .route-transactions .transaction-tabs button.active::after {
  content:"";
  display:block!important;
  position:absolute;
  bottom:0;
  left:12%;
  width:76%;
  height:2px;
  background:linear-gradient(90deg,transparent,#ddd,transparent)!important;
}
#app .route-transactions .data-head {
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  height:43px!important;
  margin:15px 14px 0!important;
  padding:0 13px!important;
  align-items:center!important;
  border-radius:7px!important;
  background:#1c1c1f!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:500!important;
}
#app .route-transactions .transaction-empty {
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  padding:180px 20px 40px!important;
  margin:0!important;
  background:transparent!important;
}
#app .route-transactions .transaction-empty img {
  display:block!important;
  content:url("/assets/transaction-empty-20260930054933.webp")!important;
  width:140px!important;
  height:auto!important;
  margin:0!important;
  object-fit:contain!important;
}
#app .route-transactions .transaction-empty b {
  display:block!important;
  margin:14px 0 0!important;
  font-size:14px!important;
  line-height:20px!important;
  font-weight:400!important;
  color:#c7c7cc!important;
}
#app .route-transactions .transaction-row > span > b,
#app .route-transactions .transaction-row > b {
  font-size:15px!important;
}
#app .route-transactions .transaction-row time {
  font-size:12px!important;
}