body {
            font-size: 12px;
        }

        .xy-seller-verification-overlay {
            position: fixed;
            inset: 0;
            z-index: 99999;
            background: rgba(248, 250, 252, .72);
            backdrop-filter: blur(4px);
            -webkit-backdrop-filter: blur(4px);
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 24px;
        }

        .xy-seller-verification-card {
            width: 100%;
            max-width: 520px;
            border-radius: 22px;
            background: #fff;
            box-shadow: 0 24px 70px rgba(15, 23, 42, .22);
            border: 1px solid rgba(226, 232, 240, .95);
            padding: 34px 30px;
            text-align: center;
        }

        .xy-seller-verification-icon {
            width: 72px;
            height: 72px;
            border-radius: 22px;
            margin: 0 auto 18px;
            background: #fff1e8;
            color: #ff7a1a;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 40px;
        }

        .xy-seller-verification-title {
            font-size: 22px;
            line-height: 1.35;
            font-weight: 800;
            color: #1f2937;
            margin-bottom: 10px;
        }

        .xy-seller-verification-desc {
            font-size: 14px;
            line-height: 1.7;
            color: #667085;
            margin-bottom: 24px;
        }

        .xy-seller-verification-actions {
            display: flex;
            gap: 10px;
            justify-content: center;
            flex-wrap: wrap;
        }

        .xy-seller-verification-actions .btn {
            min-width: 138px;
            border-radius: 10px;
            font-weight: 700;
        }

        .xy-seller-contact-btn {
            background: linear-gradient(135deg, #ff7a1a, #ff9b38);
            border-color: #ff7a1a;
            color: #fff !important;
            box-shadow: 0 10px 22px rgba(255, 122, 26, .22);
        }

        .xy-seller-verify-only-body {
            background: #f5f7fb;
        }

        .xy-seller-verify-only-wrapper {
            min-height: 100vh;
            background:
                radial-gradient(circle at top left, rgba(255, 122, 26, .12), transparent 34%),
                linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
        }

        .xy-seller-verify-only-content {
            width: 100%;
            min-height: 100vh;
        }

        .xy-seller-verify-shell {
            min-height: 100vh;
            padding: 34px 16px;
            display: flex;
            align-items: flex-start;
            justify-content: center;
        }

        .xy-seller-verify-card {
            width: 100%;
            max-width: 860px;
            margin: 0 auto;
            background: #fff;
            border-radius: 22px;
            border: 1px solid #e8edf5;
            box-shadow: 0 22px 60px rgba(15, 23, 42, .10);
            overflow: hidden;
        }

        .xy-seller-verify-head {
            padding: 30px 34px 22px;
            border-bottom: 1px solid #edf1f7;
            background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
            text-align: center;
        }

        .xy-seller-verify-icon {
            width: 70px;
            height: 70px;
            border-radius: 22px;
            margin: 0 auto 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #fff1e8;
            color: #ff7a1a;
            font-size: 38px;
        }

        .xy-seller-verify-title {
            font-size: 24px;
            font-weight: 800;
            color: #1f2937;
            margin-bottom: 8px;
        }

        .xy-seller-verify-desc {
            max-width: 640px;
            margin: 0 auto;
            font-size: 14px;
            line-height: 1.7;
            color: #667085;
        }

        .xy-seller-verify-card .card {
            border: 0;
            box-shadow: none;
            margin-bottom: 0;
        }

        .xy-seller-verify-card .card-header {
            display: none;
        }

        .xy-seller-verify-card .card-body {
            padding: 30px 34px 34px;
        }

        .xy-seller-verify-top-actions {
            position: absolute;
            top: 18px;
            right: 18px;
            display: flex;
            gap: 8px;
            z-index: 2;
        }

        .xy-seller-verify-top-actions .btn {
            border-radius: 10px;
            font-weight: 700;
        }

        @media (max-width: 767.98px) {
            .xy-seller-verify-shell {
                padding: 18px 12px;
            }

            .xy-seller-verify-head,
            .xy-seller-verify-card .card-body {
                padding-left: 20px;
                padding-right: 20px;
            }

            .xy-seller-verify-title {
                font-size: 21px;
            }

            .xy-seller-verify-top-actions {
                position: static;
                justify-content: flex-end;
                padding: 12px 12px 0;
            }
        }

    

        /* Seller panel orange theme override - colors only, no function changes */
        :root {
            --xy-seller-orange: #ff7a1a;
            --xy-seller-orange-dark: #ea580c;
            --xy-seller-orange-deep: #c2410c;
            --xy-seller-orange-soft: #fff4e8;
            --xy-seller-orange-soft-2: #fff9f3;
            --xy-seller-ink: #3f2b1f;
            --xy-seller-muted: #8b6b55;
            --xy-seller-border: #ffd9b5;
        }

        body:not(.xy-seller-verify-only-body),
        .aiz-content-wrapper,
        .aiz-main-content {
            background: #fffaf6;
        }

        .aiz-sidebar-wrapper,
        .aiz-sidebar {
            background: linear-gradient(180deg, #fff8f1 0%, #fffdfb 100%) !important;
            border-right: 1px solid var(--xy-seller-border);
            box-shadow: 8px 0 30px rgba(255, 122, 26, .04);
        }

        .aiz-side-nav-logo-wrap {
            background: linear-gradient(180deg, #fff4e8 0%, #fffaf6 100%);
            border-bottom: 1px solid var(--xy-seller-border);
        }

        .aiz-side-nav-logo-wrap h3,
        .aiz-side-nav-logo-wrap p,
        .text-primary,
        .aiz-titlebar .h3,
        .aiz-titlebar h1,
        .card-title,
        .page-title {
            color: var(--xy-seller-orange-dark) !important;
        }

        .aiz-side-nav-link {
            color: #5f4a3a !important;
            border-radius: 12px;
            margin: 3px 10px;
            transition: background-color .16s ease, color .16s ease, box-shadow .16s ease;
        }

        .aiz-side-nav-link:hover,
        .aiz-side-nav-link.active,
        .aiz-side-nav-link[aria-expanded="true"] {
            color: var(--xy-seller-orange-dark) !important;
            background: linear-gradient(90deg, #fff0df 0%, #fff7ef 100%) !important;
            box-shadow: inset 3px 0 0 var(--xy-seller-orange), 0 6px 18px rgba(255, 122, 26, .08);
        }

        .aiz-side-nav-link:hover .aiz-side-nav-icon,
        .aiz-side-nav-link.active .aiz-side-nav-icon,
        .aiz-side-nav-link[aria-expanded="true"] .aiz-side-nav-icon,
        .aiz-side-nav-link:hover .aiz-side-nav-text,
        .aiz-side-nav-link.active .aiz-side-nav-text,
        .aiz-side-nav-link[aria-expanded="true"] .aiz-side-nav-text {
            color: var(--xy-seller-orange-dark) !important;
        }

        .aiz-side-nav-icon {
            color: #fb923c !important;
        }

        .aiz-side-nav-list.level-2 .aiz-side-nav-link {
            background: transparent !important;
            box-shadow: none;
        }

        .aiz-side-nav-list.level-2 .aiz-side-nav-link:hover,
        .aiz-side-nav-list.level-2 .aiz-side-nav-link.active {
            background: #fff5ea !important;
        }

        .aiz-topbar,
        .aiz-main-wrapper > .aiz-content-wrapper > .aiz-topbar,
        .aiz-navbar {
            background: rgba(255, 255, 255, .97) !important;
            border-bottom: 1px solid var(--xy-seller-border) !important;
            box-shadow: 0 8px 24px rgba(255, 122, 26, .05);
        }

        .aiz-topbar .aiz-topbar-item,
        .aiz-topbar .btn-icon,
        .aiz-topbar .nav-link,
        .aiz-topbar a {
            color: #5f4a3a;
        }

        .aiz-topbar .btn-icon,
        .aiz-topbar .btn-light {
            border: 1px solid #ffe3c9;
            background: #fffaf6 !important;
        }

        .aiz-topbar .btn-icon:hover,
        .aiz-topbar .nav-link:hover,
        .aiz-topbar a:hover {
            color: var(--xy-seller-orange-dark) !important;
            background: #fff0df !important;
        }

        .bg-primary,
        .seller-dashboard-card-orange,
        .bg-grad-1,
        .bg-grad-2,
        .bg-grad-3,
        .bg-grad-4 {
            background: linear-gradient(135deg, #ff7a1a 0%, #ffa647 100%) !important;
            border-color: transparent !important;
            box-shadow: 0 14px 32px rgba(255, 122, 26, .18) !important;
        }

        .bg-primary .text-info,
        .bg-grad-1 .opacity-50,
        .bg-grad-2 .opacity-50,
        .bg-grad-3 .opacity-50,
        .bg-grad-4 .opacity-50,
        .bg-primary .text-muted {
            color: rgba(255,255,255,.88) !important;
            opacity: 1 !important;
        }

        .bg-soft-primary {
            background: linear-gradient(180deg, #ffffff 0%, #fffaf4 100%) !important;
            border: 1px solid var(--xy-seller-border) !important;
            box-shadow: 0 10px 24px rgba(255, 122, 26, .06) !important;
        }

        .bg-soft-primary .text-primary,
        .bg-soft-primary .text-info,
        .bg-soft-primary .card-title,
        .bg-soft-primary .fs-16,
        .bg-soft-primary .fs-30,
        .card .text-primary,
        .card .text-info {
            color: var(--xy-seller-orange-dark) !important;
        }

        .bg-soft-primary .text-black-50,
        .bg-soft-primary i.text-white,
        .bg-soft-primary i.text-black-50 {
            color: var(--xy-seller-orange-dark) !important;
        }

        .bg-soft-primary p,
        .card p,
        .text-muted,
        .small.text-muted {
            color: var(--xy-seller-muted) !important;
        }

        .btn-primary,
        .btn-soft-primary:hover,
        .btn-outline-primary:hover,
        .btn-primary.disabled,
        .btn-primary:disabled {
            background-color: var(--xy-seller-orange) !important;
            border-color: var(--xy-seller-orange) !important;
            color: #fff !important;
            box-shadow: 0 10px 24px rgba(255, 122, 26, .18);
        }

        .btn-primary:hover,
        .btn-primary:focus,
        .btn-primary:active {
            background-color: var(--xy-seller-orange-dark) !important;
            border-color: var(--xy-seller-orange-dark) !important;
            color: #fff !important;
        }

        .btn-outline-primary,
        .btn-soft-primary {
            color: var(--xy-seller-orange-dark) !important;
            border-color: #ffc58f !important;
            background: #fff4e8 !important;
        }

        .badge-info,
        .badge-primary,
        .badge-success {
            background-color: var(--xy-seller-orange) !important;
            color: #fff !important;
        }

        .card {
            border: 1px solid #ffe7cf !important;
            border-radius: 14px !important;
            box-shadow: 0 10px 26px rgba(255, 106, 0, .055) !important;
        }

        .card:not(.bg-primary):not(.bg-grad-1):not(.bg-grad-2):not(.bg-grad-3):not(.bg-grad-4) {
            background: #fff !important;
        }

        .card.bg-primary,
        .card.bg-grad-1,
        .card.bg-grad-2,
        .card.bg-grad-3,
        .card.bg-grad-4 {
            background: linear-gradient(135deg, #ff7a1a 0%, #ffa647 100%) !important;
            border-color: transparent !important;
            box-shadow: 0 14px 32px rgba(255, 122, 26, .18) !important;
        }

        .card.bg-primary .text-white,
        .card.bg-grad-1 .text-white,
        .card.bg-grad-2 .text-white,
        .card.bg-grad-3 .text-white,
        .card.bg-grad-4 .text-white,
        .bg-primary .text-white,
        .bg-grad-1 .text-white,
        .bg-grad-2 .text-white,
        .bg-grad-3 .text-white,
        .bg-grad-4 .text-white {
            color: #fff !important;
        }

        .card-header {
            background: #fffaf5 !important;
            border-bottom-color: #ffe5cc !important;
        }

        .card-header h5,
        .card-header .h6,
        .card .h6,
        .card h5,
        .card h6 {
            color: var(--xy-seller-orange-dark) !important;
        }

        .aiz-main-content svg path[fill="#0277bd"],
        .aiz-main-content svg path[fill="#039be5"],
        .aiz-main-content svg path[fill="#007bff"],
        .aiz-main-content svg path[fill="#009ef7"] {
            fill: var(--xy-seller-orange-dark) !important;
        }

        .aiz-main-content svg path[stroke="#0277bd"],
        .aiz-main-content svg path[stroke="#039be5"],
        .aiz-main-content svg path[stroke="#007bff"],
        .aiz-main-content svg path[stroke="#009ef7"] {
            stroke: var(--xy-seller-orange-dark) !important;
        }

        .aiz-main-content svg [fill="#0277bd"],
        .aiz-main-content svg [fill="#039be5"],
        .aiz-main-content svg [fill="#007bff"],
        .aiz-main-content svg [fill="#009ef7"],
        .aiz-main-content svg [fill="#1d7af3"] {
            fill: var(--xy-seller-orange-dark) !important;
        }

        .aiz-main-content svg [stroke="#0277bd"],
        .aiz-main-content svg [stroke="#039be5"],
        .aiz-main-content svg [stroke="#007bff"],
        .aiz-main-content svg [stroke="#009ef7"],
        .aiz-main-content svg [stroke="#1d7af3"] {
            stroke: var(--xy-seller-orange-dark) !important;
        }

        .table thead th {
            color: var(--xy-seller-orange-deep);
            background: transparent !important;
            border-bottom-color: #fed7aa !important;
        }

        .table td,
        .table th {
            border-top-color: #ffedd5 !important;
        }

        .table tbody tr:hover {
            background: #fffaf5;
        }

        .form-control,
        .custom-select,
        .bootstrap-select .dropdown-toggle,
        textarea.form-control {
            background: #fff !important;
            border-color: #ffd8b4 !important;
            color: var(--xy-seller-ink) !important;
            border-radius: 10px;
        }

        .form-control::placeholder,
        textarea.form-control::placeholder {
            color: #b08a71;
        }

        .form-control:focus,
        .custom-select:focus,
        .bootstrap-select .dropdown-toggle:focus {
            border-color: #fb923c !important;
            box-shadow: 0 0 0 .16rem rgba(255, 106, 0, .14) !important;
        }

        .bootstrap-select .dropdown-menu {
            border: 1px solid #ffd8b4;
            box-shadow: 0 18px 40px rgba(255, 122, 26, .12);
        }

        .bootstrap-select .dropdown-menu .dropdown-item:hover,
        .bootstrap-select .dropdown-menu .dropdown-item:focus,
        .bootstrap-select .dropdown-menu li a:hover,
        .bootstrap-select .dropdown-menu li a:focus {
            background: #fff1e4 !important;
            color: var(--xy-seller-orange-dark) !important;
        }

        .bootstrap-select .dropdown-menu .selected a,
        .bootstrap-select .dropdown-menu li.selected a,
        .bootstrap-select .dropdown-menu li.selected a span.text,
        .bootstrap-select .dropdown-menu .active a,
        .bootstrap-select .dropdown-menu .active a span.text {
            background: var(--xy-seller-orange-dark) !important;
            color: #fff !important;
        }

        select.form-control option:checked,
        select.custom-select option:checked {
            background: linear-gradient(0deg, var(--xy-seller-orange-dark), var(--xy-seller-orange-dark));
            color: #fff;
        }

        .aiz-pagination .page-link {
            color: var(--xy-seller-orange-dark);
            border-color: #ffd8b4;
        }

        .aiz-pagination .page-item.active .page-link,
        .page-item.active .page-link {
            background: var(--xy-seller-orange) !important;
            border-color: var(--xy-seller-orange) !important;
            color: #fff !important;
        }

        .bg-secondary {
            background: rgba(255,255,255,.26) !important;
        }

        .text-black-50 {
            color: #8b6b55 !important;
        }

        .card.bg-primary .text-black-50,
        .card.bg-grad-1 .text-black-50,
        .card.bg-grad-2 .text-black-50,
        .card.bg-grad-3 .text-black-50,
        .card.bg-grad-4 .text-black-50 {
            color: rgba(255,255,255,.92) !important;
        }

        .rounded-lg,
        .rounded {
            border-radius: 14px !important;
        }

        .aiz-main-content hr {
            border-color: #ffe3c9;
        }

        a,
        a:hover {
            color: var(--xy-seller-orange-dark);
        }

        .xy-seller-verification-icon,
        .xy-seller-verify-icon {
            background: #fff1e8 !important;
            color: var(--xy-seller-orange) !important;
        }

        .xy-seller-verification-card,
        .xy-seller-verify-card {
            border-color: #ffe0c2 !important;
            box-shadow: 0 24px 70px rgba(255, 106, 0, .14) !important;
        }

        .xy-seller-verify-only-wrapper {
            background:
                radial-gradient(circle at top left, rgba(255, 106, 0, .16), transparent 34%),
                linear-gradient(180deg, #fff7ed 0%, #fffaf5 100%) !important;
        }

    
        /* testv64 seller orange theme detail fixes */
        .aiz-main-content .card.bg-primary .small,
        .aiz-main-content .card.bg-primary .text-muted,
        .aiz-main-content .card.bg-primary .text-info,
        .aiz-main-content .card.bg-primary .fs-16,
        .aiz-main-content .bg-primary .small,
        .aiz-main-content .bg-primary .text-muted,
        .aiz-main-content .bg-primary .text-info,
        .aiz-main-content .bg-primary .fs-16,
        .aiz-main-content .bg-grad-1 .opacity-50,
        .aiz-main-content .bg-grad-2 .opacity-50,
        .aiz-main-content .bg-grad-3 .opacity-50,
        .aiz-main-content .bg-grad-4 .opacity-50 {
            color: rgba(255, 255, 255, .92) !important;
            opacity: 1 !important;
        }

        .aiz-main-content .card.bg-primary h1,
        .aiz-main-content .card.bg-primary h2,
        .aiz-main-content .card.bg-primary h3,
        .aiz-main-content .card.bg-primary h4,
        .aiz-main-content .card.bg-primary .h1,
        .aiz-main-content .card.bg-primary .h2,
        .aiz-main-content .card.bg-primary .h3,
        .aiz-main-content .card.bg-primary .h4,
        .aiz-main-content .bg-primary .text-white,
        .aiz-main-content .bg-grad-1 .text-white,
        .aiz-main-content .bg-grad-2 .text-white,
        .aiz-main-content .bg-grad-3 .text-white,
        .aiz-main-content .bg-grad-4 .text-white {
            color: #fff !important;
        }

        .aiz-main-content .bg-grad-1 .bg-soft-primary,
        .aiz-main-content .bg-grad-2 .bg-soft-primary,
        .aiz-main-content .bg-grad-3 .bg-soft-primary,
        .aiz-main-content .bg-grad-4 .bg-soft-primary {
            background: rgba(255, 255, 255, .95) !important;
            border: 0 !important;
            box-shadow: 0 8px 18px rgba(194, 65, 12, .16) !important;
        }

        .aiz-main-content .bg-grad-1 .bg-soft-primary i,
        .aiz-main-content .bg-grad-2 .bg-soft-primary i,
        .aiz-main-content .bg-grad-3 .bg-soft-primary i,
        .aiz-main-content .bg-grad-4 .bg-soft-primary i,
        .aiz-main-content .bg-grad-1 .bg-soft-primary i[style],
        .aiz-main-content .bg-grad-2 .bg-soft-primary i[style],
        .aiz-main-content .bg-grad-3 .bg-soft-primary i[style],
        .aiz-main-content .bg-grad-4 .bg-soft-primary i[style] {
            color: var(--xy-seller-orange-dark) !important;
        }

        .aiz-main-content .bg-white .bg-secondary,
        .aiz-main-content .card:not(.bg-primary):not(.bg-grad-1):not(.bg-grad-2):not(.bg-grad-3):not(.bg-grad-4) .bg-secondary,
        .aiz-main-content .p-3.rounded.bg-white .bg-secondary {
            background: #fff1e4 !important;
            border: 1px solid #ffd8b4 !important;
            box-shadow: 0 10px 22px rgba(255, 122, 26, .12) !important;
        }

        .aiz-main-content .bg-white .bg-secondary i,
        .aiz-main-content .card:not(.bg-primary):not(.bg-grad-1):not(.bg-grad-2):not(.bg-grad-3):not(.bg-grad-4) .bg-secondary i,
        .aiz-main-content .p-3.rounded.bg-white .bg-secondary i,
        .aiz-main-content .bg-white .bg-secondary i.text-white,
        .aiz-main-content .card:not(.bg-primary):not(.bg-grad-1):not(.bg-grad-2):not(.bg-grad-3):not(.bg-grad-4) .bg-secondary i.text-white,
        .aiz-main-content .p-3.rounded.bg-white .bg-secondary i.text-white {
            color: var(--xy-seller-orange-dark) !important;
        }


        .aiz-main-content .table thead th {
            background: transparent !important;
        }

    
        /* testv65: fix solid-square icons caused by broad SVG recolor */
        .aiz-main-content svg [fill="#0277bd"],
        .aiz-main-content svg [fill="#039be5"],
        .aiz-main-content svg [fill="#007bff"],
        .aiz-main-content svg [fill="#009ef7"],
        .aiz-main-content svg [fill="#1d7af3"] {
            fill: var(--xy-seller-orange-dark) !important;
        }

        .aiz-main-content svg [stroke="#0277bd"],
        .aiz-main-content svg [stroke="#039be5"],
        .aiz-main-content svg [stroke="#007bff"],
        .aiz-main-content svg [stroke="#009ef7"],
        .aiz-main-content svg [stroke="#1d7af3"] {
            stroke: var(--xy-seller-orange-dark) !important;
        }

        .aiz-main-content .bg-soft-primary svg *,
        .aiz-main-content .bg-soft-primary i,
        .aiz-main-content .bg-soft-primary i[style],
        .aiz-main-content .bg-secondary i,
        .aiz-main-content .bg-secondary i.text-white,
        .aiz-main-content .bg-white .bg-secondary i,
        .aiz-main-content .bg-white .bg-secondary i.text-white {
            color: var(--xy-seller-orange-dark) !important;
        }

        .aiz-main-content .bg-soft-primary {
            background: rgba(255, 255, 255, .96) !important;
        }

        .aiz-main-content .bg-secondary {
            background: #fff1e4 !important;
        }

        .aiz-main-content .bg-grad-1 .bg-soft-primary,
        .aiz-main-content .bg-grad-2 .bg-soft-primary,
        .aiz-main-content .bg-grad-3 .bg-soft-primary,
        .aiz-main-content .bg-grad-4 .bg-soft-primary {
            background: rgba(255, 255, 255, .96) !important;
            border: 0 !important;
        }

        .aiz-main-content .card.bg-primary .text-info,
        .aiz-main-content .card.bg-primary .text-muted,
        .aiz-main-content .card.bg-primary .fs-16,
        .aiz-main-content .bg-primary .text-info,
        .aiz-main-content .bg-primary .text-muted,
        .aiz-main-content .bg-primary .fs-16 {
            color: rgba(255, 255, 255, .94) !important;
        }

        .aiz-main-content .card.bg-primary h3,
        .aiz-main-content .bg-primary h3,
        .aiz-main-content .bg-grad-1 .h4,
        .aiz-main-content .bg-grad-2 .h4,
        .aiz-main-content .bg-grad-3 .h4,
        .aiz-main-content .bg-grad-4 .h4 {
            color: #fff !important;
        }

        .aiz-main-content .table thead th {
            background: transparent !important;
        }


        /* kkv7 seller transaction password security confirmation */
        .xy-transaction-reminder-overlay {
            position: fixed;
            inset: 0;
            z-index: 99998;
            background: rgba(15, 23, 42, .42);
            backdrop-filter: blur(5px);
            -webkit-backdrop-filter: blur(5px);
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 22px;
        }

        .xy-transaction-reminder-card {
            width: 100%;
            max-width: 470px;
            background: #fff;
            border-radius: 24px;
            border: 1px solid #d1fae5;
            box-shadow: 0 28px 80px rgba(16, 185, 129, .22);
            padding: 34px 30px;
            text-align: center;
            position: relative;
        }

        .xy-transaction-reminder-close {
            position: absolute;
            right: 16px;
            top: 14px;
            width: 34px;
            height: 34px;
            border: 0;
            border-radius: 50%;
            background: #f8fafc;
            color: #64748b;
            font-size: 20px;
            line-height: 34px;
            cursor: pointer;
        }

        .xy-transaction-reminder-icon,
        .xy-security-shield {
            background: linear-gradient(135deg, #22c55e, #16a34a);
            color: #fff;
        }

        .xy-transaction-reminder-icon {
            width: 76px;
            height: 76px;
            border-radius: 24px;
            margin: 0 auto 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 42px;
            box-shadow: 0 16px 30px rgba(34, 197, 94, .28);
        }

        .xy-transaction-reminder-card h3 {
            font-size: 22px;
            font-weight: 800;
            color: #14532d;
            margin-bottom: 10px;
        }

        .xy-transaction-reminder-card p {
            color: #64748b;
            line-height: 1.75;
            font-size: 14px;
            margin-bottom: 22px;
        }

        .xy-transaction-reminder-actions {
            display: flex;
            justify-content: center;
            gap: 10px;
            flex-wrap: wrap;
        }

        .xy-transaction-reminder-actions .btn {
            border-radius: 12px;
            font-weight: 800;
            padding: 10px 18px;
        }

        .xy-transaction-set-btn {
            background: linear-gradient(135deg, #22c55e, #16a34a) !important;
            border: 0 !important;
            color: #fff !important;
            box-shadow: 0 12px 24px rgba(34, 197, 94, .28);
        }

        .xy-security-submit-btn {
            background: linear-gradient(135deg, #ffa45f, #ff6b12) !important;
            border: 0 !important;
            color: #fff !important;
            box-shadow: none !important;
        }

        .xy-security-confirm-page {
            width: 100%;
            min-height: calc(100vh - 170px);
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 35px 0;
            background: transparent;
        }

        .xy-security-confirm-card {
            width: 100%;
            max-width: 520px;
            border-radius: 26px;
            background: #fff;
            border: 1px solid rgba(255, 255, 255, .86);
            box-shadow: 0 30px 85px rgba(80, 55, 32, .10);
            padding: 38px 34px;
            text-align: center;
        }

        .xy-security-shield-wrap {
            width: 94px;
            height: 94px;
            position: relative;
            margin: 0 auto 20px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .xy-security-shield-pulse {
            position: absolute;
            inset: 0;
            border-radius: 30px;
            background: rgba(34, 197, 94, .16);
            animation: xySecurityPulse 1.6s ease-in-out infinite;
        }

        .xy-security-shield {
            position: relative;
            width: 76px;
            height: 76px;
            border-radius: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 42px;
            color: #fff;
            background: linear-gradient(135deg, #20c464, #0ba449);
            box-shadow: 0 16px 34px rgba(34, 197, 94, .26);
        }

        @keyframes xySecurityPulse {
            0% { transform: scale(.82); opacity: .95; }
            70% { transform: scale(1.08); opacity: .18; }
            100% { transform: scale(.82); opacity: .95; }
        }

        .xy-security-confirm-card h1 {
            font-size: 25px;
            font-weight: 850;
            color: #050505;
            margin-bottom: 10px;
        }

        .xy-security-desc {
            color: #65718a;
            font-size: 14px;
            line-height: 1.75;
            margin-bottom: 22px;
        }

        .xy-security-steps {
            text-align: left;
            background: #effdf5;
            border: 1px solid #b8f0ce;
            border-radius: 18px;
            padding: 14px 16px;
            margin-bottom: 22px;
        }

        .xy-security-step {
            display: flex;
            align-items: center;
            gap: 10px;
            color: #65718a;
            font-weight: 700;
            padding: 8px 0;
            transition: color .2s ease;
        }

        .xy-step-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: #cbd5e1;
            box-shadow: 0 0 0 0 rgba(34, 197, 94, .0);
        }

        .xy-security-step.active {
            color: #15803d;
        }

        .xy-security-step.active .xy-step-dot {
            background: #22c55e;
            animation: xyStepBlink 1s ease-in-out infinite;
        }

        .xy-security-step[data-step="pwd"].active {
            color: #ff6b12;
        }

        .xy-security-step[data-step="pwd"].active .xy-step-dot {
            background: #ff9148;
            box-shadow: 0 0 0 6px rgba(255, 145, 72, .18);
        }

        .xy-security-step.done {
            color: #16a34a;
        }

        .xy-security-step.done .xy-step-dot {
            background: #16a34a;
        }

        @keyframes xyStepBlink {
            0% { box-shadow: 0 0 0 0 rgb(255 157 86); }
            100% { box-shadow: 0 0 0 9px rgba(34, 197, 94, 0); }
        }

        .xy-security-form {
            text-align: left;
        }

        .xy-security-form label {
            font-weight: 800;
            color: #101014;
            margin-bottom: 8px;
        }

        .xy-security-password {
            height: 48px;
            border-radius: 14px;
            border-color: #ffc59a;
            font-size: 13px;
            letter-spacing: 8px;
            text-align: center;
            color: #111827;
        }

        .xy-security-password:focus {
            border-color: #ff8a35;
            box-shadow: 0 0 0 3px rgba(255, 138, 53, .13);
        }

        .xy-security-submit-btn {
            width: 100%;
            border-radius: 14px;
            font-weight: 850;
            height: 48px;
            margin-top: 16px;
        }

        .xy-security-link {
            display: block;
            text-align: center;
            color: #6f6b67 !important;
            font-weight: 700;
            margin-top: 14px;
        }