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

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

        .pending-transaction-section .head span {
            color: var(--pending-trans-section-head-span-color)
        }

        .pending-transaction-section .head a,
        .pending-transaction-section .head a:hover {
            color: var(--pending-trans-section-head-a-hover-color)
        }

        .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-color: var(--pending-trans-car-item-bg)
        }

        .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: #f99702
        }

        .transaction-item .info-section .details small {
            font-size: 12px
        }

        .transaction-item .info-section .details small.ticket-number {
            display: flex;
            gap: 4px;
            align-items: center
        }

        .transaction-item .info-section .details small .copy-btn {
            height: 12px;
            width: auto;
            filter: invert(50%);
            cursor: pointer
        }

        .transaction-item .info-section .details>div:last-child {
            text-align: right
        }

        .transaction-item .info-section .details .primary {
            color: var(--pending-trans-car-item-info-section-details-primary-color)
        }

        .transaction-item .info-section .details .secondary {
            color: var(--pending-trans-car-item-info-section-details-secondary-color)
        }

        .transaction-item .download-qr-btn {
            background: var(--pending-trans-car-item-download-qr-btn-bg);
            color: var(--pending-trans-car-item-download-qr-btn-color);
            align-self: flex-end;
            border: 0
        }

        .transaction-item .download-qr-btn:hover {
            background: var(--pending-trans-car-item-download-qr-btn-hover-bg);
            color: var(--pending-trans-car-item-download-qr-btn-hover-color)
        }

        table:has(+.empty-table-container) {
            margin-bottom: 0;
            padding-bottom: 0
        }

        table tr td {
            cursor: pointer
        }

        .empty-table-container {
            background-color: #212121;
            width: 100%;
            height: 233px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 16px;
            margin-bottom: 16px
        }

        .pending-transaction-detail-container {
            display: flex;
            flex-direction: column;
            gap: 24px
        }

        .pending-transaction-detail-container .primary {
            color: var(--pending-trans-detail-primary-color)
        }

        .pending-transaction-detail-container .secondary {
            color: var(--pending-trans-detail-secondary-color)
        }

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

        .pending-transaction-detail-container .pending-transaction-detail-header {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 16px
        }

        .pending-transaction-detail-container .pending-transaction-detail-header img {
            width: 74px;
            height: 74px
        }

        .pending-transaction-detail-container .pending-transaction-detail-header .payment-method-info-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px
        }

        .pending-transaction-detail-container .pending-transaction-detail-header .payment-method-info-container .status-title {
            line-height: 16px;
            font-size: 16px;
            font-weight: 500
        }

        .pending-transaction-detail-container .pending-transaction-detail-header .payment-method-info-container .payment-method {
            line-height: 16px;
            font-size: 12px;
            font-weight: 500
        }

        .pending-transaction-detail-body {
            display: flex;
            flex-direction: column;
            gap: 16px
        }

        .pending-transaction-payment-link-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 12px
        }

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

        .pending-transaction-detail-card {
            display: flex;
            flex-direction: column;
            border-radius: 8px;
            background-color: var(--pending-trans-detail-card-bg);
            border: 1px solid var(--pending-trans-detail-card-border-color)
        }

        .pending-transaction-detail-card .secondary-section {
            background-color: var(--pending-trans-detail-card-secondary-section-bg)
        }

        .pending-transaction-detail-card>div {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 8px;
            padding: 12px;
            font-size: 14px
        }

        .pending-transaction-detail-card>div .bank-icon {
            max-width: 120px;
            max-height: 20px
        }

        .pending-transaction-detail-card>div>div {
            width: calc((100% - 8px)/2);
            flex-grow: 0;
            flex-shrink: 0
        }

        .pending-transaction-detail-card>div>div:first-child,
        .pending-transaction-detail-card>div>span:first-child {
            text-align: left
        }

        .pending-transaction-detail-card .destination-account-name {
            text-align: left
        }

        .pending-transaction-detail-card .destination-account-number-section .destination-account-number {
            width: 80%;
            display: flex;
            flex-direction: column;
            gap: 4px;
            font-size: 20px;
            font-weight: 500;
            line-height: 24px
        }

        .pending-transaction-detail-card .destination-account-number-section .destination-account-number span {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: left
        }

        .pending-transaction-detail-card .destination-account-number-section .destination-account-number .payment-account-name-label {
            font-size: 12px
        }

        .pending-transaction-detail-card[data-payment-type="CRYPTO"] .destination-account-number-section,
        .pending-transaction-detail-card[data-payment-type="QR"] .destination-account-number-section {
            align-items: end
        }

        .pending-transaction-detail-card[data-payment-type="QR"] .destination-account-number-section .destination-account-number {
            font-size: 16px;
            gap: 0
        }

        .pending-transaction-detail-card[data-payment-type="QR"] .destination-account-number-section .destination-account-number .payment-account-name-label {
            font-size: 14px
        }

        .pending-transaction-detail-card .destination-account-number-section .standard-button-group {
            width: max-content;
            text-align: right
        }

        .pending-transaction-detail-card .standard-button-group,
        .pending-transaction-detail-card .standard-button-group .btn {
            width: 100%;
            margin: 0;
            text-transform: capitalize;
            color: #fff
        }

        .pending-transaction-detail-card .copy-account-number-button {
            padding: 4px 8px;
            margin: 0
        }

        .pending-transaction-detail-card .pending-transaction-detail-qr-code-container {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center;
            gap: 16px;
            background-color: var(--pending-trans-detail-card-secondary-section-bg)
        }

        .pending-transaction-detail-card .pending-transaction-detail-qr-code-container img {
            width: 156px;
            height: 156px;
            border-radius: 8px;
            background-color: #fff
        }

        .pending-transaction-detail-card .pending-transaction-detail-qr-code-container br {
            display: none
        }

        .pending-transaction-detail-card .pending-transaction-detail-qr-code-container p {
            margin: 0;
            font-size: 14px;
            text-align: center
        }

        .pending-transaction-detail-card .pending-transaction-detail-qr-code-container .standard-button-group {
            align-self: stretch
        }

        .pending-transaction-remarks {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 12px;
            border-radius: 4px;
            text-align: center;
            background-color: #f8e68917;
            color: var(--pending-trans-detail-remarks-color);
            border: 1px dashed #f8e689
        }

        .pending-transaction-info-section {
            display: flex;
            flex-direction: column;
            gap: 8px
        }

        .pending-transaction-info-section .icon {
            width: 16px;
            height: 16px;
            margin-top: -2px
        }

        .pending-transaction-info-section .icon.chevron-icon {
            width: 16px;
            height: 16px;
            filter: var(--pending-trans-info-chevron-icon-filter);
            transform: rotate(270deg)
        }

        .pending-transaction-info-section.open .icon.chevron-icon {
            transform: rotate(90deg)
        }

        .pending-transaction-info-section .icon.copy-icon {
            filter: var(--pending-trans-info-copy-icon-filter)
        }

        .pending-transaction-info-section .info-section-header {
            padding: 16px;
            cursor: pointer
        }

        .pending-transaction-info-section .info-section-body {
            display: none;
            padding: 0 16px 16px
        }

        .pending-transaction-info-section.open .info-section-body {
            display: flex;
            flex-direction: column;
            gap: 10px;
            border-top: 0
        }

        .pending-transaction-info-section .info-section-body>div {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%
        }

        .pending-transaction-info-section .info-section-body>div>div {
            width: calc((100% - 8px)/2);
            flex-grow: 0;
            flex-shrink: 0;
            display: flex;
            align-items: center;
            gap: 4px
        }

        .pending-transaction-info-section .info-section-body>div>div:nth-child(2) {
            justify-content: flex-end;
            text-align: right
        }

        .how-to-pay-list {
            list-style: decimal;
            padding-left: 24px
        }

        .how-to-pay-list li {
            margin-bottom: 8px;
            padding-left: 8px;
            text-align: left
        }

        .transactions-table.table {
            font-weight: 500;
            font-size: 14px;
            border-radius: 8px;
            border: 1px solid var(--transactions-table-border);
            background: var(--transactions-table-bg)
        }

        .transactions-table.table thead {
            background: var(--transactions-table-head-bg);
            color: var(--transactions-table-head-color);
            border: 1px solid var(--transactions-table-head-border)
        }

        .transactions-table.table tbody {
            background: var(--transactions-table-body-bg);
            color: var(--transactions-table-body-color)
        }

        .transactions-table.table thead>tr>th,
        .transactions-table.table tbody>tr>th,
        .transactions-table.table thead>tr>td,
        .transactions-table.table tbody>tr>td {
            border: 0;
            padding: 16px 6px
        }

        .transactions-table.table thead tr th:first-child,
        .transactions-table.table tbody tr td:first-child {
            padding-left: 16px
        }

        .transactions-table.table thead tr th:last-child,
        .transactions-table.table tbody tr td:last-child {
            padding-right: 16px
        }

        .transactions-table.table tbody span.transfer-status-4,
        .transactions-table.table tbody span.transfer-status-4 {
            color: var(--transactions-table-body-span-app-color)
        }

        .transactions-table.table tbody span.transfer-status-7,
        .transactions-table.table tbody span.transfer-status-8 {
            color: var(--transactions-table-body-span-reject-color)
        }

        .transactions-table.table tbody span.transfer-status-1,
        .transactions-table.table tbody span.transfer-status-2 {
            color: var(--transactions-table-body-span-pending-color)
        }

        .transactions-table.table .transfer-type-3.transfer-status-4::before,
        .transactions-table.table .positive.transfer-type-5.transfer-status-4::before {
            content: '+ '
        }

        .transactions-table.table .transfer-type-4.transfer-status-4::before {
            content: '- '
        }

        .transactions-table.table tbody span.amount:not(.transfer-status-4),
        .transactions-table.table tbody span.amount:not(.transfer-type-3) {
            color: var(--transactions-table-body-color)
        }

        .transactions-table.table tbody span.amount.positive.transfer-status-4:not(.transfer-type-4) {
            color: var(--transactions-table-body-span-app-color)
        }

        .transactions-table.table tbody tr:nth-child(odd) {
            background: var(--transactions-table-body-tr-odd-bg)
        }

        .transactions-table.table tbody tr:nth-child(even) {
            background: var(--transactions-table-body-tr-even-bg)
        }

        .transactions-table.table tfoot>tr>td {
            border: 0
        }

        .transactions-table+.empty-table-container {
            background-color: var(--transaction-table-empty-bg);
            color: var(--transaction-table-empty-color);
            border: 1px solid var(--transactions-table-head-border)
        }

        .transactions-table+.empty-table-container img {
            filter: var(--transaction-table-empty-img-filter)
        }

        .concise-transaction-popup:has(.pending-transaction-detail-container) .modal-content {
            border: 5px solid var(--reporting-detail-popup-bg);
            background-color: var(--reporting-detail-popup-bg)
        }

        .transactions-table.table tfoot>tr>td,
        .transactions-table.table .pagination-section {
            text-align: right
        }

        .transactions-table.table tfoot>tr>td>a,
        .transactions-table.table .pagination-section a {
            margin: 0 4px
        }

        .transactions-table .reporting-button-group {
            margin: 0
        }

        .transactions-table .reporting-button-group .btn {
            width: 100px;
            padding: 4px 8px
        }
    
        /* =========================================================
           PREMIUM THEME OVERRIDE
           Black / Red / Gold / Green
           Added without changing the original structure
        ========================================================== */

        :root {
            --lux-black-950: #050505;
            --lux-black-900: #0a0a0a;
            --lux-black-850: #101010;
            --lux-black-800: #151515;
            --lux-black-750: #1b1b1b;
            --lux-red: #d90429;
            --lux-red-bright: #ff1744;
            --lux-red-dark: #760014;
            --lux-gold: #d4af37;
            --lux-gold-bright: #ffd76a;
            --lux-gold-dark: #775900;
            --lux-green: #00b85a;
            --lux-green-bright: #39e58c;
            --lux-green-dark: #006832;
            --lux-text: #f7f3e8;
            --lux-muted: #aaa59a;
            --lux-line: rgba(212, 175, 55, .24);
            --lux-red-glow: rgba(255, 23, 68, .25);
            --lux-gold-glow: rgba(212, 175, 55, .24);
            --lux-green-glow: rgba(0, 184, 90, .22);

            --pending-trans-section-head-span-color: var(--lux-gold-bright);
            --pending-trans-section-head-a-hover-color: var(--lux-green-bright);
            --pending-trans-car-item-bg:
                linear-gradient(145deg, rgba(29, 29, 29, .98), rgba(7, 7, 7, .98));
            --pending-trans-car-item-info-section-details-primary-color: var(--lux-text);
            --pending-trans-car-item-info-section-details-secondary-color: var(--lux-muted);
            --pending-trans-car-item-download-qr-btn-bg:
                linear-gradient(135deg, var(--lux-red-dark), var(--lux-red));
            --pending-trans-car-item-download-qr-btn-color: #fff;
            --pending-trans-car-item-download-qr-btn-hover-bg:
                linear-gradient(135deg, var(--lux-gold-dark), var(--lux-gold));
            --pending-trans-car-item-download-qr-btn-hover-color: #080808;

            --pending-trans-detail-primary-color: var(--lux-text);
            --pending-trans-detail-secondary-color: var(--lux-muted);
            --pending-trans-detail-card-bg:
                linear-gradient(160deg, rgba(25, 25, 25, .98), rgba(8, 8, 8, .98));
            --pending-trans-detail-card-border-color: rgba(212, 175, 55, .38);
            --pending-trans-detail-card-secondary-section-bg:
                linear-gradient(135deg, rgba(118, 0, 20, .20), rgba(0, 104, 50, .14));
            --pending-trans-detail-remarks-color: var(--lux-gold-bright);

            --transactions-table-border: rgba(212, 175, 55, .30);
            --transactions-table-bg: var(--lux-black-900);
            --transactions-table-head-bg:
                linear-gradient(90deg, #35000a, #151515 48%, #07331e);
            --transactions-table-head-color: var(--lux-gold-bright);
            --transactions-table-head-border: rgba(212, 175, 55, .34);
            --transactions-table-body-bg: var(--lux-black-900);
            --transactions-table-body-color: var(--lux-text);
            --transactions-table-body-span-app-color: var(--lux-green-bright);
            --transactions-table-body-span-reject-color: var(--lux-red-bright);
            --transactions-table-body-span-pending-color: var(--lux-gold-bright);
            --transactions-table-body-tr-odd-bg: rgba(255, 255, 255, .018);
            --transactions-table-body-tr-even-bg: rgba(212, 175, 55, .035);

            --transaction-table-empty-bg:
                radial-gradient(circle at center, rgba(212, 175, 55, .08), transparent 65%),
                var(--lux-black-850);
            --transaction-table-empty-color: var(--lux-muted);
            --reporting-detail-popup-bg: #0b0b0b;
        }

        .pending-transaction-section {
            position: relative;
            color: var(--lux-text);
            isolation: isolate;
        }

        .pending-transaction-section::before {
            content: "";
            position: absolute;
            inset: -20px;
            z-index: -1;
            pointer-events: none;
            background:
                radial-gradient(circle at 8% 4%, rgba(217, 4, 41, .12), transparent 30%),
                radial-gradient(circle at 92% 16%, rgba(0, 184, 90, .10), transparent 28%),
                radial-gradient(circle at 50% 110%, rgba(212, 175, 55, .10), transparent 34%);
            filter: blur(8px);
        }

        .pending-transaction-section .head {
            align-items: center;
            padding-bottom: 10px;
            border-bottom: 1px solid var(--lux-line);
        }

        .pending-transaction-section .head span {
            font-weight: 700;
            letter-spacing: .08em;
            text-shadow: 0 0 14px var(--lux-gold-glow);
        }

        .pending-transaction-section .head a {
            transition: color .2s ease, text-shadow .2s ease;
        }

        .pending-transaction-section .head a:hover {
            text-decoration: none;
            text-shadow: 0 0 12px var(--lux-green-glow);
        }

        .pending-transaction-carousel {
            scrollbar-width: thin;
            scrollbar-color: var(--lux-gold) var(--lux-black-850);
        }

        .pending-transaction-carousel::-webkit-scrollbar {
            height: 7px;
        }

        .pending-transaction-carousel::-webkit-scrollbar-track {
            background: var(--lux-black-850);
            border-radius: 999px;
        }

        .pending-transaction-carousel::-webkit-scrollbar-thumb {
            border-radius: 999px;
            background: linear-gradient(90deg, var(--lux-red), var(--lux-gold), var(--lux-green));
        }

        .transaction-item {
            position: relative;
            overflow: hidden;
            border: 1px solid rgba(212, 175, 55, .24);
            box-shadow:
                0 10px 30px rgba(0, 0, 0, .32),
                inset 0 1px 0 rgba(255, 255, 255, .035);
            transition:
                transform .25s ease,
                border-color .25s ease,
                box-shadow .25s ease;
        }

        .transaction-item::before {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            background:
                linear-gradient(115deg, transparent 20%, rgba(255, 255, 255, .05) 42%, transparent 62%);
            transform: translateX(-120%);
            transition: transform .65s ease;
        }

        .transaction-item::after {
            content: "";
            position: absolute;
            top: 0;
            left: 14px;
            right: 14px;
            height: 2px;
            background: linear-gradient(90deg, var(--lux-red), var(--lux-gold), var(--lux-green));
            box-shadow: 0 0 14px var(--lux-gold-glow);
        }

        .transaction-item:hover {
            transform: translateY(-4px);
            border-color: rgba(255, 215, 106, .56);
            box-shadow:
                0 16px 38px rgba(0, 0, 0, .45),
                0 0 20px rgba(212, 175, 55, .09),
                0 0 28px rgba(217, 4, 41, .07);
        }

        .transaction-item:hover::before {
            transform: translateX(120%);
        }

        .transaction-item img {
            object-fit: contain;
            filter: drop-shadow(0 0 8px rgba(212, 175, 55, .16));
        }

        .transaction-item .info-section .details .highlight,
        .pending-transaction-detail-container .pending,
        .pending-transaction-payment-link-container a {
            color: var(--lux-gold-bright);
            text-shadow: 0 0 10px var(--lux-gold-glow);
        }

        .transaction-item .download-qr-btn,
        .pending-transaction-detail-card .btn,
        .transactions-table .reporting-button-group .btn {
            border-radius: 6px;
            border: 1px solid rgba(255, 255, 255, .08);
            box-shadow:
                0 7px 18px rgba(0, 0, 0, .28),
                inset 0 1px 0 rgba(255, 255, 255, .12);
            transition:
                transform .2s ease,
                box-shadow .2s ease,
                filter .2s ease;
        }

        .transaction-item .download-qr-btn:hover,
        .pending-transaction-detail-card .btn:hover,
        .transactions-table .reporting-button-group .btn:hover {
            transform: translateY(-2px);
            filter: brightness(1.12);
            box-shadow:
                0 10px 24px rgba(0, 0, 0, .38),
                0 0 16px var(--lux-gold-glow);
        }

        .empty-table-container {
            color: var(--lux-muted);
            border: 1px solid var(--lux-line);
            border-radius: 8px;
            box-shadow: inset 0 0 34px rgba(0, 0, 0, .34);
        }

        .pending-transaction-detail-container {
            color: var(--lux-text);
        }

        .pending-transaction-detail-container .pending-transaction-detail-header img {
            padding: 8px;
            border-radius: 50%;
            background:
                radial-gradient(circle, rgba(212, 175, 55, .14), rgba(217, 4, 41, .08));
            border: 1px solid rgba(212, 175, 55, .30);
            box-shadow:
                0 0 0 5px rgba(212, 175, 55, .035),
                0 0 24px rgba(212, 175, 55, .12);
        }

        .pending-transaction-detail-container
        .pending-transaction-detail-header
        .payment-method-info-container
        .status-title {
            color: var(--lux-gold-bright);
            letter-spacing: .02em;
        }

        .pending-transaction-detail-card {
            position: relative;
            overflow: hidden;
            box-shadow:
                0 16px 38px rgba(0, 0, 0, .38),
                inset 0 1px 0 rgba(255, 255, 255, .035);
        }

        .pending-transaction-detail-card::before {
            content: "";
            position: absolute;
            inset: 0 auto 0 0;
            width: 3px;
            background: linear-gradient(var(--lux-red), var(--lux-gold), var(--lux-green));
            box-shadow: 0 0 12px var(--lux-gold-glow);
        }

        .pending-transaction-detail-card>div {
            border-bottom: 1px solid rgba(212, 175, 55, .09);
        }

        .pending-transaction-detail-card>div:last-child {
            border-bottom: 0;
        }

        .pending-transaction-detail-card
        .destination-account-number-section
        .destination-account-number {
            color: var(--lux-gold-bright);
            text-shadow: 0 0 12px rgba(212, 175, 55, .15);
        }

        .pending-transaction-detail-card
        .pending-transaction-detail-qr-code-container img {
            padding: 8px;
            border: 2px solid var(--lux-gold);
            box-shadow:
                0 0 0 4px rgba(212, 175, 55, .06),
                0 0 24px rgba(212, 175, 55, .16);
        }

        .pending-transaction-remarks {
            background:
                linear-gradient(135deg, rgba(212, 175, 55, .10), rgba(217, 4, 41, .06));
            border-color: rgba(255, 215, 106, .64);
            box-shadow: inset 0 0 18px rgba(212, 175, 55, .05);
        }

        .pending-transaction-info-section {
            border: 1px solid rgba(212, 175, 55, .15);
            border-radius: 8px;
            overflow: hidden;
            background: rgba(12, 12, 12, .76);
            transition: border-color .22s ease, box-shadow .22s ease;
        }

        .pending-transaction-info-section.open {
            border-color: rgba(0, 184, 90, .38);
            box-shadow: 0 0 20px rgba(0, 184, 90, .07);
        }

        .pending-transaction-info-section .info-section-header {
            background:
                linear-gradient(90deg, rgba(217, 4, 41, .08), transparent 46%, rgba(0, 184, 90, .07));
        }

        .pending-transaction-info-section .info-section-body {
            color: var(--lux-muted);
        }

        .pending-transaction-info-section .icon.chevron-icon {
            transition: transform .22s ease, filter .22s ease;
        }

        .transactions-table.table {
            overflow: hidden;
            box-shadow:
                0 16px 36px rgba(0, 0, 0, .36),
                inset 0 1px 0 rgba(255, 255, 255, .025);
        }

        .transactions-table.table thead {
            box-shadow: 0 4px 16px rgba(0, 0, 0, .20);
        }

        .transactions-table.table thead>tr>th {
            font-size: 12px;
            letter-spacing: .055em;
            text-transform: uppercase;
            white-space: nowrap;
        }

        .transactions-table.table tbody tr {
            transition:
                background-color .18s ease,
                transform .18s ease,
                box-shadow .18s ease;
        }

        .transactions-table.table tbody tr:hover {
            background:
                linear-gradient(90deg, rgba(217, 4, 41, .09), rgba(212, 175, 55, .055), rgba(0, 184, 90, .07));
            box-shadow: inset 3px 0 0 var(--lux-gold);
        }

        .transactions-table.table tbody tr:hover td {
            color: #fff;
        }

        .transactions-table.table tbody td {
            border-bottom: 1px solid rgba(212, 175, 55, .065);
        }

        .transactions-table.table tbody span.transfer-status-4 {
            text-shadow: 0 0 10px var(--lux-green-glow);
        }

        .transactions-table.table tbody span.transfer-status-7,
        .transactions-table.table tbody span.transfer-status-8 {
            text-shadow: 0 0 10px var(--lux-red-glow);
        }

        .transactions-table.table tbody span.transfer-status-1,
        .transactions-table.table tbody span.transfer-status-2 {
            text-shadow: 0 0 10px var(--lux-gold-glow);
        }

        .transactions-table.table tfoot>tr>td>a,
        .transactions-table.table .pagination-section a {
            color: var(--lux-gold-bright);
            padding: 5px 8px;
            border-radius: 5px;
            transition: background .18s ease, color .18s ease, box-shadow .18s ease;
        }

        .transactions-table.table tfoot>tr>td>a:hover,
        .transactions-table.table .pagination-section a:hover {
            color: #080808;
            text-decoration: none;
            background: var(--lux-gold);
            box-shadow: 0 0 14px var(--lux-gold-glow);
        }

        .concise-transaction-popup:has(.pending-transaction-detail-container) .modal-content {
            border-color: rgba(212, 175, 55, .45);
            border-radius: 12px;
            box-shadow:
                0 26px 80px rgba(0, 0, 0, .72),
                0 0 34px rgba(217, 4, 41, .09),
                0 0 46px rgba(0, 184, 90, .06);
        }

        @keyframes pendingThemePulse {
            0%, 100% {
                box-shadow: 0 0 0 rgba(212, 175, 55, 0);
            }
            50% {
                box-shadow: 0 0 18px rgba(212, 175, 55, .12);
            }
        }

        .pending-transaction-detail-container .pending {
            animation: pendingThemePulse 2.4s ease-in-out infinite;
        }

        @media (max-width: 767px) {
            .transaction-item {
                width: 280px;
            }

            .transactions-table.table {
                border-radius: 6px;
            }

            .transactions-table.table thead>tr>th,
            .transactions-table.table tbody>tr>td {
                padding-top: 13px;
                padding-bottom: 13px;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .transaction-item,
            .transaction-item::before,
            .transaction-item .download-qr-btn,
            .pending-transaction-detail-card .btn,
            .transactions-table .reporting-button-group .btn,
            .transactions-table.table tbody tr,
            .pending-transaction-info-section .icon.chevron-icon {
                transition: none !important;
            }

            .pending-transaction-detail-container .pending {
                animation: none !important;
            }
        }