.cc-overlay { 
    position: fixed; top:0; left:0; width:100%; height:100%; 
    background: rgba(0, 0, 0, 0.4); 
    backdrop-filter: blur(3px);
    display: none; justify-content: center; align-items: center; 
    z-index: 10000;
    animation: cc-fadein 0.2s ease-out;
}
.cc-modal { 
    background: #620038; padding: 25px; border-radius: 12px; 
    min-width: 320px; max-width: 80%;
    box-shadow: 0px 0px 10px #ffffff33;
    font-family: sans-serif;
}
.cc-message { margin-bottom: 25px; color: #eaff5f; font-size: 16px; line-height: 1.5; white-space: pre-wrap;}
.cc-buttons { display: flex; justify-content: flex-end; gap: 10px; }
.btn-action { 
    padding: 8px 16px; border: none; border-radius: 6px; 
    cursor: pointer; font-size: 14px; font-weight: 500;
    transition: background 0.2s, transform 0.1s;
}
.btn-action:hover { opacity: 0.9; }
.btn-action:active { transform: scale(0.98); }
.btn-action[data-action="ok"] { background: #009224; color: rgb(255, 255, 255); }
.btn-action[data-action="cancel"] { background: #fd87a4; color: #000000; }
@keyframes cc-fadein { from { opacity: 0; } to { opacity: 1; } }