/* Success State */
.success-message {
    background: linear-gradient(145deg, rgba(22, 163, 74, 0.1) 0%, rgba(255,255,255,0.9) 100%);
    border: 2px solid rgba(22, 163, 74, 0.3);
    border-radius: 16px;
    padding: 12px;
    margin-bottom: 20px;
    animation: slideIn 0.5s ease forwards;
    font-size: 14px;
}
/* Loading State */
.loading {
    pointer-events: none;
    opacity: 0.7;
}

    .loading button {
        position: relative;
    }

        .loading button::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 20px;
            height: 20px;
            margin: -10px 0 0 -10px;
            border: 2px solid rgba(255,255,255,0.3);
            border-top: 2px solid white;
            border-radius: 50%;
            animation: spin 1s linear infinite;
        }