:root{
    --nexus-bg:#070a15;
    --nexus-panel:#121936;
    --nexus-panel-2:#1b2450;
    --nexus-line:rgba(255,255,255,.1);
    --nexus-text:#ffffff;
    --nexus-muted:#9ca3af;
    --nexus-blue:#159cff;
    --nexus-cyan:#5cc3ff;
    --nexus-warn:#ff9900;
}

.copy-row{
    display:grid;
    grid-template-columns:1fr auto;
    gap:10px;
    align-items:stretch;
    margin:12px 0 16px;
}

.copy-row .address{
    margin:0;
}

.copy-btn{
    border:1px solid rgba(21,156,255,.45);
    background:rgba(21,156,255,.12);
    color:#d9f1ff;
    border-radius:10px;
    min-width:84px;
    padding:0 14px;
    font-weight:900;
    cursor:pointer;
}

.copy-btn:hover{
    background:rgba(21,156,255,.22);
}

.network-warning{
    border:1px solid rgba(255,153,0,.38);
    background:rgba(255,153,0,.12);
    color:#ffcf8a;
    border-radius:12px;
    padding:13px 14px;
    line-height:1.45;
    font-weight:800;
    margin:8px 0 18px;
}

.copy-toast{
    position:fixed;
    left:50%;
    bottom:28px;
    transform:translateX(-50%) translateY(20px);
    opacity:0;
    pointer-events:none;
    background:#111936;
    border:1px solid rgba(21,156,255,.35);
    color:white;
    border-radius:999px;
    padding:12px 18px;
    box-shadow:0 18px 50px rgba(0,0,0,.4);
    transition:opacity .2s ease, transform .2s ease;
    z-index:100;
    font-weight:800;
}

.copy-toast.show{
    opacity:1;
    transform:translateX(-50%) translateY(0);
}

.recent-transactions{
    max-width:980px;
    margin:80px auto 20px;
    padding:0 20px;
    position:relative;
}

.recent-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:18px;
    margin-bottom:20px;
}

.recent-head h2{
    margin:0;
    font-size:54px;
    color:#dceeff;
    line-height:1;
}

.recent-head p{
    margin:0;
    color:#9ca3af;
    font-weight:700;
    text-align:right;
}

.tx-feed{
    display:grid;
    gap:10px;
}

.tx-row{
    display:grid;
    grid-template-columns:170px minmax(230px,1fr) 44px minmax(180px,.9fr);
    align-items:center;
    gap:14px;
    min-height:48px;
    background:#202a58;
    border:1px solid rgba(255,255,255,.06);
    border-radius:6px;
    padding:9px 18px;
    box-shadow:0 12px 30px rgba(0,0,0,.16);
}

.tx-time{
    color:#ffffff;
    font-weight:700;
    white-space:nowrap;
    font-variant-numeric:tabular-nums;
}


.tx-amount,
.tx-asset{
    min-width:0;
    display:flex;
    align-items:center;
    gap:8px;
    font-weight:800;
    justify-content:flex-end;
}

.tx-amount span,
.tx-asset span{
    overflow:hidden;
    text-overflow:ellipsis;
}

.tx-asset{
    justify-content:flex-start;
}

.tx-arrow{
    color:#ffffff;
    text-align:center;
    font-size:20px;
    font-weight:900;
}

.tx-badge{
    width:30px;
    height:30px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:white;
    font-size:12px;
    font-weight:900;
    flex-shrink:0;
}

.tx-badge.sol{
    background:linear-gradient(135deg,#20d3b0,#7657ff);
}

.tx-badge.usdt{background:#26a17b}
.tx-badge.usdc{background:#2775ca}
.tx-badge.btc{background:#f7931a}
.tx-badge.eth{background:#627eea}
.tx-badge.ltc{background:#345d9d}
.tx-badge.bnb{background:#f3ba2f;color:#121212}
.tx-badge.matic{background:#8247e5}
.tx-badge.doge{background:#c2a633;color:#111}
.tx-badge.xrp{background:#23292f}
.tx-badge.ada{background:#0033ad}

@media(max-width:800px){
    .copy-row{
        grid-template-columns:1fr;
    }

    .copy-btn{
        min-height:44px;
    }

    .recent-transactions{
        margin:55px auto 10px;
    }

    .recent-head{
        display:block;
    }

    .recent-head h2{
        font-size:38px;
        margin-bottom:10px;
    }

    .recent-head p{
        text-align:left;
    }

    .tx-row{
        grid-template-columns:1fr auto;
        gap:8px 14px;
        padding:13px 14px;
    }

    .tx-time{grid-column:1/2}
    .tx-amount{grid-column:1/2;justify-content:flex-start}
    .tx-arrow{display:none}
    .tx-asset{grid-column:2/3;justify-content:flex-end}
}
