:root {
    --primary-color: #2563eb;
    --secondary-color: #1d4ed8;
}

.sidebar {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
}

.modal-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
}

.modal {
    transform: translate(-50%, -50%) scale(0.95);
    transition: transform 0.2s ease-out;
}

.modal.active {
    transform: translate(-50%, -50%) scale(1);
}