.standard-form-title.flex{
    margin:32px 0 8px;
    font-size:20px
}

.standard-form-title a{
    font-size:16px
}

.pending-transaction-section{
    color:#fff
}

.pending-transaction-section .head{
    display:flex;
    justify-content:space-between;
    text-transform:uppercase
}

.pending-transaction-section .head span{
    color:#ffd700
}

.pending-transaction-section .head a{
    color:#4db8ff
}

.pending-transaction-section .head a:hover{
    color:#ffe680
}

.pending-transaction-carousel{
    display:flex;
    flex-direction:row;
    width:100%;
    max-width:100%;
    overflow-x:scroll;
    gap:8px;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    padding:16px 0
}

.transaction-item{
    width:310px;
    min-height:72px;
    max-height:120px;
    scroll-snap-align:start;
    flex-shrink:0;
    padding:16px 12px;
    border-radius:8px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:8px;
    cursor:pointer;

    background:
        radial-gradient(
            circle at top left,
            rgba(255,215,0,.10),
            transparent 42%
        ),
        linear-gradient(
            135deg,
            #020b1f 0%,
            #061a3a 55%,
            #0b3d91 100%
        );

    border:1px solid rgba(255,215,0,.30);
    box-shadow:
        0 0 16px rgba(0,140,255,.15),
        inset 0 0 12px rgba(255,215,0,.04)
}

.transaction-item .info-section{
    display:flex;
    align-items:center;
    gap:8px
}

.transaction-item img{
    width:38px;
    height:38px
}

.transaction-item .info-section .details{
    flex-grow:1;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    font-size:14px
}

.transaction-item .info-section .details .highlight{
    padding-left:4px;
    color:#ffd700;
    text-shadow:0 0 8px rgba(255,215,0,.25)
}

.pending-transaction-detail-container .pending{
    color:#ffd700
}

.pending-transaction-payment-link-container a{
    color:#ffd700
}

.pending-transaction-detail-card{
    display:flex;
    flex-direction:column;
    border-radius:8px;

    background:
        linear-gradient(
            145deg,
            #020b1f,
            #061a3a 55%,
            #0b2b61
        );

    border:1px solid rgba(255,215,0,.35)
}

.pending-transaction-detail-card .secondary-section{
    background:
        linear-gradient(
            135deg,
            #061a3a,
            #0b3d91
        )
}

.pending-transaction-remarks{
    display:flex;
    justify-content:center;
    align-items:center;
    padding:12px;
    border-radius:4px;
    text-align:center;

    background:
        linear-gradient(
            135deg,
            rgba(0,91,187,.22),
            rgba(0,140,255,.14),
            rgba(255,215,0,.08)
        );

    border:1px dashed #ffd700;
    color:#fff;

    box-shadow:
        0 0 12px rgba(0,140,255,.12),
        inset 0 0 10px rgba(255,215,0,.03)
}

.transactions-table.table{
    font-weight:500;
    font-size:14px;
    border-radius:8px;

    border:1px solid rgba(255,215,0,.30);

    background:
        linear-gradient(
            145deg,
            #020b1f,
            #061a3a
        )
}

.transactions-table.table thead{
    background:
        linear-gradient(
            90deg,
            #061a3a 0%,
            #0b3d91 55%,
            #b8860b 100%
        );

    color:#fff;
    border:1px solid rgba(255,215,0,.45)
}

.transactions-table.table thead tr th{
    color:#ffe680
}

.transactions-table.table tbody{
    background:#020b1f;
    color:#fff
}

.transactions-table.table tbody tr:nth-child(odd){
    background:#04142d
}

.transactions-table.table tbody tr:nth-child(even){
    background:#061a3a
}