.lr-container{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:0 24px;
}

.lr-main{
  padding-top:20px;
  padding-bottom:110px;
}

.lr-main-grid{
  display:flex;
  justify-content:center;
  align-items:flex-start;
}

.lr-column-left{
  width:100%;
  max-width:720px;
  display:flex;
  flex-direction:column;
  gap:18px;
}

.lr-btn{
  border-radius:999px;
  padding:12px 18px;
  font-size:13px;
  font-weight:800;
  letter-spacing:.3px;
  cursor:pointer;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);
  color:#fff;
  transition:transform .14s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease,filter .2s ease;
  will-change:transform;
}

.lr-btn:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.1);
  box-shadow:0 10px 28px rgba(0,0,0,.4);
  filter:brightness(1.05);
}

.lr-btn:active{
  transform:scale(.97);
}

.lr-btn[disabled],
.lr-btn:disabled{
  opacity:.55;
  cursor:not-allowed;
  transform:none;
  box-shadow:none;
  filter:none;
}

.lr-btn-primary{
  background:linear-gradient(135deg,#e50914,#ff0033);
  border:1px solid rgba(229,9,20,.6);
}

.lr-btn-primary:hover{
  background:linear-gradient(135deg,#ff2345,#e50914);
  box-shadow:0 0 20px rgba(229,9,20,.3),0 10px 28px rgba(0,0,0,.4);
}

.lr-btn-block{
  width:100%;
}

.lr-btn-pending{
  opacity:.85;
  cursor:wait!important;
}

.lr-card{
  background:rgba(7,7,12,.78);
  border:1px solid rgba(255,255,255,.09);
  border-radius:24px;
  padding:22px;
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  box-shadow:0 20px 60px rgba(0,0,0,.55);
  position:relative;
  overflow:hidden;
  animation:lrFadeIn .4s ease forwards;
  opacity:0;
  transform:translateY(10px);
}

@keyframes lrFadeIn{
  to{opacity:1;transform:translateY(0)}
}

.lr-card-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-bottom:14px;
}

.lr-card-header-row{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}

.lr-card-header h2{
  font-size:19px;
  font-weight:900;
  margin:0;
}

.lr-card-subtitle{
  font-size:12px;
  color:rgba(255,255,255,.65);
  margin-top:4px;
}

.lr-card-body{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.lr-split-card{
  background:rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.10);
  border-radius:22px;
  padding:14px;
  box-shadow:0 14px 40px rgba(0,0,0,.35);
}

.lr-settings-btn{
  width:36px;
  height:36px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.06);
  color:#fff;
  cursor:pointer;
  transition:all .15s ease;
}

.lr-settings-btn:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.12);
  border-color:rgba(229,9,20,.4);
}

.lr-field-group{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.lr-field-label-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:12px;
  gap:10px;
}

.lr-field-label{
  font-weight:700;
}

.lr-field-balance{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:11px;
  color:rgba(255,255,255,.65);
}

.lr-balance-icon{
  width:14px;
  height:14px;
  opacity:.7;
}

.lr-token-input-row{
  background:rgba(0,0,0,.45);
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  min-height:62px;
  transition:border-color .2s ease,box-shadow .2s ease;
  overflow:hidden;
}

.lr-token-input-row:focus-within{
  border-color:rgba(229,9,20,.5);
  box-shadow:0 0 0 3px rgba(229,9,20,.15);
}

.lr-input{
  border:0;
  background:transparent;
  color:#fff;
  font-size:20px;
  font-weight:800;
  outline:none;
  text-align:right;
  width:100%;
}

.lr-input::placeholder{
  color:rgba(255,255,255,.3);
}

.lr-token-input-row .lr-input{
  order:1;
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}

.lr-token-select{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  padding:9px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);
  cursor:pointer;
  font-weight:800;
  font-size:13px;
  transition:all .15s ease;
  overflow:hidden;
  flex:0 0 auto;
  color:#ffffff;
}

.lr-token-select:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.13);
}

.lr-token-logo{
  width:22px;
  height:22px;
  border-radius:999px;
  object-fit:contain;
  flex:0 0 22px;
}

.lr-balance-actions{
  display:flex;
  justify-content:flex-end;
  gap:2px;
}

.lr-balance-actions button{
  padding:3px 8px;
  font-size:9.5px;
  font-weight:800;
  border-radius:999px;
  min-width:46px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.15);
  color:#fff;
  cursor:pointer;
  transition:all .15s ease;
}

.lr-balance-actions button:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.14);
}

.lr-amount-wrap{
  position:relative;
  flex:1 1 auto;
  min-width:0;
}

.lr-usd-inside{
  position:absolute;
  right:18px;
  bottom:5px;
  font-size:11px;
  opacity:.65;
  pointer-events:none;
  white-space:nowrap;
}

.lr-input-amount{
  padding-bottom:3px;
}

.lr-status-text{
  font-size:12px;
  min-height:18px;
  color:rgba(255,255,255,.75);
}

.lr-hidden{
  display:none!important;
}

.lr-stk-totals{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.lr-stk-total{
  background:rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  padding:14px;
  box-shadow:0 14px 40px rgba(0,0,0,.25);
}

.lr-stk-total-label{
  font-size:11.5px;
  color:rgba(255,255,255,.60);
  font-weight:700;
}

.lr-stk-total-value{
  margin-top:6px;
  font-size:18px;
  font-weight:900;
  letter-spacing:.2px;
}

.lr-portfolio-card{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.lr-portfolio-row{
  display:flex;
  justify-content:space-between;
  gap:10px;
  font-size:12px;
}

.lr-pool-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}

.lr-pool-item{
  background:rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.10);
  border-radius:22px;
  padding:14px;
  box-shadow:0 14px 40px rgba(0,0,0,.35);
  overflow:hidden;
}

.lr-pool-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.lr-pool-left{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.lr-pool-left-text{
  min-width:0;
}

.lr-pool-logo{
  width:42px;
  height:42px;
  border-radius:14px;
  object-fit:contain;
  background:rgba(255,255,255,.06);
  padding:7px;
  flex:0 0 42px;
}

.lr-pool-title{
  font-size:15px;
  font-weight:900;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color: red;
}

.lr-pool-sub{
  margin-top:2px;
  font-size:11.5px;
  color:rgba(255,255,255,.60);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.lr-pool-apr{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:2px;
  flex:0 0 auto;
}

.lr-pool-apr-label{
  font-size:10.5px;
  color:rgba(255,255,255,.55);
  font-weight:800;
}

.lr-pool-apr-value{
  font-size:14px;
  font-weight:900;
  color:#22c55e;
  text-shadow:0 0 10px rgba(34, 197, 94, .4);
}

.lr-pool-body{
  margin-top:12px;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.lr-pool-kpis{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.lr-pool-kpi{
  background:rgba(0,0,0,.28);
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  padding:12px;
}

.lr-pool-kpi-label{
  font-size:11px;
  color:rgba(255,255,255,.60);
  font-weight:700;
}

.lr-pool-kpi-value{
  margin-top:6px;
  font-size:14px;
  font-weight:900;
}

.lr-pool-earning{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:rgba(0,0,0,.28);
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  padding:12px;
}

.lr-pool-earning-left{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}

.lr-pool-earning-title{
  font-size:11px;
  color:rgba(255,255,255,.60);
  font-weight:700;
}

.lr-pool-earning-value{
  font-size:18px;
  font-weight:900;
  letter-spacing:.2px;
}

.lr-pool-actions{
  display:flex;
}

.lr-pool-expand{
  margin-top:2px;
}

.lr-pool-inline-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:10px;
}

.lr-pool-inline-actions .lr-btn {
  padding: 8px 14px;
  font-size: 11px;
  border-radius: 14px;
  min-height: 38px;
}

.lr-saas-card{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.lr-saas-title{
  font-size:16px;
  font-weight:900;
}

.lr-saas-sub{
  font-size:12px;
  color:rgba(255,255,255,.60);
  line-height:1.45;
}

.lr-saas-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.lr-saas-item{
  background:rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  padding:12px;
}

.lr-saas-label{
  font-size:11px;
  color:rgba(255,255,255,.60);
  font-weight:700;
}

.lr-saas-val{
  margin-top:6px;
  font-size:13px;
  font-weight:900;
}

.lr-modal{
  position:fixed;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  z-index:2000;
}

.lr-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.82);
}

.lr-modal-content{
  position:relative;
  z-index:1;
  width:100%;
  max-width:480px;
  max-height:80vh;
  display:flex;
  flex-direction:column;
  background:rgba(7,7,12,.95);
  border-radius:22px;
  padding:18px;
  border:1px solid rgba(255,255,255,.15);
  box-shadow:0 25px 80px rgba(0,0,0,.75);
  overflow:hidden;
  animation:lrModalIn .18s ease forwards;
}

@keyframes lrModalIn{
  from{opacity:0;transform:scale(.97)}
  to{opacity:1;transform:scale(1)}
}

.lr-modal-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:12px;
}

.lr-modal-header h3{
  margin:0;
  font-size:16px;
  font-weight:900;
  letter-spacing:.2px;
}

.lr-modal-close{
  width:30px;
  height:30px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.06);
  color:#fff;
  cursor:pointer;
  transition:.15s ease;
}

