.success-modal {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: none; /* Hidden by default */
    align-items: center; justify-content: center;
    z-index: 10000;
}

.success-modal.active { display: flex; animation: fadeIn 0.3s ease; }

.success-content {
    background: white;
    padding: 40px;
    border-radius: 16px;
    text-align: center;    /* This centers inline elements */
    max-width: 400px;
    width: 90%;
    display: flex;         /* Use Flexbox for guaranteed centering */
    flex-direction: column;
    align-items: center;   /* Center children horizontally */
}

.success-icon {
    width: 60px; height: 60px;
    background: #e6fcf5; color: #05827e;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto 20px;
}

.success-icon svg { width: 30px; height: 30px; }

.success-content h2 { color: #1e293b; margin-bottom: 10px; }
.success-content p { color: #64748b; margin-bottom: 25px; line-height: 1.5; }

.btn-success-close {
    display: block;        /* Force block level */
    margin: 0 auto;       /* Center horizontally */
    background: #05827e; 
    color: white;
    border: none; 
    padding: 12px 30px;
    border-radius: 8px; 
    font-weight: 600;
    cursor: pointer; 
    transition: 0.2s;
}
.btn-success-close:hover { background: #046b68; transform: translateY(-2px); }

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }