:root {
            --primary: #b14646;
            --accent: #10100f;
            --bg: #fffaf0;
            --text: #222;
            --radius: 12px;
            --btn-bg: linear-gradient(90deg, #ba0000 0%, #6f0000 100%);
            --btn-hover: linear-gradient(180deg, #ba0000 0%, #1f0000 100%);
            --btn-text: #080808;
        }

        /* modal basics */
        #paymentModal[aria-hidden="true"] {
            display: none
        }

        #paymentModal {
            position: fixed;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 10000
        }

        #paymentModal .overlay {
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.5)
        }

        #paymentModal .panel {
            position: relative;
            background: var(--bg);
            border-radius: 8px;
            padding: 20px;
            max-width: 420px;
            width: 90%;
            box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
            z-index: 1
        }

        #paymentModal .close {
            position: absolute;
            right: 10px;
            top: 8px;
            border: none;
            background: transparent;
            font-size: 20px;
            cursor: pointer
        }

        .field {
            margin-bottom: 10px
        }

        .field label {
            display: block;
            font-size: 13px;
            margin-bottom: 4px
        }

        .field input {
            width: 100%;
            padding: 8px;
            border: 1px solid #d1d5db;
            border-radius: 4px;
            box-sizing: border-box
        }

        .actions {
            display: flex;
            gap: 8px;
            justify-content: flex-end;
            margin-top: 12px
        }

        .btn {
            padding: 10px 14px;
            border-radius: 6px;
            border: none;
            cursor: pointer
        }

        .btn.primary {
            background: var(--btn-bg);
            color: #fff
        }

        .btn.secondary {
            background: #6b7280;
            color: #fff
        }