.lr-modal-close:hover{
  background:rgba(255,255,255,.12);
  transform:translateY(-1px);
}

.lr-wallet-options{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin-top:8px;
}

.lr-wallet-option{
  display:flex;
  align-items:center;
  gap:10px;
  border-radius:16px;
  padding:12px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  cursor:pointer;
  color:#fff;
  font-size:13px;
  font-weight:800;
  transition:.18s ease;
  min-height:54px;
}

.lr-wallet-option:hover{
  background:rgba(255,255,255,.12);
  transform:translateY(-1px);
  border-color:rgba(229,9,20,.35);
}

.lr-wallet-logo{
  width:36px;
  height:36px;
  border-radius:10px;
  object-fit:contain;
  flex:0 0 36px;
  background:rgba(255,255,255,.06);
  padding:6px;
}

.lr-helper-text,
.lr-wallet-helper,
.lr-modal-body .lr-helper-text{
  color:rgba(255,255,255,.45);
  font-size:11.5px;
  line-height:1.45;
  padding:4px;
}

.lr-toast-container {
  position: fixed;
  top: 85%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  z-index: 3000;
  pointer-events: none;
}

body.lr-modal-open{
  overflow:hidden;
}

body.lr-modal-open .db-app{
  pointer-events:none;
}

body.lr-modal-open .lr-modal,
body.lr-modal-open .lr-modal *{
  pointer-events:auto;
}

@media(max-width:980px){
  .lr-container{
    padding:0 16px;
  }

  .lr-main{
    padding-bottom:50px;
  }

  .lr-column-left{
    max-width:580px;
    margin:0 auto;
  }

  .lr-card{
    padding:18px;
    border-radius:22px;
  }

  .lr-input{
    font-size:17px;
  }

  .lr-stk-totals{
    grid-template-columns:1fr;
  }

  .lr-saas-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:420px){
  .lr-input{
    font-size:16px;
  }

  .lr-token-select{
    font-size:12px;
    padding:8px 10px;
  }

  .lr-balance-actions button{
    font-size:10.5px;
    padding:5px 9px;
  }

  .lr-wallet-logo{
    width:30px;
    height:30px;
    flex:0 0 30px;
  }
  
  .lr-pool-apr-value {
  font-size: 14px;
  font-weight: 900;
  color: #22c55e;
  }

  .lr-pool-logo{
    width:38px;
    height:38px;
    flex:0 0 38px;
    border-radius:12px;
  }

  .lr-pool-kpis{
    grid-template-columns:1fr;
  }

  .lr-pool-earning{
    flex-direction:column;
    align-items:stretch;
  }

  .lr-pool-inline-actions{
    grid-template-columns:1fr;
  }
}

@media(prefers-reduced-motion:reduce){
  .lr-card,
  .lr-modal-content,
  .lr-btn,
  .lr-token-select,
  .lr-pool-item{
    animation:none;
    transition:none;
  }
}

.lr-pool-earning .lr-btn {
  width: auto;
  min-width: 140px;
  padding: 10px 16px;
  font-size: 12px;
}

@media(max-width:420px) {
  .lr-pool-earning .lr-btn {
    width: 100%;
    min-width: 0;
  }
}

.lr-pool-actions {
  gap: 8px;
}

.lr-pool-actions .lr-btn {
  width: auto;
  min-width: 150px;
  padding: 10px 16px;
  font-size: 12.5px;
}

@media(max-width:420px) {
  .lr-pool-actions .lr-btn {
    width: 100%;
    min-width: 0;
  }
}

.db-sidebar {
  display: none !important;
}

.db-shell {
  display: block !important;
}

.db-main {
  width: 100% !important;
  margin-left: 0 !important;
}

.db-container {
  max-width: 1100px;
  margin: 0 auto;
}

.db-main {
  padding-top: 6px !important;
}

.lr-main {
  padding-top: 18px !important;
}