.dx-rr-modal{
    position:fixed;
    inset:0;
    z-index:999999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:24px;
    background:rgba(0,0,0,.78);
    backdrop-filter:blur(10px);
}

.dx-rr-modal.active{
    display:flex;
}

.dx-rr-box{
    position:relative;
    width:100%;
    max-width:780px;
    max-height:92vh;
    overflow:auto;
    background:linear-gradient(135deg,rgba(25,5,5,.96),rgba(8,8,10,.98));
    border:1px solid rgba(240,5,5,.35);
    border-radius:24px;
    padding:32px;
    color:#fff;
    box-shadow:0 30px 80px rgba(0,0,0,.7);
}

.dx-rr-close{
    position:absolute;
    top:18px;
    right:18px;
    width:42px;
    height:42px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.06);
    color:#fff;
    font-size:28px;
    cursor:pointer;
}

.dx-rr-pill{
    display:inline-flex;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(240,5,5,.16);
    border:1px solid rgba(240,5,5,.4);
    color:#fff;
    font-size:12px;
    font-weight:900;
    letter-spacing:.12em;
    margin-bottom:14px;
}

.dx-rr-box h2{
    margin:0 0 8px;
    font-size:32px;
    font-weight:900;
}

.dx-rr-box p{
    margin:0 0 22px;
    color:#bbb;
    line-height:1.6;
}

.dx-rr-box label{
    display:block;
    margin:14px 0 8px;
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.dx-rr-box input,
.dx-rr-box select,
.dx-rr-box textarea{
    width:100%;
    min-height:50px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.1);
    background:rgba(0,0,0,.42);
    color:#fff;
    padding:0 16px;
    outline:none;
}

.dx-rr-box textarea{
    min-height:90px;
    padding:14px 16px;
    resize:vertical;
}

.dx-rr-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

.dx-rr-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin-top:24px;
}

.dx-rr-btn{
    height:54px;
    border-radius:14px;
    border:0;
    cursor:pointer;
    color:#fff;
    font-weight:900;
}

.dx-rr-muted{
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.1);
}

.dx-rr-red{
    background:#f00505;
}

.dx-rr-message{
    display:none;
    margin-top:16px;
    padding:14px;
    border-radius:12px;
    font-weight:800;
    text-align:center;
}

.dx-rr-message.success{
    display:block;
    background:rgba(0,180,90,.16);
    border:1px solid rgba(0,180,90,.35);
    color:#9cffbd;
}

.dx-rr-message.error{
    display:block;
    background:rgba(240,5,5,.16);
    border:1px solid rgba(240,5,5,.35);
    color:#ffbaba;
}

@media(max-width:700px){
    .dx-rr-grid,
    .dx-rr-actions{
        grid-template-columns:1fr;
    }

    .dx-rr-box{
        padding:24px;
    }
}