.card {
        color: #fff;
        background: #2a2727;
        border-radius: 12px;
        padding: 24px;
        box-shadow: 0 2px 12px rgba(0,0,0,0.08);
        margin-bottom: 20px;
    }
    .card h2 { font-size: 20px; margin-bottom: 4px; }
    .card p  {font-size: 13px;/* color: #666; */margin-bottom: 16px;}
    .bg2{background: linear-gradient(45deg, #fbff87, #ffafaf);}
    .btn {
        display: inline-block;
        padding: 10px 22px;
        border: none;
        border-radius: 8px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: opacity 0.2s;
    }
    .btn:hover    { opacity: 0.85; }
    .btn:disabled { opacity: 0.5; cursor: not-allowed; }
    .btn-orange { background: #f6851b; color: #fff; }
    .btn-orange:hover {background: #85776a;color: #fff;}
    .btn-indigo {background: #42ad7d;color: #fff;}
    .btn-indigo:hover {background: #138d56;color: #fff;}
    .btn-green  {background: #ff9232;color: #fff;}
    .btn-green:hover {background: #9d5c23;color: #fff;}
    .btn-red    { background: #e53e3e; color: #fff; }
    .btn-red:hover {background: #ff6b6b;color: #fff;}
    .btn-sm     { padding: 5px 12px; font-size: 12px; }

    .stat-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
        margin-bottom: 20px;
    }
    .stat-box {
        background: #4a4a4a;
        border: 1px solid #7f7f7f;
        border-radius: 10px;
        padding: 14px;
        text-align: center;
    }
    .stat-box .label {font-size: 11px;color: #ffffff;margin-bottom: 4px;}
    .stat-box .value {font-size: 16px;font-weight: 600;color: #ffffff;}

    .input-row { display: flex; gap: 8px; align-items: center; margin-bottom: 12px; }
    .input-row input {
        flex: 1;
        padding: 10px 12px;
        border: 1px solid #8d7878;
        border-radius: 8px;
        font-size: 14px;
        background: #4f4848;
        color: #fff;
    }

    .status-msg {
        padding: 10px 14px;
        border-radius: 8px;
        font-size: 13px;
        margin-top: 10px;
        display: none;
    }
    .status-msg.show { display: block; }
    .status-info    { background: #fff3cd; color: #856404; }
    .status-success { background: #d1fae5; color: #065f46; }
    .status-error   { background: #fee2e2; color: #991b1b; }

    table { width: 100%; border-collapse: collapse; font-size: 13px; }
    th {
        background: #646464;
        padding: 8px 10px;
        text-align: left;
        font-weight: 600;
        color: #ffffff;
        border-bottom: 1px solid #8e8383;
    }
    td {padding: 9px 10px;border-bottom: 1px solid #8e8383;color: #ffffff;}

    .badge {
        display: inline-block;
        padding: 2px 8px;
        border-radius: 10px;
        font-size: 11px;
        font-weight: 600;
    }
    .badge-green { background: #d1fae5; color: #065f46; }
    .badge-amber { background: #fff3cd; color: #856404; }
    .badge-gray  { background: #f0f0f0; color: #555; }

    .wallet-bar {
        background: #353535;
        color: #fff;
        padding: 10px 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 13px;
        border-radius: 10px;
        margin-bottom: 20px;
    }
    .wallet-bar .addr {font-family: monospace;font-size: 12px;color: #ffffff;}
    .network-badge {
        background: #f6851b;
        color: #fff;
        border-radius: 6px;
        padding: 2px 10px;
        font-size: 11px;
        font-weight: 600;
    }

    #connect-section { text-align: center; padding: 40px 20px; }
    #connect-section h2 { margin-bottom: 8px; }
    #connect-section p  { margin-bottom: 24px; color: #fff; }

    #main-section { display: none; }

    .info-note {
        background: #946768;
        border: 1px solid #ab9798;
        border-radius: 8px;
        padding: 10px 14px;
        font-size: 12px;
        color: #ffffff;
        margin-top: 12px;
    }
@keyframes spin {
    to { transform: rotate(360deg); }
}
.addr{

    word-break: break-all;
}
@media(max-width: 991px)
{
    #tab-active,#tab-withdrawn{padding: 10px 6px !important;width: 50%}
    td,th{white-space: nowrap;}
    .card{padding: 20px !important}
}